@charset "UTF-8";
/* CSS Document */
body{
	font-family:Helvetica, Arial, Verdana," sans-serif";
	margin:0px;
	padding:0px;
	text-align:left;
	font-weight:100;
	font-size:90%;
	line-height: 1.5em;
}
/*landing image*/

#mobile{      
	display:block;
}
#mobile img{
	width:100%;
}
#desktop{
	display:none;
}
p{
	text-align:left;
}
a{
	text-decoration:none;
	color:#369
}
a:hover{
	text-decoration:none;
	color:#000
}
h1{
	font-weight:100;
	text-align:left;
	margin-bottom:-10px;
} h2{
	font-weight:500;
	text-align:left;
	margin-bottom:-5px;
	margin-top:0px;
}
h2 span{
	display:inline-block;
}
@font-face {
    font-family: 'signerica';
    src: url(../font/Signerica_Fat.ttf)
}
@font-face {
    font-family: 'moonflower';
    src: url(../font/moonflower.ttf)
}


/*HEADER*/

.header{
	width:92%;
	padding:20px 4%;
	text-align:left;
}
.home .header{
	position:absolute;
	color:rgba(255,255,255,0.6);	
	background-color:rgba(255,255,255,0.1);
}
.header .menuicon, .header .title{
	display:inline-block;		
}
.header .logo, .header .menuicon, .header .title{
	display:inline-block;		
}
.header .logo{
	float:left;
	margin-top:-10px;
	margin-right:10px;
}
.header .logo_dark{
	display:none;
	float:left;
	margin-top:-10px;
	margin-right:10px;
}
.header .logo img, .header .logo_dark img{
	border-radius: 50%;
}
.header .title{
	font-size: 1.8em;
	margin:5px -25px 0px 0px;
	font-weight:500;
	text-transform:uppercase;
	font-family: helvetica;
}

.home .header .title a{
	color:rgba(255,255,255,.75);
}
.header .title a{
	color:#333
}
.header a.menuicon, .header a.close{
	font-size: 1.5em;
	cursor:pointer;
	margin:5px 0px 0px 0px;
	float:right;
	display:block;
}
.home .header a.menuicon,.home .header a.close{
	color:rgba(255,255,255,0.6);
}
.header a.menuicon,.header a.close{
	color:#333;
}
.header a.close{
	display:none;
}
/*MENU*/

.header .menucontainer{
	/*height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000000;
    left: 0;
    top: 0;*/
	display:none;
    overflow-x: hidden;
	clear:both
}

.header ul.menu{
	list-style-type: none;
	padding:0px;
	margin:0px;
	clear:both;
}
.header ul.menu li {
	padding:15px 0px;
	margin:5px 0px;
	font-size:1.8em;
	transition: background 1s ;
	transition: border 1s ;
	border-radius:3px;

}
.header ul.menu li:first-child{
	margin-top:20px;

}
.header ul.menu li a{
	font-weight:100;
	cursor:default;
}
.header ul.menu li i{
	margin-right:20px;
}
.header ul.menu li.active a{
	cursor:pointer;
}
.header ul.menu li a{
	color:#999;
}
.header ul.menu li.active a{
	color:#333;
}
.header ul.menu li.active a:hover{
	color:#000;
}

.header .menu li a:link, .header .menu li a:visited, .header .menu li a:active{
	text-decoration:none;
	padding:10px 0px;

}

/*dark header*/
.home .header.dark{
	background-color:rgba(0,0,0,.5);
	color:#fff;
}
.header.dark{
	background-color:black;
	color:#fff;
	margin-bottom:20px
}
.dark .title{
	padding-right:1px;/*compensate for the different size of icons */
}

.dark .title a, .home .dark .title a{
	color:rgba(255,255,255,1);
}
.dark a.close, .home .dark a.close{
	color:rgba(255,255,255,1);
}
.dark ul.menu li.active a{
	color:#fff;
}
.dark ul.menu li.active a:hover{
	color:rgba(255,255,255,.8);
}

/*CONTENT*/


/*wrapper*/
.wrapper{
	padding:0px 4%;
}

.block img{
	width:100%;
}
.block {
	margin-bottom:50px;
}


/*EXPAND LINKS*/


.hero .button{
	background:rgba(255,255,255,.1);
	transition: background 1s ;
	padding:10px;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	font-weight:normal;
	border-radius:3px;
	text-transform:uppercase;
	z-index:1000000;
}
.hero .button:hover{
	border:1px solid #fff;
	background:rgba(255,255,255,1);
}
.hero .button:hover a{
		color:#050C2C;
}
.button{
	background:rgba(0,0,0,.8);
	transition: background 1s;
	padding:15px 15px;
	margin:30px 0px;
	border-radius:3px;
	font-weight:normal;
	cursor:pointer;
}
.button a{
	color:#fff;
	text-transform:uppercase;
}

.button:hover{
	background:rgba(0,0,0,1);
}
.button:hover a, .button a:hover{
	color:#fff;
}
.more{
	display:none;
}
a.readmore, a.readless{
	color:rgba(0,0,0,.75);
	transition: color 1s;
	white-space: nowrap;
	display:block;
	margin-top:20px
}

a.readmore:hover, a.readless:hover{
	text-decoration:none;
	color:#000
}
.hero a.readmore, .hero a.readless{
	color:rgba(255,255,255,.75);
}

.hero a.readmore:hover, .hero a.readless:hover{
	color:#fff
}


.description{
	margin:-15px 0px 20px 0px;
}


/*FOOTER*/
footer{
	padding-bottom:20px;
}

/*--------------------------------------------------------------------large screens--------------------------------------------------------------*/
@media only screen and (min-width: 700px) {
	h1, h2{
	text-align:left;
}
#desktop{      
	display:block;
}
#desktop img{
	max-width:600px;
}
#mobile{
	display:none;
}
/*header*/
	
.header{
	position:fixed;
	top:20;
	float:left;
	width:25%;
	padding:0px 2%;
	border:none;
	background:#fff;
	text-align:left;
}
.home .header{
	position:relative;
	color:#333;
}

.header .logo{
	display:block;
	float:none;
}
.header .logo img{
	width:100px;
	height:100px;
}
.header .title{
	font-size: 1.8em;
	margin:0px -25px 0px 0px;
	font-weight:100;
	text-transform:uppercase;
	font-family: helvetica;
	line-height:1.2em;
	padding:0px 30px;
}
.home .header .title a,  .header .title a{
	color:#333
}
	
.header a.menuicon, .header a.close{
	display:none;
}

/*menu*/
.header .menucontainer{
	display:block;
	padding:0px;
	margin:0px 20px;
	float:none;
}
.header .menucontainer a.close{
	display:none
}
.header ul.menu{
	list-style-type: none;
	padding:0px;
	margin:0px;
	clear:both;
	font-size:1em;
}
.header ul.menu li {
	padding:10px;
	margin:0px;
	font-size:1.3em;
	transition: background 1s ;
	transition: border 1s ;
	border-radius:3px;
	border:none;
	background:none;
	display:block;

}
.header .menu li a:link, .header .menu li a:visited, .header .menu li a:active{
	text-decoration:none;
	padding:0px;
}

/*content*/

	.content{
		margin-top:20px;
}
	

.description{
	padding:0px
}
	
.wrapper {
	left:30%;	
	margin: 0 ;
	position:absolute;
	padding:0px;
	max-width:600px;

}
	
}

/*font awesome patch*/
.fa-times-thin:before{
	content:'\00d7';
	font-size:30px;
	
}
.fa-times-thin{
	margin-top:-30px;
	position:relative;
	
	
}