@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: #F5F5F5; scroll-behavior: smooth;}
body					{width:100%; height:100%; margin:0px; padding:0px; font-family: 'museo_sans300', sans-serif; font-size:12px; color:#000000; font-weight: 300;}

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

.clearer:after 			{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
.clearer 				{display: inline-block;}

.transo					{transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out;}

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

header					{position: absolute; display: flex; width: auto; height: auto; top: 35px; left: 50%; transform: translateX(-50%); z-index: 100; font-family: 'museo_sans500'; font-size: 14px; line-height: 16px; align-items: center; justify-content: center;}
header a 				{margin-right: 25px; text-align: center;}
header a:last-child		{margin-right: 0px;}
header a.logo			{margin: 0px 60px 0px 35px;}
header img				{position: relative; display: block; width: 120px; height: auto;}
header a:hover			{text-decoration: none;}
header a:not(.logo):hover {border-bottom: 1px solid #F45656;}

/* Hamburger Icon */
.hamburger {
  position: absolute;
  display: none;
  top: 20px;
  left: 20px;
  z-index: 999;
  cursor: pointer;
  padding: 0px 5px 0px 5px;
}

.hamburger div {
  width: 30px;
  height: 2px;
  background-color: #ffffff;
  margin: 8px 0;
  transition: 0.4s;
}

/* Menu */
.menu {
  height: 100%;
  width: 250px;
  position: fixed;
  top: 0;
  left: -250px;
  background-color: #000000;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 70px;
  z-index: 100;
}

.menu a {
  padding: 12px 24px;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.menu a:hover {
  background-color: #575757;
}

/* Toggle */
#menu-toggle {
  display: none;
}

#menu-toggle:checked ~ .menu {
  left: 0;
}

#menu-toggle:checked + .hamburger div:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

#menu-toggle:checked + .hamburger div:nth-child(2) {
  opacity: 0;
}

#menu-toggle:checked + .hamburger div:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
}

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: 112px; line-height: normal; font-family: 'museo_sans900'; text-transform: uppercase;}
section.top .copy span	{position: relative; display: block; width: auto; height: auto; max-width: 505px; font-size: 18px; line-height: 26px; margin: 0px auto 40px auto;}

