.logo-org,
.social-networks {
	margin: 0;
	padding: 0;
	list-style: none;
}

html {
	box-sizing: border-box;
	height: 100%;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	margin: 0;
	color: #fff;
	background: #f1a7e1;
	font: 37px/42px "Cabin", "Arial", "Helvetica", sans-serif;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	height: 100%;
}

* {
	max-height: 1000000px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
	display: block;
}

img {
	border-style: none;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

a {
	text-decoration: none;
	color: #666;
}

a:hover {
	text-decoration: underline;
}

input,
textarea,
select {
	font: 100% "Cabin", "Arial", "Helvetica", sans-serif;
	color: #000;
	vertical-align: middle;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	margin: 0;
	padding: 4px 7px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 1px solid #999;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #4d4d4d;
}

textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Cabin", "Arial", "Helvetica", sans-serif;
	line-height: 1.2em;
	margin: 0 0 1.2em;
}

p {
	margin: 0 0 1.2em;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.gm-style img {
	max-width: none;
}

/* main holder styles */

.holder {
	max-width: 840px;
	margin: 0 auto;
}

/* main container styles */

#wrapper {
	width: 100%;
	height: 100%;
	display: table;
	overflow: hidden;
}

.w1 {
	position: relative;
	width: 100%;
	padding: 0 0 32px;
}

.bg-stretch {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.bg-stretch img {
	position: relative;
	display: block;
	max-width: none;
}

/* header styles */

#header {
	text-align: center;
	padding: 16px 0;
}

.logo-org {
	overflow: hidden;
}

.logo-org li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 -4px;
}

.logo-org img {
	width: 100%;
}

/* page logo styles */

.logo {
	position: relative;
	z-index: 999;
	margin: -76px 0 0;
}

.logo a {
	display: inline-block;
	vertical-align: top;
}

.logo img {
	display: block;
	width: 100%;
}

/* main informative part styles */

#main {
	position: relative;
	text-align: center;
}

#main .play-btn {
	background: rgba(255, 255, 255, .77);
	width: 85px;
	height: 85px;
	position: absolute;
	left: 50%;
	top: 167px;
	box-shadow: 0 0 16px rgba(0, 0, 0, .75);
	z-index: 9999;
	border-radius: 50px;
	padding: 29px 0 0 6px;
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
}

#main .play-btn:hover {
	text-decoration: none;
	opacity: .7;
}

#main .icon-play {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15.5px 0 15.5px 26px;
	border-color: transparent transparent transparent #302929;
	vertical-align: top;
}

.big-bang-holder {
	margin: -248px 0 0 18px;
}

.chain-holder {
	margin: -57px 0 0 7px;
}

.two-columns {
	overflow: hidden;
	text-align: center;
	padding: 28px 0;
}

.two-columns .col {
	float: left;
	width: 50%;
	padding: 0 20px;
}

.two-columns .col .icon-holder {
	background: #24b017;
	display: inline-block;
	width: 86px;
	height: 86px;
	border-radius: 50px;
	padding: 23px 0;
	margin: 0 0 29px;
	vertical-align: top;
}

.two-columns .col i {
	display: inline-block;
	vertical-align: top;
	background: url("https://storage.googleapis.com/media-2015.cominghomemusicfestival.com/2015/07/695d235c-ico-all.png") no-repeat;
}

.two-columns .col .icon-calendar {
	width: 41px;
	height: 40px;
}

.two-columns .col .icon-location {
	background-position: -3px -45px;
	width: 34px;
	height: 42px;
}

.two-columns .col .day {
	font-size: 19px;
	line-height: 24px;
	text-transform: uppercase;
	font-style: normal;
	margin: 0 0 10px;
}

.two-columns .col .main-mark {
	font-size: 32px;
	line-height: 37px;
	font-weight: 500;
	text-transform: uppercase;
	font-style: normal;
	margin: 0 0 33px;
}

.two-columns .col span,
.two-columns .col .main-mark {
	display: block;
}

.two-columns .col .btn-holder {
	font-size: 17px;
	line-height: 21px;
	font-weight: 500;
	text-transform: uppercase;
}

.two-columns .col .btn-holder .btn {
	background: #24b017;
	display: inline-block;
	color: #fff;
	min-width: 199px;
	padding: 15px;
	border-radius: 25px;
	vertical-align: top;
}

.two-columns .col .btn-holder .btn:hover {
	text-decoration: none;
	background: #166c0e;
	color: #d9d9d9;
}

/* footer styles */

#footer {
	background: #5e315c;
	width: 100%;
	overflow: hidden;
	display: table-footer-group;
	height: 1%;
	text-align: center;
}

/* social networks styles */

