@charset "UTF-8";
/* =RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,main,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}li{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}b,strong{font-weight:bold;}textarea{overflow:auto;vertical-align:top;}html{font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.25em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}pre{overflow:auto;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}legend{border:0;padding:0;}optgroup{font-weight:bold;}td,th{padding:0;}a{background:transparent;text-decoration:none;}a:active,a:hover,a:focus{border:none;outline:0;text-decoration:none;}::selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}::-moz-selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}::-webkit-input-placeholder{color:inherit;opacity:0.5;font-family:inherit;}:-moz-placeholder{color:inherit;opacity:0.5;font-family:inherit;}::-moz-placeholder{color:inherit;opacity:0.5;font-family:inherit;}:-ms-input-placeholder{color:inherit;opacity:0.5;font-family:inherit;}button,.btn:hover{cursor:pointer;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


/*  =DEFAULT & BASIC STYLES
	========================================================================== */
body {
	background: url('../images/bg-logo-sp.jpg') repeat 0 0 #fff;
	color: #000;
	font:400 62.5%/1 Helvetica,sans-serif;
	-webkit-font-smoothing: antialiased;
}

main,
header,
section,
footer,
nav,
.container,
a {
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.blockItem:before,
.blockItem:after,
.block:before,
.block:after,
.container:before,
.container:after,
nav:before,
nav:after,
main:before,
main:after,
header:before,
header:after,
section:before,
section:after,
footer:before,
footer:after,
.cf:before,
.cf:after {
	display: table;
	content: " ";
}
.blockItem:after,
.block:after,
.container:after,
nav:after,
main:after,
header:after,
section:after,
footer:after,
.cf:after {
	clear: both;
}

.container {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
}

img {
	display: inline-block;
	height: auto !important;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}


.hi {
	backface-visibility: hidden;
	display: block;
	position: relative;
	z-index: 0;
	overflow: hidden;
	-webkit-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	vertical-align: middle;
}
	.hi::before {
	  content: "";
	  position: absolute;
	  z-index: 1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: rgba(255,255,255,0.15);
	  -webkit-transform: scale(0);
	  -ms-transform: scale(0);
	  -o-transform: scale(0);
	  transform: scale(0);
	  -webkit-transition: all 0.1s ease-out;
	  -o-transition: all 0.1s ease-out;
	  transition: all 0.1s ease-out;
	}
	.hi:hover::before,
	.hi:focus::before {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}




.btn {
	display: inline-block;
	position: relative;
	z-index: 1;
}
	.btn::before {
		display: block;
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: rgba(255,255,255,0.3);
	  z-index: -1;
	  opacity: 0;
	  -webkit-transform: scale3d(0.35, 1, 1);
	  transform: scale3d(0.35, 1, 1);
	  -webkit-transition: -webkit-transform 0.4s, opacity .4s;
	  transition: transform 0.4s, opacity .4s;
	  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	}
	.btn:hover::before {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	.btn:active {
		-webkit-transform: translateY(1px);
		-ms-transform: translateY(1px);
		-o-transform: translateY(1px);
		transform: translateY(1px);
	}


.bgBlack {
	background: #000;
}
.bgGray {
	background: #212121;
}
.bdrs {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


.btn::before,
.btn {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.vhgCTA .btn,
.header nav .btn {
	background: #eb008b;
	color: #fff;
	font-size: 2.3em;
	font-weight: bold;
	padding: 0.5em 1em;
	text-align: center;
}

.block {
	clear: both;
	display: block;
}
	.blockItem {
		display: block;
		float: left;
		margin: auto;
		width: 100%;
	}
		.blockItem > a > img,
		.blockItem > a {
			display: block;
			width: 100%;
		}


/*  ==========================================================================
	HEADER
	========================================================================== */
.header {
	background: #528bd7;
	background: -moz-linear-gradient(top, #528bd7 0%, #3960ae 24%, #28429c 39%, #28429c 63%, #3556a8 76%, #5183d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#528bd7), color-stop(24%,#3960ae), color-stop(39%,#28429c), color-stop(63%,#28429c), color-stop(76%,#3556a8), color-stop(100%,#5183d1));
	background: -webkit-linear-gradient(top, #528bd7 0%,#3960ae 24%,#28429c 39%,#28429c 63%,#3556a8 76%,#5183d1 100%);
	background: -o-linear-gradient(top, #528bd7 0%,#3960ae 24%,#28429c 39%,#28429c 63%,#3556a8 76%,#5183d1 100%);
	background: -ms-linear-gradient(top, #528bd7 0%,#3960ae 24%,#28429c 39%,#28429c 63%,#3556a8 76%,#5183d1 100%);
	background: linear-gradient(to bottom, #528bd7 0%,#3960ae 24%,#28429c 39%,#28429c 63%,#3556a8 76%,#5183d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528bd7', endColorstr='#5183d1',GradientType=0 );
	padding: 1em 2.5em 0;
}
.fixedHeader .header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1005;
}
	#logo {
		float: left;
	}
	.header nav {
		float: right;
		margin-top: 0.6em;
		text-align: right;
	}


/*  ==========================================================================
	CONTENT
	========================================================================== */
main {
	margin-bottom: 8em;
	position: relative;
}

.videoWrap,
.vhgSplash {
	margin-bottom: 1em;
}
h2.vhgTitle {
	font-size: 4.7em;
	line-height: 1.04;
	font-weight: bold;
	margin: 0 auto 0.2em;
	max-width: 80%;
	text-align: center;
}


.vhgGrid .block {
	margin: 0 -6px 1em;
}
	.vhgGrid .block .blockItem {
		padding: 0 6px 12px;
		width: 33.3333%;
	}
		.vhgGrid .block .blockItem a {
			display: block;
			margin: auto;
			width: 100%;
		}
			.vhgGrid .block .blockItem a figure {
				display: block;
			  text-align: center;
			}
				.vhgGrid .block .blockItem a img {
					display: block;
					margin: auto;
					width: 100%;
				}


.vhgCTA {
	margin-bottom: calc(1em + 6px);
	text-align: center;
}
	.vhgCTA .btn {
		width: 100%;
	}



/*  ==========================================================================
	FOOTER
	========================================================================== */
.footer a,
.footer {
	color: #fff;
}
.footer {
	background: #528bd7;
	background: -moz-linear-gradient(top, #528bd7 0%, #3960ae 24%, #28429c 39%, #28429c 63%, #3556a8 76%, #5183d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#528bd7), color-stop(24%,#3960ae), color-stop(39%,#28429c), color-stop(63%,#28429c), color-stop(76%,#3556a8), color-stop(100%,#5183d1));
	background: -webkit-linear-gradient(top, #528bd7 0%,#3960ae 24%,#28429c 39%,#28429c 63%,#3556a8 76%,#5183d1 100%);
	background: -o-linear-gradient(top, #528bd7 0%,#3960ae 24%,#28429c 39%,#28429c 63%,#3556a8 76%,#5183d1 100%);
	background: -ms-linear-gradient(top, #528bd7 0%,#3960ae 24%,#28429c 39%,#28429c 63%,#3556a8 76%,#5183d1 100%);
	background: linear-gradient(to bottom, #528bd7 0%,#3960ae 24%,#28429c 39%,#28429c 63%,#3556a8 76%,#5183d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528bd7', endColorstr='#5183d1',GradientType=0 );
	clear: both;
	padding: 4em 0;
	text-align: center;
}
	.footer p {
		font-size: 1.4em;
		margin-bottom: 0.4em;
	}
	.footer p.footerText {
		line-height: 1.1;
	}
	.footer p.footerLinks {
		font-size: 1.8em;
		font-weight: bold;
		margin-bottom: 1em;
		text-transform: uppercase;
	}
		.footer p.footerLinks a {
			display: inline-block;
			margin: 0 0.25em;
		}
	.footer a.ht::before {
		max-height: 1px;
	}








/*  MEDIA QUERIES
	========================================================================== */

@-ms-viewport { width: device-width; }

@media only screen and (max-width:1339px){
  .container {
  	width: 1220px;
  }
}
@media only screen and (min-width:1280px){
  body.fixedHeader {
		padding-top: 8em;
	}
}
@media only screen and (max-width:1279px){
  .container {
  	width: 960px;
  }
  body.fixedHeader {
		padding-top: 6.66em;
	}
  #logo {
  	max-width: 487px;
  }
  h2.vhgTitle {
  	font-size: 3.6em;
  	margin-bottom: 0.5em;
  }
  .footer {
  	padding-left: 1em;
  	padding-right: 1em;
  }
}
@media only screen and (max-width:1023px){
  .container {
  	width: 720px;
  }
  body.fixedHeader {
		padding-top: 4.828em;
	}
  #logo {
  	max-width: 225px;
  }
	.header nav {
		margin-top: 0;
	}
	.header nav .btn {
		font-size: 1.8em;
	}
	h2.vhgTitle {
		font-size: 3em;
	}
	#video.video-js .vjs-big-play-button {
		height: 89px;
	  width: 60px;
	}
}
@media only screen and (max-width:767px){
  .container {
  	width: 560px;
  }
  .header {
  	padding: 0.5em 2em;
  }
  body.fixedHeader {
		padding-top: 3.948em;
	}
  #logo {
  	max-width: 80%;
  	width: 140px;
  }
  .header nav .btn {
  	font-size: 1.4em;
  }
  h2.vhgTitle {
  	font-size: 2.3em;
  }
  .footer {
  	font-size: 0.9em;
  }
  #video.video-js .vjs-big-play-button {
  	height: 58px;
    width: 39px;
  }
}
@media only screen and (max-width:579px){
  .container {
  	width: 460px;
  }
  h2.vhgTitle {
  	font-size: 2.1em;
  	max-width: 92%;
  }
  .vhgCTA .btn {
  	font-size: 2em;
  }
}
@media only screen and (max-width:479px){
  .container {
  	width: 360px;
  }
  body.fixedHeader {
		padding-top: 3.691em;
	}
	h2.vhgTitle {
		font-size: 1.6em;
	}
	.vhgCTA .btn {
		font-size: 1.6em;
	}
	.vhgGrid .block {
		margin: 0 auto;
	}
	.vhgGrid .block .blockItem {
		clear: both;
		margin: 0 auto 1em;
		display: block;
		float: none;
		padding: 0;
		width: 100%;
	}
	.vhgGrid .block .blockItem a {
		height: auto;
		padding: 0;
		margin: 0 auto;
	}
	.vhgGrid .block .blockItem a figure {
		position: static;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.footer p.footerLinks {
		font-size: 1.4em;
	}
	#video.video-js .vjs-big-play-button {
		height: 38px;
	  width: 25px;
	}
}
@media only screen and (max-width:379px){
  .container {
  	width: 310px;
  }
  body.fixedHeader {
		padding-top: 3.398em;
	}
  #logo {
  	max-width: 240px;
  }
  .vhgCTA .btn,
  .header nav .btn {
  	margin-top: 0.25em;
		padding: 0.35em 0.5em 0.2em;
  }
  .vhgCTA .btn {
  	font-size: 2em;
  }
}



/*  ==========================================================================
	CUSTOM GOLDEN SLUT
	========================================================================== */
.vhgCTA .btn,
.header,
.footer {
	background: #3e3e3e;
	background: -moz-linear-gradient(top,  #3e3e3e 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3e3e), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #3e3e3e 0%,#000000 100%);
	background: -o-linear-gradient(top,  #3e3e3e 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #3e3e3e 0%,#000000 100%);
	background: linear-gradient(to bottom,  #3e3e3e 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#000000',GradientType=0 );
}
.header nav .btn {
	background: #e860d7;
	background: -moz-linear-gradient(top,  #e860d7 0%, #ffaf02 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e860d7), color-stop(100%,#ffaf02));
	background: -webkit-linear-gradient(top,  #e860d7 0%,#ffaf02 100%);
	background: -o-linear-gradient(top,  #e860d7 0%,#ffaf02 100%);
	background: -ms-linear-gradient(top,  #e860d7 0%,#ffaf02 100%);
	background: linear-gradient(to bottom,  #e860d7 0%,#ffaf02 100%);
	color: #000;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e860d7', endColorstr='#ffaf02',GradientType=0 );
}