@charset "UTF-8";

/* HTML5 ✰ Boilerplate */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}body{font:13px/1.231 sans-serif;font-size:small;}select,input,textarea,button{font:99% sans-serif;}pre,code,kbd,samp{font-family:monospace,sans-serif;}html{overflow-y:scroll;}a:hover,a:active{outline:none;}a,a:active,a:visited{color:#607890;}a:hover{color:#036;}ul,ol{margin-left:1.8em;}ol{list-style-type:decimal;}nav ul,nav li{margin:0;list-style:none;list-style-image:none;}small{font-size:85%;}strong,th{font-weight:bold;}td{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px;}textarea{overflow:auto;}.ie6 legend,.ie7 legend{margin-left:-7px;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;}.ie7 input[type="checkbox"]{vertical-align:baseline;}.ie6 input{vertical-align:text-bottom;}input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}button,input,select,textarea{margin:0;}input:valid,textarea:valid{background:#fff;}input.invalid,textarea.invalid{color:#ffd5ef !important;border-color:#fff !important;background:#fef0f3;-moz-box-shadow:0px 0px 7px #ffa0b4;-webkit-box-shadow:0px 0px 7px #ffa0b4;-o-box-shadow:0px 0px 7px #ffa0b4;-ms-box-shadow:0px 0px 7px #ffa0b4;box-shadow:0px 0px 7px #ffa0b4;}.no-boxshadow input.invalid,.no-boxshadow textarea.invalid{background-color:#f0dddd;}::-moz-selection{background:#ffd5ef;color:#fff;text-shadow:none;}::selection{background:#ffd5ef;color:#fff;text-shadow:none;}a:link{-webkit-tap-highlight-color:#ffd5ef;}button{width:auto;overflow:visible;}.ie7 img{-ms-interpolation-mode:bicubic;}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}.hidden{display:none;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}.clearfix:after{clear:both;}.clearfix{zoom:1;}

/* ==================================================
		basics
   ================================================== */
* {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-ms-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	font-size-adjust	: auto !important;
}

html { overflow: auto }
body {
	min-width: 100%;
	min-height: 100%;
	font-size: .95em;
	margin: 0;
	padding: 0;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	overflow: hidden;
}
h1, h2, h3, h4, h5 { font-family: GoodVibrationsPro, Times New Roman, serif; font-weight: normal; font-style: normal; letter-spacing: 0; }
h1 { margin: 0.1em 0 0.6em 0; font-size: 48px; color: #d44b7a; font-weight: normal; }
h2 { margin: 0.2em 0 0.4em 0; font-size: 42px; color: #d44b7a; font-weight: normal; }
h3 { margin: 0.2em 0 0.4em 0; font-size: 36px; color: #d44b7a; font-weight: normal; }
h4 { margin: 0.2em 0 0.2em 0; font-size: 28px; color: #d44b7a; font-weight: normal; }
h5 { margin: 0.2em 0 0.2em 0; font-size: 24px; color: #d44b7a; font-weight: normal; }
ul { margin: .85em 0 1.3em 2em; }
code, pre { font-size: 12px; font-family: Consolas, "Courier New", Courier, monospace; color: #484848; line-height: 18px; }
pre { display: block; padding: 2px 5px; margin: 0; background: #f6f6f6; overflow: auto; border: 1px solid #b7d6e6; background: url(../images/bg_code_pre.gif) repeat top left; }
a:link,
a:visited { color: #d44b7a; text-decoration: none; }
a:active,
a:hover { color: #ff9cb4; text-decoration: underline; }
p, ul, ol, li, dd, legend, input, label, select, optgroup, table, div { font-size: 100%; font-family: Helvetica, sans-serif; }
td, li, dd, p { margin: .6em 0 .9em 0; line-height: 1.35em; }
blockquote { margin: 0 0 1.3em 1em; padding: 0 2em 0 1em; color: #777; }
input { padding: 0.2em 0.3em 0.3em; background: #f6f6f6; border: 1px solid #bbb; outline: none; }
textarea { padding: 0.2em 0.3em; background: #f6f6f6; border: 1px solid #bbb; outline: none; }
select { padding: 0.2em 0.3em 0.3em; background: #f6f6f6; border: 1px solid #bbb; outline: none; }
sup { font-size: 75%; vertical-align: super !important; }
small { font-size: 0.7em; line-height: 1.3em; }
cite { font-style: normal; }
table { border: 0; padding: 0; margin: 0; width: auto; background: transparent; }
table thead, table tbody, table tr { margin: 0; padding: 0; vertical-align: baseline; background: transparent; }
table th, table td { margin: 0; padding: 0.4em 0.3em; vertical-align: baseline; background: transparent; }
table th { font-size: .9em; }
table td { font-size: 1em; }

/* ==================================================
		common classes
   ================================================== */
.left { text-align: left !important }
.center { text-align: center !important }
.right { text-align: right !important }
.nowrap { white-space: nowrap !important }
.margins { padding: 15px 20px; position: relative; }
.column { display: block; float: left; height: auto; width: 50%; }
.column10 { display: block; float: left; height: auto; width: 10%; }
.column20 { display: block; float: left; height: auto; width: 20%; }
.column30 { display: block; float: left; height: auto; width: 30%; }
.column40 { display: block; float: left; height: auto; width: 40%; }
.column50 { display: block; float: left; height: auto; width: 50%; }
.column60 { display: block; float: left; height: auto; width: 60%; }
.column70 { display: block; float: left; height: auto; width: 70%; }
.column80 { display: block; float: left; height: auto; width: 80%; }
.column90 { display: block; float: left; height: auto; width: 90%; }
.gutter { margin-right: 2% }
.alignleft { float: left }
.alignright { float: right }
.hider { display: none }
.normarg { margin-right: 0 !important }
.nolmarg { margin-left: 0 !important }
.bordertop { border-top: 1px solid #ddd }
.borderbottom { border-bottom: 1px solid #ddd }
.uppercase { text-transform: uppercase }
.lowercase { text-transform: lowercase }
.padtop { margin-top: 20px !important }
.padleft { margin-left: 20px !important }
.padbottom { margin-bottom: 20px !important }
.padright { margin-right: 20px !important }
.padleftbottom { margin-bottom: 10px !important; margin-left: 20px !important; }
.padrightbottom { margin-bottom: 10px !important; margin-right: 20px !important; }
.padlefttop { margin-left: 20px !important; margin-top: 10px !important; }
.padrighttop { margin-right: 20px !important; margin-top: 10px !important; }
.fancyboxlinkleft { display: inline-block; float: left; padding: 0 40px; }
.fancyboxlinkright { display: inline-block; float: right; padding: 0 40px; }
.offscreen { left: -9999px !important; position: absolute !important; top: -9999px !important; }
.textShadow { text-shadow: #000 0 2px 3px !important }
.textHighlight { text-shadow: #fff 0 1px 0 !important }
.textInset { text-shadow: #fff 0 -1px 0 !important }
.small { font-size: 9px !important; line-height: 80% !important; }
.white { color: #fff !important }
.fixed { position: fixed !important; top: 0 !important; z-index: 99; }
.wrapper {
	position: relative;
	display: block;
	width: 1024px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}


/* ==================================================
		common classes
   ================================================== */

body {
	background: #000;
}

#wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: auto;
	height: auto;
	z-index: 20;
}

#mammoth {
	display: block;
	width: 986px;
	height: 316px;
	margin: 70px auto 0 auto;
	padding: 0;
	background: url(../images/mammoth_logo.png) no-repeat top center;
	background-size: 986px 316px;
}

#mammoth span {
	display: none;
}

#social {
	display: block;
	width: 986px;
	height: auto;
	margin: 150px auto 0 auto;
	overflow: hidden;
	text-align: center;
}

#social .social {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 10px;
	padding: 0;
	text-align: center;
	background: url(../images/bg_social_icons.png) no-repeat -9999px -9999px;
	background-size: 40px 400px;
	overflow: hidden;
}

#social .social span {
	display: none;
}

#social .social.twitter {
	background-position: 0 -80px;
}

#social .social.facebook {
	background-position: 0 -120px;
}

#social .social.instagram {
	background-position: 0 -280px;
}

#social .social.contra {
	width: 163px;
	background: url(../images/contra_logo.png) no-repeat 0 0;
	background-size: 163px 40px;
}

#copyok {
	position: absolute;
	bottom: 15px;
	left: 0;
	display: block;
	width: 100%;
	min-width: 986px;
	height: auto;
	margin: 30px auto 0 auto;
	padding: 0;
	text-align: center;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-text-shadow: 0 1px 1px #000;
	-moz-text-shadow: 0 1px 1px #000;
	-ms-text-shadow: 0 1px 1px #000;
	-o-text-shadow: 0 1px 1px #000;
	text-shadow: 0 1px 1px #000;
	z-index: 2;
}

#video {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	min-height: 260px;
	background: #000;
	overflow: hidden;
	z-index: 1;
}

#poster {
	display: none;
}

/* ==================================================
	Retina
   ================================================== */

@media (-webkit-min-device-pixel-ratio: 2) {
	#mammoth {
		background-image: url(../images/mammoth_logo@2.png);
	}

	#social .social {
		background-image: url(../images/bg_social_icons@2.png);
	}

	#social .social.contra {
		background-image: url(../images/contra_logo@2.png);
	}
}