body 				{
					margin: 0;
					padding: 0;
					font-family: "Mulish", Helvetica, Arial, sans-serif;
					overflow-y: scroll;
					height: 100%;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					background: #111;
					}
				
					.fleta
					{background: #fff;}	

					.stuck
					{overflow: hidden;}

html * 			{
					margin: 0;
					padding: 0;
					}

*:focus 			{outline: none;}

.clear 				{
					clear:both;
					content:'.';
					display:block;
					font-size:0;
					visibility:hidden;
					}

input, textarea
{font-family: "Mulish", Helvetica, Arial, sans-serif;}				

h1, h2, h3, h4		{font-weight: 300;}

.cp-button 			{
					display: inline-block;
					color: blue;
					background: #fff;
					padding: 5px 7px;
					font-size: 14px;
					text-decoration: none;
					text-shadow: none;
					border: 2px solid blue;
					box-shadow: 0 0 0 2px #fff;
					}
					
					.cp-button:hover 	{opacity: .7;}
					
.embed-container {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 aspect ratio (height / width * 100) */
height: 0;
overflow: hidden;
}

.embed-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
				
.hide-element,
.hide-students,
.hide-video,
.hidden 			{display: none;}

a.go,
.search input[type=submit],
.topper a,
.topper p,
.notes a,
.menu a,
.more,
a.menu-big,
.cover .scroll-icon,
.pop-up a,
.sub-pages a,
.menu .current.sub1:hover .sub-menu a,
.mid-section .area a.menu-big,
.sec-menu a,
.dots a,
.boxes a,
.arrows .fa,
input[type=submit],
.search-cover .fa,
.downloads a,
.search-results a,
.header .fa-search:hover,
.forms input[type=submit],
.forms a.submit,
.controls a,
.pop-up a,
.latest a,
.smallest a,
.post .copy,
.edit				{
					-webkit-transition: all .3s;
					-moz-transition: all .3s;
					transition: all .3s;
					}

.edit 				{
					margin: 20px 0;
					text-align: center;

					display: none;

					}
					
.edit a				{
					display: inline-block;
					padding: 10px 14px;
					border-radius: 3px;
					border: 2px solid #000;
					background: yellow;
					color: #000;
					text-decoration: none;
					}
					
					.edit a:hover 	{opacity: .7;}

/* BUILD */
.wrap 			{
					position: relative;
/*					max-width: 2700px;*/
					margin: auto;
					}

.load 			{
					max-width: 80vw;
					margin: auto;
					padding: 0 .7vw;
					position:relative;
					}

.loader 			{
  					height: 30px;
  					width: 30px;
  					animation: rotate 0.8s infinite linear;
  					border: 2px solid #000;
  					border-top-color: transparent;
  					border-radius: 50%;
  					position: fixed;
  					top: 300px;
  					left: 50%;
  					margin-left: -16px;
					}			

					.load-more .loader
					{
					width: 20px;
					height: 20px;
					position: relative;
					top: auto;
					left: auto;
					margin: auto;
					border-color: #000;
  					border-top-color: transparent;
					}

					@keyframes rotate {
					  	0%    {transform: rotate(360deg);}
						100%  {transform: rotate(0deg);}
					}		

.top-tag 			{
					display: block;
					padding: .7vw;
					font-size: .7vw;
					color: #fff;
					background: #000;
					font-weight: 600;
					text-align: center;
					transition: all .15s;
					}		

					.top-tag:hover
					{background: #777;}			


.container 			{
					max-width: 1000px;
					padding: 0 20px;
					margin: auto;
					position: relative;
					z-index: 20;
					}

.top 				{
					height: 10px;
/*					margin: 0 50px;*/
/*					border-bottom-left-radius: 3px;*/
/*					border-bottom-right-radius: 3px;*/
					background: #000;
					}

.header-hold	{padding: 35px 50px;}				

.header 			{
					margin: auto;
					font-size: 0;
					position: relative;
					z-index: 100;
					display: flex;
					align-items: center;					
					}

/* SEARCH */
.search-cover		{
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background: rgba(255,255,255,.97);
					z-index: 300;
					display: none;
					}
					
					.search-cover div
					{margin: 45px 130px 0;}
					
					.search-cover .fa
									{
									display: block;
									position: absolute;
									top: 10px;
									right: 10px;
									color: #000;
									cursor: pointer;
									padding: 10px;
									}
									
									.search-cover .fa:hover
									{opacity: .5;}
					
					.search-cover input
									{
									-webkit-appearance: none;
									float: right;
									display: block;
									border: 0;
									text-align: right;
									float: right;
									background: none;
									font: 400 30px "Mulish";
									border-radius: 0;
									}
					
					
					.search-cover input[type=text]
									{
									padding: 10px 0;
									border-bottom: 2px solid #000;
									}

					.search-cover input[type=submit]
									{
									height: 40px;
									margin-top: 10px;
									font-size: 14px;
									font-weight: 400;
									line-height: 40px;
									padding: 0 15px 0 17px;
									background: #E74C3C;
									color: #fff;
									cursor: pointer;
									}

					.search-cover input[type=submit]:hover
									{opacity: .7;}

.search-results 	{margin-top: 40px;}

.search-results a	{
					display: block;
					border: 1px solid rgba(0,0,0,.03);
					padding: 20px 25px;
					text-decoration: none;
					margin-bottom: 20px;
					color: #333;
					font-weight: 100;
					font-size: 16px;
					}
					
					.search-results a:hover
					{opacity: .7;}
					
					.page .search-results p
					{font-size: 21px;font-weight: 400;text-decoration: underline;}
					
					.search-results span
					{display:block;font-size: 14px;color: #999;margin-bottom: 5px;}
					
					.search-results span.sr-date
					{margin: 10px 0 0;}
											
/* Topper */					
.topper 			{
					margin: 1vw 0;
					text-align: center;
					}

					.topper a,
					.topper p 		{
									display: inline-block;
									vertical-align: middle;
									color: #999;
									line-height: 100%;
									font-size: 14px;
									text-decoration: none;
									font-weight: 300;
									}

									.topper a 						{font-size: 16px;}
									
									.topper p a 					{margin: 0 5px;}
									
									.topper a:hover 				{opacity: .7}
									
									.topper a.current 				{
																	color: #000;
																	text-decoration: underline;
																	}
									
									.topper p 		{margin: 0 10px;}
									
									.topper i 		{padding-right: 2px;}
					
					.topper img 	{
									width: 40px;
									display: block;
									position: absolute;
									left: 21px;
									top: 15px;
									}

					p.social 		{display: inline-block;}

					.langs 		{
									display: flex;
									justify-content: flex-end;
									align-items: center;
									}

/* Logo */
.logo 			{
					display: inline-block;
					height: 100px;
					background: #fff;
					margin-right: 10px;
					border-radius: 100%;
					vertical-align: middle;
					}
					
.logo-mob 			{
					height: 70px;
					display: block;
					text-align: center;
					display: none;
					padding: 20px 0 10px;
					}			
					
					.logo img,
					.logo-mob img	{
									height: 100%;
									display: inline-block;
									}

/* Menu */
.menu-wrap   	{
					text-align: center;
					}

.main-menu 		{flex-grow: 1;}

					.footer-menu{
									display: inline-block;
									vertical-align: top;
									width: 33.33%;
									}

.menu-rite 			{
					float: right;
					margin: 12px 0;
					}
					
.m-left 			{float: left;}


.header .fa-search	{
    				display: block;
    				float: right;
    				padding: 13px;
    				margin: 28px 0 0 5px;
    				cursor: pointer;
    				color: #ECF0F1;
    				}
    				
    				.header .fa-search:hover
    				{opacity: .7;}

					.all-menu 	{position: relative;}
									
					.all-menu div,
					.langs div  {
									display: inline-block;
									vertical-align: middle;
									position: relative;
									}

									.all-menu div + div
									{margin: 0;}
									
									.show-menu 			{display: none;}
									
									.menu .sub1:hover 	{background: #777;}
									
									.menu .sub1:hover a,
									.menu .sub1:hover i	{color: #ECF0F1;}

					.logo-hold
					{
					display: block;
					padding-right: 30px;
					transition: all .7s;
					}

					.logo-hold img
					{height: 40px;}

					.logo-hold:hover
					{opacity: .7;}

					a.logo-type
					{
					display: inline-block;
					font-size: 30px;
					font-weight: 630;
					line-height: 1;
					margin-right: 50px;
					background: #000;
					color: #fff;
					padding: 7px 40px 9px 9px;
					text-decoration: none;
					border-radius: 3px;
					border: 3px solid #fff;
					}

						a.logo-type:hover
						{background: #222;}

					a.logo-type span
					{
					display: block;
					font-size: 13px;
					text-transform: uppercase;
					margin-left: 2px;
					}

					a.logo-type em
					{
					display: block;
					height: 3px;
					background: #fff;
					margin: 3px 0 0 3px;
					border-radius: 2px;
					}

					.menu a		{
									display: inline-block;
									vertical-align: middle;
									color: #eee;
									font: 600 17px "Mulish", Helvetica, Arial, sans-serif;
									padding: 1px 0;
									text-decoration: none;
									cursor: pointer;
									white-space: nowrap;
									position: relative;
									border-bottom: 2px solid transparent;
									}

									.langs .auth a
									{
									color: #fff;
									border-radius: 5px;
									padding: 7px 13px 9px;
									background: #300877;
									border: 2px solid #fff;
									}

									.menu div + div
									{margin-left: 15px;}

									.menu .auth
									{margin-left: 30px;}

									.menu a.line
									{
									width: 1px;
									height: 25px;
									margin: 0 3px;
									border-left: 1px dotted;
									}

									.langs a
									{color: #777;}

									.footer-menu a
									{
									color: #000;
									font-size: 16px;
									}
									
									.menu a:hover
									{opacity: .7;}
									
									.menu .current:hover
									{opacity: 1;}

									.menu .current a	{border-color: #555;}
									.langs .current a	{border-color: #777;}

									.langs a:hover
									{
									color: #fff;
									opacity: 1;
									}
														


/* Big Menu Button */
a.menu-big 			{
    				display: block;
    				text-decoration: none;
    				line-height: 100%;
    				font-size: 14px;
    				font-weight: 400;
    				background: #E74C3C;
    				color: #fff;
    				padding: 14px 30px 15px;
    				margin: 22px 0;
    				float: right;
    				}
    				
    				.header a.menu-big 		{padding: 14px 17px 15px 30px;}

    				a.menu-solo 			{
    				    					display: inline-block;
    				    					float: none;
    				    					text-align: center;
    				    					}
    				
    				a.menu-big i 			{padding-left: 10px;}
    				
    				a.menu-big:hover 		{background: #FF4C3C;}
    				
    				.mid-section a.menu-big	{
    				    					float: none;
    				    					text-align: center;
    				    					}
					
.menu-rite a.mf 	{
    				float: left;
    				width: 50%;
    				}
    				
    				.m-left a.mf 			{width: 33.3%;}

/* Secondary Menu */
.sec-menu 			{
					}

					.sec-menu span 	{
									display: block;
									text-align: center;
									}
					
					.sec-menu a		{
									display: inline-block;
									margin: 10px 10px;
									color: #000;
									font-size: 16px;
									text-decoration: none;
									}
									
									.sec-menu a.first-sec 		{
																font-weight: 700;
																text-transform: uppercase;
																color: #E74C3C;
																}
									
									.sec-menu a:hover 			{opacity: .7;}
									
									.sec-menu a.current 		{border-bottom: 2px solid #000;}
									
									.sec-menu a.current,
									.sec-menu a.current:hover 	{opacity: 1;}
					
/* Build */
.cover 				{
					position: relative;
					height: 30vw;
					}
					
					.cover .scroll-icon
									{
									position: absolute;
    								display: block;
    								width: 40px;
    								height: 40px;
    								bottom: 50px;
    								right: 0;
    								text-align: center;
    								font-size: 24px;
    								line-height: 40px;
    								color: rgba(255,255,255,.7);
    								cursor: pointer;
    								z-index: 50;
    								opacity: .7;
									}
									
									.scroll-icon:hover	{opacity: 1;}			

					.tagline 		{
									position: absolute;
									bottom: 1vw;
									right: -.7vw;
									padding: 1vw;
									background: #fff;
									color: #000;
									font-size: 35px;
									z-index: 40;
									}

									.tcenter	{
												margin: auto;
												text-align: center;
												}

					.tagline h2		{
									display: table-cell;
									width: 100%;
									height: 100%;
									text-align: center;
									vertical-align: middle;
									font-family: "Meddon", script;
									font-size: 4vw;
									padding: 0 5vw;
									color: #fff;
									text-shadow: 0 0 15px rgba(0,0,0,.7);
									}
									
					.tagline p 		{
									font-size: 24px;
									line-height: 150%;
									font-weight: 300;
									}

									.twhite h1,
									.twhite p 	{color: #fff;}

					a.go 	 		{
									display: inline-block;
									margin-top: 20px;
									padding: 15px 30px;
									color: #ECF0F1;
									background: #E74C3C;
									text-decoration: none;
									text-transform: uppercase;
									font-size: 14px;
									letter-spacing: 1px;
									font-weight: 300;
									cursor: pointer;
									}

									a.go:hover 		{padding: 15px 40px;}

.overlay 			{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					z-index: 10;
					background-color: rgba(0,0,0,.5);
					}

.slide-new 		{
					position: relative;
					display: block;
					height: 27vw;
/*					margin: 0 50px 50px;*/
/*					border-radius: 3px;*/
					overflow: hidden;
					}

					.slide-auto
					{height: auto;}

					.slider-dingbat
					{
					display: block;
					position: absolute;
					top: 50px;
					right: 50px;
					height: 120px;
					background: #fff;
					border-radius: 100%;
					}

					.slide-image
					{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					}

					.slide-back
					{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");					
					}					

					.slide-new-image
					{
					/*padding: 3vw 0;*/
					/*border-radius: 10px;*/
					background-repeat: no-repeat;
					background-position: center;
					background-size: cover;					
					}

					.slide-text
					{
					max-width: 1500px;
					margin: 50px auto;
					}

					.slide-text h1,
					.slide-text h2
					{
					font: 800 3vw "Mulish", Helvetica, Arial, sans-serif;
					margin-bottom: 1.5vw;
					color: #fff;
					}

					.slide-text p
					{
					color: #fff;
					font-size: 1.1vw;
					line-height: 1.9;
					font-weight: 400;
					}

					.slide-light p
					{
					font-size: 1.8vw;
					line-height: 2.5vw;
					font-weight: 500;
					}

					.slide-text p a
					{color: #999;}

					.slide-text p + p
					{margin-top: 1.25%;}

					.slide-solid
					{
					/*height: 15vw;*/
					/*border-radius: 10px;*/
					background: #000;
					}

					.solid-in
					{
					/*display: table;*/
					/*width: 100%;*/
					/*padding: 7vw 3vw;*/
					/*background: rgba(0,0,0,.7);*/
					border-radius: 10px;
					}

						.slide-solid .solid-in
						{padding: 3vw;}

						.slide-new-image .solid-in
						{padding: 7vw 3vw;}

						.solid-none
						{background: none;}

					.solid-in h1
					{
				    text-align: center;
				    font: 800 5vw/1.3 "Paytone One", Helvetica, Arial, sans-serif;
				    color: #fff;
				    padding-bottom: 20px;
				    vertical-align: middle;
					}

/*						.slide-new-image p
						{
						display: table;
						width: 100%;
						height: 100%;
						}

							.slide-new-image p span
							{
							display: table-cell;
							text-align: center;
							vertical-align: middle;

							}

							.slide-new-image p span b
							{
							display: inline-block;
							background: #fff;
							color: #000;
							font-size: 1vw;
							font-weight: 500;
						    padding: 1vw 2vw;
						    letter-spacing: 10px;
						    border-radius: 10px;						
							}*/

.access 			{
					background: #300877;
					color: #fff;
					padding: 50px;
					display: flex;
					gap: 10px;
					align-items: center;
					}

					.access-no-center
					{text-align: left;}

					.access-logged-in
					{background: blue;}

					.access svg,
					.access p,
					.access a
					{
					display: inline-block;
					vertical-align: middle;
					}

					.access svg
					{width: 24px;}

					.access p,
					.access a
					{
					font-size: 21px;
					font-weight: 600;						
					}

					.access div
					{
					display: flex;
					align-items: center;
					gap: 10px;
					}

					.access a
					{
					font-size: 18px;
					color: #fff;
					padding: 5px 10px;
					text-decoration: none;
					border-radius: 5px;
					border: 1px solid #fff;
					white-space: nowrap;
					}

					.access a.login
					{background: #ffffff10;}

					.access a.login:hover
					{opacity: .7;}

													.solid-text
													{
													text-transform: none;
													font-weight: 500;
													font-size: 2vw;
													padding: 3vw;
													background: rgba(255,255,255,.3);
													color: #000;
													}

													.solid-text p
													{
													max-width: 90vw;
													margin: auto;
													}


					.new-tagline{
									position: absolute;
									top: 0;
									bottom: 0;
									right: 0;
									left: 0;
									font-weight: 500;
									font-size: 3.5vw;
									text-decoration: none;
									z-index: 40;
									background: rgb(0,0,0);
									background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
									}

									.new-tagline-hold
									{
									position: absolute;
									left: 0;
									right: 0;
									bottom: 0;
									}

									.new-tagline-in
									{
									max-width: 70%;
									margin: 50px;
									}

									.new-tagline-text
									{width: 70%;}

									.slide-new[href] .new-tagline-in:hover h1
									{text-decoration: underline;}

									.new-tagline-text h1
									{
									font-size: 3.5vw;
									font-weight: 700;
									font-family: "Paytone One", Arial, sans-serif;
									line-height: 1.1;
									color: #fff;
									}

									.new-tagline-text h2
									{
									display: block;
									font-size: 1.3vw;
									margin-top: 20px;
									color: #fff;
									font-weight: 300;
									}

									.new-tagline-text h3
									{
									font-size: 25px;
									font-weight: 700;
									color: #fff;
									}	
			
.slide 				{
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					z-index: 5;
					}
										
					.slide-in		{
									position: absolute;
									top: 0;
									left: 0;
									right: 0;
									bottom: 0;
									background-repeat: no-repeat;
									background-position: center;
									-webkit-background-size: cover;
									-moz-background-size: cover;
									background-size: cover;
									z-index: 10;
									opacity: 0;
									-webkit-transition: all 1s;
									-moz-transition: all 1s;
									transition: all 1s;
									}
									
					.slide .slide-z 	{z-index: 15;}
					.slide .slide-top	{opacity: 1;}
					
.controls-hold 		{
/*					position: relative;
					max-width: 750px;
					height: 100%;
					margin: auto;
					padding: 0 30px;*/
					}					

					.controls 		{
									width: 700px; 
									position: absolute;
									bottom: 55px;
									left: 50%;
									margin-left: -350px;
									z-index: 50;
									white-space: nowrap;
									text-align: center;
									}
									
									.controls a 	{
													display: inline-block;
													width: 10px;
													height: 10px;
													border: 5px solid rgba(255,255,255,.5);
													border-radius: 100%;
													margin: 0 7px;
													cursor: pointer;
													}
													
													.controls a.current,
													.controls a:hover
													{
													border-color: #ECF0F1;
													background: rgba(255,255,255,.5);
													}
													
					.more 			{
									display: block;
									width: 40px;
									height: 40px;
									background: url(../images/arrow-down.svg) no-repeat center top;
									position: absolute;
									bottom: 40px;
									right: 0;
									z-index: 50;
									opacity: .7;
									cursor: pointer;
									}
									
									.more:hover 	{
													opacity: .5;
													background-position-y: bottom;
													}		


.fleta 				{ 	
					width: 790px;
					height: 1120px;
					margin: 30px auto;
					box-sizing: border-box;
					box-shadow: 0 3px 10px rgba(0,0,0,.1);
					position: relative;
					}

					.fleta-in
					{
					position: absolute;
					top: 40px;
					left: 40px;
					right: 40px;
					bottom: 90px;
					overflow: hidden;
					}

					.fleta-in h2
					{
					font-size: 18px;
					font-weight: 500;
					}

					.fleta-in h3
					{
					font-size: 16px;
					font-weight: 500;
					}

					.fleta-in p
					{font-size: 14px;}

					.fleta-in p a
					{color: blue;}

					.fleta-fund .fleta-in
					{bottom: 40px;}

					.fleta-fund img
					{
					width: 80px;
					margin-top: 20px;
					}

					.fleta-top
					{
					padding-bottom: 5px;
					margin-bottom: 20px;
					border-bottom: 1px solid #000;
					}

					.fleta-bottom
					{
					position: absolute;
					left: 40px;
					right: 40px;
					bottom: 40px;
					border-top: 1px solid #000;
					padding-top: 5px;
					}

					.fleta-info
					{font-size: 0;}

					.fleta-info div
					{
					display: inline-block;
					vertical-align: top;
					font-size: 14px;
					width: 50%;
					}

					.fleta-info div:nth-child(2)
					{text-align: right;}

					.ballina
					{
					text-align: center;
					padding-top: 70px;
					}

					.ballina-sec
					{font-size: 0;}

					.ballina-sec div
					{
					display: inline-block;
					vertical-align: top;
					width: 50%;
					box-sizing: border-box;
					padding: 0 20px 20px 0;
					}

						.ballina-sec h2
						{font-size: 24px;}

							.ballina-sec p + h2
							{margin-top: 20px;}

						.ballina-sec p
						{font-size: 14px;}

					.ballina h1
					{
					font-size: 30px;
					font-weight: 500;
					margin: 10px 0 90px;
					}

					.ballina p
					{font-size: 14px;}

					.ballina-disc
					{
					position: absolute;
					left: 30px;
					right: 30px;
					bottom: 30px;
					}

					.ballina-disc img
					{
					display: inline-block;
					width: 110px;
					margin-bottom: 20px;
					}

					.ballina-disc p
					{
					font-size: 12px;
					color: #555;
					}

					.fleta h2
					{
					font-size: 18px;
					margin-bottom: 5px;
					}

					.fleta h3
					{
					font-size: 15px;
					margin-bottom: 5px;
					}

					.fleta ol,
					.fleta ul
					{margin-left: 30px;}

					.fleta li
					{
					margin-bottom: 5px;
					font-size: 14px;
					}

					.fleta p + h3
					{margin-top: 15px;}

					.fleta p + p
					{margin-top: 2%;}

					.ballina-big
					{margin: 0 0 20px;}

					.ballina-big h2
					{font-size: 21px;}

					.ballina-big p
					{font-size: 14px;}

					.ballina-tema
					{
					background: #eee;
					padding: 20px;
					margin: 0 0 20px;
					}

					.print-page-break
					{page-break-before: always;}

/* FOR PRINTING */
@page
{
size: A4 portrait;
margin: 0;
}		

@media print {

	.fleta 		{
					margin: 0;
					box-shadow: none;
					}

	.submit-print	{display: none;}

}			


.all-rows 		{background: #111;}

.rows 			{
					position: relative;
					padding: 33px 0 20px;
					color: #fff;
					}

					.row-break
					{
					height: 1px;
					margin: 0 50px;
					background: #333;
					}

					.single-hold
					{
					padding: 0 30px;
					overflow: hidden;
					position: relative;
					}

					a.move
					{
					display: block;
					width: 50px;
					position: absolute;
					left: 0;
					top: 0;
					bottom: 0;
					cursor: pointer;
					z-index: 10;
					}

					a.move:hover
					{background: none;}

					a.move-right
					{
					left: auto;
					right: 0;
					}

					a.move svg
					{
					width: 40px;
					position: absolute;
					left: 10px;
					top: 40%;
					margin-top: -20px;
					}

					a.move-right svg
					{
					left: auto;
					right: 10px;
					}

.rows h2			{
					font-size: 25px;
					font-weight: 600;
					font-family: "Paytone One", Arial, sans-serif;
					margin-left: 50px;
					}

					.rows h2 span
					{
					display: inline-block;
					width: 50px;
					height: 50px;
					text-align: center;
					line-height: 47px;
					margin-right: 5px;
					border-radius: 100%;
					border: 3px solid #fff;
					}

.single-row 	{
					white-space: nowrap;
					font-size: 0;
					}		

					.row-item,
					.row-item-extras
					{
					width: 25%;
					display: inline-block;
					vertical-align: top;
					padding: 20px;
					box-sizing: border-box;
					}

					.row-item-extras
					{width: 50%;}

					.row-item-33
					{width: 33.33%;}

					a.row-in
					{
					width: 100%;
					height: 0;
					padding-top: 60%;
					position: relative;
					display: block;
					text-decoration: none;
					color: #000;
					transition: all .2s;
					}

					a.row-free
					{
					height: auto;
					padding: 0;
					}

					a.row-in:hover .row-gradient
					{opacity: 0;}

					.row-hold
					{margin: 20px;}

					.row-image
					{
					position: absolute;
					top: 0; right: 0; left: 0; bottom: 0;
					display: flex;
					justify-content: center;
					align-items: center;
					overflow: hidden;
					margin-bottom: 7px;
					border-radius: 3px;
					background: #000;
					outline: 3px solid #000;
					}

					.lock
					{
					position: absolute;
					top: 10px;
					right: 10px;
					width: 16px;
					color: #fff;
					z-index: 50;
					}

					.row-image img
					{
					object-fit: cover;
					width: 100%;
					height: 100%;
					vertical-align: middle;
					}

					.row-gradient
					{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					z-index: 10;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
transition: all .15s;
					}



					.row-item h3,
					.row-item-extras h3
					{
					font-size: 18px;
					font-weight: 650;
					line-height: 1.2;
					white-space: pre-wrap;
					}

						.row-item-33 h3
						{font-size: 21px;}

					.row-type
					{
					background-size: cover;
					background-position: center;
					background-repeat: no-repeat;
					border-radius: 3px;
					margin-bottom: 7px;
					}

						.row-item .row-in h3,
						.row-item-extras .row-in h3
						{
						background: rgba(0,0,0,.3);
						color: #fff;
						line-height: 50%;
						padding-left: 100px;
						font: 30px "Paytone One", Arial, sans-serif;
						padding: 70px 0;
						text-align: center;
						position: relative;
						z-index: 20;
						}

					.row-item h4,
					.row-item-extras h4
					{
					font-size: 15px;
					font-weight: 400;
					margin-top: 3px;
					}

						.row-item h4 + h4,
						.row-item-extras h4 + h4
						{margin-top: 0;}

						.film-counts h4
						{
						display: inline-block;
						vertical-align: middle;
						}

						.film-counts h4+h4
						{margin-left: 20px;}

						.row-item-33 h4
						{font-size: 16px;}

						.row-item h4.gray,
						.row-item-extras h4.gray
						{color: #777;}

						.film-counts input
						{display: none;}




.new-content	{
					position: relative;
					max-width: 60vw;
					margin: 3vw auto;
					color: #fff;
					}

					h2.new-content-title
					{
					font-size: 2vw;
					margin-bottom: 1vw;
					text-align: center;
					}

					.embed-container
					{
					position: relative;
					padding-bottom: 55%;
					overflow: hidden;
					max-width: 100%;
					background: black;
					}

					.embed-text
					{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					display: flex;
					justify-content: center;
					align-items: center;
					}

					.embed-text svg,
					.embed-text a
					{
					display: inline-block;
					vertical-align: middle;
					}

					.embed-text svg
					{
					color: #fff;
					width: 24px;
					margin-right: 10px;
					}

					.embed-text p
					{
					font-size: 21px;
					font-weight: 600;
					color: #fff;
					}

					.embed-text a
					{
					font-size: 18px;
					color: #fff;
					padding: 5px 10px;
					margin: 0 10px;
					text-decoration: none;
					border-radius: 5px;
					border: 1px solid #fff;
					}

					.embed-text a.login
					{background: #ffffff10;}

					.embed-text a.login:hover
					{opacity: .7;}

					.embed-container iframe,
					.embed-container object,
					.embed-container embed
					{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					}

.posts {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.post-in {
    display: flex;
    width: 33.33%;
}

.posts a {
	width: 100%;
    margin: 20px;
    color: #000;
    background: #fff;
    text-decoration: none;
    position: relative;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all .15s;
}

.image-hold {
    display: flex;
    align-items: center;
    height: 250px;
    overflow: hidden;
}

.image-hold img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.posts a div {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.post-hold {
    padding: 20px 20px 10px;
}

.posts a h2 {
    font-size: 21px;
    font-weight: 500;
    line-height: 1.1;
}

.post-text {
    padding: 0 20px 20px;
    flex: 1 1 0%;
}

.posts a p {
    color: #333;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.posts a b {
    display: block;
    font-size: 14px;
    text-decoration: underline;
    transition: all .2s;
}

.post-author {
    display: inline-block;
    color: #999;
    font-size: 14px;
    font-style: normal;
        margin-bottom: 10px;
}

.home-date {
    font-size: 0;
    padding: 12px 15px;
    margin: 0 5px;
    border-top: 1px solid #eee;
}

.home-date em {
    display: inline-block;
    color: #777;
    font-size: 14px;
    font-style: normal;
}

.post-in:hover
{opacity: .8;}


.load-more {
	display: block;
	width: 250px;
	text-align: center;
	margin: 30px auto;
	background: #fff;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	padding: 15px 0;
}

.load-click {
	cursor: pointer;
}

.new-content-all 	{
					width: 60vw;
					margin: 3vw auto;
					text-align: center;
					font-size: 0;
					}

					.breadcrumb
					{
					margin-bottom: 3vw;
					font-size: 0;
					text-align: left;
					}

					.breadcrumb a
					{
					display: inline-block;
					color: #ddd;
					font-size: 20px;
					font-weight: 800;
					}

					.breadcrumb a[href]
					{color: #eee;}

					.breadcrumb span
					{
					color: #ddd;
					display: inline-block;
					font-size: 1.2vw;
					margin: 0 .5vw;
					}

.new-content-text,
.new-content-side	{
/*					display: inline-block;*/
					vertical-align: top;
					text-align: left;
/*					width: 50vw;*/
/*					padding-right: 2vw;*/
					box-sizing: border-box;
					}

					.new-content-text .special-links a
					{
					display: block;
					width: 70%;
					background: #ddd;
					font-size: 0;
					line-height: 100%;
					color: #000;
					padding: 12px 20px 12px 8px;
					margin: 0 0 15px 0;
					text-decoration: none;
					opacity: .7;
					}

					.special-links a svg
					{
					width: 40px;
					display: inline-block;
					vertical-align: middle;
					margin: 0 5px 0 0;
					}

					.special-links a span
					{
					display: inline-block;
					vertical-align: middle;
					font-size: 25px;
					}

					.special-links a:hover
					{opacity: 1;}

					.special-links a:last-child
					{/*margin-bottom: 40px;*/}

.new-content-text .extra-film-info p
					{
					color: #000;
					background: #ddd;
					padding: 1vw;
					margin-bottom: 15px;
					}

					.new-content-text .extra-film-info p + p
					{margin-top: 0;}

					.new-content-text .extra-film-info p strong
					{font-weight: 600;}

					.extra-film-info p:last-child
					{margin-bottom: 30px;}

.new-content-side	{
					width: 10vw;
					padding: 0;
					}		

					.new-content-side a
					{
					display: block;
				    font-size: 1vw;
				    text-decoration: none;
				    padding: .5vw .6vw;
				    color: #fff;
				    background: #000;
				    border-radius: 7px;
				    margin-bottom: 10px;
					}		

					.new-content-side a:hover,
					.new-content-side a.current
					{opacity: .7;}

					.new-content-text
					{
					color: #fff;
					font-size: 1.2vw;
					line-height: 150%;
					}

					.new-content-text h1
					{
					font-size: 3vw;
					line-height: 110%;
					font-weight: 500;
					font-family: "Paytone One", Arial, sans-serif;
					margin-bottom: 1vw;
					}

					.new-content-text h2
					{
					font-size: 1.5vw;
					font-weight: 500;
					margin-bottom: 15px;
					}

						.new-content-text p + h2,
						.new-content-text p + h3					
						{margin-top: 2vw;}

					.new-content-text h3
					{
					font-size: 1vw;
					font-weight: 500;
					/*text-transform: uppercase;*/
					margin-bottom: 15px;
					}

						.new-content-text a
						{color: #fff;}

						.new-content-text h3 a
						{
						text-decoration: none;
						color: #000;
						}

						.new-content-text h3 a:hover
						{text-decoration: underline;}

					.new-content-text img
					{
					display: block;
					width: 100%;
					height: auto;
					margin: 30px 0;
					background: #fff;
					}

					.new-content-text .donor-logos a img
					{
					display: inline-block;
					width: auto;
					}

					.new-content-text p
					{
					font-size: 1.2vw;
					line-height: 150%;
					color: #ddd;
					}

					.new-content-text p strong
					{font-weight: 500;}

					.new-content-text p + p
					{margin-top: 1vw;}

					.new-content-text .new-sub
					{margin-bottom: 1.5vw;}

					.new-content-text .new-sub p
					{
					font-size: 1.5vw;
					color: #fff;
					}

.single-project{
					display: block;
					text-decoration: none;
					color: #fff;
					border-left: 20px solid transparent;
					padding-left: 30px;
					padding-bottom: 10px;
					}					

					.single-project + .single-project
					{margin-top: 100px;}

					.single-project h2
					{
					font: 550 50px/1 "Paytone One", Arial, sans-serif;
					margin-bottom: 20px;
					}

					.single-project p
					{
					font-size: 25px;
					font-weight: 500;
					}

.mini-menu 		{
					margin-bottom: 50px;
					text-align: left;
					}

					.mini-menu a
					{
					display: inline-block;
					font-size: 20px;
					text-decoration: none;
					padding: 10px 20px;
					color: #000;
					font-weight: 500;
					border-radius: 3px;
					}		

					.mini-menu a + a 
					{margin-left: 20px;}			

					.mini-menu a.current,
					.mini-menu a:hover
					{
					background: #fff !important;
					color: #000;
					}

.pdfs 			{
					max-width: 1000px;
					margin: 50px auto;
					font-size: 0;
					color: #ddd;
					}

					.one-pdf
					{margin-bottom: 100px;}		

					.one-pdf img,
					.one-pdf div
					{
					width: 30%;
					display: inline-block;
					vertical-align: top;
					box-sizing: border-box;
					}

					.one-pdf img
					{
					border: 10px solid #000;
					}

					.one-pdf div
					{
					width: 70%;
					padding-left: 20px;
					}

					.one-pdf h2
					{
					font-size: 30px;
					font-weight: 700;
					line-height: 1.1;
					}

					.one-pdf p
					{
					font-size: 16px;
					font-weight: 500;
					line-height: 1.35;
					margin-top: 20px;
					}

					.one-pdf a
					{
					display: inline-block;
					margin-top: 30px;
					border: 2px solid #ddd;
					padding: 9px 24px 13px 13px;
					font-size: 16px;
					font-weight: 700;
					line-height: 1;
					text-decoration: none;
					color: #ddd;
					transition: all .15s;
					}

					.one-pdf a:hover
					{background: #ffffff10;}

					.one-pdf svg
					{
					width: 16px;
					vertical-align: middle;
					margin-right: 5px;
					}

					.one-pdf span
					{
					display: inline-block;
					vertical-align: middle;
					}

.test-form		{position: relative;}

					.test-center
					{text-align: center;}

					.login-block
					{
					max-width: 300px;
					display: inline-block;
					text-align: left;
					margin: 50px 0;
					}

					.login-block img
					{
					width: 130px;
					display: block;
					margin: 0 auto 30px;
					}

					.login-block .links
					{
					margin-top: 20px;
					font-size: 12px;
					color: rgba(0,123,255);
					}

					.test-form img.filmi
					{
					display: block;
					width: 100%;
					border-radius: 10px;
					margin: 20px 0;
					}

					.new-content-text .test-form h1
					{
					font-size: 40px;
					margin-bottom: 10px;
					}

					.test-form h3
					{
					border-radius: 5px;
					background: #d9000010;
					color: #d90000;
					font-size: 18px;
					font-weight: 500;
					padding: 20px 23px;
					margin-bottom: 30px;
					text-transform: none;
					display: none;
					}

					.test-form h2
					{
					font-size: 24px;
					font-weight: 500;
					margin-bottom: 20px;
					color: #fff;
					}

					.test-form input + h2
					{margin-top: 50px;}

					.test-form label
					{
					display: block;
					font-size: 18px;
					font-weight: 500;
					line-height: 1;
					margin: 15px 0 5px;
					color: #fff;
					}				

						.test-form label span
						{color: #d90000;}	

					.test-form input,
					.test-form textarea
					{
					width: 300px;
					font-size: 16px;
					font-weight: 300;
					border: 1px solid #999;
					box-sizing: border-box;
					border-radius: 5px;
					padding: 10px 12px;
					margin-bottom: 10px;
					background: #777;
					color: #fff;
					}

					.test-form input:focus,
					.test-form textarea:focus
					{
					border-color: #80bdff;
					outline: 0;
					}

					.test-form .hide-email
					{display: none;}

					.test-form .req-field
					{border-color: #d90000;}

					.test-form textarea
					{
					width: 100%;
					max-width: 100%;
					min-width: 100%;
					min-height: 100px;
					max-height: 300px;
					}

					.captcha
					{
					text-align: left;
					}

					.captcha img,
					.copy .captcha img
					{
					display: inline-block;
					width: auto;
					margin-top: 30px;
					}

					.copy .captcha img
					{margin: 0;}

					.test-form p
					{font-size: 14px;}

					.test-form p a
					{color: blue;}

					.test-form .submit,
					.submit-print a
					{
					-webkit-appearance: none;
					display: inline-block;
					margin: 20px 0;
					border: none;
					border-radius: 5px;
					background: rgba(0,123,255);
					padding: 15px 15px;
					font-size: 18px;
					font-weight: 500;
					color: #fff;
					text-decoration: none;
					cursor: pointer;
					}

						.test-form .submit:hover
						{opacity: .7;}

						.submit-print
						{
						text-align: center;
						margin: 20px;  
						}

.virtual 			{
					background-repeat: no-repeat;
					background-position: center;
					background-size: cover;	
					color: #fff;	
					margin: 10vw 0;
					/*border-radius: 10px;*/
					position: relative;
					overflow: hidden;
					}

					.virtual-cover
					{
					background: rgba(78,73,196,.7);
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					}

					.virtual-back
					{
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23ffffff' fill-opacity='0.1' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");						
					}

					.virtual-up
					{
					position: relative;
					z-index: 10;
					}

.virtual-table	 	{
					display: table;
					width: 100%;
					height: 20vw;
					}

					.virtual-cell
					{
					display: table-cell;
					text-align: center;
					vertical-align: middle;
					}

					.virtual-cell h2
					{
					font-size: 4vw;
					font-weight: 800;
					}

					.virtual-cell p
					{font-size: 2vw;}

.virtual-classes 	{
					font-size: 0;
					padding: 1%;
					background: rgba(0,0,0,.5);
					}

					.virtual-single
					{
					display: inline-block;
					width: 33.33%;
					padding: 1%;
					box-sizing: border-box;
					text-decoration: none;
					vertical-align: top;
					color: #fff;
					}

					.virtual-in
					{
					height: 5vw;
					padding: 1vw;
					/*border-radius: 7px;*/
					background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
					}

					.virtual-in h3
					{
					font-size: 1.2vw;
					font-weight: 800;
					}

.film-row 		{margin-bottom: 50px;}	

					.film-row h2
					{font: 42px "Paytone One", Arial, sans-serif;}

					.special h2.special-row-head
					{
					font: 42px "Paytone One", Arial, sans-serif;
					margin-left: 1.5vw;
					}

					.film-row p
					{
					font-size: 18px;
					line-height: 1.3;
					font-weight: 600;
					}

					.film-row-hold
					{
					font-size: 0;
					margin: 0 -20px;
					}	



.special 			{
					font-size: 0;
					/*text-align: center;*/
					margin: 0 -1.5vw;
					}	

					.special h2.special-title
									{
									font-size: 2vw;
									padding-left: 1.5vw;
									font-weight: 700;
									text-align: left;
									}

									.special div + h2
									{margin-top: 2vw;}

					.special-left	{text-align: left;}

					.one-special 	{
									box-sizing: border-box;
									padding: 1.5vw;
									/*margin-bottom: 3vw;*/
									vertical-align: top;
									text-align: left;
									transition: all .1s;
									}

									.one-wrap
									{
									position: relative;
									/*margin-bottom: 20px;*/
									}

									.special-article .one-wrap img
									{margin: 0;}

									.play svg
									{
									display: block;
									position: absolute;
									width: 100px;
									height: 100px;
									box-sizing: border-box;
									background: rgba(0,0,0,.5);
									border-radius: 100%;
									color: #ffffff90;
									top: 50%;
									left: 50%;
									margin: -50px 0 0 -50px;
									z-index: 10;
									}

									.one-films
									{
									width: 100%;
									/*padding: .7vw;*/
									}

									.special-home .one-films
									{/*padding: 0;*/}

									.one-50
									{width: 50%;}

									.one-special:hover
									{opacity: .7;}

									.special-in {
													display: block;
													padding: 2vw;
													position: relative;
													text-decoration: none;
													background: #ccc;
													color: #000;
													/*border-radius: 7px;*/
													}

														.special-classes
														{
														background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.15'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
														color: #fff;
														}

														.special-projects
														{
														background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.05'%3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
														color: #fff;
														}

														.special-virtual
														{
														background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
														color: #fff;
														}

													.special-films-count
													{
													font: 120px/1 "Mulish", Arial, sans-serif;
													padding: 50px;
													color: #fff;
													background: rgba(0,0,0,.3);
													text-transform: none;
													border-top-left-radius: 2px;
													border-top-right-radius: 2px;
													}

													.special-last
													{
													background-color: #000;
													color: #fff;
													}

													.special-in h2
													{
													font-size: 3vw;
													line-height: 110%;
													font-weight: 800;
													text-shadow: 5px 5px 0 rgba(0,0,0,.3);
													}

													.special-classes p
													{
													position: absolute;
													left: 2vw;
													bottom: 2vw;
													right: 2vw;
													font-size: 1.5vw;
													}

													.special-small
													{
													padding: 1.5vw;
													height: auto;
													min-height: 5vw;
													}

													.special-small h2
													{
													font-size: 1.5vw;
													color: #fff;
													}

													.row-films
													{padding-bottom: 0;}

													.row-films .special-films
													{
													padding: 20px 30px 30px;
													min-height: auto;
													}

													.row-films .special-films h2
													{
													font-size: 2vw;
													margin: 0;
													}

													.special-white
													{color: #fff;}

													.special-films
													{
													width: 100%;
													color: #000;
													padding: 20px 40px 40px;
													box-sizing: border-box;
													text-transform: uppercase;
													border-radius: 3px;
													}

													.films-pattern
													{background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}

													.special-films h2
													{
													font: 600 3vw/1.1 "Paytone One", Helvetica, Arial, sans-serif;
													font-weight: 600;
													text-transform: none;
													margin-bottom: 30px;
													vertical-align: middle;
													}

													.one-dark h2
													{background: rgba(0,0,0,.3);}

													.special-films span
													{
													display: block;
												    width: 50px;
												    height: 50px;
												    color: #fff;
												    font-size: 3vw;
												    font-weight: 500;
												    line-height: 45px;
												    position: absolute;
												    top: 50%;
												    margin-top: -25px;
												    right: 4%;
												    transition: all .2s;
													}

													.special-films p
													{
													text-transform: none;
													font-weight: 400;
													font-size: 1.3vw;
													line-height: 1.35;
													padding: 1.5vw 1.7vw;
													background: rgba(255,255,255,.3);
													color: #000;
													border-bottom-left-radius: 2px;
													border-bottom-right-radius: 2px;
													}

													.one-dark p
													{
													background: rgba(255,255,255,.5);
													color: rgba(0,0,0,.6);
													}

													.special-films:hover span
													{right: 3%;}


									.special-image 	{
													background-repeat: no-repeat;
													background-position: center;
													background-size: cover;			
													position: absolute;
													top: 0;
													left: 0;
													right: 0;
													bottom: 0;
													transition: all .1s;										
													}

													/*.one-special:hover .special-image
													{
													top: -2vw;
													left: -2vw;
													right: -2vw;
													bottom: -2vw;
													}*/

									.special-text 	{
													box-sizing: border-box;
													text-align: left;
													margin-top: 20px;
													}

													.special-text h2
													{
													color: #000;
													margin-bottom: 10px;
													font: 200 24px/100% "Mulish", Helvetica, Arial, sans-serif;
													}

													.special-text p
													{
													display: inline-block;
													color: #000;
													font-size: 16px;
													line-height: 130%;
													font-weight: 200;
													}

													.special-link 
													{
													display: inline-block;
												    text-align: center;
												    margin: 1vw auto 0;
												    font-size: 1.5vw;
												    padding: .5vw 2vw;
												    background: #fff;
												    color: #000;
												    border: 2px solid #000;
												    border-radius: 7px;
												    text-decoration: none;
												    transition: all .15s;
													}

													.special-link:hover
													{background: #000; color: #fff;}

					.special-article 				{
													display: inline-block;
													text-decoration: none;
													color: #000;
													}

													.special-article-in
													{
													margin: 1vw;
													padding: 1vw;
													background: rgba(0,0,0,.03);
													background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");					

													}

					.special-article img 	{
													display: block;
													width: 100%;
													margin-bottom: 20px;
													/*border-radius: 7px;*/
													}													

					.special-article span	{
													display: block;
													font-size: .7vw;
													text-transform: uppercase;
													font-weight: 500;
													margin-bottom: 10px;
													}

					.special-article h2 		{
													font-size: 2vw;
													font-weight: 800;
													margin-bottom: 10px;
													}

					.special-article p 		{font-size: 1vw;}

					.special-artilce b 		{
													font-size: 14px;
													font-weight: 500;
													}

.mid-content	{
					display: block;
					position: relative;
					margin: 2vw -1vw;
					font-size: 0;
					color: #000;
					text-decoration: none;
					}

						.mid-content-fix
						{margin: 5vw 0;}

						a.mid-content:hover h2
						{text-decoration: underline;}

					.mid-half
					{
					display: inline-block;
					width: 50%;
					position: relative;
					box-sizing: border-box;
					vertical-align: middle;
					}

						a.mid-half
						{
						color: #fff;
						text-decoration: none;
						}

						.virtual-class-image
						{
						height: 23vw;
						padding: 2vw;
						margin: 1vw;
						/*border-radius: 10px;*/
						color: #fff;
						position: relative;
						box-sizing: border-box;
						}

						.virtual-class-image:hover
						{opacity: .7;}

						.mid-half .virtual-class-image h2
						{font-size: 2.3vw;}

						.mid-half .virtual-class-image p
						{
						position: absolute;
						bottom: 2vw;
						left: 2vw;
						font-size: 1.5vw;
						margin: 0;
						}

					.mid-half img
					{
					display: block;
					width: 100%;
					/*border-top-right-radius: 10px;*/
					/*border-bottom-right-radius: 10px;*/
					}

						.new-content .mid-half img
						{/*border-radius: 10px;*/}

					.mid-half-text
					{padding: 4vw;}

					.mid-half h2
					{
					font-size: 3.5vw;
					font-weight: 700;
					line-height: 100%;
					letter-spacing: -.1vw;
					margin-bottom: 1.5vw;
					}

						.mid-content-fix h2
						{
						font-size: 2.5vw;
						}

					.mid-half p
					{
					font-size: 1.25vw;
					}

					.mid-half p + p
					{margin-top: 10px;}

					.class-categories
					{margin: 15px 0;}

					.class-categories span
					{
					display: inline-block;
					font-size: .75vw;
					margin-right: 20px;
					text-transform: uppercase;
					}

					/* Film */
					.mid-content-film
					{background-color: #ccc;}

					.mid-content-film p strong
					{
					font-size: 13px;
					text-transform: uppercase;
					}

					.mid-content-film b
					{
					display: inline-block;
					font-size: 0;
					line-height: 100%;
					margin-top: 20px;
					padding: 12px 17px 12px 15px;
					color: #fff;
					text-transform: uppercase;
					letter-spacing: 1px;
					background: #000;
					opacity: .7;
					}

					.mid-content-film b svg
					{
					display: inline-block;
					vertical-align: middle;
					width: 24px;
					color: yellow;
					margin-right: 5px;
					}

					.mid-content-film b span
					{
					display: inline-block;
					vertical-align: middle;
					font-size: 18px;
					}

					.mid-content-film b:hover
					{opacity: 1;}

					.mid-content-film img
					{
					border: 20px solid #ddd;
					box-sizing: border-box;
					}



													
.news	 			{
					margin: auto;
					padding-bottom: 60px;
					}
										
					.news-single	{
									max-width: 1000px;
									margin: auto;
									color: #ECF0F1;
									background: #000;
									}
									
									.news-single + .news-single 	{margin-top: 60px;}
					
					.item			{
									float: left;
									width: 50%;
									}
									
									.item div 		{margin: 60px;}
									
									.item img 		{display:block;width: 100%;}
									
									.item h2 		{
													font-size: 35px;
													font-weight: 700;
													margin-bottom: 10px;
													}
									
									.item p 		{font-size: 18px; line-height: 170%;}
									
					.news .news-single:nth-child(2n+2) .item:first-child 	{float: right;}

.footer-symbol	{
					width: 33.33%;
					display: inline-block;
					vertical-align: top;
					text-align: right;
					}

img.dingbat 	{
					height: 90px;
					background: #fff;
					border-radius: 100%;
					margin: 20px -5px 0 0;
					}		

.mid-section 		{
					margin: 3vw 0;
					position: relative;
					}
					
					.mid-two 		{
									padding: 5vw 0;
									}
									
									.mid-photo 		{
													background-repeat: no-repeat;
													background-position: center;
													background-size: cover;
													position: absolute;
													top: 0;
													left: 0;
													right: 0;
													bottom: 0;
													opacity: .2;
													}
					
					.top-title		{
									position: absolute;
									top: 0;
									left: 50%;
									margin-left: -90px;
									font-size: 14px;
									text-align: center;
									width: 150px;
									padding: 8px 15px 10px;
									color: #fff;
									background: #000;
									}
					
					.big-text 		{
									max-width: 750px;
									font-size: 21px;
									line-height: 150%;
									font-weight: 300;
									text-align: center;
									padding: 0 30px;
									margin: auto;
									color: #fff;
									}
									
									
					.arrows 		{
									display: block;
									position: absolute;
									width: 56px;
									height: 44px;
									border: 2px solid #7ec6c0;
									background: #fff;
									border-radius: 100%;
									top: 70px;
									left: 10px;
									text-align: center;
									font-size: 24px;
									padding: 16px 4px 0 0;
									color: #7ec6c0;
									text-decoration: none;
									cursor: pointer;
									}
					
					.big-gallery .arrows
									{
									width: 100px;
									height: auto;
									top: 0;
									left: 0;
									bottom: 0;
									border-radius: 0;
									padding: 0;
									margin: 0;
									border: 0;
									background: none;
									color: #000;
									}
									
									.big-gallery .fa 	{
														width: 40px;
														text-align: center;
														display: block;
														height: 50px;
														position: absolute;
														top: 50%;
														left: 50%;
														margin: -25px 0 0 -20px;
														font-size: 50px;
														opacity: .7;
														}
														
									.big-gallery .arrows:hover .fa 
														{opacity: 1;left: 40%;}
									
									.big-gallery .arite:hover .fa 
														{left: 60%;}
									
									.big-gallery .arite
									{left: inherit; right: 0;}
									
									.arite 				{
														left: inherit;
														right: 10px;
														padding: 16px 0 0 4px;
														}
												
									.arrows:hover		{color: #000;}

.dots 				{text-align: center;}

					.dots a 		{
									display: inline-block;
									width: 10px;
									height: 10px;
									border-radius: 100%;
									margin-right: 14px;
									border: 2px solid #000;
									background: #fff;
									cursor: pointer;
									}	
									
									.dots a:nth-last-child(2)	{margin-right: 0;}	
									
									.dots a:hover,
									.dots a.current 	{background: #000;}


.pop-up div	 		{
					display: inline-block;
					width: 32.5%;	
					background: #fff;
					vertical-align: top;
					}

					.pop-up a 	 	{
									min-height: 100px;
									display: block;
									background-size: cover;
									background-position: center;
									margin: 20px;
									position: relative;
									text-transform: uppercase;
									cursor: pointer;
									margin: 10px;
									}
									
									.copy .pop-up a img 	{
															margin: 0;
															width: 100%;
															}
									
									.pop-up a:hover 		{opacity: .8;}
									
					.pop-up p 		{
									background: rgba(0,0,0,.85);
									position: absolute;
									left: 0;
									right: 0;
									bottom: 0;
									padding: 10px;
									color: #fff;
									font-size: 18px;
									text-align: center;
									text-transform: none;
									}
																										
.top-center 		{
					max-width: 750px;
					margin: 50px auto;
					background: #fff;
					}

					.top-center h1,
					.top-center h2 
					{
					font: 700 40px "Playfair Display";
					color: #777;
					}
									
					.top-center p 	{
									font: 300 21px/150% "Mulish";
									margin-top: 15px;
									}
									
					.post p.date	{opacity: .5; font-size: 12px;}									
									
					.top-center span{
									display: inline-block;
									font-size: 14px;
									font-weight: 300;
									margin-top: 23px;
									text-transform: uppercase;
									word-spacing: 5px;
									color: #7ec6c0;
									}

.all-board-menu 	{text-align: center;padding: 0 20px;}

.menu-board			{
					max-width: 700px;
					border: 2px solid #eee;
					box-sizing: border-box;
					padding: 20px 50px;
					margin: 20px auto;
					cursor: pointer;
					transition: all .15s;
					position: relative;
					}

					.menu-divider
					{font-size: 30px;}

						.menu-back
						{
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						background: url('../images/geometric-cubes.png');
						opacity: .5;
						}

						.menu-board:hover
						{border-color: #ccc;}

					.menu-all
					{
					position: relative;
					z-index: 10;
					}

					.menu-board h2
					{
					font-size: 30px;
					color: #000;
					font-weight: 500;
					}

					.menu-items
					{
					display: none; /* toggled open with JS */
					margin: 50px 0;
					}

						.menu-items-in
						{
						display: inline-block;
						width: 50%;
						}

					.order-menu
					{
					display: inline-block;
					color: #000;
					background: #fff;
					border: 2px solid #000;
					font-weight: 500;
					margin-top: 50px;
					font-size: 25px;
					/*white-space: nowrap;*/
					padding: 10px 25px;
					transition: all .15s;
					text-decoration: none;
					}

						.order-menu:hover
						{background: #000; color: #fff;}

					.see-menu
					{
					display: inline-block;
					margin-top: 50px;
					color: #000;
					background: #fff;
					border: 2px solid #000;
					font-weight: 500;
					padding: 10px 25px;
					cursor: pointer; 
					transition: all .15s;
					}

						.menu-board:hover .see-menu
						{background: #000; color: #fff;}

					.one-item + .one-item
					{margin-top: 40px;}

					.order-online .one-item
					{
					padding: 30px 30px 20px;
					box-sizing: border-box;
					border-radius: 10px;
					position: relative;
					border: 3px solid transparent;
					}

						.order-online .one-item:hover
						{
						background: #fff;
						border-color: #eee;
						}

						.order-online .one-selected,
						.order-online .one-selected:hover
						{
						border-color: #5ca14f;
						background: #fff;						
						}

						i.one-total
						{
						position: absolute;
						top: 8px;
						right: 8px;
						width: 30px;
						height: 30px;
						line-height: 30px;
						text-align: center;
						font-size: 16px;
						font-weight: 700;
						font-style: normal;
						color: #fff;
						background: #5ca14f;
						border-radius: 100%;
						border: 2px solid #fff;
						display: none;
						}

							.one-selected i.one-total
							{display: block;}

					.one-item h3
					{
					font-weight: 500;
					line-height: 120%;
					}

					.one-item p
					{
					font-size: 18px;
					font-weight: 200;
					line-height: 110%;
					margin-bottom: 5px;
					}

					.one-item img
					{
					display: inline-block;
					width: 50px;
					}

					.order-online
					{
					width: 1190px;
					margin: auto;
					}

					.order-online .all-board-menu
					{float: left;}

					.receipt-out
					{
					float: right;
					width: 450px;
					position: relative;
					z-index: 100;
					}

					.receipt-absolute
					{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					}

					.receipt
					{
					width: 450px;
					position: absolute;
					border: 2px solid #777;
					box-sizing: border-box;
					margin: 20px;
					padding: 30px;
					font-size: 14px;
					background: #fff;
					font-family: Courier, sans-serif;
					vertical-align: top;
					text-align: left;
					display: none;
					}

						.receipt-fixed
						{
						position: fixed;
						top: 20px;
						}

						.order-online .receipt
						{display: block;}

						.receipt-hold
						{
						max-height: 300px;
						margin-top: 20px;
						padding-right: 20px;
						overflow-y: scroll;
						}

						.place-order
						{
						display: block;
						border-radius: 5px;
						font-size: 21px;
						color: #fff;
						background: #5ca14f;
						padding: 10px 0;
						text-align: center;
						margin: 15px 0 5px;
						text-decoration: none;
						cursor: pointer;
						}

							.order-none
							{
							pointer-events: none;
							opacity: .3;
							}

							.place-order:hover
							{opacity: .7;}

						.specific-item
						{
						margin-bottom: 20px;
						padding: 10px;
						font-size: 0;
						border-radius: 5px;
						position: relative;
						cursor: pointer;
						transition: all 1s;
						}

							.item-shine
							{background: #d0ebcb;}

							.specific-item:hover b
							{background: #555;}

						.specific-item b
						{
						display: inline-block;
						width: 10%;
						vertical-align: top;
						width: 16px;
						height: 16px;
						margin-right: 10px;
						font-size: 16px;
						line-height: 16px;
						box-sizing: border-box;
						padding: 1px 0 0 1px;
						color: #fff;
						background: #ccc;
						text-align: center;
						}

						.specific-item div
						{
						display: inline-block;
						vertical-align: top;
						box-sizing: border-box;
						padding-right: 30px;
						width: 60%;
						font-size: 15px;
						line-height: 110%;
						}

						.specific-item span
						{
						display: inline-block;
						vertical-align: top;
						width: 30%;
						font-size: 15px;
						text-align: right;
						}

						.total-order
						{
						border-top: 1px dashed #000;
						margin-top: 20px;
						padding-top: 20px;
						font-size: 0;
						}

						.total-order h3,
						.total-order span
						{
						width: 70%;
						display: inline-block;
						box-sizing: border-box;
						vertical-align: top;
						font-size: 15px;
						}

						.total-order span
						{
						width: 30%;
						text-align: right;
						padding-right: 44px;
						white-space: nowrap;
						}

.order-cover 		{
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					z-index: 500;
					padding: 20px;
					background: rgba(0,0,0,.75);
					display: none;
					overflow-y: auto;
					}

					.order-modal
					{
					max-width: 500px;
					border-radius: 10px;
					background: #fff;
					margin: 50px auto;
					padding: 40px 50px 50px;
					text-align: left;
					position: relative;
					}

						.order-modal h2
						{
						font-size: 21px;
						font-weight: 500;
						margin-bottom: 20px;
						}

						.order-modal input,
						.order-modal textarea
						{
						display: block;
						width: 50%;
						font-size: 14px;
						padding: 5px 7px;
						margin-bottom: 15px;
						border: 1px solid #777;
						border-radius: 3px;
						}

							.order-modal textarea.hide-element
							{display: none;}

							.order-modal input.req-order-field
							{
							border-color: #d90000;
							background: #d9000010;
							}

							.order-modal textarea
							{
							width: 70%;
							height: 120px;
							}

						.order-modal select
						{
					    display: inline-block;
					    padding: 3px 5px;
					    margin: 0 10px 15px 0;
					    font: 16px "Mulish", Helvetica, Arial, sans-serif;							
						}

					.x-order
					{
					display: block;
					position: absolute;
					top: 10px;
					right: 10px;
					border-radius: 5px;
					width: 50px;
					height: 50px;
					line-height: 50px;
					text-align: center;
					font-size: 20px;
					background: #555;
					color: #fff;
					font-weight: 500;
					cursor: pointer;
					}

							.x-order:hover
							{background: #000;}



					
.page 			{padding: 0 20px;}
					
					img.main-image	{
					    			width: 100%;
					    			margin: 0 0 50px;
					    			}	
					    			
					    			.copy img.main-image
					    			{width: 100%;}									
					
					.page p 		{
									font-size: 18px;
									line-height: 170%;
									}
									
									.page p + p
									{margin-top: 20px;}
					
.copy 			{
					max-width: 750px;
					margin: auto;
					overflow: hidden;
					}
										
					.copy h2,
					.copy h3 		{font-weight: 400;font-size: 30px; margin-bottom: 5px;}
					.copy h3 		{font-size: 25px;}
					
					.copy p + h2,
					.copy p + h3,
					.copy ul + h2,
					.copy ol + h3,
					.copy p + img 	{margin-top: 40px;}
					
					.copy p 		{
									font-weight: 300;
									opacity: .7;
									color: #ccc;
									}
					
					.copy blockquote p
									{
									font-size: 24px;
									font-weight: 400;
									margin: 30px 100px 30px 50px;
									}
					
					.copy ul,
					.copy ol 		{margin: 10px 70px 20px 40px;}
					
					.copy li 		{
									font-weight: 300;
									font-size: 18px;
									margin-bottom: 10px;
									opacity: .6;
									}
					
					.copy img 		{
									width: 100%;
									height: auto;
									display: block;
									margin: 30px auto;
									}
									
									.copy .forms img	{
														width: 130px;
														margin: 0 0 15px;
														}
									
					.share-buttons 	{margin-bottom: 50px;}
									
					.share-buttons .fb_iframe_widget span
					{vertical-align: inherit !important; margin-right: 10px;}

					.post-wrap 		{margin: 0 -30px;}
					
					.post 			{
									display: inline-block;
			    					width: 49%;
    								vertical-align: top;
									}
									
					.post a 		{
									display: block;
									text-decoration: none;
									color: #000;
									margin: 30px;
									}
																		
									.post a:hover
									{opacity: .7;}
									
					.b1				{
									display: block;
									width: auto;
									margin-bottom: 40px;
									}

					.post a h2 		{font-size: 27px;line-height:120%;margin-bottom: 10px;}	
					.post a p 		{font-size: 16px;}	
					
					.b1 a h2		{font-size: 30px;}
					
					.b1 a p			{font-size: 18px; line-height: 170%;}	
					
					p + .post 		{margin-top: 40px;}													
														
					h2.sec-title	{font-size: 30px;}

					.area 			{
									max-width: 30vw;
									margin: auto;
									text-align: center;
									position: relative;
									z-index: 10;
									}

									.quote			{
/*														margin: 50px;*/
														text-align: center;
														padding: 1vw;
														color: #fff;
														background: #000;
/*														border-radius: 3px;*/
														}

														.quote-in
														{padding: 3vw;}

														.quote-in div
														{
														max-width: 60vw;
													    margin: auto;
													    text-align: center;
														}

														.quote-in h2
														{
														font-size: 1.35vw;
    													line-height: 140%;
														}

														.quote-in h3
														{
														font-size: 1vw;
													    font-weight: 400;
													    margin-top: 1vw;
														}

.big-footer-wrap 
{
color: #ddd;
font-weight: 400;
margin: 50px 50px 100px;
font-size: 0;
display: flex;
}						

.bottom
{
background: #000;
height: 50px;
margin: 0 50px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}								

									.about 			{display: flex;}

														.about-in
														{max-width: 700px;}

														.about h2
														{
														font-size: 25px;
														font-weight: 630;
    													margin-bottom: 5px; 
														}

														.about p
														{
														font-size: 17px;
														line-height: 1.5;
														}

														.about p.copyright
														{
														margin-top: 20px;
														color: #777;
														}

									.menu-right 	{
														display: flex;
														flex-grow: 1;
														justify-content: flex-end;
														text-align: right;
														}

														.footer-menu-items
														{
														display: block;
														margin-bottom: 20px;
														}

														.footer-menu-items a
														{
														display: inline-block;
														font-size: 16px;
														font-weight: 600;
														text-decoration: none;
														color: #eee;
														}

														.footer-menu-items a.current
														{text-decoration: underline;}

														.footer-menu-items a + a
														{margin-left: 20px;}

														.footer-menu-items a:hover
														{opacity: .7;}

									
									.quotes h2 i 	{
														font-size: 16px;
														display: inline-block;
														vertical-align: top;
														opacity: .5;
														padding-top: 3px
														}
														
														.quotes h2 i.fa-quote-right	{padding-left: 5px;}
					
					.area h4,
					.top-center h4	{
									display: inline-block;
									margin: 0 5px;
									font: 700 11px "Mulish", Arial, sans-serif;
									text-transform: uppercase;
									}
									
									.top-center h4		{margin-bottom: 15px;}
									
					.area h2 		{
									font-size: 1.1vw;
									line-height: 150%;
									}
									
					.area h3 		{
									font-size: .75vw;
									font-weight: 400;
									margin-top: 1vw;
									color: rgba(0,0,0,.35);
									}
									
					.mid-section .area a.menu-big
									{
									display: inline-block;
								    text-align: center;
								    margin: 1vw auto 0;
								    font-size: 25px;
								    padding: 10px 25px;
								    line-height: inherit;
								    background: #fff;
								    color: #000;
								    border: 2px solid #000;
								    text-decoration: none;
								    transition: all .15s;
									}
									
									.mid-section .area a.menu-big:hover {background: #000; color: #fff;}
									
					.pitch .area a.menu-big {
											color: #fff;
											font-size: 21px;
											padding: 20px 40px;
											margin-top: 50px;
											margin-bottom: 0;
											box-shadow: 0 2px 3px rgba(0,0,0,.3);
											}

					.project-slides .area 				{display: none;}

					.project-slides .area:first-child 	{display: block;}											
																	
.fields		 		{
					padding: 90px 30px;
					text-align: center;
					border-top: 2px solid #000;
					
					}
					
					.mid-section + .fields,
					.post-search 		 	{border: 0;}
					
					.post-search 			{background: none;}
					
					.page .fields  			{padding: 50px 30px 30px;}
					
					.fields h2 				{font: 30px "Mulish", Arial, sans-serif;margin-bottom: 10px;}
					.fields p 				{font-weight: 300;}
					
					.sign-up 				{
											max-width: 500px;
											margin: 30px auto 0;
											padding: 1px;
											background: #fff;
											border: 1px solid rgba(0,0,0,.2);
											}
											
											.post-search .sign-up
											{margin: 0 auto;}
											
											.sign-up input[type=text]
											{
											border: 0;
											float: left;
											display: block;
											width: 70%;
											height: 50px;
											padding: 0 3.5%;
											font: 400 18px "Mulish";
											color: #000;
											}

											.sign-up input[type=submit]
											{
											-webkit-appearance: none;
											display: block;
											float: right;
											border: 0;
											width: 23%;
											height: 50px;
											line-height: 50px;
											color: #fff;
											font: 400 14px "Mulish";
											background: #E74C3C;
											cursor: pointer;
											border-radius: 0;
											}
											
											.sign-up input[type=submit]:hover
											{opacity: .7;}

.testimonial 		{
					background: #ccc;
					padding: 3vw 1vw;
					text-align: center;
					}
					
					.testimonial .area h2
					{
					font-size: 2vw;
					line-height: 140%;
					}
					
					.testimonial .area h4
					{padding: 10px 0 25px;}
					
					.testimonial .area span
					{
					color: rgba(255,255,255,.7);
					padding-bottom: 18px;
					display: inline-block;
					}

.donors	 			{
					padding: 20px 0;
					margin: 2vw 0;
					}

					.testimonial + .donors,
					.pitch + .donors{border: 0;}

					.donor-logos{
									width: 100%;
									display: flex;
									gap: 50px;
									text-align: center;
   			 					vertical-align: middle;
   			 					margin: 40px 0;
    								}

    								.donor-left 	{text-align: left;}
    								
    								.donor-logos a	{
    													display: inline-block;
    													vertical-align: middle;
    													}

    													.donor-logos a img
    													{height: 70px;}
    													
.pitch				{
					background: #000 no-repeat center;
					background-size: cover;
					color: #fff;
					}					
					
					.pitch h2 		{font: 500 35px "Mulish", Arial, sans-serif;}
					
					.pitch p 		{
									font-size: 18px;
									line-height: 140%;
									font-weight: 300;
									}
									
.page-head 			{
					padding: 40px 0;
					text-align: center;
					background: url(../images/pitch2.jpg) no-repeat center;
					background-size: cover;
					color: rgba(255,255,255,.75);
					text-transform: uppercase;
					position: relative;
					}
					
					.page-head h2 	{
									color: #fff;
									font: 700 33px "Mulish", Arial, sans-serif;
									text-shadow: 0 1px 2px rgba(0,0,0,.5);
									}
									
									.page-head h2 a
									{color: #fff;text-decoration: none;}
									
					.page-head p	{
									color: #fff;
									font: 400 18px "Mulish", Arial, sans-serif;
									}

.sub-pages 			{
					max-width: 900px;
					margin: auto;
					}
					
					.p-articles 	{max-width: 790px;}
					
.sub-pages span 	{display: block;}

.sub-pages a:hover	{opacity: .7;}

.p-squares 			{text-align: center;}
					
.p-long 			{text-align: left;}					


.p-squares div,
.p-articles div		{
					display: inline-block;
					width: 32.5%;
					vertical-align: top;
					}
					
					.p-art-big div	{
									display: block;
									width: 100%;
									margin-bottom: 35px;
									}
					
					.p-blocks div	{width: 49%;}
									
					.p-long div		{
									display: block;
									width: auto;
									margin-bottom: 50px;
									}
					
					.p-squares a,
					.p-articles a 	{
									display: block;
									min-height: 150px;
									margin: 20px;
									position: relative;
									text-decoration: none;
									cursor: pointer;
									border-radius: 100%;
									overflow: hidden;
									}
									
					.p-long div a 	{
									min-height: auto;
									border-radius: 0;
									}
									
					.p-articles a	{
									min-height: auto;
									margin: 20px;
									color: #000;
									border-radius: 0;
									}
									
					.p-blocks a		{
									margin: 15px;
									min-height: 250px;
									}
												
					.p-articles img	{display:block;width: 100%;}
					
					.p-art-big img 	{	
									width: 50%;
									margin-right: 3%;
									float: left;
									}
													
					.p-squares .overlay
					{border-radius: 0;}	
									
					.p-squares .s-image
									{
									position: absolute;
									top: 0;
									left: 0;
									right: 0;
									bottom: 0;
									background-size: cover;
									background-position: center;
									background-repeat: no-repeat;
									z-index: 10;
									}
									
					.p-squares .s-text
									{
									display: block;
									position: absolute;
									left: 0;
									right: 0;
									top: 50%;
									z-index: 50;
									padding: 0 40px;
									text-shadow: 1px 1px 1px #000;
									}
									
					.p-long .s-text {
									position: relative;
									left: inherit;
									right: inherit;
									top: inherit;
									max-width: 70%;
									padding: 50px 60px 50px;
									}
									
									.p-articles h2 			{															
															font-size: 18px;
															font-weight: 600;
															margin-top: 5px;
															}
															
									.p-art-big h2 			{
															font-size: 40px;
															padding-top: 30px;
															display: block;
															}
																		
									.p-squares h2 			{
															color: #fff;
															font: 300 18px "Mulish", Arial, sans-serif;
															letter-spacing: 1px;
															text-transform: uppercase;
															}
															
									.p-blocks h2 			{font-size: 21px;}
									
									.p-long h2 				{
															font-size: 30px;
															font-weight: 400;
															}
															
									.p-squares p,
									.p-articles p			{display: none;}
									
									.p-art-big p			{
															display: block;
															font-weight: 100;
															}
									
									.p-blocks p,
									.p-long p				{
															display: block;
															color: #fff;
															font: 400 16px "Mulish", Arial, sans-serif;
															opacity: .7;
															}
				
.pop-up 	 		{margin: 50px -20px;overflow: hidden;}

					.pop-up 		{text-align: center;}

/* ELEMENTS */

/* VIDEO */
.video,
.tables,
.downloads,
.page-quotes,
.big-gallery,
.text,
.forms,
.staff 				{margin: 50px 0;}

.video iframe		{width: 100%; height: 430px;}					
			
/* GALLERY */
.gallery 			{margin: 30px -20px;}										
					
.gallery div 		{
    				float: left;
    				width: 33.3%;
    				position: relative;
    				}
    														
    				.gallery a 		{
    									display: block;
    									margin: 20px;
    									position: relative;
    									text-decoration: none;		
    									border: 5px solid #ffffff50;			
    									cursor: pointer;									
    									}
    									
    				.gallery p 			{
    									position: absolute;
    									z-index: 10;
    									color: #fff;
    									bottom: 10px;
    									right: 10px;
    									font-size: 11px;
    									}

    				.gallery a img {
    									display: block;
    									width: 100%;
    									margin: 0;
    									}
    				
    				.gallery span		{
    									display: block;
    									position: absolute;
    									top: 0;
    									left: 0;
    									right: 0;
    									bottom: 0;
    									background: rgba(0,0,0,.25);
    									}
    									
    				.gallery .fa 		{
    									position: absolute;
    									width: 50px;
    									height: 44px;
    									text-align: center;
    									left: 50%;
    									top: 50%;
    									margin: -22px 0 0 -25px;
    									font-size: 45px;
    									opacity: .5;
    									color: #fff;
    									z-index: 10;
    									pointer-events: none;
    									}
    									
    									.gallery .fa-play 	{padding-left: 7px;}
    									
    									.gallery a:hover .fa
    									{opacity: 1;}
															
.big-cover 			{
					position: fixed;
					z-index: 1000;
					background: rgba(0,0,0,.7);
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					display: none;
					padding: 30px;
					overflow-y: scroll;
					}
					
					.big-cover div,
					.big-cover span	 	{
										display: block;
										max-width: 500px;
										margin: 50px auto;
										padding: 20px;
										background: #fff;
										}	
										
										.big-cover div iframe 
										{width: 100%;height: 300px;}
										
										.big-cover div span
										{
										margin: 0 30px 30px;
										max-width: auto;
										font-weight: 300;
										}	
										
					.copy .big-cover img{
										width: 70px;
										height: 70px;
										border-radius: 100%;
										}
										
					.copy .big-cover p 	{
										text-align: center;
										font-weight: 400;
										font-size: 21px;
										}
										
										.copy .big-cover span p
										{
										font-weight: 300;
										text-align: left;
										font-size: 16px;
										}
										
					.big-cover .fa 		{
										display: block;
										position: fixed;
										top: 20px;
										right: 40px;
										font-size: 30px;
										color: #fff;
										cursor: pointer;
										}				
										
										.big-cover .fa:hover 	{opacity: .7;}									

/* TABLES */
.tables 			{/*max-width: 750px;*/}	
					
					.tables table 		{
										width: 100%;
										border-top: 1px solid #ddd;
										border-left: 1px solid #ddd;
										table-layout: fixed;
										}														
					
					.tables td 			{
										padding: 15px 20px;
										font-weight: 300;
										font-size: .7vw;
										line-height: 100%;
										text-align: center;
										border-right: 1px solid #ddd;
										border-bottom: 1px solid #ddd;
										}
										
					.tables tr.headers td	{font-weight: 400;}

/* DOWNLOADS */
.downloads a 		{
    				display: block;
    				text-decoration: none;
    				color: #333;
    				font-size: .8vw;
    				border-top: 1px solid #ddd;
    				border-bottom: 1px solid #ddd;
    				padding: 15px 0;
    				margin-top: -1px;
    				}

    				.downloads a svg 	{
    									display: inline-block;
    									width: 30px;
    									margin-right: 7px;
    									vertical-align: middle;

    									}
    				
    				.downloads a .fa 	{
    									font-size: 30px;
    									display: inline-block;
    									vertical-align: middle;
    									margin-right: 10px;
    									}
    									
    				.downloads a span 	{
    									display: inline-block;
    									vertical-align: middle;
    									color: #777;
    									}
    				
    				.downloads a:hover span
    				{color: #ccc;}

/* QUOTES */
.page-quotes 		{
					border-top: 1px solid #ddd;
					border-bottom: 1px solid #ddd;
					padding: 40px 0;
					}
					
					.downloads + .page-quotes
					{margin-top: -50px; border-top: 0;}
					
.one-quote 			{
    				margin: auto;
    				max-width: 500px;
    				text-align: center;
    				display: none;
    				}
    				
    				.all-quotes .one-quote:first-child
    				{display: block;}

.one-quote h2 		{margin-bottom: 20px;line-height: 150%;}
    				
.sec-dots 			{
					margin: 0 auto 30px;
					max-width: 500px;
					}

    				.sec-dots a 		{
    									display: inline-block;
    									width: 10px;
    									height: 10px;
    									background: #ccc;
    									border-radius: 100%;
    									margin: 0 5px;
    									cursor: pointer;
    									}
    									
    									.sec-dots a:hover
    									{opacity: .7;}
    									
    									.sec-dots a.current,
    									.sec-dots a.current:hover
    									{background: #222;}

/* BIG GALLERY */
.big-gallery 		{position: relative;}		

.slideshow div 		{display: none;}
					
					.slideshow div:first-child
					{display: block;}
										
					.copy .slideshow img{
										display: block;
										width: 100%;
										margin: 0;
										}
										
					.slideshow p 		{
										position: absolute;
										left: 0;
										right: 0;
										bottom: 0;
										background: #2980B9;
										color: #fff;
										text-align: center;
										padding: 15px 70px;
										opacity: 1;
										}

/* STAFF */		
.employee + .employee
{margin-top: 70px;}	

.employee img		{
					margin: 8px 25px 0 0;
					width: 25%;
					float: left;
					}

.employee div 		{display: table;}
					
.employee h3 		{font-size: 24px;}
.employee h4 		{font-size: 12px; text-transform: uppercase; letter-spacing: 1px;}
.employee p,
.employee p + p		{font-size: 18px; margin-top: 10px;}
										
/* FORMS */
.forms p 			{
    				font-weight: 300;
    				margin-bottom: 30px;
    				color: #5d624f;
    				}
    				
    				.forms p.req 		{color: #d90000;display: none;margin: 30px 0 0;}

.forms label 		{
    				display: block;
    				font-size: 16px;
    				margin-bottom: 3px;
    				}
    				
    				.forms label span 	{color: #d90000;}
    				
.forms input[type=text],
.forms textarea		{
    				min-width: 200px;
    				border: 1px solid #ccc;
    				padding: 10px 15px;
    				font: 400 18px "Mulish", Helvetica, Arial, sans-serif;
    				margin-bottom: 20px;
    				color: #5d624f;
    				}
    				
.forms textarea 	{
    				max-width: 350px;
    				min-width: 350px;
    				min-height: 100px;
    				}
    				
.forms input[type=submit],
.forms a.submit		{
    				display: inline-block;
    				-webkit-appearance: none;
    				color: #fff;
    				background: #E74C3C;
    				border: 0;
    				padding: 12px 30px;
    				font: 400 16px "Mulish", Helvetica, Arial, sans-serif;
    				cursor: pointer;
    				}
    				
    				.forms a.submit 		{display: none;}
    				
    				.forms input[type=submit]:hover,
    				.forms a.submit:hover	{opacity: .7;}
					
/* Docs */
.sidebar 			{
					float: left;
					width: 18%;
					padding-right: 2%;
					}				
					
					.sidebar h2 	{
									padding-bottom: 5px;
									border-bottom: 1px solid #ddd;
									}
					
					.sidebar a 		{
									display: block;
									border-bottom: 1px solid #ddd;
									padding: 10px 0;
									text-decoration: none;
									color: #0059cd;
									}		
									
									.sidebar a:hover 		{color: #000;}		
														
.mainbar 			{
					float: left;
					width: 80%;
					}
					
					.mainbar img 	{
									max-width: 100%;
									height: auto;
									}
									
					.mainbar h2 	{margin-bottom: 10px;}
									
					.mainbar p + p 	{margin-top: 25px;}
									
					.mainbar p + h2 {margin-top: 50px;}
																								

/* Footer */
.footer 			{position: relative;}

					.address 		{text-align: center;}

					.address h2		{
									font: 300 2.3vw "Mulish", Arial, sans-serif;
									margin-bottom: 10px;
									color: #000;
									}

					.address p 		{
									font-size: 1vw;
									font-weight: 300;
									}

									.address p.bold a
									{
									margin-top: 2vw;
								    display: inline-block;
								    font-size: .8vw;
								    padding: .3vw .5vw .25vw;
								    font-weight: 600;
								    text-transform: uppercase;
								    text-decoration: none;
								    background: #d90000;
								    color: #fff;
									}

									.address p.bold a:hover
									{opacity: .7;}
					
					.map 			{
									-webkit-background-size: cover;
									-moz-background-size: cover;
									background-size: cover;
									position: relative;
									}
									
									.map + .testimonial,
									.map + .fields,
									.map + .pitch 	{margin-top: -4px;}
									
									.map + .donors 	{border: 0;}

									.map iframe  	{
													width: 100%;
													height: 30vw;
													border: 0;
													}
									
									.disable 		{
													position: absolute;
													top: 0;
													left: 0;
													right: 0;
													bottom: 0;
													cursor: pointer;
													}	
																	
					.link-section 	{
									float: left;
									margin-right: 20px;
									border-right: 1px solid rgba(255,255,255,.2);
									}
									
									.topper .link-section a 	{padding: 0;}
									
									.container .link-section:nth-last-child(2)	{border: 0;margin: 0;}
					
					.boxes 			{
									width: 20%;
									padding-right: 5%;
									float: left;
									font-weight: 300;
									}
									
					.latest 		{width: 50%;}
					
									.latest a	{
												display: block;
												color: #ECF0F1;
												text-decoration: none;
												border-bottom: 1px solid rgba(255,255,255,.1);
												padding-bottom: 10px;
												margin-bottom: 10px;
												}
												
												.latest a p 		{
																	font-size: 14px;
																	float: none;
																	padding: 0;
																	}
																	
												.lastest a:hover 	{opacity: .85;}
									
									.boxes h4 	{
												text-transform: uppercase;
												font: 400 14px "Mulish", Arial, sans-serif;
												margin-bottom: 30px;
												}
												
									.big-text h1{
												font: 500 2.3vw "Mulish", Arial, sans-serif;
												margin-bottom: 10px;
												}
					
					.smallest		{width: 20%; padding: 0;text-align: right;}
					
									.smallest a	{
												display: block;
												color: rgba(255,255,255,.75);
												text-decoration: none;
												margin-bottom: 10px;
												}
												
												.smallest a p	 	{
																	float: none;
																	font-size: 14px;
																	color: rgba(255,255,255,.35);
																	padding: 0;
																	}
																	
												.smallest a:hover 	{opacity: .85;}
									
									.boxes h3 	{
												color: rgba(255,255,255,.75);
												padding-bottom: 15px;
												font-size: 21px;
												text-transform: uppercase;
												}
									
									.boxes p.icon	{
												width: 30px;
												text-align: center;
												}
												
									.boxes p 		{
												float: left;
												color: rgba(255,255,255,.35);
												padding-bottom: 15px;
												font-size: 14px;
												}
																								
												.boxes a:hover 		{color: #fff;}

					.f-menu 		{text-align: center;}

					.f-menu a 		{
									display: inline-block;
									text-decoration: none;
									font-size: 13px;
									font-weight: 400;
									text-transform: uppercase;
									letter-spacing: 1px;
									padding-left: 1px;
									color: rgba(0,0,0,.7);
									margin: 15px;
									}
					
					.f-menu a:hover,
					.f-menu a.current {border-bottom: 2px solid rgba(0,0,0,.5);}

					.f-menu a:nth-last-child(2)	{margin: 0;}

.desktop-hide
{display: none !important;}

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

	.top-tag 		{
					font-size: 16px;
					padding: 15px;
					}

	.logo 			{
					height: 100px;
					/*margin: 30px 0 20px;*/
					}

	img.dingbat {
					width: auto;
					height: 6vw;
					margin: 60px auto 35px;
					}

	.big-text h1,
	.address h2  	{
					font-size: 30px;
					}

	.big-text p 	{font-size: 18px;}

	.special-text h2{font-size: 18px;}

	.area h2 		{font-size: 21px;}

	.order-online	{
					width: auto;
					}

					.receipt-out,
					.order-online .all-board-menu
					{float: none;}

					.receipt-out
					{
					margin: auto;
					}

					.receipt-absolute
					{
					display: inline-block;
				    position: relative;
				    top: auto;
				    left: auto;
				    right: auto;
					}

					.receipt
					{
					position: relative;
					width: 420px;
					}

	/*.menu 			{margin-top: 50px;}*/

	.menu a 		{font-size: 15px;}

	/*.slide-solid 	{height: 160px;}*/

	.solid-in 		{
					/*padding: 20px;*/
					box-sizing: border-box;
					}

	.solid-in h1 	{
					font-size: 130px;
					padding-bottom: 0;
					}			

					.slide-solid h1
					{font-size: 70px;}

}



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

	.one-special	{width: 50%;}

	.special-in 	{height: 24vw;}

	.one-pdf
	{
	width: 33.33%;
	padding: 0 50px 50px;
	}


}


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

	.mobile-hide
	{display: none !important;}

	.wrap 			{margin: 0 15px;}

	.header-hold
	{padding: 15px 0;}

	.logo-hold
	{
	padding: 0;
	flex: 0 1 auto;
	}

	.logo-hold img
	{height: 35px;}

	.menu .auth
	{padding: 0;}
	
	.container 		{padding: 0 10px;}

	.m-links div 	{width: auto;}
	.m-links .copy 	{margin: 0;}
	
	.page .c-link p+p.date {margin-top: 7px;}

	.mid-two a.arrows,
	.menu-clear		{display: none;}

	.logo 			{
					display: block;
					height: 70px;
					margin: 0;
					padding: 15px;
					}

	.header 		{
					max-width: none;
					text-align: center;
					margin: 0;
					gap: 10px;
					}

	.logo-mob 		{display: block;}

	.slide-in 		{border-radius: 0;}
	
	.slide .overlay
	{border-radius: 0;}

	.controls 		{left: 30px; bottom: 36px;}

	.cover .scroll-icon
	{display: none;}
	
	.tagline 		{padding: 30px 30px;}

	.topper .container
	{text-align: center;}
	
	.topper p.social{display: block;}
	
	.topper a,
	.topper p 		{
					display: inline-block;
					float: none;
					font-size: 14px;
					margin: 0 10px;
					padding: 5px 0;
					}
					
					.topper .social a	{font-size: 18px;margin: 10px;}
					
.header .fa-search	{
					position: absolute;
					top: 10px;
					right: 10px;
					float: none;
					margin: 0;
					background: rgba(0,0,0,.05);
					}
					
.search-cover div 	{margin: 50px;}

.header a.menu-big
					{
					float: none;
					text-align: center;
					margin: 0;
					padding: 15px 0;
					}

	.all-menu 		{float: none;text-align: center;}					

	.menu 		{
					display: block;
					float: none;
					text-align: center;
					}

					.menu.langs
					{
					margin: 0;
					flex: 1 0 auto;
					display: flex;
					justify-content: right;
					}

					.menu .clear 	{display: none;}
					
					.all-menu div 	{
									float: none;
									border-bottom: 1px solid rgba(0,0,0,.1);
									display: block;
									}

					.menu .all-menu {display: none;}
					
					.menu .all-menu div:last-child,
					.menu .all-menu	{border: 0;}
					
/*					.menu .all-menu
					{
					border: 3px solid #000;
					border-top-width: 10px;
					margin-top: -25px;
					margin-bottom: 15px;
					}

*/
	
					.menu div + div
					{margin: 0;}

					.menu a,
					.menu .sub1 a,
					.menu .current a{
									display: block;
									padding: 8px 20px;
									margin: 0;
									font-size: 13px;
									color: #555;
									}

									.menu.langs a
									{padding: 5px 10px 6px;}
									
									.menu .sub1 a,
									.menu .current.sub1 a
													{
													padding-left: 55px;
													margin-right: 55px;
													}
													
									.menu .sub-menu a
									{margin-right: 0;}
													
					.menu .current.sub1:hover a		{height: 30px;}										
									
					.menu .current a{
									border: 0;
									background: rgba(0,0,0,.03);
									}
									
					.show-menu
					{
					padding: 5px;
					border-radius: 2px;
					background: #555;
					display: inline-flex;
					align-items: center;
					justify-content: center;
					}

					.show-menu svg
					{
					width: 24px;
					color: #fff;
					}

					.menu-mobile
					{
					position: absolute;
					top: 40px;
					left: 0px;
					z-index: 100;
					background: #fff;
					border-radius: 2px;
					}

					.solid-text p
					{
					font-size: 14px;
					line-height: 150%;
					}

					.slide-text
					{
					max-width: none;
					}

					.slide-text h1
					{font-size: 21px;}
					
					.menu .fa	 	{
									top:0;
									right: 0;
									width: 54px;
									padding-left: 2px;
									height: 50px;
									font-size: 16px;
									line-height: 50px;
									background: rgba(0,0,0,.1);
									z-index: 10;
									cursor: pointer;
									}
									
									.menu .sub1:hover i
									{color: #E74C3C; opacity: .7;}
									
					.show-menu .fa	{
									height: 40px;
									line-height: 40px;
									background: none;
									color: #fff;
									}
									
					.show-menu .fa-arrow-up					
					{display: none;}

.new-tagline-text
{width: auto;}					

.access
{
padding: 20px;
flex-wrap: wrap;
}

.access p,
.access a
{font-size: 15px;}

	.slide-new,
	.new-content	{max-width: none; height: auto;}

	.new-content 	{margin: 15px 0;}

	.special-links a
	{margin: 0 0 10px 0;}

	.special-links a span
	{font-size: 15px;}

	.special 		{margin: 0;}

					.special .one-special:last-child
					{margin-bottom: 0;}

					.one-wrap
					{margin-bottom: 10px;}

					.special-article h2
					{
					font-size: 25px;
					margin-bottom: 0;
					}

					.special-films span
					{
					font-size: 20px;
					line-height: 50px;
					text-align: center;
					}

					.virtual-in
					{
					height: auto;
					padding: 15px;
					}

					.virtual-cell h2
					{
					font-size: 25px;
					padding: 0;
					}

					.virtual-in h3
					{font-size: 15px;}

					.virtual-single
					{width: 50%}

					.quote
					{
					margin: 50px -15px;
					padding: 30px;
					}

					.quote-in
					{max-width: none;}

					.quote-in h2
					{font-size: 15px;}

					.quote-in h3
					{
					font-size: 15px;
					margin-top: 20px;
					}

					.about
					{
					max-width: none;
					margin: 50px 30px;
					}

					.about h2
					{
					font-size: 18px;
					margin-bottom: 5px;
					}

					.about p
					{font-size: 13px;}

					.donor-logos a img
					{
					height: 30px;
					margin: 10px 0;
					height: 50px;
					}

					.footer-menu
					{display: none;}

					img.dingbat
					{
					height: 100px;
					width: auto;
					margin: 50px auto;
					}

					.address p
					{font-size: 15px;}

					.address p.bold a
					{
					margin-top: 15px;
					font-size: 15px;
					}

					.solid-in h1
					{font-size: 25px;}

	.mid-content 	{margin: 50px 0;}

					.mid-half
					{
					display: block;
					width: auto;
					}
					
					.mid-half img 
					{/*border-radius: 10px;*/}

					.mid-half-text
					{padding: 15px 0 0;}

					.mid-content-film .mid-half-text
					{padding: 4vw 0 4vw 4vw;}

					.mid-half h2
					{
					font-size: 25px;
					margin-bottom: 0;
					}

					.mid-half p
					{
					font-size: 15px;
					margin: 10px 0 0;
					}

	.tagline h2 	{font-size: 50px;}
	.tagline p 		{font-size: 18px;}
	
	.item 			{float: none;width: auto;}
	
	.item div 		{margin: 0; padding: 30px;}
										
	.menu .sub1:hover .sub-menu
	{display: none;}
	
/*	.menu .all-menu .sub-menu {
					position: relative;
					top: inherit;
					right: inherit;
					text-align: center;
					background: none;
					padding: 0 54px 0 54px;
					margin-bottom: 5px;
					}*/
					
					.menu .all-menu .sub-menu:last-child
					{border-top: 1px solid rgba(0,0,0,.1);}
					
					.menu .sub-menu a	{
										padding: 5px 0;
										color: #000;
										border: 1px solid rgba(0,0,0,.1);
										border-top: 0;
										}
										
					.menu .sub1:hover 	{background: none;}
					.menu .sub1:hover a	{opacity: .7;color: #E74C3C;}

	.menu-4 a,
	.menu-5 a 		{width: 50%;}

	.menu-2m 		{text-align: center;}
					
	.menu-2m a 		{
	    			float: none;
	    			width: auto;
	    			display: inline-block;
	    			padding: 10px 15px;
	    			border: 0;
	    			}
	    			
	.menu-2m a span	{display: none;}

	.copy blockquote p
	{margin: 30px 70px 30px 30px;}
	
	.copy ul,
	.copy ol 		{margin-right: 30px;}
	
	.tables td 		{
					padding: 7px 5px;
					font-size: 12px;
					text-align: left;
					word-break: break-all;
					}

	.video iframe 	{height: 250px;}					
					
	.big-gallery .fa{
					font-size: 30px;
					height: 30px;
					margin-top: -15px;
					}				

	.menu-items-in 	{width: auto;}
	
	.one-special{
					width: 100%;
					padding: 0;
					margin-bottom: 15px;
					}

	.special-in {
					height: auto;
					padding: 20px;
					}

					.row-films .special-films
					{padding: 20px;}

					.row-films .special-films h2
					{font-size: 20px;}

					.special h2.special-row-head
					{
					font-size: 35px;
					margin: 0 0 10px;
					}

	.special-in h2
	{
	font-size: 25px;
	text-shadow: 3px 4px 0 rgba(0,0,0,.3);
	}

	.single-project h2
	{
	font-size: 30px;
	line-height: 1.2;
	}

	.single-project p
	{font-size: 20px;}

	.mini-menu a
	{display: block;}

	.mini-menu a + a
	{margin: 5px 0 0;}

	.post-in
	{width: auto;}

	.special-projects
	{background-size: 20px;}

	.special-in p 	{
					position: relative;
					left: auto;
					right: auto;
					bottom: auto;
					top: auto;
					margin-top: 10px;
					font-size: 16px;
					}

					.breadcrumb
					{margin-bottom: 20px;}

					.breadcrumb a
					{font-size: 15px;}

					.breadcrumb span
					{
					font-size: 15px;
					margin: 0 5px;
					}

					.breadcrumb span + a
					{margin-top: 10px;}

					.slide-solid
					{height: auto;}

					.film-row .film-row-hold
					{padding: 0 20px;}

					.film-row h2
					{
					font-size: 25px;
					line-height: 1.3;
					}

	.new-tagline,
	.new-tagline-hold
					{
					position: relative;
					max-width: none;
					top: auto;
					left: auto;
					right: auto;
					bottom: auto;
					}	

					.new-tagline-hold
					{
					font-size: 25px;
					padding: 20px;
					}

					.new-tagline-in
					{
					max-width: none;
					margin: 0;
					}

					.new-tagline-in h1
					{font-size: 24px;}

					.new-tagline h2
					{font-size: 14px;}

	.single-hold-extras
	{padding: 0;}

	.row-item-extras
	{
	display: block;
	width: auto;
	padding: 0;
	margin: 20px 0;
	}

	.row-item-extras a.row-in
	{
	width: auto;
	}

	.row-item-extras .row-type
	{margin: 0;}

	.pdfs
	{margin: 0;}

	.one-pdf
	{
	width: auto;
	padding: 0;
	margin-bottom: 30px;
	}

	.one-pdf img
	{
	display: block;
	width: 100%;
	margin-bottom: 15px;
	border: none;
	}

	.one-pdf div
	{
	display: block;
	width: auto;
	padding-left: 0;
	}

	.quote-in div
	{max-width: none;}

	.new-content-all
	{
	width: auto;
	text-align: left;
	/*margin: 15px 15px 50px;*/
	}

	.about-in
	{text-align: center;}

	.big-footer-wrap
	{
	flex-wrap: wrap;
	margin: 0 -15px;
	}

	.menu-right
	{
	display: block;
	text-align: center;
	padding: 0 20px;
	}

	.footer-menu-items a
	{margin-bottom: 20px;}

	.slide-text p
	{font-size: 15px;}

	.special-films-count
	{
	font-size: 30px;
	padding: 30px;
	}

	.new-content-text
	{
	width: 100%;
	padding: 0;
	}

	.new-content-text h1
	{
	font-size: 25px;
	margin-bottom: 10px;
	}

	.new-content-text h2
	{
	font-size: 21px;
	line-height: 1.2;
	}

	.new-content-text .new-sub
	{margin-bottom: 20px;}

	.new-content-text .new-sub p
	{font-size: 18px;}

	.new-content-text p
	{font-size: 15px;}

	.new-content-text p + p
	{margin-top: 10px;}

	.new-content-side
	{
	display: block;
	width: auto;
	}

	.new-content-side a
	{
	font-size: 21px;
	padding: 15px 16px;
	border-radius: 10px;
	}

	.virtual-class-image
	{
	height: 300px;
	padding: 30px;
	margin: 0 0 20px;
	}

	.mid-half .virtual-class-image h2
	{font-size: 25px;}

	.mid-half .virtual-class-image p
	{
	bottom: 20px;
	left: 20px;
	font-size: 15px;
	}

	b.play
	{
	width: 70px;
	height: 70px;
	font-size: 30px;
	line-height: 60px;
	padding-left: 7px;
	margin: -35px 0 0 -35px;
	}

	.class-categories span
	{
	font-size: 12px;
	margin-right: 10px;
	}

	.special-article span
	{font-size: 12px;}

.rows h2
{margin-left: 0;}

.row-break
{margin: 0;}

	.slideshow p 	{
					padding: 7px 5px;
					font-size: 12px;
					line-height: 120%;
					}
					
	.gallery 		{margin: 30px -10px;}
	.gallery div 	{width: 50%;}	
	.gallery a 		{margin: 10px;}

	.p-squares div,
	.p-articles div	{width: 49%;}
	
	.p-long div,
	.p-art-big div 	{width: auto;}
	
	.p-art-big img	{width: 65%;}
	
	.p-blocks h2 	{font-size: 21px;}
	.p-art-big h2 	{font-size: 26px;}
	
	.p-blocks a 	{margin: 20px;}
	
	.pop-up 		{margin: 70px -10px;}
	.pop-up div 	{width: 49%;}
	
	.forms textarea	{
					max-width: 280px;
					min-width: 280px;
					}
	
	.page .pop-up p	{font-size: 14px;padding: 5px;}
																				
	.mid-section 	{padding: 20px 0;}
	
	.big-text 		{
					float: none;
					width: auto;
					margin: 10px;
					}

					.big-text h1 		{margin-bottom: 10px;}
									
	.cover .container	{
						left: 0;
						margin: auto;
						right: 0;
						padding: 40px;
						}							

	.top-center 	{padding: 0 20px 20px;margin-bottom: 20px;}

	.top-center h2 	{font-size: 30px;}

	.mid-two 		{padding-bottom: 50px;}

	.project-slides	{padding: 0 20px;}
	
	.area h2 		{font-size: 30px;}

	.area h3 		{margin-bottom: 20px;}

	.testimonial 	{padding: 10px 20px 40px;}

	.donor-logos 	{
						margin: 0;
						display: block;
						}

						.donor-logos a
						{
						display: block;
						}

	.link-section 	{
					float: none;
    				border: 0;
    				display: inline;
    				margin-right: 0;
    				}

	.footer 	 	{padding: 20px 0;}

	.boxes 			{
					float: none;
					width: auto;
					margin-bottom: 40px;
					}

					.boxes h4 		{margin-bottom: 10px;}

	img.logo-bottom	{
					width: 100px;
					bottom: -20px;
					left: 40px;
					}
					
	.loader 		{top: 550px;}

}

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

	.p-squares,
	.p-articles		{margin: 50px 0;}

	.p-squares div,
	.p-blocks div,
	.p-articles div	{width: auto;display: block;}
	
	.p-art-big img 	{width: 100%;margin: 0; float: none;}
	
	.p-art-big h2 	{padding-top: 7px;font-size: 25px;}
	
	.p-squares div a,
	.p-articles a 	{margin: 50px;}

}