@charset "utf-8";


/*-----------------------------------------------------------------
IMPORT CSS
-----------------------------------------------------------------*/
@import url("css_normalizer.css");

@font-face {
  font-family: "Pluto";
  src: url(../type/PlutoSansRegular.otf) format("opentype");
}
@font-face {
  font-family: "Pluto Bold";
  src: url(../type/PlutoSansHeavy.otf) format("opentype");
  font-weight:700;
}
@font-face {
  font-family: "Pluto Light";
  src: url(../type/PlutoSansLight.otf) format("opentype");
  font-weight:300;
}


/*-----------------------------------------------------------------
COLUMNATION
-----------------------------------------------------------------*/
.container12, .container16 {
    margin:0 auto;
    padding:0;
    position:relative;
    width:1140px;
}
.row {
	margin-bottom:40px;
}
.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}
.container12 .alpha, .container16 .alpha {margin-left:0;}
.container12 .omega, .container16 .omega {margin-right:0;}
.container12 .column1 {width:75px;}
.container12 .column2 {width:170px;}
.container12 .column3 {width:265px;}
.container12 .column4 {width:360px;}
.container12 .column5 {width:455px;}
.container12 .column6 {width:550px;}
.container12 .column7 {width:645px;}
.container12 .column8 {width:740px;}
.container12 .column9 {width:835px;}
.container12 .column10 {width:930px;}
.container12 .column11 {width:1025px;}
.container12 .column12 {width:1120px;}
.container12 .prefix1 {padding-left:95px;}
.container12 .prefix2 {padding-left:190px;}
.container12 .prefix3 {padding-left:285px;}
.container12 .prefix4 {padding-left:380px;}
.container12 .prefix5 {padding-left:475px;}
.container12 .prefix6 {padding-left:570px;}
.container12 .prefix7 {padding-left:665px;}
.container12 .prefix8 {padding-left:760px;}
.container12 .prefix9 {padding-left:855px;}
.container12 .prefix10 {padding-left:950px;}
.container12 .prefix11 {padding-left:1045px;}
.row:after, .clearfix:after, .container12:after {clear:both;}
/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {zoom: 1;}
img, object, embed {max-width:100%;}
img {height:auto;}
.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}


/*-----------------------------------------------------------------
GENERAL AND DEFAULTS
-----------------------------------------------------------------*/
body{
	color:#FFF;
	font-size:16px;
	line-height:1.4em;
	background: #1d1721 url(images/bg.jpg) center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	font-family: 'Lato', sans-serif;
}
p{
	font-family:inherit;
	color:inherit;
	font-size:inherit;
	color:inherit;
	font-weight:inherit;
	padding:0px;
	margin:0px;
	padding-bottom:15px;
}
a:link, a:visited{
	color:#a1b500;
	font-family:inherit;
	text-decoration:none;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}
a:hover, a:active{
	color:#FFF;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
}
h1{
	margin:0px;
	padding:0px;
	font-family: 'Pluto Bold', serif;
	font-weight:400;
	line-height:normal;
	color:#f42a84;
	font-size:55px;
	padding:40px 0px 10px 0px;
	font-weight:700;
	text-transform:uppercase;
}


