* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Geometric Condensed', sans-serif;
	font-size: 18px;
	line-height: 1.4;
	color: #666666;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/back.page.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
a {
	color: #3C3A2E;
	text-decoration: none;
	transition: all 0.3s ease;
}
a:hover {
	color: #C6155E;
}
.spacer {
	height: 40px;
	width: 100%;
	clear: both;
}
.logospacer {
	margin-top: 80px;
	margin-bottom: 80px;
	background-image: url(../images/logo.globalsm.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 200px;
	height: 200px;
}
.frame {
	background-color: #FFFFFF;
	padding: 40px;
}
.ruler {
	height: 1px;
	width: 100%;
	border-top: 1px solid #666666;
	margin-top: 10px;
	margin-bottom: 20px;
}
.responsive img {
	width: 100%;
}
.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 40px;
}
.video iframe, .video object, .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*--------------------------------------------------------------------HEADER--------------------------*/
.header1, .header2 {
	color: #3C3A2E;
	margin-top: 40px;
	margin-bottom: 40px;
	background-image: url(../images/logo.globaltxt.png);
	background-repeat: no-repeat;
	background-position: center;
}
.header1 {
	background-size: auto 250px;
	height: 250px;
}
.header2 {
	background-size: auto 120px;
	height: 120px;
}
.socials {
	font-size: 18px;
	text-align: right;
}
.socials i {
	margin-left: 10px;
}
.menu {
	font-size: 20px;
}
.menu .wrapper {
	position:absolute;                  
	bottom:0;
}
.menu .wrapper a {
	border: 1px solid #3C3A2E;
	padding: 2px 30px;
	margin-right: 4px;
}
.menu .button {
    display: inline-block;
    position:relative;
}
.menu .button:before {
	content: '';
	background: #3C3A2E;
	position: absolute;
	width: 0%;
	top: 0;
	left: 0;
	height: 100%;
	transition: 0.4s ease;
	z-index: -1;
}
.menu .button:hover:before {
  width: 100%;
}
.menu #active {
	background-color: #3C3A2E;
	color: #E7E2C5;
}
.header1 .wingding {
	position: absolute;
	z-index: 10;
	right: 0px;
	bottom: -40px;
	width: 200px;
}
.header2 .wingding {
	position: absolute;
	z-index: 10;
	right: 0px;
	bottom: -40px;
	width: 160px;
}
/*--------------------------------------------------------------------CONTENT--------------------------*/
.content {
}
.copyright {
	font-size: 14px;
	font-style: italic;
	color: #999999;
}
/*--------------------------------------------------------------------PARTNERS--------------------------*/
.partners {
	background-color: #FFFFFF;
	padding: 80px 20px;
	text-align: center;
	font-size: 16px;
}
.partners img {
	height: 40px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 40px;
}
/*--------------------------------------------------------------------FOOTER--------------------------*/
.footer {
	width: 100%;
	background-color: #3C3A2E;
	padding-bottom: 10px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 1.6em;
	padding-top: 80px;
	padding-right: 80px;
	padding-left: 80px;
}
.footer .logo img {
	float: left;
	width: 80px;
	margin-right: 80px;
}
.footer a {
	color: #FFFFFF;
}
.footer a:hover {
	color: #C6155E;
}
.footer .legal {
	margin-top: 60px;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
.footer .legal i {
	margin-right: 30px;
	margin-left: 30px;
}
/*--------------------------------------------------------------------LINEUP--------------------------*/
.artist4 {
	height: 300px;
	width: 33.3333333333%;
	padding: 2px;
	float: left
}
.artist3 {
	height: 250px;
	width: 25%;
	padding: 2px;
	float: left
}
.artist2 {
	height: 200px;
	width: 16.6666666666%;
	padding: 2px;
	float: left
}
.artistcard {
	width: 100%;
	height: 100%;
	cursor: pointer;
	/*perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
.artistcard_inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.5s;
	transform-style: preserve-3d;
}
.artistcard:hover .artistcard_inner {
	transform: rotateY(180deg);
}
.artistcard_front, .artistcard_back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}
.artistcard_front {/* Style the front side (fallback if image is missing) */
	background-color: #bbb;
	color: black;
}
.artistcard_back {
	color: white;
	transform: rotateY(180deg);
}
.artistcard .blue {
	background-color: #63C4E1;
}
.artistcard .magenta {
	background-color: #C6155E;
}
.artistcard .purple {
	background-color: #4D3289;
}
.lineup .artistname {
	font-size: 32px;
	margin-top: 20px;
}
.artist .close {
	font-size: 60px;
	position: absolute;
	top: 40px;
	right: 40px;
}
.artist .artistname {
	font-size: 42px;
	color: #C6155E;
	text-transform: uppercase;
}
.artist .stage {
	font-size: 26px;
	color: #63C4E1;
	margin-top: -10px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
/*--------------------------------------------------------------------PRACTICAL--------------------------*/
.practical .frame {
	background-color: #63C4E1;
	background-image: url(../images/img.tree.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #FFFFFF;
}
.practical a {
	color: #FFFFFF;
}
.practical .artist2 {
	width: 100%;
}
.item {
	font-size: 22px;
	padding-left: 50px;
	margin-top: 40px;
	margin-bottom: 10px;
	color: #C6155E;
	cursor: pointer;
	transition: all 0.3s ease;
}
.item:hover {
	color: #FFFFFF;
}
.item i {
	position: absolute;
	margin-left: -50px;
	font-size: 30px;
}
.itemtxt {
}
/*--------------------------------------------------------------------PROMOPAGE--------------------------*/
.tickets {
	color: #C6155E;
	text-transform: uppercase;
}
.tickets input[type="text"] {
	width: 50%;
	margin-top: 10px;
}
.tickets input[type="submit"] {
	margin-left: 10px;
}
.tickets #alert {
	color: #63C4E1;
	text-transform: none;
}
.formerror {
	border: 1px solid #63C4E1 !important;
}