@charset "UTF-8";
/* CSS Document */
body {
        background-color: #ffffff;
        background-image: url();
        background-position: center: repeat;
        background-attachment: fixed;
		margin-top: 0px;
        padding-top: 0px; 
  }
body,td,th {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #555555;
}
table {
    width: 100%;
}

a {
	font-family: 'Lato', sans-serif;
	font-size: 26px;
	color: #555555;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #222222;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
a:active {
	text-decoration: none;
	color: #222222;
}
body {
	background-color: #111111;
	background-image: url(images/home/background2.jpg);
	background-position: center: repeat;
	background-attachment: fixed;
}
h1,h2{
	font-family: 'Lato', sans-serif; font-weight: 300; font-size:18px; color: #000000;
	display: inline;
}
h1 {
	font-family: 'Lato', sans-serif; font-weight: 300; font-size:22px; color: #333333;
}
h2 {
    font-family: 'Lato', sans-serif; font-weight: 300; font-size:27px; color: #222222; letter-spacing: 4px;
}
h3 {
    font-family: 'Lato', sans-serif; font-weight: 300; font-size:24px; color: #222222; letter-spacing: 3px;
	display: inline;
}
h4 {
    font-family: 'Lato', sans-serif; font-weight: 300; font-size:34px; color: #222222; letter-spacing: 1px;
	display: inline;
}
h5 {
    font-family: 'Lato', sans-serif; font-weight: 400; font-size:34px; color: #222222; letter-spacing: 1px;
	display: inline;
}
h6 {
    font-family: 'Lato', sans-serif; font-weight: 300; font-size:27px; color: #222222; letter-spacing: 3px;
	display: inline;
}

.shadow {
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#222', Positive='true');
background-color:#000000;
border:solid 10px #D0A852;
}

#wrapper{

width:320px;
height:auto;
position:relative;

}

#wrapper2{

width:752px;
height:auto;
position:relative;

}

