#connectForm, input,#lostPass{
	font-family: 'Fira Sans', sans-serif;
}

#shareMeButton{
    position:absolute;
    bottom:30px;
    left:150px;
    width:200px;
    height:30px;
}
 .centeredFrame{
        z-index:2;
        height:550px;
        width:70%;
        position:absolute;
        top:30%;
        left:50%;
        margin-left:-35%;
        margin-top:-160px;
         background-color: rgba(255, 255, 255, 0.8);
         padding:10px;
         overflow:auto;
          font-family: 'Roboto Condensed', sans-serif;
          color:#000;
          display:none;
        }
        
     .leftFrame{
        z-index:2;
        height:270px;
        width:160px;
        position:absolute;
        top:50%;
        left:0%;
        margin-left:20px;
        margin-top:-135px;
         background-color: rgba(255, 255, 255, 0.8);
         padding:10px;
          font-family: 'Roboto Condensed', sans-serif;
          color:#000;
    }
        #closewinshare{
            float:right;
        }

        @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
       
        #message{
            
        }
        .maintitle{
        font-size:1.2em;
        font-weight:bold;
    }
    .smalltitle{
        font-size:1.1em;
        font-weight:bold;
    }
    .maintext{
    
    }
    .floatbox{
        float:left;
        margin:10px;
    }
    #loginform{
        width:40%;
    }
    #registerform{
        width:50%;
    }
    #message{
        height:10px;
    }
    #minitext{}
    .green{
        color:#01943c;
    }
    .blue{
        color:#4185d8;
    }
    .field{
        width:80%;
        font-size:103%;
        margin:3px;
    }
    
@media only screen and (max-width:719px) {  

    .floatbox{
        float:none;
        width:100%;
        margin:10px;
    }
#loginform,#registerform{
        width:100%;
    }
    
}


.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% 'Fira Sans', sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	font-weight:bold;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}


.css3buttonblue {
margin:5px;
     font-family: 'Roboto Condensed', sans-serif;
    font-size: 105%;
    color: #ffffff;
    padding: 10px 20px;
    background: -moz-linear-gradient(
        top,
        #4185d8 0%,
        #74cfd6);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#4185d8),
        to(#74cfd6));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #000000;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,0.7);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,0.7);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,0.7);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.4),
        0px 1px 0px rgba(255,255,255,0.3);
}


.css3buttongreen {
    margin:5px;
     font-family: 'Roboto Condensed', sans-serif;
    font-size: 105%;
    color: #ffffff;
    padding: 10px 20px;
    background: -moz-linear-gradient(
        top,
        #01943c 0%,
        #81d674);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#01943c),
        to(#81d674));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #000000;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,0.7);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,0.7);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,0.7);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.4),
        0px 1px 0px rgba(255,255,255,0.3);
}
@media (max-width:500px) {
	.miniframe{
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
}

#connectForm a,#connectForm a:hover{
	text-decoration:none;
	color:#aaa;
}

#contentFrame{
		display:none;
		z-index:2;
		height:250px;
		width:300px;
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-35%;
		margin-top:-125px;
		 background-color: rgba(255, 255, 255, 0.8);
		 font-family: 'Roboto Condensed', sans-serif;
		 padding:0px;
	
	}
	.contentwrapper{
			 overflow:auto;
			width:100%;
			margin-top:0px;
	}

.closeFrame{

	position:absolute;
		top:-10px;
		right:-10px;
}

#legallink{
	z-index:2;
	position:absolute;
	bottom:3px;		
	left:40%;
	margin-left:-130px;
	font-family: 'Roboto Condensed', sans-serif;
}
	#mentionslegales{
		display:none;
		z-index:2;
		height:250px;
		width:70%;
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-35%;
		margin-top:-125px;
		 background-color: rgba(255, 255, 255, 0.8);
		 font-family: 'Roboto Condensed', sans-serif;
		 padding:10px;
	
	}


	.wrapper{
			 overflow:auto;
			 height:240px;
			width:100%;
			margin-top:10px;
	}

.closeFrame{

	position:absolute;
		top:0px;
		right:5px;
}    



.slideshow {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

/*
.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
li.slideshow-image {
  -webkit-animation-name: kenburns-1;
          animation-name: kenburns-1;
 
}

@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2) translate(20px, 20px);
            transform: scale(1.2) translate(20px, 20px);
  }
  98.4375% {
    opacity: 1;
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  100% {
    opacity: 1;
  }
}

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2) translate(20px, 20px); 
            transform: scale(1.2) translate(20px, 20px);
  }
  98.4375% {
    opacity: 1;
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  100% {
    opacity: 1;
  }
}
*/

h1 {
  z-index: 99;
  
  font-family: Raleway, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 1em 2em -1em rgba(0, 0, 0, 0.5);
  padding: 0em 1em;
  font-size:1.8em;
}
h1 small {
  display: block;
  text-transform: lowercase;
  font-size: .7em;
}
h1 small:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding-bottom: .5em;
}
h1 small:last-child {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding-top: .5em;
}