/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page HOME
:: Page BIO
:: Page PRESS
:: Page MUSIC
:: Page VIDEO
:: Page CONTACT
:: Page GALLERY
:: SIGN UP
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
*:focus{
	outline: none;
}
body{
	background: url(../images/bgBody.jpg) fixed top right;
	line-height: 18px;
	position: relative;
	width: 100%;
	height: 100%;
}

@font-face {
    font-family: 'alternategothic2_btregular';
    src: url('../fonts/alternate_gothic_no.2_bt-webfont.eot');
    src: url('../fonts/alternate_gothic_no.2_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alternate_gothic_no.2_bt-webfont.woff') format('woff'),
         url('../fonts/alternate_gothic_no.2_bt-webfont.ttf') format('truetype'),
         url('../fonts/alternate_gothic_no.2_bt-webfont.svg#alternategothic2_btregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1,h2,h3,h4,h5,h6{
	font-family: 'alternategothic2_btregular';
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	color: #fff;
}
#wrapper{
	float: right;
	margin: 0;
}
.clr{
	clear: both;
}
.aLeft{
	text-align: left;
}
.aCenter{
	text-align: center;
}
.aRight{
	text-align: right;
}
.fRight{
	float: right;
}
.fLeft{
	float: left;
}
.dots{
	clear: both;
	height: 3px;
	width: 410px;
	max-width: 90%;
	margin: 0 auto 30px;
	background: url(../images/dots.png) 0 0 repeat;
}
p{
	line-height: 18px;
  font-family: helvetica !important;
}
.button{
	font-family: 'alternategothic2_btregular';
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 15px;
	border: none;
	-webkit-box-shadow: inset 0 0 0 transparent;
	-moz-box-shadow: inset 0 0 0 transparent;
	box-shadow: inset 0 0 0 transparent;
}
	.button:hover{
		background: #fff;
		color: #ff0c3a;

	}

#wrapper{
	position: absolute;
	top: 0;
	right: 0
}
/* /// HEADER /// */
#logoContent{
	position: relative;
	width: 580px;
	max-width: 95%;
	text-align: center;
	float: right;
	margin-right: 770px;
}
header{
	height: 60px;
	padding-top: 15px;
}
	header #mainNav ul{
		list-style: none;
	}
		header #mainNav ul li{
			float: left;
			font-family: 'alternategothic2_btregular';
			font-size: 23px;
			text-transform: uppercase;
			padding: 0 8px;
			border-right: 1px solid white;
			height: 22px;
			line-height: 23px;
		}
		header #mainNav ul li:first-child,
		header #mainNav ul li.first{
			padding-left: 0;
		}
		header #mainNav ul li:last-child,
		header #mainNav ul li.last{
			padding-right: 0;
			border-right: none;
		}
		header #mainNav ul li a{
			color: #fff;
			display: block;
			height: 40px;
		}
			header #mainNav ul li a:hover{
				color: #252323;
			}
			header #mainNav ul li.signUp a:hover{
				color: #ff264f;
			}
			header #mainNav ul li.current a{
				color: #252323;
				background: url(../images/arrowBlack.png) center 25px no-repeat;
			}
			header #mainNav ul li.current.signUp a{
				color: #ff264f;
				background: url(../images/arrowPink.png) center 25px no-repeat;
			}
#player{
	background: #ff264f;
	padding: 0 10px 0px 30px;
	font-size: 14px;
	position: relative;
	height: 30px;
	line-height: 30px;
	top: -4px;
	width: 160px;
}
	#player .iconPlay{
		display: inline-block;
		width: 17px;
		height: 17px;
		background: url(../images/pause.png) center no-repeat;
		position: absolute;
		top: 7px;
		left: 5px;
	}
/* /// CONTENT /// */
#content{
	background: rgba(255,255,255,0.1);
	padding: 20px 20px 40px 40px;
	margin-bottom: 40px;
}
	#content h2{
		font-size: 40px;
		color: #fff;
		height: 30px;
		line-height: 32px;
		padding-left: 8px;
		border-left: 1px solid white;
	}
		#content .viewMore{
			position: relative;
			top: -7px;
		}

.scroll-pane{
	width: 100%;
	height: 700px;
	overflow: auto;
	padding-right: 10px;
}
	.jspVerticalBar{
		width: 12px;
		background: transparent;
	}
	.jspTrack{
		background: #fff;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
	}
	.jspDrag{
		background: #ff0c3a;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
	}
	.jspVerticalBar .jspArrow{
		height: 12px;
	}
	.jspArrowUp{
		background: url(../images/sprites.png) 0px -50px no-repeat;
	}
		.jspArrowUp:hover{
			background-position: 0px -62px;
		}
	.jspArrowDown{
		background: url(../images/sprites.png) -12px -50px no-repeat;
	}
		.jspArrowDown:hover{
			background-position: -12px -62px;
		}
	.jspArrow.jspDisabled{
		background: transparent;
	}

	.scrollNews .jspArrowUp{
		background: url(../images/sprites.png) -24px -50px no-repeat;
	}
	.scrollNews .jspArrowDown{
		background: url(../images/sprites.png) -36px -50px no-repeat;
	}
