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

@font-face {
    font-family: 'futura_ltregular';
    src: url('../fonts/futuralt-webfont.eot');
    src: url('../fonts/futuralt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuralt-webfont.woff') format('woff'),
         url('../fonts/futuralt-webfont.ttf') format('truetype'),
         url('../fonts/futuralt-webfont.svg#futura_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{ padding:0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; background:#000;
font-family:futura_ltregular; overflow-x:hidden; height:auto; 


 }



.pageOne{ position:relative; width:100%; margin:0px 0px; padding:0px 0px; height:100%; float:none; clear:both; overflow:hidden;  }
.pageOne img{ max-width:100%; height:auto; display:block; opacity:1; margin-top:0%; z-index:-99; }

.pageOneNavigation{ width:100%; position:relative; margin:0% 0%; background:#000; }
.pageOneNavigation ul{ position:relative; margin:0px 0px; padding:0px 0px; list-style:none; float:left; left:50%; }

.pageOneNavigation ul li{ position:relative; height:4em; float:left; right:50%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-in-out; }

.pageOneNavigation ul li a{ display:block; line-height:4em; padding:0px 2em; text-transform:uppercase; color:rgb(222,52,127); letter-spacing:0.24em; }

/*
.pageOneNavigation ul li.about span{ position:absolute; top:25%; left:12%; height:46px; line-height:46px; width:100%;  font-size:2.6em;  color:#000; text-align:left; padding-left:1em; display:block; }
.pageOneNavigation ul li.about span:hover{ color:#fff;}
*/
.pageOneNavigation ul li.gallery{ width:15%; position:relative; float:right; margin-right:20%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out; }
	
.pageOneNavigation ul li.services{ width:15%; position:relative; float:left; margin-top:5%; margin-left:16%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out;  }
	
.pageOneNavigation ul li.contact{ width:15%; position:relative; float:right; margin-top:10%;  margin-right:17%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out; }

.pageOneNavigation ul li img{ min-width:100%; height:auto; display:block; }

.pageTwoOuter{ position:relative; width:80%; margin:0px auto; padding:0px 0px; margin-top:-16%; }
.pageTwo{ position:relative; width:50%; height:100%; margin:0px 0px; padding:0px 0px; color:rgb(222,52,127); z-index:99; font-family: 'Annie Use Your Telescope'; float:left; margin-bottom:3%;   }
.pageTwo h1{ position:relative; margin:0px 0px; padding:0px 0px; margin-bottom:15px; font-family: 'Butterfly Kids', cursive; font-size:4em; font-weight:400; }

.pageTwo h1 a{ color:rgb(222,52,127); text-decoration:none; }
.pageTwo h1 a:hover{ color:rgb(255,255,255);}

.pageTwo p{ margin:0px 0px; border: 0px solid rgb(222,52,127); padding:0em; font-family: 'Annie Use Your Telescope', cursive; font-size:1.7em;  }
.pageTwo p br{ line-height:2.6em;}
#contact br{ line-height:1.2em;}

.pageTwo ul{ position:relative; margin:0px 0px 0px 2em; padding:0px 0px 0px 0px;    }
.pageTwo ul li{ font-family: 'Annie Use Your Telescope'; font-size:2em; margin-top:0.8em; }
.pageTwo ul li ul{ margin-left:1em;  }
.pageTwo ul li ul li{ font-size:80%; margin-top:0em; list-style-type:circle; }
.pageTwo ul li ul li:bofore{ content: "–";  } 

.pageTwo ul span { font-size:1.6em;}

.imgWr {width:43%; position:relative; clear:both; margin:0px 0px; padding:0px 0px; margin-left:-4%; margin-top:15%; }
.imgWr img{ min-width:100%; height:auto; display:block; margin:0px 0px; padding:0px 0px; }


.fixTest{ position:fixed; top:0px; top:0px;}


.pageTwoNavigationWr{ position:relative; width:45%; margin-left:5%;   float:right; margin-top:-143%; transition:all 1s;  }




.test{ animation:navAnimation 1s; transition:all 1s; margin-top:43%;   }
/*
@keyframes navAnimation{
	0%{ margin-top:-143%; }
	50%{ margin-top:55%; }
	100%{ margin-top:43%; }
}
*/

.pageTwoNavigationWr img{ position:absolute; max-width:100%; height:auto; display:block; text-align:center; margin-left:20%; margin-top:25%; }
.pageTwoNavigationWr ul{ position:relative; margin:0px 0px; padding:0px 0px; list-style:none;  }

.pageTwoNavigationWr ul li.about{ width:35%; position:relative; float:left; margin-top:-3%; margin-left:-5%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-out; 
	-ms-transition: all .2s ease-in-out; }
	
.pageTwoNavigationWr ul li.gallery{ width:25%; position:relative; float:right; margin-top:-3%; margin-right:30%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out; }
	
.pageTwoNavigationWr ul li.services{ width:25%; position:relative; float:right; margin-top:17%; margin-right:6%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; z-index:999;
	-ms-transition: all .2s ease-in-out; }
	
.pageTwoNavigationWr ul li.contact{ width:30%; position:relative; float:right; margin-top:45%; margin-right:-15%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; z-index:999;
	-ms-transition: all .2s ease-in-out; }	

.pageTwoNavigationWr ul li.about:hover,
.pageTwoNavigationWr ul li.gallery:hover, 
.pageTwoNavigationWr ul li.services:hover,
.pageTwoNavigationWr ul li.contact:hover
 { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); 
	-ms-transform: scale(1.2); }	


.contactFormDiv{ width:70%; position:relative; padding-top:0%; margin:6% 0%; text-align:left; clear:both; margin-right:22%; margin-bottom:4%; overflow:visible; color:rgb(223, 98, 153); font-family:futura_ltregular;  }
.contactFormDiv form span{ width:30%; float:left; text-align:right; display:block; margin-bottom:1.4em; padding-right:10px; line-height:3em; position:relative; }
.contactFormDiv form input[type="text"]{ width:100%; float:none;   height:2.6em;  color:rgb('223', '98', '153'); font-weight:400; border: 2px solid rgb(222,52,127); text-indent:10px; font-weight:normal; font-size:1.2em; letter-spacing:0.24em; text-transform:none; margin-bottom:1.4em; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; background:rgb(5, 5, 7); position:relative; font-family:futura_ltregular; transition:all 0.25s;}

.contactFormDiv form input[type="text"]:hover{ border-color:#fff; transition:all 0.25s;}
.contactFormDiv form input[type="text"]:focus{ color:#fff; transition:all 0.25s; }
.contactFormDiv textarea{ width:100%; height:12em; color:rgb(223,98,153); resize: none; border: 2px solid rgb(222,52,127);  letter-spacing:0.24em; text-indent:10px; overflow:hidden; position:relative; top:0px; right:0px; float:right; margin-right:0px; transition:all 2s; transition:all 0.25s; font-size:1.2em; background:rgb(5, 5, 7);}

.contactFormDiv form -webkit-input-placeholder { color: rgb('223', '98', '153');}
.contactFormDiv form -moz-input-placeholder{ color: rgb('223', '98', '153');}
.contactFormDiv form input-placeholder{ color: rgb('223', '98', '153');}
.contactFormDiv placeholder{ color: rgb('223', '98', '153');}

.contactFormDiv textarea:hover{ border-color:#fff; transition:all 0.25s;}
.contactFormDiv textarea:focus{ border-color:rgb(222,52,127); color:#fff; transition:all 0.25s;}

.contactFormDiv input[type="submit"]{height:auto; display:block; background:rgb(222,52,127); color:#000; text-align:center; float:right; margin-left:0%; border:0px; font-size:1.2vw; line-height:2.2em; margin-top:1.2em;
 margin-right:0px; border-radius:0.3em; position:relative; clear:both;
}

/*
@media only screen and (max-device-width: 480px) {
	.pageOneNavigation{ display:none; }
	.pageTwoNavigationWr{ display: none; }
	.pageTwoOuter{ margin-top:0%;}
	.pageTwo{ width:100%; }
	
	.contactFormDiv form input[type="text"]{ font-size:1.6em;}
	.contactFormDiv textarea{ font-size:1.6em;}
	.contactFormDiv input[type="submit"]{ font-size:1.6em; }
}
*/
.key{ width:20%; position:absolute; bottom:1em; right:2%; display:block; z-index:9999; background:none;}
.key img{ max-width:100%; height:auto; display:block; }



@media only screen and (min-width:240px) and (max-width:768px){
	
	.key{ width:80%; top:2em; left:10%; right:0%; margin-bottom:5%; }
	.pageOneNavigation{ display:none; }
	.pageTwoNavigationWr{ display: none; }
	.pageTwoOuter{ margin-top:0%;}
	.pageTwo{ width:100%; }
	
	.contactFormDiv form input[type="text"]{ font-size:1em;}
	.contactFormDiv textarea{ font-size:1em;}

	.contactFormDiv input[type="submit"]{ font-size:1em; line-height:1.6em; }