@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(https://fonts.gstatic.com/s/droidserif/v6/0AKsP294HTD-nvJgucYTaIgp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

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

}

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

}

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

}

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

}

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,strong,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html					{width:100%; height:100%; margin:0px; padding:0px; background: #efefef;}
body					{width:100%; height:100%; margin:0px; padding:0px; font-family: 'museo_sans300', sans-serif; font-size:18px; line-height: 26px; color:#050505;}

a						{text-decoration:none; outline: none; color:#050505;}
a:hover					{text-decoration:none;}

#wrap					{position: relative; display: block; width: auto; height: auto; min-width: 320px; max-width: 1920px; margin: 0px auto 0px auto;}

header					{position: absolute; display: block; width: auto; height: auto; top: 35px; left: 50%; transform: translateX(-50%); z-index: 100;}
header a				{display: flex; flex-direction: row; padding: 0px 20px 0px 0px;}
header a img.x			{padding: 0px 35px 0px 25px;}

section.top				{position: relative; display: block; width: auto; height: auto;}
section.top img			{position: relative; display: block; width: 100%; height: auto;}
section.top .copy		{position: absolute; display: block; width: auto; height: auto; bottom: 60px; left: 50%; transform: translateX(-50%); color: #ffffff; text-align: center;}
section.top .copy h1	{position: relative; display: block; width: auto; height: auto; font-size: 68px; line-height: 85px; font-family: 'museo_sans300';}

section.box				{position: relative; display: flex; width: auto; height: auto; max-width: 1400px; margin: 0px auto 0px auto; flex-direction: row; flex-wrap: nowrap; padding: 100px 0px 100px 0px;}
section.box:last-child	{margin-bottom: 0px;}
section.box div.bcontent img		{position: relative; display: block; width: 100%; height: auto;}
.bcopy					{position: relative; display: block; width: auto; height: auto; max-width: 480px; padding: 0px 30px 0px 120px; top: 50%; transform: translateY(-50%);}

section.box div.bcontent:first-child div.bcopy {padding-left: 0px;}

div.bcopy h2			{position: relative; display: block; font-size: 26px; line-height: 35px; font-family: 'museo_sans900'; text-transform: uppercase;}
div.bcopy p				{position: relative; display: block; font-size: 18px; line-height: 26px; padding: 0px 0px 40px 0px;}
div.bcopy p strong		{font-family: 'museo_sans700';}
div.bcopy ul			{margin-bottom: 40px;}
div.bcopy ul li 		{padding-left: 30px; background: url(images/checkbox.svg) 0px 3px no-repeat; margin-bottom: 10px;}
div.bcopy ul li:last-child	{margin-bottom: 0px;}

section.list			{position: relative; display: block; width: auto; height: auto; max-width: 1400px; margin: 0px auto 50px auto; padding: 20px 0px 0px 0px;}
section.list h2			{display: block; font-family: 'museo_sans900'; font-size: 26px; line-height: 35px; text-transform: uppercase;}
section.list p			{display: block; font-size: 18px; line-height: 26px; max-width: 530px;}
section.list ul			{display: flex; padding: 50px 0px 0px 0px; flex-direction: row; flex-wrap: wrap;}
section.list ul.explore li {width: 328px; height: 307px; margin: 0px 29px 29px 0px; overflow: hidden;}
section.list ul.explore li:last-child	{margin-right: 0px;}
section.list ul.explore li a {position: relative; display: block;}
section.list ul.explore li a span {position: absolute; display: block; width: 100%; height: auto; z-index: 100; top: 50%; left: 0px; transform: translateY(-50%);  text-align: center; font-size: 24px; line-height: 28px; text-transform: capitalize;}

section.list ul.events li {width: 208px; height: auto; margin: 0px 30px 50px 0px;}
section.list ul.events li img {border-radius: 30px;}
section.list ul.events li:last-child	{margin-right: 0px;}

section.list ul.events li .date {display: block; font-family: 'museo_sans900'; font-size: 16px; line-height: 38px; color: #FF5100; text-transform: uppercase;}
section.list ul.events li .title {display: block; font-family: 'museo_sans500'; font-size: 25px; line-height: 33px; color: #000000; margin-bottom: 10px;}

a.button				{position: relative; display: inline-block; width: auto; height: 40px; line-height: 40px; border: 1px solid #000000; color: #000000; font-size: 14px; font-family: 'museo_sans700'; border-radius: 20px 20px 20px 20px; padding: 0px 30px 0px 55px; background: url(images/arrow.svg) 20px center no-repeat;}
a.button:hover			{text-decoration: none; border-color: #F45656}

.c1	{color: #00E1FF;}
.c2 {color: #F8F8F8;}
.c3 {color: #FF5100;}
.c4 {color: #5EFF00;}

.banner			{position: relative; display: block; width: auto; height: auto; margin-bottom: 45px;}
.banner img		{position: relative; display: block; width: 100%; height: auto;}
.banner strong	{position: absolute; display: block; width: auto; height: auto; top: 50%; left: 50%; z-index: 100; max-width: 650px; color: #FF00C3; font-family: 'museo_sans500'; font-size: 34px; line-height: 41px; text-align: center; transform: translate(-50%, -50%);} 

@media only screen and (max-width : 1440px) {
	section.box div.bcontent:first-child	{padding-left: 20px;}
	section.list	{padding-left: 20px;}
	section.top .copy		{bottom: 40px;}
	section.top .copy h1	{font-size: 58px; line-height: 75px;}
	.bcopy	{padding-left: 100px;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	header	{top: 20px;}
	header a img.l1,
	header a img.l2	{width: 100px;}
	header a img.x	{width: 15px; padding-left: 10px; padding-right: 20px;}
	section.top .copy		{bottom: 30px;}
	section.top .copy h1	{font-size: 48px; line-height: 65px;}
	.banner strong	{font-size: 24px; line-height: 31px;}
	section.list ul.events li .title {font-size: 20px; line-height: 28px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	section.top .copy h1	{font-size: 38px; line-height: 45px;}
	.banner strong	{font-size: 19px; line-height: 26px;}
	section.box	{display: block;}
	section.box div.bcontent img {width: auto; height: auto; max-width: 100%;}
	section.box div.bcontent {display: block; padding-left: 20px; padding-right: 20px;}
	.bcopy	{top:auto; transform: none; padding-top: 50px; padding-left: 0px; padding-right: 0px; max-width: none;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	header	{top: 15px;}
	header a img.l1,
	header a img.l2	{width: 80px;}
	header a img.x	{width: 10px; padding-left: 10px; padding-right: 20px;}
	section.top .copy h1	{font-size: 20px; line-height: 22px;}
	section.top .copy		{bottom: 15px;}
	section.box	{padding-top: 50px; padding-bottom: 50px;}
	.banner strong	{font-size: 14px; line-height: 21px;}
	section.list ul.events li	{width: 200px;}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	header a img.l1,
	header a img.l2	{width: 50px;}
	header a img.x	{width: 5px; padding-left: 10px; padding-right: 20px;}
	section.top .copy h1	{font-size: 18px; line-height: 20px;}
	section.box	{padding-top: 30px; padding-bottom: 30px;}
	.banner strong	{font-size: 12px; line-height: 16px; width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
}