/* /// FOOTER /// */
footer{
	width: 100%;
	height: 50px;
	background: #1c1c1c;
	position: fixed;
	bottom: 0;
	left: 0;
}
	ul.socialShare{
		list-style: none;
	}
	footer ul.socialShare{
		position: absolute;
		left: 10px;
		top: 16px;
	}
		ul.socialShare li{
			float: left;
			margin-right: 10px;
		}
	footer ul.socialIcons{
		position: absolute;
		top: 14px;
		right: 10px;
	}
	ul.socialIcons{
		list-style: none;
	}
		ul.socialIcons li{
			float: left;
			margin-right: 15px;
		}
			ul.socialIcons li a{
				display: block;
				width: 25px;
				height: 25px;
				text-indent: -9999px;
				background: url(../images/sprites.png) 0 0 no-repeat;
			}
				ul.socialIcons li.fb a{
					background-position: 0px 0px;
				}
					ul.socialIcons li.fb a:hover{
						background-position: 0px -25px;
					}
				ul.socialIcons li.twt a{
					background-position: -25px 0px;
				}
					ul.socialIcons li.twt a:hover{
						background-position: -25px -25px;
					}
				ul.socialIcons li.you a{
					background-position: -50px 0px;
				}
					ul.socialIcons li.you a:hover{
						background-position: -50px -25px;
					}
				ul.socialIcons li.ins a{
					background-position: -75px 0px;
				}
					ul.socialIcons li.ins a:hover{
						background-position: -75px -25px;
					}
				ul.socialIcons li.itu a{
					background-position: -100px 0px;
				}
					ul.socialIcons li.itu a:hover{
						background-position: -100px -25px;
					}
footer .copyRight{
	text-align: center;
	max-width: 90%;
	font-family: 'alternategothic2_btregular';
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-transform: uppercase;
}
	footer .copyRight .icon{
		display: inline-block;
		width: 31px;
		height: 27px;
		margin-right: 10px;
		background: url(../images/sprites.png) -130px -21px no-repeat;
		position: relative;
		top: 8px;
	}
	footer .copyRight a{
		color: #604666;
	}
/* -----------------------------------------
   Page HOME
----------------------------------------- */
.featuredVideo{
	position: relative;
}
	h3.subtitle{
		font-size: 20px;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color: #f3ebeb;
	}
	.flex-video{
		margin-bottom: 40px;
	}

/*  FEATURED NEWS */
.featuredNews .item{
	margin-bottom: 30px;
}
.thumbnailPost{
	margin-bottom: 10px;
}
.thumbnailPost img{
	display: block;
	border: 4px solid #c0bebe;
	margin: 0 auto
}

/* PAGINATION */
.pagination{
	text-align: center;
	font-family: 'alternategothic2_btregular';
	padding: 20px 0;
	text-transform: uppercase;
}
	.pagination a{
		font-size: 20px;
		color: #fff;
		padding: 4px 12px;
	}
	.pagination a:hover,
	.pagination a.current{
		background: #ff264f;
		color: #000;
	}


#wrapper_lightbox{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	background: rgba(0,0,0,0.9);
	display: none;
}

#wrapper_lightbox_press{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	background: rgba(0,0,0,0.9);
	display: none;
}

#wrapper_lightbox_video{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	background: rgba(0,0,0,0.9);
	display: none;
}

#wrapper_lightbox_gallery{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	background: rgba(0,0,0,0.9);
	display: none;
}
	.closeLightbox{
		width: 28px;
		height: 28px;
		position: absolute;
		top: -30px;
		right: -30px;
		background: url(../images/sprites.png) -181px 0px no-repeat;
		cursor: pointer;
	}
	.boxPopup{
		position: absolute;
	}
	.newsDetail{
		width: 800px;
		height: 500px;
		top: 50px;
		left: 50%;
		margin-left: -400px;
		color: #000;
	}
		.contentPost{
			background: white;
			padding: 20px;
			margin-bottom: 20px;
		}
		.newsDetail .row{
			width: 100% !important;
		}
			.newsDetail .five{
				width: 35% !important;
			}
			.newsDetail .seven{
				width: 65% !important;
				padding-left: 20px;
			}
		.newsDetail img{
			width: 100%;
			border: 8px solid white;
			box-shadow: 2px 2px 7px rgba(0,0,0,0.7);
		}
		.newsDetail h3{
			color: #ff0c3a;
			margin-bottom: 0px;
		}
		.newsDetail .datePost{
			font-weight: bolder;
			margin-bottom: 20px;
			font-size: 12px;
		}
		.scrollNews{
			width: 100%;
			height: 445px;
			overflow: auto;
			padding-right: 10px;
		}