section.tcopy			{position: relative; display: block; width: auto; height: auto; background-color: #ffffff; padding: 70px 0px 70px 0px; text-align: center; }
section.tcopy .copy		{position: relative; display: block; width: auto; height: auto; max-width: 550px; margin: 0px auto 0px auto; color: #050505;}
section.tcopy .copy h2	{position: relative; display: block; width: auto; height: auto; font-family: 'museo_sans900'; font-size: 28px; line-height: 35px; text-transform: uppercase; margin-bottom: 25px;}
section.tcopy .copy span	{position: relative; display: block; width: auto; height: auto; font-size: 18px; line-height: 26px;}

.news					{position: relative; display: block; width: auto; height: auto; padding: 90px 0px 90px 0px;}
section.box				{position: relative; display: flex; width: auto; height: auto; max-width: 1400px; margin: 0px auto 60px auto; flex-direction: row; flex-wrap: nowrap;}
section.box:last-child	{margin-bottom: 0px;}
section.box div.bcontent				{width: 50%; color: #050505;}
section.box div.bcontent:first-child	{margin-right: 30px;}
section.box div.bcontent img		{position: relative; display: block; width: 100%; height: auto;}
.bcopy					{position: relative; display: block; width: auto; height: auto; max-width: 500px; padding: 0px 0px 0px 140px; 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 em			{position: relative; display: block; font-size: 18px; line-height: 26px; color: #767676; font-family: 'Droid Serif';}
div.bcopy p				{position: relative; display: block; font-size: 18px; line-height: 26px; padding: 30px 0px 30px 0px;}
div.bcopy p strong		{font-family: 'museo_sans900';}
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; background-color: #EFEFEF;}
a.button_orange			{border-color: #F45656; background-color: #F45656; color: #ffffff; background-image: url(images/arrow_white.svg);}
a.button_orange:hover	{background-color: #000000; border-color: #000000;}

.location:before		{content:''; position: absolute; display: inline-block; width: 23px; height: 23px; background-image:url(images/pin.svg); background-repeat: no-repeat; top: 5px; left: -30px; }

.eventsh				{position: relative; display: block; width: auto; height: auto; padding: 100px 0px 10px 0px; background-color:#ffffff;}
section.events			{position: relative; display: block; width: auto; height: auto; max-width: 1400px; margin: 0px auto 0px auto; padding: 0px 40px 0px 40px;}
.events h2					{position: relative; display: block; width: auto; height: auto; text-transform: uppercase; font-size: 54px; line-height: 35px; font-family: 'museo_sans900'; margin-bottom: 15px;}
.events p					{position: relative; display: block; width: auto; height: auto; max-width: 570px; font-size: 18px; line-height: 26px;}

.events ul					{position: relative; display: flex; width: auto; height: auto; padding: 100px 0px 100px 0px; flex-wrap: wrap;}
.events ul li				{position: relative; display: block; width: 250px; height: auto; margin-bottom: 35px; margin-right: 35px;}
.events ul li:last-child	{margin-right: 0px;}
.events ul li span			{position: relative; display: block; width: auto; height: auto; font-size: 15px; line-height: 22px; color: #000000; font-family: 'museo_sans500'; color: #F45656; margin-bottom: 20px;}
.events ul li span em		{position: relative; display: block; font-size: 22px; font-family: 'museo_sans900';}
.events ul li strong		{position: relative; display: block; width: auto; height: auto; font-size: 34px; line-height: 44px; color: #000000; font-family: 'museo_sans500';}
.events ul li .eimg			{position: relative; display: block; width: 100%; height: 307px; overflow: hidden; margin-bottom: 30px; border-radius: 30px;}
.events ul li .eimg img		{position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}

.bg_orange 		{background-color: #F45656;}
.bg_gray		{background-color: #C4C4C4;}
.bg_black		{background-color: #000000;}
.bg_dgray		{background-color: #757575;}

#appointment			{position: relative; display: block; width: auto; height: auto; background-color: #2A2A2A;}
#appointmentc			{position: relative; display: block; width: auto; height: auto; max-width: 690px; margin: 0px auto 0px auto; padding: 120px 0px 120px 0px; color: #ffffff;}
#appointmentc h2		{position: relative; display: block; width: auto; height: auto; font-size: 26px; line-height: 35px; font-family: 'museo_sans900'; margin-bottom: 20px;}
#appointmentc p			{position: relative; display: block; width: auto; height: auto; font-size: 18px; line-height: 26px; color: #CECECE;}
#appointmentc form		{position: relative; display: block; width: auto; height: auto; padding: 90px 0px 0px 0px;}
#appointmentc .ih		{position: relative; display: flex; width: auto; height: auto; margin: 0px 0px 40px 0px; flex-direction: row; flex-wrap: nowrap;}
#appointmentc .ih:last-child	{margin-bottom: 0px;}
#appointmentc .ih input[type="text"],
#appointmentc .ih input[type="email"] 	{width: 50%; margin-right: 30px; color: #808080; height: 40px; padding: 0px 0px 0px 0px; background-color: transparent; border-style: solid; border-width: 0px 0px 1px 0px;; border-color: #575757; font-size: 18px; font-family: 'museo_sans300';}
#appointmentc .ih input:last-child 		{margin-right: 0px;}
#appointmentc .ih input:focus 			{outline-width: 0; border-color: #CECECE; color: #CECECE;}
#appointmentc .ih input:focus::placeholder {color: #CECECE;}
#appointmentc .ih input[type="submit"]	{width: 50%; height: 40px; color: #ffffff; font-size: 14px; font-family: 'museo_sans700'; text-align: center; background-color: #F45656; border: 0; border-radius: 20px 20px 20px 20px;}
#appointmentc .ih input[type="submit"]:hover	{cursor: pointer;}
#appointmentc .iih							{display: flex; width: 50%; margin-right: 30px;}
#appointmentc .iih input:last-child 		{margin-right: 0px;} 

#appointmentc .ih input.err				{border-color: #F45656;}
#appointmentc .ih.errl span.cpy			{color: #F45656;}

#appointmentConfirm			{display:none; width: 50%; text-align: center; font-size: 22px; line-height: 40px; font-family: 'museo_sans300'; color: #CECECE;}

#appointmentc .ih span.cpy	{font-size: 18px; line-height: 26px; font-family: 'museo_sans300'; color: #CECECE; margin-right: 35px;}
#appointmentc .ir 		{
	position: relative; 
	display: block; 
	width: auto; 
	font-size: 18px; line-height: 26px; font-family: 'museo_sans300'; 
	color: #CECECE; margin-right: 35px; 
	cursor: pointer; 
	padding-left: 30px;
}

#appointmentc .ir input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#appointmentc .ir .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 19px;
  border-radius: 50%;
  border: 2px solid #4B4B4B;
}

#appointmentc .ir .checkmark:after {
 	top: 0px;
	left: 0px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: transparent;
	border: 2px solid #2A2A2A;
}

#appointmentc .ir input:checked ~ .checkmark {
  background-color: #4B4B4B;
}

#appointmentc .ir .checkmark:after {
  content: "";
  position: absolute;
  display: block;
}

#appointmentc .ir input:checked ~ .checkmark:after {
  background: #F45656;
}

@media only screen and (max-width : 1853px) {

}

@media only screen and (max-width : 1469px) {
	section.top .copy		{bottom: 60px;}
	section.top .copy h1	{font-size: 80px;}
	section.box				{padding-left: 40px; padding-right: 40px;}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	header					{width: 100px; top: 25px;}
	section.top .copy		{bottom: 40px;}
	section.top .copy h1	{font-size: 60px;}
	section.top .copy span	{font-size: 16px; line-height: 24px; margin-bottom: 30px;}
	section.tcopy			{padding-top: 50px; padding-bottom: 50px;}
	section.tcopy .copy h2	{font-size: 26px; line-height: 33px;}
	section.tcopy .copy span	{font-size: 16px; line-height: 24px;}
	.news					{padding-top: 70px; padding-bottom: 70px;}
	section.box				{margin-bottom: 50px;}
	.bcopy					{padding-left: 40px;}
	div.bcopy h2			{font-size: 24px; line-height: 33px;}
	div.bcopy em			{font-size: 16px; line-height: 24px;}
	div.bcopy p				{font-size: 16px; line-height: 24px; padding-top: 20px; padding-bottom: 20px;}

	#appointmentc			{padding-top: 100px; padding-bottom: 100px;}
	#appointmentc h2		{font-size: 24px; line-height: 33px;}
	#appointmentc p			{font-size: 16px; line-height: 24px;}
	#appointmentc form		{padding-top: 70px;}

	#appointmentc .ih		{margin-bottom: 30px;}

	#appointmentc .ih input[type="text"],
	#appointmentc .ih input[type="email"]	{font-size: 16px;}
	
	#appointmentConfirm		{font-size: 20px;}
	
	#appointmentc .ih span	{font-size: 16px; line-height: 24px;}
	#appointmentc .ir		{font-size: 16px; line-height: 24px;}
	
	.eventsh				{padding-top: 70px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	header		{font-size: 12px; line-height: 14px;}
	
	section.top				{height: 400px; overflow: hidden;} 
	section.top img			{width: auto; height: 100%; left: 50%; transform: translateX(-50%);}
	section.top .copy h1	{font-size: 50px;}

	section.box				{display: block;}
	section.box div.bcontent		{display: block; width: 100%;}
	section.box div.bcontent img	{width: auto; height: auto; max-width: 100%; margin: 0px auto 0px auto;}
	.bcopy							{top:auto; transform: none; padding-top: 40px; padding-bottom: 40px; padding-left: 40px; max-width: 550px; margin: 0px auto 0px auto;}
	section.box div.bcontent:first-child div.bcopy {padding-left: 40px; padding-top: 0px;}
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	header a:not(.logo)		{display: none;}
	header a.logo			{margin: 0px 0px 0px 0px;}
	
	.hamburger				{display: block;}

	section.top				{height: 500px;}
	section.top .copy h1	{font-size: 36px;}
	section.top .copy {width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
	section.tcopy .copy {padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
	.news					{padding-top: 50px; padding-bottom: 50px;}
	.bcopy					{padding-right: 20px; padding-left: 20px;}
    section.box div.bcontent:first-child div.bcopy {padding-right: 20px; padding-left: 20px;}

	.eventsh				{padding: 50px 0px 10px 0px;}
	.events ul				{padding-bottom: 0px; padding-top: 40px;}
	.events ul li .eimg		{margin-bottom: 20px;}
	.events ul li span		{margin-bottom: 10px;}

	#appointmentc			{padding-top: 70px; padding-bottom: 70px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
	#appointmentc form		{padding-top: 50px;}
	#appointmentc .ih		{display: block; margin-bottom: 0px;}
	#appointmentc .ih input[type="text"],
	#appointmentc .ih input[type="email"] {position: relative; display: block; width: 100%; margin-bottom: 20px;}
	#appointmentc .ih input[type="submit"]	{width: 100%;}
	#appointmentc .ir {margin-bottom: 20px; margin-top: 20px; }
	#appointmentc .iih		{width: 100%;}	
	#appointmentc .iih input[type="text"]	{width: 50%;}
	
	#appointmentConfirm		{width: 100%;}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}