.scrollToTop{
	width:100px; 
	height:100px;
	padding:5px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	position:fixed;
	top:500px;
	right:-55px;
	display:none;
	background: url('../ui.totop.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}

		  	@import url('http://fonts.googleapis.com/css?family=Lato:400,600,700');
			
			/* Styling the Popup Window */
			.popup-trigger { display: block; margin: 0 auto; padding: 10px; max-width: 400px; background: #999999; color: #333;
    						 font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 24px; cursor: pointer; }
		  	.popup {display: none; position: absolute; top: 900px; left: 50%; width: 700px; height: 480px; margin-left: -350px; padding: 50px 30px;
  					background: #fff; color: #333; font-size: 16px; line-height: 23px; border: 10px solid #150E2D; z-index: 9999;}
  			.popup-mobile {position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%;}		
  		    .popup-btn-close {position: absolute; top: 10px; right: 20px; color: #4EBD79; font-size: 18px; font-weight: bold; text-transform: uppercase; cursor: pointer;}	

.pink {background-color:#ffffdf}
.about {font-family: font-family: 'Lato', sans-serif; font-weight: 300; font-size:21px; color: #222222; letter-spacing: 3px;
	display: inline}
.open {font-family:	'Lato', sans-serif; font-weight: 300; font-size:27px; color: #222222; letter-spacing: 4px;}
.contentheadline {font-family: 'Oxygen', sans-serif; font-weight: 400; font-size:16px; color: #000000}
.content {font-family: 'Lato', sans-serif; font-weight: 300; font-size:16px; color: #222222}
.main {font-family: 'Lato', sans-serif; font-weight: 300; font-size:21px; color: #222222}
.content2 {font-family: 'Lato', sans-serif; font-weight: 300; font-size:18px; color: #222222}
.content3 {font-family: 'Lato', sans-serif; font-weight: 300; font-size:18px; color: #444444}
.content3-2 {font-family: 'Lato', sans-serif; font-weight: 400; font-size:18px; color: #444444}
.content4 {font-family: 'Lato', sans-serif; font-weight: 300; font-size:18px; color: #000000}
.content4-2 {font-family: 'Lato', sans-serif; font-weight: 400; font-size:18px; color: #000000}
.content5 {font-family: 'Lato', sans-serif; font-weight: 400; font-size:16px; color: #222222}
.bodytext {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 19px; color: #000000}
.bodytext2 {font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 24px; color: #000000}
.bodytext3 {font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 21px; color: #ffffff}
.bottomlinktext {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size:15px; color: #d9d9d9}
.bottomtext {font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; color: #999999}
.headline {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 27px; color: #333333}
.headline2 {font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 32px; color: #999999}
.p1 {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 15px; color: #222222}
.style2 {color: #FFFFFF}
.temptext {font-family: 'Lato', sans-serif; font-weight: 300; font-size: 32px; color: #ffffff}

A.links {font-family: 'Lato', sans-serif; font-weight: 300; font-size:20px;}
A.links {color:#222;}
A.links:link  {text-decoration: bold; color: #222;}
A.links:visited {text-decoration: none; color: #222;}
A.links:hover {text-decoration: none; color: #0189ff;}
A.links:active {text-decoration: none; color: #0189ff; text-align: right;}

A.links2 {font-family: 'Lato', sans-serif; font-weight: 400; font-size:19px;}
A.links2 {color:#fff;}
A.links2:link  {text-decoration: bold; color: #fff;}
A.links2:visited {text-decoration: none; color: #fff;}
A.links2:hover {text-decoration: none; color: #0189ff;}
A.links2:active {text-decoration: none; color: red; text-align: right;}

A.links3 {font-family: 'Lato', sans-serif; font-weight: 400; font-size:19px;}
A.links3 {color:#fff;}
A.links3:link  {text-decoration: bold; color: #fff;}
A.links3:visited {text-decoration: none; color: #fff;}
A.links3:hover {text-decoration: none; color: #f602f6;}
A.links3:active {text-decoration: none; color: red; text-align: right;}

A.bottomlinks {font-family: 'Lato', sans-serif; font-weight: 400; font-size:18px;}
A.bottomlinks {color:#555555;}
A.bottomlinks:link  {text-decoration: bold; color: #555555;}
A.bottomlinks:visited {text-decoration: none; color: #555555;}
A.bottomlinks:hover {text-decoration: none; color: #0189ff;}
A.bottomlinks:active {text-decoration: none; color: #0189ff; text-align: right;}

A.sociallink {font-size: 26px}
A.sociallink {color:#555555;}
A.sociallink:link  {text-decoration: none; color: #555555;}


A.form {font-family: 'Lato', sans-serif; font-weight: 400; font-size:18px;}
A.form {color:#0189ff;}
A.form:link  {text-decoration: bold; color: #0189ff;}
A.form:visited {text-decoration: none; color: #0189ff;}
A.form:hover {text-decoration: underline; color: #0099ff;}
A.form:active {text-decoration: none; color: #0189ff; text-align: right;}

A.show {font-family: 'Lato', sans-serif; font-weight: 400; font-size:22px;}
A.show {color:#0189ff;}
A.show:link  {text-decoration: bold; color: #0189ff;}
A.show:visited {text-decoration: none; color: #0189ff;}
A.show:hover {text-decoration: underline; color: #0099ff;}
A.show:active {text-decoration: none; color: #0189ff; text-align: right;}

A.shhhmedia {font-family: 'Lato', sans-serif; font-weight: 400; font-size:15px;}
A.shhhmedia {color:#555555;}
A.shhhmedia:link  {text-decoration: bold; color: #555555;}
A.shhhmedia:visited {text-decoration: none; color: #555555;}
A.shhhmedia:hover {text-decoration: none; color: #0189ff;}
A.shhhmedia:active {
	text-decoration: none;
	color: #0189ff;
	text-align: right;
}

A.cv {font-family: 'Arial, Helvetica', sans-serif; font-size:17px;}
A.cv {color:#00adef;}
A.cv:link  {text-decoration: bold; color: #00adef;}
A.cv:visited {text-decoration: none; color: #0189ff;}
A.cv:hover {text-decoration: underline; color: #0099ff;}
A.cv:active {text-decoration: none; color: #0189ff; text-align: right;}



ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.scrollup{
  width:40px;
  height:40px;
  opacity:0.3;
  position:fixed;
  bottom:50px;
  right:100px;
  display:none;
  text-indent:-9999px;
  background: url('images/icon_top.png') no-repeat;

	}
	


.box {
  width: 20%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}