/* -----------------------------------------
   Page BIO
----------------------------------------- */
.bioPage .imgBio1{
	margin-top: -30px;
}
.bioPage .imgBio2{
	margin-top: -30px;
}
/* -----------------------------------------
   Page PRESS
----------------------------------------- */
.pressModule .item{
	position: relative;
	margin-bottom: 30px;
}
	.pressModule .item h4{
		font-size: 18px;
		margin-bottom: 10px;
    height: 28px;
	}
	.pressModule .item .pressThumbnail{
		position: relative;
		max-width: 300px;
		margin: 0 auto;
	}
		.pressModule .item .pressThumbnail img{
			display: block;
			width: 100%;
		}
	.pressModule .item .pressThumbnail .overlay{
		position: absolute;
		width: 100%;
		height: 100%;
		background: url(../images/overlayView.png) center center;
		top: 0;
		left: 0;
		display: none;
	}
	.pressModule .item .pressThumbnail:hover .overlay{
		display: block;
	}
	.pressModule .item:last-child{
		float: left;
	} 
	/*[class*="item"]+[class*="item"]:last-child{
		float: left;
	}*/

.pressLightbox{
	width: 850px;
	top: 50px;
	left: 50%;
	margin-left: -425px;
	position: relative;
}
	.imgPressBig{
		margin-bottom: 20px;
	}
		.arrowPrev{
			display: block;
			width: 35px;
			height: 35px;
			background: url(../images/sprites.png) -53px -52px no-repeat;
			position: absolute;
			left: -50px;
			top: 50%;
			margin-top: -16px;
			cursor: pointer;
		}
		.arrowNext{
			display: block;
			width: 35px;
			height: 35px;
			background: url(../images/sprites.png) -88px -52px no-repeat;
			position: absolute;
			right: -50px;
			top: 50%;
			margin-top: -16px;
			cursor: pointer;
		}

/* -----------------------------------------
   Page MUSIC
----------------------------------------- */
.musicModule{
	padding-top: 35px;
}
.musicModule .item{
		margin-bottom: 60px;
}
	.musicModule .item .pressThumbnail .overlay{
		background: url(../images/overlayPlay.png) center center !important;
	}
/* -----------------------------------------
   Page VIDEO
----------------------------------------- */
.videoModule{
	padding-top: 20px;
}
.videoModule .item{
		margin-bottom: 30px;
}

.videoItem .pressThumbnail img {
  width: 100%;
  max-height: 215px;
}

/* -----------------------------------------
   Page CONTACT
----------------------------------------- */
.contactPage .imgContact{
	border: 4px solid #d0d2d2;
	margin-bottom: 20px;
}
.contactPage p.contactInfo{
	line-height: 24px;
}
/* -----------------------------------------
   Page GALLERY
----------------------------------------- */
.galleryModule .itemGallery{
	margin-bottom: 15px;
}
	.galleryModule .itemGallery img{
		display: block;
		width: 100%;
	}
	.galleryModule .itemGallery:hover .overlay{
		display: block;
	}
	.galleryThumbnail{
		position: relative;
    margin-bottom: 15px;
	}
	.galleryThumbnail .overlay{
		position: absolute;
		width: 100%;
		height: 100%;
		background: url(../images/overlayView.png) center center;
		top: 0;
		left: 0;
		display: none;
	}
	.galleryLightbox{
		width: 400px;
		margin-left: -200px;
	}
/* -----------------------------------------
   SIGN UP
----------------------------------------- */
#wrapper_lightbox_signUP{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	background: rgba(0,0,0,0.9);
	display: none;
}
	#wrapper_lightbox_signUP .wrapp_signup{
		width: 770px;
		position: absolute;
		right: 0;
		top: 20%;
	}
		#wrapper_lightbox_signUP .subscribeBox{
			width: 350px;
			margin: 0 auto;
			max-width: 90%;
		}
			#wrapper_lightbox_signUP .subscribeBox h2{
				font-size: 42px;
			}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"]{
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{
	border: none;
	-webkit-box-shadow: inset 0 0 0 transparent;
	-moz-box-shadow: inset 0 0 0 transparent;
	box-shadow: inset 0 0 0 transparent;
	border-radius: 0;	
}
	#subscribeForm .btnSend{
		display: inline-block;
		width: 107px;
		height: 37px;
		background: url(../images/btnSend.png) 0 0 no-repeat;
		cursor: pointer;
		border: none;
		text-indent: -9999px;
	}

.image_carousel {
  padding: 15px 0 15px 40px;
}
.image_carousel img {
  border: 1px solid #ccc;
  background-color: white;
  padding: 9px;
  margin: 7px;
  display: block;
  float: left;
}
.clearfix {
  float: none;
  clear: both;
}


/* Large screens ----------- */
@media only screen and (min-width : 1720px) and (max-width : 1920px) {
/* Styles */

.row {
  width: 1000px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto;
}

#logoContent {
  position: relative;
  width: 580px;
  max-width: 95%;
  text-align: center;
  float: right;
  margin-right: 1260px;
}

}


/* Large screens ----------- */
@media only screen and (min-width : 1290px) and (max-width : 1920px) {
/* Styles */
body {
  background-size: 100%
}
}


/* additional */

.videoItem h4 {
    min-height: 50px;
}