/*-----------------------------------------------------------------
COMMON PAGE STYLES
-----------------------------------------------------------------*/
.clear{
	clear:both;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.bold{
	font-weight:bold;
}
.caps{
	text-transform:uppercase;
}
.green{
	text-transform:uppercase;
	color:#a1b500;
	font-family: 'Pluto Bold', serif;
}
.box{
	background-color:#2f2739;
	padding:20px;
	margin:10px 0px 25px 0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.column2{
	border-right:1px solid #4e4a51;
}
.omega{
	border-right:0px;
}
.mobile_show{
	display:none;
}


/*-----------------------------------------------------------------
MEDIA QUERIES
-----------------------------------------------------------------*/
@media only screen and (min-width: 1320px){
    .container12, .container16 {width:1320px;}
	.container12 .column1 {width:90px;}
	.container12 .column2 {width:200px;}
	.container12 .column3 {width:310px;}
	.container12 .column4 {width:420px;}
	.container12 .column5 {width:530px;}
	.container12 .column6 {width:640px;}
	.container12 .column7 {width:750px;}
	.container12 .column8 {width:860px;}
	.container12 .column9 {width:970px;}
	.container12 .column10 {width:1080px;}
	.container12 .column11 {width:1190px;}
	.container12 .column12 {width:1300px;}
	h1{
		font-size:65px;
	}
}
@media only screen and (min-width: 960px) and (max-width: 1160px) {
    .container12, .container16 {width:960px;}
    .container12 .column1 {width:40px;}
    .container12 .column2 {width:120px;}
    .container12 .column3 {width:200px;}
    .container12 .column4 {width:280px;}
    .container12 .column5 {width:360px;}
    .container12 .column6 {width:440px;}
    .container12 .column7 {width:520px;}
    .container12 .column8 {width:600px;}
    .container12 .column9 {width:680px;}
    .container12 .column10 {width:760px;}
    .container12 .column11 {width:840px;}
    .container12 .column12 {width:920px;}
    .container12 .prefix1 {padding-left:80px;}
    .container12 .prefix2 {padding-left:160px;}
    .container12 .prefix3 {padding-left:240px;}
    .container12 .prefix4 {padding-left:320px;}
    .container12 .prefix5 {padding-left:400px;}
    .container12 .prefix6 {padding-left:480px;}
    .container12 .prefix7 {padding-left:560px;}
    .container12 .prefix8 {padding-left:640px;}
    .container12 .prefix9 {padding-left:720px;}
    .container12 .prefix10 {padding-left:800px;}
    .container12 .prefix11 {padding-left:880px;}
	
	h1{
		font-size:45px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container12, .container16 {width:768px;}
    .container12 .column1 {width:24px;}
    .container12 .column2 {width:88px;}
    .container12 .column3 {width:152px;}
    .container12 .column4 {width:216px;}
    .container12 .column5 {width:280px;}
    .container12 .column6 {width:344px;}
    .container12 .column7 {width:408px;}
    .container12 .column8 {width:472px;}
    .container12 .column9 {width:536px;}
    .container12 .column10 {width:600px;}
    .container12 .column11 {width:664px;}
    .container12 .column12 {width:728px;}
    .container12 .prefix1 {padding-left:64px;}
    .container12 .prefix2 {padding-left:128px;}
    .container12 .prefix3 {padding-left:192px;}
    .container12 .prefix4 {padding-left:256px;}
    .container12 .prefix5 {padding-left:320px;}
    .container12 .prefix6 {padding-left:384px;}
    .container12 .prefix7 {padding-left:448px;}
    .container12 .prefix8 {padding-left:512px;}
    .container12 .prefix9 {padding-left:576px;}
    .container12 .prefix10 {padding-left:640px;}
    .container12 .prefix11 {padding-left:704px;}
	
	h1{
		font-size:35px;
	}
}

@media only screen and (max-width: 767px) {	
    .container12, .container16 {width:320px;}
    .container12 .column1, 
    .container12 .column2, 
    .container12 .column3, 
    .container12 .column4, 
    .container12 .column5, 
    .container12 .column6, 
    .container12 .column7, 
    .container12 .column8, 
    .container12 .column9, 
    .container12 .column10, 
    .container12 .column11, 
    .container12 .column12{
        margin:0 0 10px 0;
        width:320px;
    }
    .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11 {padding-left:0;}
	
	.mobile_hide{
		display:none;
	}
	.mobile_show{
		display:block;
	}
	.mobile_pic{
		height:270px;
		overflow:hidden;
	}

	h1{
		font-size:30px;
	}
}