.social-networks {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	padding: 30px 0;
}

.social-networks li {
	float: left;
	margin: 0 8px;
}

.social-networks a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #fff;
	text-align: center;
	border-radius: 25px;
	vertical-align: top;
	position: relative;
}

.social-networks a:hover {
	text-decoration: none;
}

.social-networks a:hover.facebook {
	background: #324597;
}

.social-networks a:hover.twitter {
	background: #2a88df;
}

.social-networks a:hover.youtube {
	background: #d03d3d;
}

.social-networks a:hover.instagram {
	background: #336b84;
}

.social-networks a:hover .icon-facebook {
	background-position: -56px -56px;
}

.social-networks a:hover .icon-twitter {
	background-position: -81px -58px;
}

.social-networks a:hover .icon-youtube {
	background-position: -124px -60px;
}

.social-networks a:hover .icon-instagram {
	background-position: -163px -58px;
}

.social-networks a.facebook i {
	margin: -10px 0 0 -6px;
}

.social-networks a.twitter i {
	margin: -8px 0 0 -12px;
}

.social-networks a.youtube i {
	margin: -7px 0 0 -10px;
}

.social-networks a.instagram i {
	margin: -9px 0 0 -9px;
}

.social-networks i {
	background: url("https://storage.googleapis.com/media-2015.cominghomemusicfestival.com/2015/07/695d235c-ico-all.png") no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
}

.social-networks .icon-facebook {
	background-position: -56px -10px;
	width: 11px;
	height: 20px;
}

.social-networks .icon-twitter {
	background-position: -81px -12px;
	width: 24px;
	height: 17px;
}

.social-networks .icon-youtube {
	background-position: -124px -15px;
	width: 19px;
	height: 13px;
}

.social-networks .icon-instagram {
	background-position: -163px -13px;
	width: 17px;
	height: 17px;
}

@media all and (max-width: 767px) {
	.holder {
		padding: 0 10px;
	}

	.w1 {
		padding: 0 0 11px;
	}

	.bg-stretch {
		right: auto;
		bottom: auto;
		left: 50% !important;
	}

	.bg-stretch:after {
		content: "";
		position: absolute;
		background: url("https://storage.googleapis.com/media-2015.cominghomemusicfestival.com/2015/07/2fe25807-overlay.png") repeat-x;
		width: 100%;
		bottom: 0;
		left: -50%;
		height: 149px;
	}

	.bg-stretch img {
		height: auto !important;
		min-width: 768px;
		position: relative;
		margin-left: 0 !important;
		width: 100% !important;
		left: -50% !important;
	}

	.logo-org li:first-child img {
		width: 107px;
	}

	.logo-org li:last-child img {
		width: 98px;
	}

	.logo-org img {
		width: 56px;
	}

	.logo {
		margin: -22px 0 0;
	}

	.logo {
		margin: -17px 0 0;
	}

	.logo a {
		margin: 0 -69px;
	}

	.logo img {
		margin: 0 0 0 -5px;
	}

	#main .play-btn {
		top: 84px;
	}

	.big-bang-holder {
		margin: -153px 0 0 18px;
	}

	.big-bang-holder {
		margin: -135px -26px 0;
	}

	.big-bang-holder img {
		width: 100%;
	}

	.chain-holder {
		margin: 0 23px 0 27px;
	}

	.chain-holder {
		margin: -7px 20px 0 3px;
	}

	.chain-holder img {
		width: 100%;
	}

	.two-columns {
		padding: 44px 0;
	}

	.two-columns .col {
		float: none;
		width: 100%;
		margin: 0 0 85px;
		padding: 0;
	}

	.two-columns .col:last-child {
		margin: 0;
	}

	.two-columns .col .icon-holder {
		width: 80px;
		height: 80px;
		padding: 21px 0 0 6px;
		margin: 0 0 38px;
	}

	.two-columns .col i {
		background-size: 143px !important;
	}

	.two-columns .col .icon-calendar {
		background-position: 1px 5px;
	}

	.two-columns .col .icon-location {
		background-position: -1px -35px;
	}

	.two-columns .col .day {
		margin: 0 0 6px;
	}

	.two-columns .col .main-mark {
		margin: 0 0 27px;
	}
}

@media all and (max-width: 479px) {
	#main .play-btn {
		width: 55px;
		height: 55px;
		padding: 0 0 0 2px;
		top: 81px;
		-webkit-transform: translateX(-35px);
		-ms-transform: translateX(-35px);
		transform: translateX(-35px);
	}

	#main .icon-play {
		border-width: 8px 0 8px 13px;
		position: absolute;
		left: 22px;
		top: 50%;
		margin: -8px 0 0;
	}
}