@font-face {font-family: Gotham-Bold;src: url('/fonts/Gotham-Bold.ttf');}
@font-face {font-family: Gotham-Black;src: url('/fonts/Gotham-Black.ttf');}
@font-face {font-family: Gotham-Medium;src: url('/fonts/Gotham-Medium.ttf');}
@font-face {font-family: Gotham-XLight;src: url('/fonts/Gotham-XLight.ttf');}
@font-face {font-family: Georgia;src: url('/fonts/Georgia.ttf');}
@font-face {font-family: Georgia-Light;src: url('/fonts/Georgia-Light.ttf');}
@font-face {font-family: Georgia-Bold;src: url('/fonts/Georgia-Bold.ttf');}

html,body {height:100%;}
body,div,ul,li,img,h1,h2,h3,h4{padding: 0; margin:0; font-family: Georgia;} /* Från Georgia */
ul{list-style:none;}

/**
 * To put the JQuery UI dialogbox on top of all
 */
.ui-dialog{z-index:10000}
ul.listintext li{margin:10px 20px 10px 40px;}

ul.listintext{list-style-type: disc;}
ol.lessonsteps li ul.listintext li{margin:10px 20px 10px 40px }
ul.listintext li::before{display: none}


ol.lessonsteps{
	list-style: none;
	margin:0;
	counter-reset: item;
}
ol.lessonsteps li {
  /*counter-increment: item;*/

	padding:0;
	margin:20px 10px 40px;
	position: relative;

}
ol.lessonsteps li::before {
	box-sizing: border-box;
	font-family:Gotham-Medium;
	counter-increment: item;
	content: counter(item);
	position: absolute;
  color: #D82690;

	margin:0 0 0 -55px;

	width:40px;
	height:40px;
	padding:7px;
	text-align:center;
  font-weight: bold;
	font-size: 1.2em;
	background-color:#F7F7F7;
	border-radius:20px;
}

.page{
	position: relative;
	padding-top:60px;
	width:100%;
	background: #cdf9fe;
	/*height:90%;*/
	overflow: hidden; /* from auto */
}

div.thermometer{max-width:300}

.cerise-anfang{font-family:Gotham-Bold; letter-spacing: 1px; font-size:1.2em ;color:#D82690}
.cerise-header{font-family:Gotham-Bold; letter-spacing: 1px; font-size:1.2em ;color:#D82690; margin-top:0px; margin-bottom:10px}
.navyheader{font-family:Gotham-Black; letter-spacing: 1px; font-size:1.1em ;color:#2b2583}
a{font-family:Georgia-Bold;color:#0798DF;text-decoration:none}


/*   */
.gdpr_text{margin:20px 0;font-size:0.8em;line-height:1.5em}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

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

	img{width:100%; margin:0;padding:0;border:0;vertical-align:top}

	/* START sections */

	.section-head{
		position: relative;
		width: 100%;

		background: transparent;
	}
	.section-head img{width:100%; margin:0;padding:0;border:0;vertical-align:top}

	.section-orange-stripe{
		position: relative;
		width: 100%;
		height:20px;
		background: rgb(253,138,37); /* Old browsers */
		background: -moz-linear-gradient(left, #fd8a25 0%, #fd8a25 25%, #fdad2a 25%, #fdad2a 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #fd8a25 0%, #fd8a25 25%, #fdad2a 25%, #fdad2a 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(90deg, #fd8a25 0%, #fd8a25 25%, #fdad2a 25%, #fdad2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8a25', endColorstr='#fdad2a',GradientType=1 ); /* IE6-9 */
	}

	.section-gradient,
	.section-gradient-fp,
	.section-gradient-two-columns,
	.section-gradient-wcp-program{

		padding:0;
		position: relative;
		width: 100%;
		/*min-height:900px;*/
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdf9fe+0,45cffa+100 */
		background: #cdf9fe; /* Old browsers */
		background: -moz-linear-gradient(top,  #cdf9fe 0%, #45cffa 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdf9fe), color-stop(100%,#45cffa)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #cdf9fe 0%,#45cffa 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #cdf9fe 0%,#45cffa 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #cdf9fe 0%,#45cffa 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #cdf9fe 0%,#45cffa 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdf9fe', endColorstr='#45cffa',GradientType=0 ); /* IE6-9 */
	}
	.section-gradient-fp{padding: 20px 0;}
	.section-gradient-wcp-program{0 0 20px 0}
	.section-gradient-two-columns{display:flex; justify-content:center; flex-direction: row;}
	.section-light-blue{
		position:relative;
		width: 100%;
		background: #77DFFB;
	}

	.section-blue{
		width: 100%;
		background: #29C4F7;
	}

	.section-purple{
		width: 100%;
		background: #3A0C40;
	}

	.section-navy{
		width: 100%;
		background: #2C2982;
		color: #FFFFFF;
		text-align:center;
		padding:40px 0;
		font-family:Gotham-Bold;
		font-size:1.5em;
	}

	.section-orange{
		width: 100%;
		background: #F3D54B;
		color: #FFFFFF;
		text-align:center;
		padding:40px 0;
		font-family:Gotham-Bold;
		font-size:1.5em;
	}

	/* END sections */

	#pagehead{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;
		height: 20px;
		padding:10px;
		color:#FFFFFF;
		/*background-color:#FF0000;*/
		z-index:2;
	}
	.topmenu{
		color:#FFFFFF;
		background-color:#FF0000;
		margin:0 auto;
		width:100%;
		min-width:680px;
		max-width:1600px;
	}
	.topmenu-logo{
		width:100%;
		/*
		max-width:120px;
		min-width:80px;
		*/
		max-width:160px;
		min-width:120px;
		margin-top: 2px;
		display: inline;
		float:left;
	}

	.topmenu-right{
		display: inline;
		float:right;
		right:0;
		margin: 5px 25px 0 auto;
	}
	.toplink{font-family: Gotham-XLight; font-size:0.9em;color:#FFFFFF}
	.toplink_small{font-family: Gotham-XLight; letter-spacing:0.08em; margin:0 5px; font-size:0.7em;color:#FFFFFF}
	.toplink_press{font-family: Gotham-XLight; letter-spacing:0.08em; margin:0 5px; font-size:0.7em;color:#FFFFFF}
	.toplink_contact{font-family: Gotham-XLight; letter-spacing:0.08em; margin:0 5px; font-size:0.7em;color:#FFFFFF}
	.toplink_medium{font-family: Gotham-Medium; letter-spacing:0.08em; margin:0 10px 0 5px; font-size:0.7em;color:#FFFFFF}
	#langlink{}
	#langselect{
		display:none;
		position:absolute;
		/*left:1060px;*/
		right:200px;
		top: 90px;
		z-index:100;
		min-width:150px;
		background: rgb(0, 0, 0); /* Fallback */
		background: rgba(0, 0, 0, 0.3);	/* RGBa with 0.6 opacity */
	}
	#langselect ul{list-style:none;}
	#langselect ul li{font-family: sans-serif;  border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#FFFFFF; padding:5px 15px;}
	#langselect ul li.last{border-bottom:1px solid #FFFFFF;}
	#langselect a{font-family: sans-serif; color:#FFFFFF;}

	#tagright{
		position:fixed;
		background:#000;
		color:#FFF;
		width:125px;
		height:80px;
		right: 0;
		top:400px;
		padding:12px;
		font-family:Gotham-Medium;
		letter-spacing:0.05em;
		box-sizing: border-box;
		z-index:9500;
		-moz-border-radius: 5px 0 0 5px;
		-khtml-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
		text-align:right;
	}
	#tagright a{font-family:Gotham-Medium; color:#FFF; letter-spacing:0.05em;}

	#cookie_tag{
		position:fixed;
		background:#000;
		color:#FFF;
		width:205px;
		height:80px;
		right: 0;
		top:490px;
		padding:12px;
		font-family:Gotham-XLight;
		font-size:0.8em;
		letter-spacing:0.05em;
		box-sizing: border-box;
		z-index:9500;
		-moz-border-radius: 5px 0 0 5px;
		-khtml-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
		text-align:right;
	}
	#cookie_tag a{font-family:Gotham-Medium; color:#FFF; letter-spacing:0.05em;}
	#cookie_btn{
		color:#CCC;
		border:1px solid #CCC;
		background:transparent;

		height:30px;
		padding:5px 20px;
		margin:5px 0px 7px 10px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		cursor:pointer;
	}


	.taglighttext{font-style:normal; font-family:Gotham-XLight; font-size:0.8em}
	.donationheart{color:red;font-size:0.9em; font-style:bold}

	/******* Global Vote **********/

	.gv_intro{margin:0 17px 0 17px; padding:10px 0; height:100%}

	.gv_inner{width:100%; border-bottom: 1px #999999 solid; margin-top:20px}
	.gv_inner ul{list-style: disc inside none;}
	.gv_inner ul li{margin:10px 0}
	.gv_inner:after{content: "."; visibility: hidden; display: block; height:0;clear: both;}

	.gv_inner_last{margin:17px;width:100%}
	.gv_inner_last:after{content: "."; visibility: hidden; display: block; height:0;clear: both;}

	.gv_box{padding:0; margin:0; width:33.3%; float:left; box-sizing: border-box;}

	.gv_box_right{padding:0 0 15px 0; margin:0; width:33%; float:left; }

	.gv_inner h4{margin-bottom:5px}

	.gv_box a{font-size: 14px; font-weight:bold; text-decoration: none}
	.gv_box a:hover{text-decoration:underline}

	.gv_candidate{position:relative; /*width:100%;*/ background-color:#CCCCFF;}
	.gv_candidate img{width:100%;}


	/* removed 190128 */
	.gv-third-1{display:block;float:left;min-width:33.33%;background:#D52C8F;color:#FFFFFF; padding:20px; box-sizing: border-box;}
   	.gv-third-2{display:block;float:left;min-width:33.33%;background:#FDA92A;color:#FFFFFF; padding:20px; box-sizing: border-box;}
	.gv-third-3{display:block;float:left;min-width:33.33%;background:#2B2881;color:#FFFFFF; padding:20px; box-sizing: border-box;}

	.gv_ind_candidate{position:relative; background-color:#CCCCFF; cursor:pointer}

	.gv_individual_instr{font-family:Georgia-Light;font-size:0.6em;font-style:italic;color:white}

	.gv_votes{position:absolute; width:50%; left:15px; bottom:10px; padding:3px 0 3px 5px; color:#FFFFFF; font-family: Gotham-Bold; font-size: 1em; }

	.gv-three li{font-family:Gotham-Medium;color:#FFFFFF;font-style:normal;font-size:0.9em;line-height:1.3em;text-align:center; }
	.gv-three-1{display:block;float:left;min-width:33.33%;background:#D52C8F;padding:10px 0}
	.gv-three-2{display:block;float:left;min-width:33.33%;background:#FDA92A;padding:10px 0}
	.gv-three-3{display:block;float:left;min-width:33.33%;background:#2B2881;padding:10px 0}

	.votes{
		width:90px;
		font-size: 1.5em;
		text-align:center;
		border:0;
		background: #FFFFFF;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding:10px;
		margin:0 0 20px 0;
	}
	.votes-header{font-family:Gotham-Medium;font-size: 1.7em;margin:20px 0;}
	.half_clmn{margin:0;padding: 0 20px 0 0; width:400px; font-size:0.7em; line-height:1.2em;float:left;}
	.half_clmn p{height:15px;margin:0;padding:0;background-color:#FF0000}

	select.gv_info{float:right; font-size:0.8em; width:250px; height:20px; margin:0px;}
	.gv_info{float:right; font-size:1.05em; width:250px; height:20px; margin:0px; }

	.gv_btn{
	font-family:Gotham-Bold;
	font-size: 1.2em;
	border: 0;
	color: #FFFFFF;

	background:#D82690;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:20px;
	margin:10px 0 30px 0;

	cursor:pointer;
	}
	.clmn_r{text-align:right}

	.passedtest{font-size:1em;
		background-color:green;
		color:white;
		border:0;
		padding:10px 20px;
		-moz-border-radius: 5px;
		-khtml-border-radius:5px;
		-webkit-border-radius: 5px;
		border-radius:5px;
		cursor:pointer
	}
	.passedtest:hover{background-color:#green}
	.noanswer{background-color:#6092E5;}
	.noanswer:hover{background-color:#5062D5;}
	.notpassed{background-color:#6092E5;}
	.notpassed:hover{background-color:#5062D5;}
	.votecompleted{background-color:orange;}
	.votecompleted:hover{background-color:orange;}

	.whitebg_inner_last{margin:17px;padding:15px 0 0 0}
	.whitebg_inner_last p{margin:0px;}
	.whitebg_inner_last:after{content: "."; visibility: hidden; display: block; height:0;clear: both;}

	/**
		Added for Global Vote 2020 eight candidates
	*/

	.gv-flex{
		position:relative;
		box-sizing: border-box;
		width:50%;
		min-height:516px;
		background-color:#transparent;
	}
	.gv-flex-individual{
		position:relative;
		box-sizing: border-box;
		width:50%;
		min-height:440px;
		background-color:#transparent;
	}
	.gv-flex-child{
		position: absolute;
		box-sizing: border-box;
		bottom:0;
		width:100%;
		padding:20px 0;

		font-family:Gotham-Medium;
		font-size:0.9em;
		line-height:1.3em;
		color:#FFF;
		background-color:#transparent;
		text-align:center;
		min-height:200px;
	}
	.gv-flex-child-individual{
		position: absolute;
		box-sizing: border-box;
		bottom:0;
		width:100%;
		padding:20px 0;

		font-family:Gotham-Medium;
		font-size:1.2em;
		line-height:1.3em;
		color:#FFF;
		background-color:#transparent;
		text-align:center;
		min-height:100px;
	}
	.gv-candidates{font-size:1.0em; text-align:left;padding:20px 20px 20px 30px;font-family:Georgia;}
	.gv-candidates h4{font-family:Georgia-Bold;margin:5px 0;font-size:1.6em;line-height:1.2em}

	.gv-candidates a{color:#FFF;font-family:Georgia-Regular;font-weight:normal;text-decoration:none}
	.gv-candidates h4 a{font-family:Georgia-Bold;}
	.gv-color-1{background-color:#D52C8F;}
	.gv-color-2{background-color:#FDA92A;}
	.gv-color-3{background-color:#2B2881;}
	.gv-color-4{background-color:#722380;}
	.gv-color-5{background-color:#A5C23A;}
	.gv-color-6{background-color:#FDA92A;}
	.gv-color-7{background-color:#D52C8F;}
	.gv-color-8{background-color:#7fBBDA;}


	/* End Global Vote */


	/* START  pagehead */

	.container-head{
		position:absolute;
		overflow: hidden;
    	top:0;
		left:0;
		z-index:1;
		font-size: 1em;
		width: 100%;
		height:100%;
		margin:auto;

		/* added 2018-09-28 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.75) 91%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,0.75) 91%,rgba(0,0,0,1) 98%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 70%,rgba(0,0,0,0.75) 91%,rgba(0,0,0,1) 98%,rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );

	}

	.imagemask{

	}

	.middletop{
		position:relative;
		width: 65%;
		min-width:680px;
		max-width:900px;
		height:100%;
		margin:auto auto;

		/*background: #FF0000;*/
	}
	.middletop:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }

	/* used at firstpage */

	.middletopleft{
		position:relative;
		display:block;
		float:left;
		width:42%;
		/*background:#FFDD00;*/
		height:100%
	}
	.middletopright{
		position:relative;
		display:block;
		float:left;
		width:58%;
		/*background:#FFDDDD;*/
		height:100%;
	}
	.headerblockleft{position:absolute;  width:130px;  height:130px; background:#FECC30; top:100px; left:0px;
	-moz-border-radius: 80px;
	-khtml-border-radius: 80px;
	-webkit-border-radius: 80px;
	border-radius: 80px;
	cursor:pointer

	}
	.headerblockright{position:absolute; bottom:0;margin-bottom:10%; color:#FFFFFF;font-family:Georgia;}

	.container-transp{
		position:relative;
		width: 75%;
		min-width:680px;
		max-width:1000px;
		margin: 0 auto;
	}
	.container-transp:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
	.container-transp img{
		display; block;
		z-index:10;
		left:-10px;
		top:0;
		overflow:hidden;
	}
	.container-transp img:after{content: "."; visibility: hidden; display: block; height: 0;clear: both;}

	.container-transp-wide{
		position:relative;
		width: 100%;
		min-width:680px;
		max-width:1300px;
		margin: 0 auto;
		padding:0 20px;
	}
	.container-transp-wide:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
	.container-transp-wide img{
		display; block;
		z-index:10;
		left:-10px;
		top:0;
		overflow:hidden;
	}
	.container-transp-wide img:after{content: "."; visibility: hidden; display: block; height: 0;clear: both;}

	.container-transp-40{
		width: 65%;
		min-width:680px;
		max-width:900px;
		margin:30px auto 0;
	}
	.container-transp-40:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }

	.container-transp-40-bottom{

		width: 65%;
		min-width:680px;
		max-width:900px;
		margin:0 auto 50px auto;
	}
	.container-transp-40-bottom:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }


	.youtube-left{

		background:#D52C8F;
		position:relative;
		display:block;
		float:left;
		width:55%;
		height:100%;
		min-height:380px;
	}
	.youtube-left-main-window{
		background: #751C81;
		padding:15px;
	}
	.youtube-left-main-window:after{content: "."; visibility: hidden; display: block; height:50px;clear: both; }

	.twitter-window{
		background: #751C81;
		position: relative;
    	width: 36%;
   		height: 0;
   		padding-bottom:10px;
    	float:left;
    }
	.container-movie{
		background: #751C81;
		position: relative;
    	width: 64%;
    	min-height:160px;
    	float:left;
    }
    .container-movie:after{content: "."; visibility: hidden; display: block; height:10px;clear: both; }

	.youtubevideo{
		position: absolute;
    	top: 0;
   		left: 0;
   		width: 100%;
   		min-height:210px;
    }
	.youtube-thumbnails{
		color:#FFFFFF;
		background: #751C81;
		height:100px;
		margin-top:220px;
		width:100%;
	}
	.youtube-thumbnails img{
		margin-right:20px;
		margin-bottom:12px;
	}

	.youtube-thumbnails ul{
		list-style:none;
	}
	.youtube-thumbnails li{display:inline; float:left; max-width:115px; min-width:70px;margin-right:10px;
		margin-bottom:5px;}

	.facebook-right{
		position:relative;
		display:block;
		float:left;
		width:45%;
		background:#FFFFFF;
		height:100%;
		min-height:410px;
		/*text-align:center;*/
	}
	/*.facebook-right div{margin:15px 15px 11px 15px}*/

	.container-map{
		display: block;
		width: 65%;
		min-width:680px;
		max-width:900px;
		margin:0 auto;
	}
	.container-map:after{content: "."; visibility: hidden; display: block; height:50px;clear: both; }
	.map-header{font-family:Gotham-XLight; font-size:0.9em; padding:20px; background:#751C81; color:#FFFFFF; }
	.map-marker{width:23px;height:33px; vertical-align:middle}
	.map-megaphone{width:31px;height:33px; vertical-align:middle}
	#map{width:100%; background:#FFFFFF; height:100%; min-height:400px; display:block;}

	#mapimage{position:relative;font-family:Gotham-Black;}
	#mapimage a{font-family:Gotham-Black; font-size: 2em; color: #FFFFFF}
	#mapheader{
		position:absolute;
		margin-left:auto;
    	margin-right:auto;
    	width:100%;
    	bottom:30%;
		text-align:center;
	}
	#mapheader a{font-family:Gotham-Black; font-size: 2em; color: #FFFFFF}

	.three-nominees{width:100%; list-style:none}
	.nominees3{float:left;width:33.33%;min-height:200px}

	.three{font-size:1.2em;letter-spacing:1px;}
	.three a{color:#FFFFFF;font-family:Georgia;font-style:normal}
	.third-1{display:block;float:left;min-width:33.33%;background:#D52C8F;color:#FFFFFF;text-align:center; padding:25px 0}
	.third-2{display:block;float:left;min-width:33.33%;background:#FDA92A;color:#FFFFFF;text-align:center; padding:25px 0}
	.third-3{display:block;float:left;min-width:33.33%;background:#2B2881;color:#FFFFFF;text-align:center; padding:25px 0}

	.blurry-wrapper{border-bottom:30px solid #FDA92A}

	.four-push{font-size:1em;letter-spacing:1px}
	.four-push p{margin:30px 12px}
	.four-push a{font-family:Georgia;font-size:1em;color:#FFFFFF;}
	.forth-1{display:block;float:left;width:25%;max-width:25%;min-height:150px;background:#D52C8F;color:#FFFFFF;text-align:center;}
	.forth-2{display:block;float:left;width:25%;max-width:25%;min-height:150px;background:#1894D5;color:#FFFFFF;text-align:center;}
	.forth-3{display:block;float:left;width:25%;max-width:25%;min-height:150px;background:#FDA92A;color:#FFFFFF;text-align:center;}
	.forth-4{display:block;float:left;width:25%;max-width:25%;min-height:150px;background:#70227C;color:#FFFFFF;text-align:center;}
	.forth-5{display:block;float:left;width:25%;max-width:25%;min-height:150px;background:#2B2881;color:#FFFFFF;text-align:center;}
	.forth-6{display:block;float:left;width:25%;max-width:25%;min-height:150px;background:#A4C42B;color:#FFFFFF;text-align:center;}
	.forth-7{display:block;float:left;width:25%;max-width:25%;min-height:150px;background:#A4C42B;color:#FFFFFF;text-align:center;}
	.forth-8{display:block;float:left;width:25%;max-width:25%;min-height:150px;background:#1894D5;color:#FFFFFF;text-align:center;}

	.lauratename{min-height:44px}

	.four-1{display:block;float:left;width:25%;max-width:25%;height:250px;background:#D52C8F;color:#FFFFFF;text-align:center;}
	.four-2{display:block;float:left;width:25%;max-width:25%;height:250px;background:#1894D5;color:#FFFFFF;text-align:center;}
	.four-3{display:block;float:left;width:25%;max-width:25%;height:250px;background:#FDA92A;color:#FFFFFF;text-align:center;}
	.four-4{display:block;float:left;width:25%;max-width:25%;height:250px;background:#70227C;color:#FFFFFF;text-align:center;}
	.four-5{display:block;float:left;width:25%;max-width:25%;height:250px;background:#2B2881;color:#FFFFFF;text-align:center;}
	.four-6{display:block;float:left;width:25%;max-width:25%;height:250px;background:#A4C42B;color:#FFFFFF;text-align:center;}


	/* */

	.middleblock{
		position:relative;
		display:block;
		float:left;
		width:100%;
		/*background:#FFDD00;*/
		height:100%
	}

	.content-middleblock{
		position:absolute;
		width:100%;
		font-family: Gotham-Black;
		font-size: 4.5em; /* altered from 3em 2018-09-28  */
		letter-spacing:2px;
		line-height:1.1em;
		bottom:0;
		margin-bottom:4%;
		color:#FFFFFF;
		min-width:700px;
		text-align:center;
	}
	.content-middleblock p{margin:0; }
	.content-middleblock .topingress{font-family: Georgia-Light; font-size: 0.4em;letter-spacing:1px; color:#FFFFFF; width:50%; margin:0 auto;line-height:1.5em }
	.content-middleblock h1, h2, h3, h4, h5, h6{font-family: Gotham-Black;margin:20px 0}


	/* END pagehead */


/* START navigation NEW */

#menubar{position:fixed;top:0px;left:0px; display: inline-block; height:20px; width:100%;background-color:#53155B;color:#FFFFFF;vertical-align:middle;padding:20px 0;z-index:400}

#logotop{display:none; left:20px; top: 15px; clip: rect(0px 40px 100px 0px);position:absolute;}
#logotop img{width:150px;}

/*
#logotop{display:none; left:10px; top: 13px; ;position:absolute;}
#logotop img{width:90px;}
*/
#langtop{position:absolute;display:none;right:20px;top:20px; /*clip: rect(0px 40px 100px 0px);*/}

#navigationbar{text-align:center;}
#navigationbar li{display:inline; height:50px; font-family:Gotham-Bold; letter-spacing:0.05em;font-size: 1em; padding: 0 10px;}

#navigationbar li.menuicon{font-size:1.5em;line-height:0.6em;cursor:pointer}
#navigationbar li a{font-family:Gotham-Bold;color:#FFFFFF;padding:0 0 5px 0;}
#navigationbar li a.showsubmenu_education{color:#F3B13E;}

#sub-navigationbar{}
#sub-navigationbar li{display:inline; height:50px; font-family:Gotham-Bold; letter-spacing:0.08em;font-size: 1em; padding: 0 10px;}

#sub-navigationbar li.menuicon{font-size:1.5em;line-height:0.6em;cursor:pointer}
#sub-navigationbar li a{font-family:Gotham-Bold;color:#FFFFFF;padding:0 0 5px 0;}
#sub-navigationbar li a:hover{color:#BE3791; border-bottom: 6px solid #BE3791}

#navigate{
	display:none;
	text-align:auto;
	position:relative;
	background:#661E6D;

	width:75%;
	max-width:1000px;
	min-height:195px;
	margin: 20px auto 0;

	z-index:100;
}
.submenu-nav-main-level{font-family:Gotham-Bold;font-size:0.5em;margin:15px 15px 0 15px;padding-top:10px;padding-bottom:5px;color:#FFFFFF;border-bottom:3px solid #BE3791;/*background-color:#FE89DC*/}
.submenu-nav-main-level a{font-family:Gotham-Bold;font-size:1.2em;color:#FFFFFF;}
.nav-part{
	display:block;
	float: left;
	width:25%;
	color:#FFFFFF;
	font-family: Gotham-Bold;
	/*height:100%;*/
	/*background-color:#FFCC99;*/
	min-height:180px;
}
/*.close-btn{position:absolute;top:8px;left:910px;font-family: Gotham-Bold;z-index:500;display:block;cursor:pointer;color:#BE3791;margin:10px;float:right}*/
.nav-part p{margin:15px;color:#FFFFFF}
.nav-part ul{list-style:none;margin:15px 15px 15px 15px;color:#FFFFFF}
.nav-part li{line-height:0.8em; margin-bottom:5px}
.nav-part a.nav-level-1{font-family:Gotham-Bold;font-size:0.8em;letter-spacing:1px;color:#FFFFFF;margin-bottom:50px;}
.nav-part a.nav-level-2{font-family:Gotham-XLight;font-size:0.7em;line-height:0.9em;color:#FFFFFF;}

.nav-column{

	display:block;
	float: left;
	width:33.3%;
	color:#FFFFFF;
	background: #661E6D;
	font-family: Gotham-Bold;
	/*height:100%;*/
	/*background-color:#FFCC99;*/

	min-height:195px;
}
.close-btn{position:absolute;right:10px;top:8px;display:block;cursor:pointer;font-family:Gotham-XLight;z-index:500;color:#FFFFFF}
.nav-column p{margin:15px;color:#FFFFFF}
.nav-column ul{list-style:none;margin:15px 15px 15px 15px;color:#FFFFFF}
.nav-column li{line-height:1em; margin-bottom:5px;}
.nav-column a.nav-level-1{font-family:Gotham-Medium;font-size:1.2em;line-height:1.1em;etter-spacing:1px;color:#FFFFFF;margin-bottom:50px;}
.nav-column a.nav-level-2{font-family:Gotham-XLight;font-size:0.7em;line-height:1em;color:#FFFFFF;}

.light{background:#732280}

/**
 * For template 39 Firstpage 2015
 */


	.first-left{
		float:left;
		text-align:left;
		background:#FFFFFF;
		width:50%;

		border-top: 40px solid #722380;
	}
	.first-left p{font-size:1em;margin:5px 50px 20px 50px;color:#722380;line-height:1.6em}
	.first-left h3{color:#2B2881;font-size:2.9em;margin:20px 50px 10px 50px;font-family:Gotham-Black;}

	.first-right{
		float:left;
		width:50%;
		background:#FECC30;
		height:100%;
		min-height:400px;
		border-bottom: 30px solid #BE3791;

	}
	.first-right p{font-size:1em;margin:40px 75px 20px;text-align:center;color:#722380;line-height:1.8em}
	.first-right img{width:100%;vertical-align:bottom;bottom:0;padding-top:20px;}


	/* end for template 39 */

	/* START first block */

	.share{width:100%;text-align:center;height:42px;margin:10px auto 30px;}
	.share img{margin:30px 10px 30px 0; max-height:25px; max-width:25px}

	.container-white-gradient{
		position: relative;
		font-size: 1em;
		width: 75%;
		min-width:680px;
		max-width:1000px;
		margin:0 auto;
		min-height:200px;
		background-color:#FFFFFF;


		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddfaff+0,ffffff+100
		background: #ddfaff; // Old browsers
		background: -moz-linear-gradient(top,  #ddfaff 0%, #ffffff 100%); // FF3.6+
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddfaff), color-stop(100%,#ffffff)); // Chrome,Safari4+
		background: -webkit-linear-gradient(top,  #ddfaff 0%,#ffffff 100%); // Chrome10+,Safari5.1+
		background: -o-linear-gradient(top,  #ddfaff 0%,#ffffff 100%); // Opera 11.10+
		background: -ms-linear-gradient(top,  #ddfaff 0%,#ffffff 100%); // IE10+
		background: linear-gradient(to bottom,  #ddfaff 0%,#ffffff 100%); // W3C
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddfaff', endColorstr='#ffffff',GradientType=0 ); // IE6-9

		*/

	}
	.container-white-gradient:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
	.container-white-gradient:before{content: "."; visibility: hidden; display: block; height: 0;clear: both; }


	.content-header{width:64%; margin:40px auto 5px; font-family:Georgia; font-size:1.6em; line-height:1.6em; color:#1B95E0}
	.content-header p{margin:0}

	.content-intro-blue{font-family:Georgia; font-size:1.6em; line-height:1.4em; color:#0798DF;margin-}

	/* header color */
	.blue{color:#0798DF} /*#1B95E0*/

	.entry-blue{font-size:1.7em; width:68%;margin-bottom: 1em; color:#0798DF} /*#1B95E0*/

	.content-header-wide{width:80%; text-align:left; margin:40px auto 10px; font-family:Georgia; font-size:1.5em; line-height:1.5em; color:#1B95E0}
	.content-header-wide p{margin:0}

	.content-header-lesson{
		width:100%;
		margin:40px auto 5px;font-family:Georgia; font-size:1.6em; line-height:1.6em; color:#1B95E0;
	}

	.container-white{
		position: relative;
		font-size: 1em;
		width: 75%;
		min-width:680px;
		max-width:1000px;
		margin:0 auto;
		background-color:#FFFFFF;
		overflow:hidden;
	}
	.container-white:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
	.container-white:before{content: "."; visibility: hidden; display: block; height: 0;clear: both; }

	.container-header{
		font-family: Gotham-Bold;
		font-size: 1em;
		color:#FFFFFF;
		width: 70%;
		min-width:680px;
		max-width:1000px;
		margin:10px auto 0;
		background-color:#53155B;
		/*margin-top: 30px;*/
		clear:left;
	}

	.container-double{
		position: relative;
		font-size: 1em;
		width: 75%;
		min-width:680px;
		max-width:1000px;
		margin:0 auto;

		text-align:center;
		margin: 0 auto;
		padding:20px 0 0;
		overflow:hidden;
	}

	.container-flex{
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;

		font-size: 1em;
		width: 75%;
		min-width:680px;
		max-width:1000px;
		margin:0 auto;
		background-color:#FFF;
		overflow:hidden;
	}

	.container-two-columns{display:flex; justify-content:center; flex-direction: row; box-sizing: border-box;}

	.content-text{

		width:64%;
		left:0;
    	right:0;
    	margin-left:auto;
    	margin-right:auto;
    	margin-bottom: 2.8em;
    	font-size:1.2em;
    	line-height:1.6em;
    	color:#333333;
    }
	/*.content-text:before{content: "."; visibility: hidden; display: block; height: 0;clear: both;}
	.content-text:after{content: "."; visibility: hidden; display: block; height: 0;clear: both;}*/
	.content-text p{margin:30px 0}


	.content-text-narrow,
	.content-text-narrow-top,
	.content-text-narrow-bottom,
	.content-text-no-margin{

		width:64%;
		left:0;
    right:0;
		margin-left:auto;
    margin-right:auto;
    margin-bottom: .1em;
    font-size:1.2em; /* from 1em */
  	line-height:1.6em; /* from 1.5em */
    color:#333333; /* from #000000 */

    }

    /*
    .content-text-narrow:before{content: "."; visibility: hidden; display: block; height: 0;clear: both;}
	.content-textnarrow:after{content: "."; visibility: hidden; display: block; height: 0;clear: both;}
    .content-text-narrow p{margin:30px 0}
    */

    .content-text-narrow-top{
    	margin-top: 0.1em;
    	margin-bottom: 30px;
    }
    .content-text-narrow-bottom{
    	margin-top: 2.8em;
    	margin-bottom: .1em;
    }

    .content-text-no-margin{
    	margin-top: 0;
    	margin-bottom: 0;
    }
    .content-text-narrow p{margin:30px 0}

    .small-16{font-size:0.9em}

	.entry-page{font-size:1.7em; width:68%;margin-bottom: 2em;}

	.content-text-wide{

		width:80%;
		left:0;
    	right:0;
    	margin-left:auto;
    	margin-right:auto;
    	font-size:1.2em;
    	line-height:1.6em;
    	color:#444444;

    }
	.content-text-wide:before{content: "."; visibility: hidden; display: block; height: 0;clear: both;}
	.content-text-wide:after{content: "."; visibility: hidden; display: block; height: 0;clear: both;}
	.content-text-wide p{margin:30px 0}

	/* Onecolumn donate template 47 */

	.container-left{box-sizing: border-box;background-color:#fff;width:75%;max-width:800px;margin:0 0 20px 20px; padding:40px 60px; min-height:800px}
  .container-right{box-sizing: border-box;background-color:transparent;width:25%;max-width:300px;margin:20px 20px 20px 20px; padding:0; min-height:800px; min-width:300px}

	.content-header-donate{width:100%; margin:0 auto; font-family:Georgia; font-size:1.6em; line-height:1.6em; color:#1B95E0}
	.content-header-donate p{margin:0}
	.content-text-donate{

		width:100%;
		left:0;
    right:0;
    	margin-left:auto;
    	margin-right:auto;
    	font-size:1em;
    	line-height:1.7em;
    	color:#444444;
    	/*background-color:#DDDDFF;*/

    }
	.content-text-donate:before{content: "."; visibility: hidden; display: block; height: 0;clear: both;}
	.content-text-donate:after{content: "."; visibility: hidden; display: block; height: 0;clear: both;}
	.content-text-donate p{margin:30px 0}

	.content-right-swish{background:#fff;margin:0 0 20px 0;padding:20px;font-size:0.9em;line-height:1.3em;text-align:center}
	.content-right-swish a{color:#000;font-family:Georgia;font-weight:normal;text-decoration:underline}
	.swish-btn{width:100%;border:0;margin:10px 0;font-family:Gotham-Bold;font-size:1.4em;color:#D52C8F;padding:15px 0 10px 0;border-radius:5px;background-color:#F8EAF3}
	.content-right-share{background:#fff;font-size:0.9em;margin:0 0 20px 0;padding:20px;}
	.content-right-share a{color:#fff;font-family:Gotham-Bold;font-size:0.9em;}

	.fb-share{
		width:100%;
		background-color:#3C5A95;
		background-image: url("/images/facebook-logo-narrow_T004500_-1.png");
		background-repeat: no-repeat;
  	background-position: 50px 12px;
		background-size: 10px 19px;
	 	color:#fff;
		margin:15px 0;
		text-align:
		center;
		padding:15px 0;
		border-radius:5px;
 	}
	.tw-share{
		width:100%;
		background-color:#4A9DD7;
		background-image: url("/images/twitter-logo_T004501_-1.png");
		background-repeat: no-repeat;
  	background-position: 50px 12px;
		background-size: 25px 25px;
		color:#fff;
		margin:10px 0;
		text-align:center;
		padding:15px 0;
		border-radius:5px;
	}
	.lnkdn-share{
		width:100%;
		background-color:#31597F;
		background-image: url("/images/linkedin-logo_T004502_-1.png");
		background-repeat: no-repeat;
  	background-position: 45px 12px;
		background-size: 18px 18px;
		color:#fff;
		margin:10px 0;
		text-align:center;
		padding:15px 0;
		border-radius:5px;
	}
	.mail-share{
		width:100%;
		background-color:#D52C8F;
		background-image: url("/images/mail-logo_T004514_-1.png");
		background-repeat: no-repeat;
		background-position: 60px 15px;
		background-size: 18px 14px;
		color:#fff;
		margin:10px 0;
		text-align:center;
		padding:15px 0;
		border-radius:5px;
	}
	.copy-share{
		width:100%;
		max-width: 230px;
		background-color:#aaa;
		color:#000;
		margin:10px 0;
		font-size: 0.8em;
		text-align:center;
		padding:15px;
		overflow: hidden;
		border-radius:5px;
		cursor:pointer;
	}
	#copy-url{
		width:100%;
		cursor:pointer;
		background-color:#aaa;
		border:0;
	}
	#copy-url:focus{
		background-color:#aaa;
 		outline: none;
		border:0;
	}
	.content-text-lesson{
		width:100%;
		font-size:1.2em;
		line-height:1.6em;
		color:#333333;

	}

	#donation_amount{float:left; height:55px; }
	#onetime_monthly{float:left; height:50px; padding:5px 0 0 30px;}
	#certificateoptions{margin:10px 0;font-style:italic;font-size:0.8em}
	#preview_certificate{position:absolute; display:none; z-index:600; top:110%; left:42%; min-width:500px; min-height:600px; padding:30px; margin-top: -100px; margin-left: -150px; background-color: #dddddd;border: 2px #999999 solid;}
	#certificate{position:relative;width:100%;min-height:700px;max-width:500px;background:#F6F5C7; margin-bottom:10px;
	/* Firefox */
	-moz-box-shadow: -2px 2px 10px #333;
	/* WebKit */
	-webkit-box-shadow: -2px 2px 5px #333;
	/* Standard */
	box-shadow: -2px 2px 10px #333;
	}
	#cert_top{position:relative; width:100%; font-size:1.4em; color:#AAAAAA;}
	#cert_logo{position:absolute; left:420px; bottom:10px; width:50px; height:50px;z-index:2}

	#cert_uri{position:absolute;left:10px; bottom:10px; font-size:0.5em; width:100px;color:#000000}
	#cert_bottom{position:relative; font-size:0.7em; padding:10px 20px; font-family:Georgia; text-align:center; color:#000000}
	#cert_bottom h2{font-family:georgia,serif;font-size:2.5em;line-height:1.3em;color:#33922E;}
	#cert_bottom h3{font-family:georgia;line-height:1.2em}

	.content-image{
		text-align:left;
		width:100%; /* from 64% */
		left:0;
    	right:0;
    	margin-left:auto;
    	margin-right:auto;
    	margin-bottom: 1em;
    	font-size:1em;
    	line-height:1.5em;
    	color:#444444;
    }
	.content-image:before{content: "."; visibility: hidden; display: block; height: 0;clear: both;}
	.content-image:after{content: "."; visibility: hidden; display: block; height: 0;clear: both;}

	.content-image-entrypage{
		text-align:left;
		width:100%; /* from 64% */
		left:0;
    	right:0;
    	margin-left:auto;
    	margin-right:auto;
    	margin-bottom: 3em;
    	font-size:1em;
    	line-height:1.5em;
    	color:#444444;
    }
	.content-image-entrypage:before{content: "."; visibility: hidden; display: block; height: 0;clear: both;}
	.content-image-entrypage:after{content: "."; visibility: hidden; display: block; height: 0;clear: both;}

	.imageintext{margin-top:10px}
	/*.imagetext{margin:10px 0 0 0;font-family:Sans-serif; line-height:1.1em;letter-spacing: 1px; font-size:0.7em; font-style:normal; color:#000000}*/
	.imagetext{margin:10px auto; width:64%; font-family:Sans-serif; line-height:1.1em;letter-spacing: 1px; font-size:0.8em; font-style:normal; color:#666666}
	.imgtext{margin:14px auto; width:100%; font-family:Sans-serif; line-height:1.2em;letter-spacing: 1px; font-size:0.8em; font-style:normal; color:#666666}

	.pagebreaker{
		position:relative;
		width:100%;
	}
	.pagebreaker:after{content: "."; visibility: hidden; display: block; height:0;clear: both; }

	/* image vertical stripe */
	.img-part-right{position:absolute;width:25px;background:#FFAA00;height:100%;z-index:1;margin:0 auto}
	.img-part-left{position:absolute;width:25px;background:#FFAA00;height:100%;z-index:1;margin:0 auto}
	.yellow-stripe{background:#FEEC35}
	.purple-stripe{background:#722380}
	.cerise-stripe{background:#D52C8F}

	/* headerbreaker */
	.header-breaker{width:100%; margin-bottom:50px}
	.header-breaker h3{font-family:Georgia-Light; margin:0 9%; padding:6% 0; font-size:1.9em; letter-spacing:1px;line-height:1.4em}
	.headerbreaker-royal{background:#1999DC; border-top:30px solid #722380; text-align:center; color:#FFFFFF;}
	.headerbreaker-navy{background:#1999AA; border-top:30px solid #722380; text-align:center; color:#FFFFFF;}

	.yellow-plate{background:#FEEC35;}
	.yellow-plate h3{font-family:Georgia-Bold; margin:0 auto; width:60%; padding:30px 0; text-align:center; font-size:1.5em; line-height:1.4em;}
	.yellow-plate h4{font-family:Georgia-Bold; margin:0 auto; width:60%; padding:30px 0; text-align:center; font-size:1.2em; line-height:1.4em;}

	.orange-plate{background:#FDA92A;}
	.orange-plate h3{font-family:Georgia-Bold; margin:0 auto; width:60%; padding:30px 0; text-align:center; font-size:1.5em; color:#FFFFFF; line-height:1.4em;}
	.orange-plate h4{font-family:Georgia-Bold; margin:0 auto; width:60%; padding:30px 0; text-align:center; font-size:1.2em; color:#FFFFFF; line-height:1.4em;}

	.cerise-plate{background:#D52C8F;}
	.cerise-plate h3{font-family:Georgia-Bold; margin:0 auto; width:60%; padding:30px 0; text-align:center; font-size:1.5em; color:#FFFFFF; line-height:1.3em;}
	.cerise-plate h4{font-family:Georgia-Bold; margin:0 auto; width:60%; padding:30px 0; text-align:center; font-size:1.2em; color:#FFFFFF; line-height:1.4em;}

	/* text */
	.yellow-border-bottom{border-bottom:25px solid #FEEC35;}
	.purple-border-bottom{border-bottom:25px solid #722380;}
	.cerise-border-bottom{border-bottom:25px solid #D52C8F;}



	.quote-black{font-family:Georgia-Bold; margin:0 auto; width:60%; padding:30px 0; text-align:center; font-size:1.5em}
	.quote-white{font-family:Georgia-Bold; margin:0 auto; width:60%; padding:30px 0; text-align:center; font-size:1.5em; color:#FFFFFF}

	.quote-black-reg{font-family:Georgia; margin:0 auto; width:60%; padding:30px 0; text-align:center; font-size:1.5em}
	.quote-white-reg{font-family:Georgia; margin:0 auto; width:60%; padding:30px 0; text-align:center; font-size:2.0em; line-height:1.5em; color:#FFFFFF}
	.large{font-size:2.5em}

	.container-submenu{
		width: 70%;  /* changed from 65% */
		min-width:680px;
		max-width:1200px;
		/*max-width:900px;*/
		margin:0 auto;
	}
	.container-submenu:after{content: "."; visibility: hidden; display: block; height:50px;clear: both; }
	.container-submenu:before{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
	.container-submenu-first{
		width: 65%;
		min-width:680px;
		max-width:900px;
		margin:0 auto;
	}
	.container-submenu-first:after{content: "."; visibility: hidden; display: block; height:40px;clear: both; }
	.container-submenu-first:before{content: "."; visibility: hidden; display: block; height: 40px;clear: both; }


	.container-submenu-start{
		width: 75%;  /* changed from 65% */
		min-width:680px;
		max-width:1000px;
		/*max-width:900px;*/
		margin:0 auto;
	}
	.container-submenu-start:after{content: "."; visibility: hidden; display: block; height:0;clear: both; }
	.container-submenu-start:before{content: "."; visibility: hidden; display: block; height: 0;clear: both; }


	.container-purple{
		font-family: Gotham-Bold;
		font-size: 1em;
		color:#FFFFFF;
		width: 65%;
		min-width:680px;
		max-width:1000px;
		margin:0 auto;
		background-color:#53155B;
		margin-top: 30px;
		clear:left;
	}

	.headerblue{font-family:Gotham-Bold;font-size:1.5em;padding:20px 25px; color:#9BECFE;}

	/* END firstblock */

	.container-bottom{
		color: #9D3FAA;
		font-size: 1em;
		width: 90%;
		min-width:680px;
		max-width:1000px;
		padding-top:20px;
		margin:0 auto;
		min-height:340px;

	}
	.container-bottom:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }

	/* Headers */

	.blurry-wrapper{border-bottom:30px solid #FDA92A; margin-top:50px}
	.orange-wrapper{border-bottom:30px solid #FDA92A; margin-top:0}
	.purple-wrapper{border-bottom:30px solid #751C81; margin-top:0}

	.container-navy{position:relative;background:#2C2982; color:#FFFFFF; margin-top:0;font-family:Gotham-Bold; font-size:1.1em; padding:15px;}
	.container-navy a{color:#FFFFFF; margin-top:0;font-family:Gotham-Bold; font-size:1.1em;}
	.container-navy a:hover{text-decoration:underline}

	.royal-push{display:visible;background:#1999DC;padding:15px;color:#FFFFFF;}
	.royal-push ul li{margin:5px 0}
	.royal-push a{color:#FFFFFF;font-family:Gotham-XLight; font-size:0.9em; }
	.royal-push a:hover{text-decoration:underline }

	#openclose{position:absolute;top:17px;right:25px;font-family:Gotham-XLight;font-size:0.8em;cursor:pointer}
	.six-push{font-family:Gotham-Black;font-size:0.9em;letter-spacing:1px}
	.six-push p{margin:10px 12px}


	.six{display:block;float:left;width:16.66%;max-width:16.66%;min-height:180px;background:#D52C8F;color:#FFFFFF;text-align:center;}
	.six:hover{cursor:pointer}
	.six a{font-family:Georgia;font-size:0.9em;color:#FFFFFF;}
	.first{background:#A4C42B;}
	.second{background:#D52C8F;}
	.third{background:#1999DC;}
	.fourth{background:#FDA92A;}
	.fifth{background:#2B2881;}
	.sixth{background:#722380;}

/**
 * For template 48 Frontpage 2017
 */


.fp-container-head{
	position:absolute;
	overflow: hidden;
  top:0;
	left:0;
	z-index:1;
	font-size: 1em;
	width: 100%;
	height:100%;
	margin:auto;

}

.fp-middletop{
	position:relative;
	width: 50%; /* 70% original altered 220529 */
	min-width:800px;
	max-width:1000px;
	height:100%;
	margin:auto auto;

}
.fp-middletop:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }

.fp-middletopleft{
	position:relative;
	display:block;
	float:left;
	width:68%;
	height:100%
}
.fp-middletopleft p{font-family:Georgia-Light; font-size:1.3em;line-height:1.5em}

.fp-middletopright{
	position:relative;
	display:block;
	float:left;
	width:30%;
	height:100%;
}
.fp-headerblockleft{position:absolute; bottom:0;margin-bottom:5%; /* 20% original altered 220529 */color:#FFFFFF;font-family:Georgia;}

.fp-headerblockright{
	position:absolute;  width:120px;  height:120px; background:#77DFFB; bottom:150px; left:80px;
	-moz-border-radius: 60px;
	-khtml-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
}

.headtextbold{font-family: Gotham-Black;font-size: 2.1em;letter-spacing:2px;line-height:1.3em;color:#FFFFFF}
.headtextlight{font-family: Gotham-XLight; font-size: 2.1em;letter-spacing:2px; color:#FFFFFF}

/*
 original altered 220529
.headtextbold{font-family: Gotham-Black;font-size: 2.8em;letter-spacing:2px;line-height:1.3em;color:#FFFFFF}
.headtextlight{font-family: Gotham-XLight; font-size: 2.8em;letter-spacing:2px; color:#FFFFFF}
*/

.donatehead{ margin:auto; text-align: center; cursor:pointer }
.donatehead h3{font-family:Gotham-Bold; color:#FFFFFF;font-size: 1.2em;margin:50px 10px 50px 15px}
.donatehead a{font-family:Gotham-Bold; color:#FFFFFF;font-size: 1.2em;}
.donatetext a{font-family:Gotham-Bold;color:#FFFFFF;}
.donatetext{font-family:Gotham-Bold; margin:auto;padding:30px 10px}
.dcaps{font-family:Gotham-Black; color:#FFFFFF;font-size:1.3em;}
.donatetext p{text-align: center;font-size:0.8em;color:#FFFFFF;line-height:1.4em;margin:20px 0;}

.fp-container-news{
		font-family: Gotham-Bold;
		font-size: 1em;
		color:#FFFFFF;
		width: 75%;
		min-width:680px;
		max-width:1000px;
		margin:10px auto 0;
		background-color:#53155B;
		/*margin-top: 30px;*/
		clear:left;
}

.fp-container-purple{
	font-family: Gotham-Bold;
	font-size: 1em;
	color:#FFFFFF;
	width: 75%;
	min-width:680px;
	max-width:1000px;
	margin:20px auto 0;
	background-color:#53155B;
	clear:left;
}

.headerblue{font-family:Gotham-Bold;font-size:1.5em;padding:15px 25px; color:#9BECFE;}
.headerwhite{font-family:Gotham-Bold;font-size:1.5em;padding:15px 25px; color:#FFFFFF;}

.fp-container-pair{
	width: 75%;
	min-width:680px;
	max-width:1000px;
	margin:30px auto 0;
	min-height:100%;

}
.fp-container-pair:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
.fp-pair-text{
	position:relative;
	float:left;
	background:#FFFFFF;
	height:100%;

	min-height:503px;
	max-height:503px;
	padding:40px;
	width:50%;
	box-sizing: border-box;
}
.fp-pair-text:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
.fp-pair-text p{font-size:1.2em;color:#666666;line-height:1.7em}
.fp-pair-text h2{font-family:Gotham-Black; font-size:2.3em;margin:0 0 20px 0; line-height:1.2em}
.fp-pair-text input[type=button]{
	position:absolute;
	background:#D82690;
	left:40px;
	bottom:40px;
	min-width:250px;
	color:#FFFFFF;
	font-size:1.2em;
	padding:15px;
	border:0;
	cursor: pointer;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.fp-pair-text hr{width:20%; float:left}
.fp-pair-image{position:relative;float:left; min-height:503px; max-height:503px; width:50%; box-sizing: border-box;}

.fp-introtext{background:#FFF;padding:40px 150px; font-size:1.6em; color:#666666; line-height:1.8em;}
.fp-introtext h2{font-family:Gotham-Black; margin:0 0 20px 0; line-height:1.2em; color:#000000}
.fp-introtext:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
.fp-introtext:before{content: "."; visibility: hidden; display: block; height: 0;clear: both; }

.fp-container-transp{
	position:relative;
	width: 75%;
	min-width:680px;
	max-width:1000px;
	margin: 0 auto;
}
.fp-container-transp:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
.fp-three-news{width:100%; list-style:none;}
.fp-three-news p{margin:20px; font-size:0.85em;line-height:1.4em}

.fp-news3-white{float:left;width:33.33%;min-height:200px; background:#FFFFFF;}
.fp-news3-grey{float:left;width:33.33%;min-height:200px; background:#EEEEEE;}
.fp-nominees{position:relative}
.fp-three-nominees{width:100%; list-style:none;margin:0;}
.fp-three-highlight{width:100%; list-style:none;margin:0;margin-top:30px;}
.fp-nominees3{position:relative; float:left;width:33.33%;}

.fp-container-media{
	width: 75%;
	min-width:680px;
	max-width:1000px;
	margin:30px auto 0;
}
.fp-container-media:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }

.fp-youtube-left{
	box-sizing:border-box;
		background:#D52C8F;
		position:relative;
		display:block;
		float:left;
		width:55%;
		height:100%;
		min-height:450px;
}
.fp-media-left-main-window{
  box-sizing:border-box;

	background: #751C81;
	padding:15px 0;
	min-height:460px;
}
/*.fp-media-left-main-window:after{content: "."; visibility: hidden; display: block; height:50px;clear: both; }*/

.fp-twitter-window{
	background: #751C81;
	position: relative;
    width: 40%;
   	height: 0;
   	padding-bottom:10px;
    float:left;
}
.fp-container-movie{
	box-sizing:border-box;
	background: #751C81;
	position: relative;
   	width: 95%;
   	min-height:340px;
		padding-top:20px;
   	float:left;
   	margin-left:15px;
}
/*.fp-container-movie:after{content: "."; visibility: hidden; display: block; height:10px;clear: both; }*/

.fp-youtubevideo{
	position: absolute;
    top: 0;
   	left: 0;
   	width: 100%;
   	min-height:310px;
}
.fp-youtube-thumbnails{
	box-sizing:border-box;
	color:#FFFFFF;
	background: #751C81;
	height:100px;
	margin-top:300px;
	width:100%;
}
.fp-youtube-thumbnails img{
	width:30%;


}

.fp-youtube-thumbnails ul{
	list-style:none;
}

.fp-youtube-thumbnails ul img{

	margin: 10px 0;

	width:100%;
}

.fp-youtube-thumbnails li{display:inline; float:left; max-width:80px; min-width:70px;margin-right:10px;margin-bottom:0}

.facebook-right{
	box-sizing:border-box;
	position:relative;
	display:block;
	float:left;
	width:45%;
	background:#FFFFFF;
	background:#D52C8F;
	height:100%;
	min-height:460px;
	/*text-align:center;*/
}
/*.facebook-right div{margin:15px 15px 25px 15px}*/
#instagram-thumbnails{
	background:#D52C8F;
	height:100%;
	padding:10px 15px 15px;
	padding:0;
	min-height:180px;
}
#instagram-thumbnails img{width:20%;}
#ig-container{width:99%;padding:1px; background-color:#FFF;margin-right:15px}
#ig-container:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
#instafeed {width: 100%;}
#instafeed a {display: block;margin:2px;float:left; position: relative; width:32%;}

/*#instafeed a img{width:100%;max-height:65px}*/
#instafeed a img{width:100%;max-height:85px}

.fp-three{font-size:1.2em;letter-spacing:1px;}

.fp-three a{color:#FFFFFF;font-family:Gotham-Medium;font-style:normal;font-size:0.7em}
.fp-third-1{display:block;float:left;min-width:33.33%;background:#D52C8F;color:#FFFFFF;text-align:center; padding:25px 0}
.fp-third-2{display:block;float:left;min-width:33.33%;background:#FDA92A;color:#FFFFFF;text-align:center; padding:25px 0}
.fp-third-3{display:block;float:left;min-width:33.33%;background:#2B2881;color:#FFFFFF;text-align:center; padding:25px 0}

.fp-three-1{display:block;float:left;min-width:33.33%;background:#D52C8F;color:#FFFFFF;text-align:center; padding:15px 0}
.fp-three-2{display:block;float:left;min-width:33.33%;background:#FDA92A;color:#FFFFFF;text-align:center; padding:15px 0}
.fp-three-3{display:block;float:left;min-width:33.33%;background:#2B2881;color:#FFFFFF;text-align:center; padding:15px 0}



.fp-container-map{
	display: block;
	width: 75%;
	min-width:680px;
	max-width:1000px;
	margin:20px auto 0;
}
.fp-container-map:after{content: "."; visibility: hidden; display: block; height:1px;clear: both; }
.fp-map-header{font-family:Gotham-Bold; font-size:0.9em; padding:20px; background:#751C81; color:#FFFFFF; }
.fp-map-marker{width:23px;height:33px; vertical-align:middle}
#map{width:100%; background:#FFFFFF; height:100%; min-height:400px; display:block;}

#fp-mapimage{position:relative}
#fp-mapheader{
	position:absolute;
	margin-left:auto;
    margin-right:auto;
    width:100%;
    bottom:30%;
	text-align:center;
}
#fp-mapheader a{font-family:Gotham-Black; font-size: 2em; color: #FFFFFF}

.fp-container-white{
	position: relative;
	font-size: 1em;
	width: 75%;
	min-width:680px;
	max-width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
	text-align:center;
	overflow:hidden;
}
.fp-container-white:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
.fp-container-white:before{content: "."; visibility: hidden; display: block; height: 0;clear: both; }

.fp-first-left{
	float:left;
	text-align:left;
	width:50%;
	border-top: 40px solid #722380;
}
.fp-first-left p{font-size:1em;margin:5px 50px 20px 50px;color:#722380;line-height:1.6em}
.fp-first-left h3{color:#2B2881;font-size:2.9em;margin:20px 50px 10px 50px;font-family:Gotham-Black;}
.fp-first-left h4{color:#2B2881;font-size:2em;margin:20px 50px 10px 50px;font-family:Gotham-Black;}

.fp-first-right{
	float:left;
	width:50%;
	background:#FECC30;
	height:100%;
	min-height:400px;
	border-top: 40px solid #BE3791;
}
.fp-first-right p{font-size:1em;margin:40px 75px 20px;text-align:center;color:#722380;line-height:1.8em}
.fp-first-right img{width:100%;vertical-align:bottom;bottom:0;padding-top:20px;}




/* Bottom new */

	.container-bottom{
		color: #9D3FAA;
		font-size: 1em;
		width: 80%;
		min-width:680px;
		max-width:1100px;
		padding-top:20px;
		margin:0 auto;
		min-height:340px;
	}

	.bottomcolumn-replace{
		box-sizing:border-box;
		margin:0 30px 0 0;
		width:18%;
		float:left;
		font-family:Arial Narrow;
		line-height:1.2em;
		font-size:0.7em;
		font-weight:normal;
	}


	.bottomcolumn-wide{
		box-sizing:border-box;
		position:relative;
		width:78%;
		font-family:Arial Narrow;
		color:#94459f;
		font-style:normal;
		font-size:0.8em;
		text-align:left;
		margin:0;
		vertical-align:bottom;
		overflow:hidden;
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}

	.bot-nav-part{
		display:block;
		width:100%;
		color:#BE3791;
		font-family: Gotham-Bold;
		margin:0;
	}
	.bot-nav-part ul{list-style:none;margin:0 15px 15px 0;color:#BE3791}
	.bot-nav-part li{line-height:0.8em; font-family:Gotham-Bold;margin-bottom:4px}
	.bot-nav-part li.level-1{line-height:0.8em; font-family:Gotham-Bold;margin-bottom:7px;margin-top:10px}
	.bot-nav-part a.nav-level-1{font-family:Gotham-Bold;font-size:1em;color:#BE3791;}
	.bot-nav-part a.nav-level-2{font-family:Arial;font-size:0.7em;line-height:1.1em;color:#BE3791;}


	.bottomcolumn h5{font-family:Arial Narrow;color:#94459f;font-style:bold;font-size:1em;margin:0}
	.stickybottom{position:absolute; right:17px; bottom:1px;font-family:Arial Narrow;color:#94459f;font-style:bold;font-size:1em;padding-bottom:7px}
	.purplelogin{background:#94459f;color:#53155B; border:0; width:40px; text-align:center;padding:3px; margin-bottom:10px}


/* For Donate template 40 */

	.white-left{
		background:#FFFFFF;
		position:relative;
		display:block;
		float:left;
		width:48%;
		height:100%;

		text-align:left;
		margin-right: 10px;
		margin-bottom:30px;
	}
	.white-left p{font-size:0.9em;margin:20px 25px 20px 25px;color:#000000;line-height:1.6em}
	.white-left h3{color:#2B2881;font-size:2.9em;margin:30px 25px 10px 25px;font-family:Gotham-Black;}

	.white-right{

		position:relative;
		display:block;
		float:left;
		width:48%;
		background:#FFFFFF;
		height:100%;

		text-align: left;
		margin-bottom: 30px;
	}
	.white-right p{font-size:0.9em;margin:20px 25px;text-align:left;color:#000000;line-height:1.8em}

	#donation-conf{margin:25px 0 25px 0; background-color:#fff59b; padding:5px 25px}
	#donation-conf h4{margin:10px 0}
	#donation-conf img{width:150px}
	.confirmationtext{font-size:0.7em;line-height:1.1em; border-bottom:1px solid #000000;padding-bottom:10px;margin:0}
	.questionscontact{margin:0;font-size:0.7em;}


	#donation{margin:0 0 25px 0;  background-color:#ffffff; padding:25px}
	#donation h4{margin:10px 0}
	#donation img {width:150px}
	.formdonate	{ font-size: 1.2em; width:100%;padding:5px; margin-bottom:7px;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;

	}
	.ceremonyshort{
	font-size: 1.2em;
	padding:5px; margin-bottom:7px;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;

	}

	.formdonateamount	{
	font-size: 1.2em;
	padding:5px; margin-bottom:7px;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	}
	.formdonatebutton	{ font-size:14px; width:100%;padding:5px; margin:7px 0; cursor:pointer}
	.formdonatetext	{ font-size: 1.2em; width:90%;padding:5px; margin-bottom:7px;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	}
	.donamount	{font-size:16px; line-height:25px}
	.donamount h3{font-family:Georgia;font-size:16px;}
	.donbutton	{margin:0 20px 0 0}
	#optional_amount{font-size: 1.2em; padding:5px;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;

	}

	.donatebutton{font-size:16px; color:#FFFFFF; background-color:green; padding:5px 20px; border:0; height:50px; margin-top:10px; cursor:pointer;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	.donatebutton_pp{font-size:16px ;color:#FFFFFF; background-color:#1e79bc; padding:5px 20px; border:0; height:50px; cursor:pointer;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	}
	.donatebutton:hover{background-color:#54b747;}
	.donatebutton_pp:hover{background-color:lightblue;}
	.donatebutton_cnl{font-size:16px ;color:#FFFFFF; background-color:#DDDDDD; padding:5px 20px; border:0; height:50px; cursor:pointer;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	}
	.donatebutton_cnl:hover{background-color:#AAAAAA;}
	.paybtntable{width:100%; min-height:110px}

	/* Nominationform */

	.formblock{font-size:0.9em;height:100%; margin:30px 30px 30px 20px; line-height:1.6em;overflow:scroll}
	.formblock h4{margin:0}
	.formblock ul{list-style:none}
	.formblock form{display:inline}
	.formblock td{vertical-align:top}
	.pageinfo{
		margin:10px 10px 10px 0;
		font-size:1em;
		font-family:sans-serif;
		padding:9px 10px;
		border:1px solid #666666;
		display:inline;
		color: #666666;
		background-color:#FFFFFF;
		margin-left: 10px;

		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;


	}


	#prev_btn, #next_btn, #completeform, #submitnominationform, #editnominationform, #closenomconf, #showform, .standardreset, .standardsubmit
	{
	font-family:Gotham-Medium;
	font-size:1em;
	background-color:#D82690;
	color:#FFF;
	border:0;
	border:2px solid #D82690;
	padding:10px 20px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
//{margin:10px 10px 10px 0;color:#FFFFFF; font-size: 1.1em; padding:5px 10px; background:green; border:0;cursor:pointer}

	input.standard{width:100%;font-size:1.2em;}

	.short_underscored{width:60px; border:0; margin:0 0 0 100px; font-size:1.4em; background: #FFFFFF; font-family:Gotham-Black}

	input.short_underscored{width:90px; border:0; margin:40px 10px; border-bottom: 2px solid black; font-size:1.4em; background: #FFFFFF; font-family:Gotham-Black; text-align: center;}
	select.standard{font-size:1.2em;width:100%;}
	textarea.standard{width:100%;font-size:1.2em}
	textarea.highbox{width:100%;height:300px;font-size:1.2em}

	input[type=text].standardform{
	font-size: 1em;
	border: 1px #DDDDDD solid;
	background: #FFFFFF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	margin:5px 0;
	width:100%;
	}
	input[type=button].standardform{
	font-size: 0.6em;
	border: 0;
	color: #FFFFFF;
	background:#D52C8F;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	margin:5px 0;
	width:30%;
	}
	input[type=submit].standardform{
	font-family:Gotham-Medium;
	font-size: 1.2em;
	width:40%;
	border: 0;
	color: #FFFFFF;
	background:#D52C8F;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:20px;
	margin-left:30%;
	margin-right:70%;
	margin-top:30px;
	margin-bottom:30px;
	cursor: pointer;

	}

	select.standardform{
	font-size: 0.95em;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:10px;
	margin:5px 0;
	min-width:102%;
	color:#666666;
	height:38px;
	}
	select.short_select{
	font-size: 1.4em;
	line-height: 1.4em;
	border: 0px #DDDDDD solid;
	background: #FFFFFF;
	font-family:Gotham-Black;

	padding:0;
	margin:5px 0;
	min-width:10%;
	color:#000000;
	height:30px;
	}
	textarea.standardform{
	font-size: 1em;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	margin:5px 0;
	width:100%;
	height: 70px;
	}


	#confirmation_std{
		position:absolute;
		display:none;
		z-index:10;

		left:50%;
		top: 100px;
		width:500px;

		overflow: scroll;

		padding:10px;
		margin-left: -250px;
		background-color: #eeeeee;
		border: 2px #999999 solid;
	}

	/*
	#confirmation_std {
  		position: fixed;
  		display:none;
		z-index:10;
  		top: 50%;
  		left: 50%;
  		width:500px;
		padding:10px;
  		margin-left: -250px;
  		background-color: #eeeeee;
		border: 2px #999999 solid;
	}
	*/

	#closenom, #closequiz,#closepreview{position:absolute;right:10px;top:10px;cursor:pointer;width:20px;font-family:Gotham-Bold;color:grey;z-index:25}
	#confirmation{position:absolute; display:none; z-index:10; top:70%; left:42%; width:500px; padding:10px; margin-top: -100px; margin-left: -150px; background-color: #eeeeee;border: 2px #999999 solid;}


	#overlay{position: absolute; overflow:scroll;display: none;z-index: 9; top: 0;left: 0;width: 100%;height:150%;background-color:#000; filter:alpha(opacity=30); opacity:0.3;}

	#imageslides{position: absolute;display: none;z-index: 9; top: 0;left: 0;width: 100%;height:250%;background-color:#FFF; filter:alpha(opacity=70); opacity:0.7;}
	#imageslides_content{position: absolute;display: none; width:100%; height:100%;  top:0px; margin-left: 0px; z-index: 10;vertical-align:middle;}

	#imageslides_text{
			font-family:Georgia;
			font-size:0.9em;
			position: absolute;
			display: block;
			padding:10px 15px;
			bottom: 10px;
			right: 10px;
			background:#000;

			max-width: 400px;
			color:#FFF;
			cursor:pointer;
			z-index: 12;
			filter:alpha(opacity=0.6);
			 opacity:0.6;

	}

	#close_slides, #left_slides, #right_slides{
			position: absolute;
			display: block;
			padding:10px 15px;
			top: 10px;
			right: 10px;
			background:#000;
			font-family:sans-serif;
			color:#FFF;
			cursor:pointer;
			z-index: 12;
			filter:alpha(opacity=0.6);
			 opacity:0.6;
	}
	#close_slides:hover{filter:alpha(opacity=1); opacity:1;}
	#right_slides:hover{filter:alpha(opacity=1); opacity:1;}
	#left_slides:hover{filter:alpha(opacity=1); opacity:1;}

	#right_slides{right: 57px}
	#left_slides{right: 107px}
	.section-storiesmap{
		padding:0;
		position: relative;
		width: 100%;
		background-color:#88c0fc;
	}
	/*#storiesmap{width:1024px;height:650px;margin: 0 auto;background-color:#2dc76f;}*/
	#storiesmap{width:1024px;height:650px;margin: 0 auto;background-color:#88c0fc;}
	.gm-style-iw {

			width: 330px !important;
  	 	top: 10	px !important;
  	 	left: 0 !important;
  	}


	#iwcontent-orange{width:300px;height:165px;background:#f8a535} /*ECA20A*/
	#iwcontent-green{width:300px;height:165px;background:#89e45e} /*B5DB12*/
	#iwcontent-royal{width:300px;height:165px;background:#18e5ff} /*0A9AE6*/
	#iwcontent-white{width:300px;height:165px;background:#FFFFFF}
	#iwcontent-cerise{width:300px;height:165px;background:#f589c5} /*D3268D*/
	#iwcontent-purple{width:300px;height:130px;background:#9a90ff}

	.iwheader{position:relative;margin:0;background:#9a90ff;line-height: 0;min-height:90px;}
	.iwbody{padding:0;font-size:1.1em;}

	.iwarrow-green{margin-top:-10px;padding:0px;width:35px;height:41px; background:url("/trms-content/wcp/images/iw-arrow-green.png")}
	.iwarrow-royal{margin-top:-10px;padding:0px;width:35px;height:41px; background:url("/trms-content/wcp/images/iw-arrow-royal.png")}
	.iwarrow-orange{margin-top:-10px;padding:0px;width:35px;height:41px; background:url("/trms-content/wcp/images/iw-arrow-orange.png")}
	.iwarrow-white{margin-top:-10px;padding:0px;width:35px;height:41px; background:url("/trms-content/wcp/images/iw-arrow-white.png")}
	.iwarrow-cerise{margin-top:-10px;padding:0px;width:35px;height:41px; background:url("/trms-content/wcp/images/iw-arrow-cerise.png")}
	.iwarrow-purple{margin-top:-10px;padding:0px;width:35px;height:41px; background:url("/trms-content/wcp/images/iw-arrow-purple.png")}

	#map-pins-bar{position:relative; display: inline-block; font-family:Gotham-XLight; font-size:0.8em; padding:20px;  height:30px; width:100%;background-color:#751C81;color:#FFFFFF;text-align:center;vertical-align:middle;padding:25px 0}

	.overlayimage{position:absolute; color:#FFF;
	top: 0;
    width:100%;
    height:100%;
    opacity:0.1;
    background-color:#000;
    clip:rect{0 75px 75px 0}
	}
	.textinimage{
	position:absolute;
	bottom: 15%;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	text-align:center;
	font-family:Gotham-Black;
	line-height:1.2em;
	overflow:none;
	width:90%;
	height:30px;
	font-size:1.6em
	}
	.textinimage a{font-family: Gotham-Black;color:#FFF;text-decoration: none;}
	.textinimage h3{font-family:Gotham-Black;}

	.countrytextinimage{
	position:absolute;
	bottom: 30%;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	text-align:center;
	font-family:Gotham-Medium;
	line-height:1.2em;
	overflow:none;
	width:90%;
	color:#FFF;
	background:#9a90ff;
	height:30px;
	font-size:1.2em
	}
	.countrytextinimage a{font-family: Gotham-Black;color:#FFF;text-decoration: none;}
	.countrytextinimage h3{font-family:Gotham-Black;}



/* Template quizinner original */



#quiz_std{position:absolute; display:none; z-index:10;
	 width:900px;
	 min-height:400px;
	 top:200px;
	 left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	 background-color: #eeeeee;
	 border: 2px #000 solid;

	 }

#quiztitle{position:absolute;font-family:'Georgia', sans-serif; font-size: 1.2em; left:100px; top:350px;z-index:10;background:transparent; color:#CCCCCC}
#quizinner{position:relative;width:100%;background-color:#FFFFFF; font-size:1em; min-height:400px; height:auto}
#quizinner ul{position:absolute;left:400px;top:50px}
#quizinner ul li{font-style:italic;margin:10px; max-width:420px; line-height:1.3em}

#prev_question, #next_question, #completequiz,#startnewquiz,#startnew_wcp_quiz,#openquiz{
	font-family:'Georgia', sans-serif;
	font-size:20px;
	background-color:#D82690;color:#FFFFFF;padding:5px 20px;
	border:0;
	cursor:pointer;
	margin:0 0 0 10px;
}

#quizinner .standard{margin-top:10px}
#quizinner #buttons{position:absolute; background:transparent;left:550px;top:350px;min-width:330px;text-align:right; }

#quizinner .quizinfo{
	font-family:'Georgia', sans-serif;
	font-size:0.8em;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color:#DDDDDD;
	color:#FFFFFF;
	padding:0;

	width:30px;
	height:30px;
	border:0;
	cursor:pointer;
	/*float:right;*/
	margin:10px 100px 20px 0;
}
#quizinner .pno{font-family:'Georgia', sans-serif;position:absolute;font-size:18em;line-height:0.8em;letter-spacing:0;color:#CCCCCC;left:-60px;top:-100px}
#quizinner .lpno{font-family:'Georgia', sans-serif;position:absolute;color:#CCCCCC;font-size:1.5em;line-height:0.8em;letter-spacing:0;color:#666666;left:10px;top:10px}
#quizinner .standard{position:absolute;font-style:italic;padding:30px 0;font-size:20px;left:100px;top:20px;width:280px;line-height:24px;background:transparent;z-index:10}
.quizimg{position:absolute;left:420px;top:20px}

#resultinner{padding:30px 0;}
.question_answer{font-family:Georgia;position:relative;margin:15px 25px; background-color:#CCCC00;background-color:transparent;min-height:50px; max-width:500px;z-index:17;line-height:1.4em}
.question_answer:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
.q{position:absolute;left:0;top:20;z-index:15;font-size:106px;color:#FDFDFD}
.qnum{position:absolute;left:0;top:0;z-index:16;font-size:82px;color:#CCCCCC}
.qqtext{position:relative;left:30px;top:0;z-index:17;color:#000000;min-height:60px;padding:0 10px 10px 20px}
.qqtext:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
.correctanswer{font-family:Georgia-Bold;color:#489854;font-size:1.5em}
.wronganswer{color:#fdad2a;font-weight:bold}
#quizresult{margin:-20px 0 0 65px;z-index:20px}
.questionnumber{font-family:Georgia-Bold;font-size:1.2em; margin:10px 0}
.answer{font-family:Georgia-Bold;}
#goto_gv_ind{font-size:14px;color:#FFFFFF;background-color:#00BB00; padding:7px; cursor:pointer}
#startnew_wcp_quiz{font-size:14px;color:#FFFFFF;background-color:#CC0000; padding:7px; cursor:pointer}

#resultinner p.questioncomment{margin:10px 0; font-size:13px;font-style:italic;}
.facts{font-size:15px;font-weight:bold}


/* Quiz new interface 2020-01-29 */

.section-quiz{

	position: relative;
	width: 100%;
	background: #444444;
	height:auto;
	min-height:400px;
}
.section-quiz img{width:100%; margin:0;padding:0;border:0;vertical-align:top}

.section-quiz-halfpage{

	position: relative;
	width: 100%;
	background: #FFF;
	height:auto;
	min-height:800px;
}
.section-quiz img{width:100%; margin:0;padding:0;border:0;vertical-align:top}

#quiz-container{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	z-index:1;
	font-size: 1em;
		width: 100%;
	height:100%;
}

#quiz-container-halfpage{
	display: flex;
	position:absolute;
	overflow: hidden;
	top:0;
	left:0;
	text-align:center;
	z-index:1;
	font-size: 1em;
	width: 100%;
	height:inherit;
	max-height:800px;
	overflow:visible;
}
#quiz-left{
	box-sizing:border-box;
	width:50%;
	background-color:#FFFFFF;
	max-height:800px;
	overflow:hidden;
}
#quiz-right{
	box-sizing:border-box;
	width:50%;
	height:inherit;
	margin:0 auto;
	background-color:#FFFFFF;
	overflow:auto;
	/*min-height:200px;*/
}

#quiz-question{
	box-sizing:border-box;
	text-align:left;
	width:58%;
	max-width: 752px;
	margin:15% auto;
	padding:0;
	font-family:Georgia-Light;
	font-size:1.2em;
	line-height:1.6em;
	color:#333;
}
#quiz-question h2{
	margin-bottom:10px;
	font-size:1.8em;
	line-height:1.3em;
}
#quiz-result{
	box-sizing:border-box;
	text-align:left;
	width:100%;
	margin:20px 0 0 30px;

}
#quiz-result p.questioncomment{margin:10px 0; font-size:1em;line-height:1.6em}
.quiz-question-text{
	margin-bottom:20px;
	font-size:1.1em;
	line-height:1.6em;
	color:#444;
}
.quiz-question-text img{margin:0 10px}
.quiz-button{
	box-sizing: border-box;
	padding: 18px 30px 16px 30px;
	text-align:left;
	font-family: Gotham-Medium;
	font-size: 1em;
	color:#fff;
	background-color: #D82690;
	display: block;
	border:0;
	height:50px;
	width:425px;
	margin: 20px 0;
	position: relative;
	border-radius: 4px;
	cursor:pointer;
}

/* this code is for animated radiobuttons on quiz halfpage */
.inputGroup {
	 box-sizing: border-box;
	 background-color: #D82690;
	 display: block;
	 height:50px;
	 margin: 10px 0;
	 position: relative;
	 border-radius: 4px;
	 line-height: 1.1em;
}
.inputGroup label {
	 box-sizing: inherit;
	 padding: 18px 30px 16px 30px;
	 width: 100%;
	 display: block;
	 text-align: left;
	 font-family: Gotham-Medium;
	 font-size:1em;
	 border-radius: 4px;
	 color: #3c454c;
   color: #fff;
   cursor: pointer;
	 position: relative;
	 z-index: 2;
	 transition: color 200ms ease-in;
	 overflow: hidden;
}
 .inputGroup label:before {
 	 width: 10px;
	 height: 10px;
	 border-radius: 50%;
	 content: '';
	 background-color: #D82690;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 opacity: 0;
	 z-index: -1;
}

 .inputGroup label:after {
	 box-sizing: inherit;
	 width: 25px;
	 height: 25px;
	 content: '';
	 border:0;
	 background-color: #D82690;
   background-color: transparent;
	 border-radius: 50%;
	 z-index: 0;
	 position: absolute;
	 left: 20px;
	 top: 50%;
	 transform: translateY(-50%);
	 cursor: pointer;
	 transition: all 200ms ease-in;
}

.inputGroup input:checked ~ label {
   padding-left: 60px;
   transition: all 200ms ease-in;
	 color: #fff;
	 border-radius: 4px;
}
 .inputGroup input:checked ~ label:before {
	 transform: translate(-50%, -50%) scale3d(56, 56, 1);
	 opacity: 1;
}
 .inputGroup input:checked ~ label:after {
   background-color: #D82690;
   border: 6px solid #fff;
}
 .inputGroup input {
	 width: 32px;
	 height: 32px;
	 order: 1;
	 z-index: 2;
	 position: absolute;
	 right: 30px;
	 top: 10%;
	 transform: translateY(-50%);
	 cursor: pointer;
	 visibility: hidden;
}
/* end animation button */

/* This is for quiz with image in background */
#quiz-inner{
	box-sizing:border-box;
	text-align:left;
	width:45%;
	min-width:600px;
	max-width: 752px;
	margin:10% auto;
	padding:33px;
	font-family:Georgia-Light;
	background-color: rgba(0,0,0, 0.5);
	color:#FFF;
	font-size:1.5em;
	line-height:1.5em;
	/*min-height:400px;*/
	min-height:40%;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8.5px;
}
#quiz-inner h3{font-family:Georgia-Light;font-size:1.9em;margin:0 0	25px 0}
#quiz-inner a{font-family:Georgia-Light;text-decoration:underline;font-weight:400;color:#FFF}

#quiz-inner .standard{font-family:Georgia-Light;}
#quiz-inner li{font-family:Georgia-Light; font-size:0.9em}

.quiz-answer{font-family:Georgia-Light;}

.quiz-correct-btn{
	border:0;
	margin:10px 0;
	padding:10px;
	font-size:1em;
	background-color:#33DD00;
	color:#FFF;
	border-radius: 5px;
}
.quiz-wrong-btn{
	border:0;
	margin:10px 0;
	padding:10px;
	font-size:1em;
	background-color:#FF0033;
	color:#FFF;
	border-radius: 5px;
}

#next_qstn, #complete_quiz{

	border:1px solid #fff;
	background-color:transparent;
	color:#FFF;
	margin:30px 0 10px;
	padding:10px;
	font-size:1em;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer
}
#next_qstn:hover, #complete_quiz:hover{background-color:#2196F3;}
#socialbuttons{width:100%;background-color:transparent; margin-top:50px;text-align:center}
#socialbuttons img{max-width:50px;border-radius: 5px;}
.soc_media_fb{background-color:#3C5A95;margin:20px;padding:0;color:#FFF;font-family:"Arial Narrow";cursor:pointer;}
.soc_media_twtr{background-color:#59ACEB;margin:20px;padding:0;color:#FFF;font-family:"Arial Narrow";cursor:pointer;}

#quiz-circle-result{width:100%;background-color:transparent; margin-top:10px; text-align:center}
#quiz-my-result{
	box-sizing:border-box;
	margin: 10px auto;
	padding:20px;
	border: 5px solid #fff;
	font-size:2.1em;
	width:180px;height:100px;color:#FFF;
	background-color:#2196F3;;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* for Instagram first-page */

#instagram-thumbnails{
		background:#D52C8F;
		height:100%;
		padding:15px 15px 10px;
		min-height:185px;
	}
#ig-container{width:99%;padding:5px; background-color:#FFF;margin-right:15px}
#ig-container:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
#instafeed {width: 100%;}
#instafeed a {display: block;margin:2px;float:left; position: relative; width:15.4%;}
#instafeed a img{width:100%;max-height:60px}

/* Donation styles template 47 */

h3.donheader{font-family:Gotham-bold;font-size:1.2em;color:#D82690;margin:10px 0}

.inputarea{ box-sizing: border-box; width:600px; solid;margin:0;padding:10px 0}



.igive{font-family:Gotham-bold;font-size:1.2em;color:#D82690;margin:10px 0}
.donatebtn, .donatebtn-opt{
	font-family:Gotham-Medium;padding:14px 25px 10px;font-size:1em;background:#D82690; color:#FFFFFF;border:0;
	cursor:pointer;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#postaladdress{}
/*
#digitaladdress{}
*/
#submitautogiroform{display:none}

/*#D52C8F;*/
/* remove */
input[type=text].genericdon{
	font-size: 1em;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	margin:5px 0;
	width:90%;
}
/* remove */
input[type=button].genericdon{
	font-size: 0.9em;
	border: 0;
	color: #FFFFFF;
	background:#BBBBBB;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	margin:5px 0;
	width:40%;
	cursor:pointer
}
/*input[type=text]:focus{background:#FF0000}*/
input.amount{
	font-family:Gotham-bold;
	font-size:1.3em;
	color:#D82690;
	border:0;
	border-bottom: 2px #D82690 solid;
	outline:none;
	padding:7px;
	text-align: center;
	width:90px;
}
input.amountwide{
	font-size: 1em;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	width:120px
}
input.zip{
	font-size: 1em;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin:5px 8px 5px 0;
	padding:5px;
	width:21%;
}
input.city{
font-size: 1em;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin:5px 0;
	padding:5px;
	width: 65%;
}
input.city2{
font-size: 1em;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px 0;
width:209px}

select.genericdon{
	font-size: 0.95em;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:10px;
	margin:5px 0;
	min-width:92%;
	color:#666666;
	height:38px;
}
textarea.genericdon{
	font-size: 1em;
	border: 1px #DDDDDD solid;
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	margin:5px 0;
	width:90%;
	height: 70px;
}
td.flabel{text-align:right;padding:15px 10px}
.minortext{font-style:italic;font-size:0.8em}
.minortextm{font-style:italic;font-size:0.8em}
.giftoptions{margin:10px}

#donation-control-img{width:180px; height:40px}
#donation-control{
	display:flex;
	box-sizing: border-box;
	width:100%;
	justify-content: space-between
}
#paymenttypes{margin:15px 0}
#payex3dsecure{width:110px;margin-left:10px;vertical-align:middle}
#securePayEx3D{margin:20px 0; font-size:0.8em;text-align:right}
.submitpayex{
	font-family:Gotham-Medium;
	font-size:1em;
	background-color:#D82690;
	color:#FFF;
	border:0;
	padding:15px 20px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
.payment-failed{color:red}
.payexlogo{
 	background-image: url("/images/payexlogo_T003811_-1.png");
    background-repeat: no-repeat;
    vertical-align: bottom;
    margin:0 20px;
    min-width: 100px;
    min-height: 40px;
    width:100px;
    height: 40px;
    border:0;
}
.submitpaypal{
	background-image: url("/images/paypal_I002791_-1.jpeg");
    background-repeat: no-repeat;
    min-width: 192px;
    min-height: 47px;
    width:192px;
    height: 47px;
    cursor: pointer;
    border:0;
}
.submitautogiro{
	background-image: url("/trms-content/wcp/images/skickabtn.png");
    background-repeat: no-repeat;
    background-size: 103px 42px;
    min-width: 103px;
    min-height: 42px;
    width:103px;
    height: 42px;
    cursor: pointer;
    border:0;
}

#donate-or-give-checkbox{clear:left;padding-top:0px;display:block}
#card-or-auto-radiobtn{clear:left;display:none}

.paybtntable{
	width:500px;
}
.paybtntable td{
	width:200px;

}
.paybtntable td.logo{
	width:300px;
	text-align:right;
}

/* start template 49 */

.intro-first-left{
	float:left;
	text-align:left;
	width:50%;
	background: #FFFFFF;
	min-height: 400px;
	border-top: 40px solid #1999DC;
}
.intro-first-left p{font-size:1em;margin:5px 50px 20px 50px;color:#722380;line-height:1.6em}
.intro-first-left h3{color:#2B2881;font-size:2.9em;margin:20px 50px 10px 50px;font-family:Gotham-Black;}
.intro-first-left h4{color:#2B2881;font-size:2em;margin:20px 50px 10px 50px;font-family:Gotham-Black;}

.intro-first-right{
	float:left;
	width:50%;
	background:#FECC30;
	/*height:100%;*/
	min-height:400px;
	border-top: 40px solid #2C2982;;
}
.intro-first-right p{font-size:1em;margin:20px 50px 20px;text-align:center;color:#722380;line-height:1.4em}
.intro-first-right img{width:100%;vertical-align:top;top:0;padding-bottom:0px;}

.container-introthree{
		position: relative;
		font-size: 1em;
		width: 75%;
		background: #FFFFFF;
		min-width:680px;
		max-width:1000px;
		margin:0 auto;
		padding:20px 20px;
		margin:20px auto 0;
		overflow:hidden;
		box-sizing: border-box;
}

.introthird{
	width:33.3%;
	background:#FFFFFF;
	min-height:300px;
	float:left;
	padding:0 10px;
	box-sizing: inherit;
}
.introthird iframe{}
.introthird-head{
	padding:5px 0;
	font-family:Gotham-Medium;
	font-size:0.8em;
}
.introthird-body{
	padding: 0;
	font-family:sans-serif;
	font-size:0.8em;
}
.introthird-body p{
	margin:0;
	padding:0;
}
.introthird-body h3,
.introthird-body h4
{
	margin:10px 0 5px;
	padding:0;
	font-family:sans-serif;
}

/* template 50 */

#specified_litter{display:none}
#specify{width:100%;margin: 0 auto}
#specify p{margin:10px 0}

.round-the-globe-boldtext{font-family:Gotham-Bold;color:#000;font-size:1.4em;line-height:1.8em}

.input-no-cerise-short{font-family:Gotham-Bold;color:#D82690;font-size:0.9em; border:0; margin-right:4px;border-bottom:3px solid #D82690; width:100px;height:30px;text-align:center}
.input-no-cerise-medium{font-family:Gotham-Bold;color:#D82690;font-size:0.9em; border:0; border-bottom:3px solid #D82690; width:120px;height:30px;text-align:center}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#round-the-globe-result{}
.cerise-big-digits{margin:50px 0;font-family:Gotham-Black;color:#D82690;font-size:4em;text-align:center}
.cerise-small-digits{font-size:0.3em;line-height:3em}

/*
 *
 * Template 52
 *
 */

 h6.whiteheader_80{
 	color:white;
 	font-family:Gotham-Black;
 	font-size:5em;
 	margin:50px 0;
}

h6.whiteheader_60{
 color:white;
 font-family:Gotham-Black;
 font-size:3em;
 margin:50px 0 20px
}

.videoplaybutton{position:absolute; top:50px; left:0; margin-left:120px; margin-right:120px; z-index:5}

 .brickwall{
 	margin: 0 0 2em;
	padding: 0 0 2em;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 1.5em;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
  }
  .brickwall a {color:#000;}

 .brick{
	display: inline-block;
	position:relative; /*added 211003*/
	background: #fff;
	padding: 0;
	margin: 0 0 1.5em;
	width: 100%;
	min-width: 300px;
	max-width: 300px; /* 20201118*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #FFF;
}
.bricktextcontent{margin:25px;color:#53115C;font-size:1.2em;line-height: 1.5em;}
.bricktextcontent p{margin:0;}
 h5.brickheader{
 	font-family:Gotham-Black;
 	font-size:1.2em;
 	line-height:1.3em;
 	letter-spacing:0.05em;
 	color:#2b2583;
 	margin:0;
}

/**
	Code for fancy input fields
*/

.formcontent{display:grid; width:100%; margin:0 auto; }
.formcontent * {box-sizing: border-box;}

.fancy-input {
  position: relative;
  margin: 10px auto;
  width: 100%;
  max-width: 1000px;
}
.fancy-input .label {
  position: absolute;
  top: 16px;
  left: 0;
  font-size: 1em;
  color: #888888;

  font-weight: 500;
  transform-origin: 0 0;
  transition: all 0.2s ease;
}
.fancy-input .border {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: #1a7e1b;
  transform: scaleX(0);
  transform-origin: middle 0;
  transition: all 0.5s ease;
}
.fancy-input input {
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  font-family: inherit;
  padding: 12px 0 5px;
  height: 48px;
  font-size: 1em;
  font-weight: 500;
  border-bottom: 1px solid #888888;
  background: none;
  border-radius: 0;
  color: #223254;
  transition: all 0.15s ease;
}
.fancy-input input:hover {
   background: rgba(34,50,84,0.03);
}
.fancy-input input:not(:placeholder-shown) + span {
  color: #5a667f;
  transform: translateY(-26px) scale(0.75);
}
.fancy-input input:focus {
  background: none;
  outline: none;
}
.fancy-input input:focus + span {
  color: #1a7e1b;
  transform: translateY(-26px) scale(0.75);
}
.fancy-input input:focus + span + .border {
  transform: scaleX(1);
}
/**
	Code for a large fancy checkbox
	Create a custom checkbox
	code from W3C schools
*/

.fancy-checkbox{
  display: block;
  position: relative;
  padding-left: 7px;
  margin: 20px 0;
  cursor: pointer;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #EEE;
}

/* On mouse-over, add a grey background color */
.fancy-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.fancy-checkbox input:checked ~ .checkmark {
  /*background-color: #1a7e1b;*/
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.fancy-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.fancy-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancy-radio, .fancy-radio-donate {
  display: block;
  position: relative;
  padding-left: 35px;
	margin-top: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancy-radio-donate {
	margin-top: 0px;
}
/* Hide the browser's default radio button */
.fancy-radio input,
.fancy-radio-donate input{
	position: absolute;
  opacity: 0;
  cursor: pointer;
}
.inline-radio{
	padding:0;
	display:flex;
}
/* Create a custom radio button */
.radiomark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ddd;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.fancy-radio:hover input ~ .radiomark,
.fancy-radio-donate:hover input ~ .radiomark {
  background-color: #2196F3;
}

/* When the radio button is checked, add a blue background */
.fancy-radio input:checked ~ .radiomark,
.fancy-radio-donate input:checked ~ .radiomark{
  /*background-color: #1a7e1b;*/
	background-color:#D82690;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.fancy-radio input:checked ~ .radiomark:after,
.fancy-radio-donate input:checked ~ .radiomark {
  display: block;
}

/* Style the indicator (dot/circle) */
.fancy-radio .radiomark:after,
.fancy-radio-donate .radiomark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.fancy-radio-question{margin:20px 0;}

.fancy-slct{width:100%; height:40px; font-family:Georgia; font-size:1.15em; color:#888; margin:10px 0}
.fancy-select-label{color:#888888;margin-top:15px}
.fancy-txtr{font-family:Georgia;font-size:1em;border-radius:5px;border-color:#ccc;min-height:100px;margin-bottom:20px;margin-top:5px}
.fancy-txtr:focus{outline:none}
.fancy-txtr-label{color:#888888;margin-top:20px}
.fancy-submit{
			margin:10px 10px 10px 0;
			color:#FFFFFF;
			font-size: 1.1em;
			padding:5px 10px;
			height:50px;
			max-width:200px;
			background:#D82690;
			border:0;
			cursor:pointer;
			border-radius:5px;
			float:right;
}


/*
 *
 * Template 57
 *
 */

 .pressreleasecontent{margin-top:20px}
 .pressreleasedate{font-family:Georgia-Light;color:#888888;font-size:1.1em}
 .readall{font-family:Georgia-Bold;color:#0798DF;text-decoration:none;cursor:pointer}
 .fullpressrelease p{margin:15px 0}

/**
 *
 *
 */

 /**
 	Template 64 Lesson
 */

 .container-lesson-flex{display:flex; justify-content:flex-start; flex-direction: row; align-items:flex-start; margin:0 auto; box-sizing: border-box; width:100%; max-width:1350px;}
 .container-lesson{box-sizing: border-box;background-color:#fff;width:75%;max-width:1000px;margin:20px 0 20px 20px; padding:60px; min-height:800px}
 .container-lesson p{margin:30px 0}
 .container-lesson-side{box-sizing: border-box;background-color:#fff;width:25%;max-width:350px;margin:20px 20px 20px 20px; padding:30px; min-height:200px; min-width:300px}
 .container-lesson-side-section{min-height:100px; line-height:1.3em;margin-bottom:30px}
 .container-lesson-side h3{font-family:Gotham-Medium;font-size:1.3em;margin:10px 0 10px 0;}
 .container-lesson-side svg{margin:10px 10px 0 0; vertical-align:baseline}
 .container-lesson-side img.documenticon{margin-right:5px;margin-bottom:5px;width:20px;height:20px; vertical-align:middle}
 .container-lesson-side a.documentlink{font-size:0.9em;color:##0798DF;}
 .container-lesson-side td{vertical-align:top;color:#000;font-weight:200;height:50px;background-color:#fff}
 .container-lesson-side td.dwnldlnk{vertical-align:middle}


 .share-lesson{width:100%;height:22px;margin:0 auto}
 .share-lesson img{margin:0 10px 10px 0; max-height:25px; max-width:25px}

 /**
  * Template 65 Education Searchpage
  */

.education-search{
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-content:center;
	justify-content: space-evenly;
	position:relative;

	width: 100%;
	max-width: 1350px;
	height:100%;
	padding:0 30px;
	margin:0 auto;
	/*	background: red;*/
}
.education-topbox{
	box-sizing: border-box;
	text-align:center;
	width:100%;
	height:30%;
	margin:0 40px;
	font-family:Georgia-Light;
	font-size:1.2em;
	color:#FFF;
}

.education-topbox h2{font-family:Gotham-Black;font-size:4em; margin-bottom:10px}
.education-searchbox{box-sizing: border-box;position:relative;width:100%;padding-top:10px;margin:0 20px;color:white;height:15%;background:transparent;}
.education-searchinput{width:95%;border-radius:25px;font-family:Georgia;font-size:1.1em;padding:0 20px;border:0;height:45px;outline:none}
.education-searchinput-icon{position:absolute;right:50px;top:22px}
.education-boxes{
	position: relative;
	box-sizing: border-box;
	width:23%;
	height:40%;
	font-family:Georgia-Light;
	color:#FFF;
	font-size:1.05em;
	line-height:1.8em;

	/*background:grey;*/
}
.education-boxes h4{font-family:Gotham-Bold; font-size:1.3em; margin:0 0 10px 0}
.education-boxes a{color:#FFF;font-family:Georgia-Light;font-weight:normal}
.education-boxes select{
	position:absolute;
	z-index:2;
	bottom:40px;
	width: 100%;
	/*height: 50px;*/
 	font-size: 100%;
	font-size:1.05em;
	letter-spacing:0.05em;
 	/*font-weight: bold;*/
 	cursor: pointer;
 	border-radius: 3px;
 	background: transparent;
 	border: 1px solid #FFF;
 	/*border-bottom: 2px solid #962d22;*/
 	color: white;
 	padding: 14px 13px;
 	padding-right: 38px;
 	appearance: none;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	outline:none;

}
.education-boxes select option.orange{background-color:#A72431}

.select-icon{
	fill:white;
	position: absolute;
	right:10px;
	bottom: 43px;
	z-index:1;
}

.select-icon-downloads{
	fill:white;
	position: absolute;
	left:210px;
	top:10px;
	z-index:2;
}
.education-search-result{margin-top:60px;font-family:Gotham-Bold;font-size:1.2em}
.education-search-hits{font-family:Gotham-Black;font-size:1.7em;margin-bottom:30px}
.education-navyheader{color:#2b2583; font-size:1.2em;margin:0 0 10px 0;letter-spacing:0.01em;line-height:1.3em}
.education-navyheader a{font-family:Gotham-Black;color:#2b2583; font-size:1em;margin:0 0 10px 0}
.education-labelbutton{background:#D82690;color:#fff;border:0;margin:3px 8px 5px 0;padding:4px 10px;font-size:0.8em;letter-spacing:0.05em;border-radius:3px}
.education-labelbutton-white{font-family: Gotham-Medium; background:#FFF;color:#D82690;border:0;margin:3px 8px 5px 0;padding:6px 10px 4px;font-size:0.8em;letter-spacing:0.01em;border-radius:3px}
.education-labelbutton:hover{cursor:pointer}
.education-labelbutton-white:hover{cursor:pointer}


.general-labelbutton{background:#D82690;color:#fff;border:0;margin:3px 8px 5px 0;padding:4px 10px;font-size:0.8em;letter-spacing:0.05em;border-radius:3px}
.general-labelbutton:hover{cursor:pointer}
/*#D82690*/
.header-download-category{font-family:Gotham-Black;color:#000;cursor:pointer}
.education-download-category{display:none}
.education-result-item,
.education-result-item-downloads{position:relative;display: flex; margin-top:20px; min-height:100px;border-bottom:1px solid #999999}
.education-result-item-downloads{min-height:150px;}
.education-result-item hr{width:30%; float:left; background-color:#FF0000}
.education-result-item-image{width:25%;}
.education-result-item-image img{width: 100px; height:100px; object-fit:cover}

.education-result-item-image-small{width:25%;}
.education-result-item-image-small img{width: 80px; height:80px; object-fit:cover}

.education-result-item-content{width:75%;color:#333333;font-size:0.8em;margin:0 0 20px 25px;line-height:1.5em;font-family:Georgia-Light}
.education-result-item-content p{margin:20px 0 0 0}
/*.education-download-icon{position:absolute;z-index:100;top:15px;left:10px;font-size:0.8em;font-family:Georgia-Bold;color:#F798DF}*/
.education-download-icon{position:relative;width:100%;margin-top:20px;font-size:0.8em;font-family:Georgia-Bold;color:#0798DF; text-align:right}

#downloads-language-select{

	cursor: pointer;
	margin-bottom:20px;;
	border-radius: 3px;
	background: #D82690;
	border:0;
	width:250px;
	color: white;
	padding: 14px 10px;
	padding-right: 38px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline:none;
/*
	color:#fff;background-color:#F00;width:150px;height:40px;border:0
*/
}
h4.select-header{margin:10px 0}

/**
 * Template 70 Education Searchpage Update 21-07-27
 */

.education-search-narrow{
 box-sizing: border-box;
 display: flex;
 flex-wrap: wrap;
 align-content:center;
 justify-content: space-evenly;
 position:relative;

 width: 100%;
 max-width: 750px;
 min-width: 750px;
 height:100%;
 padding:0 30px;
 margin:10px auto 0;
 /*	background: red;*/
}
.education-topbox-narrow{
	box-sizing: border-box;
	text-align:center;
	width:100%;
	height:29%;
	margin:0;
	font-family:Georgia-Light;
	font-size:1.1em;
	line-height:1.6em;
	color:#FFF;
}
.education-topbox-narrow h2{font-family:Gotham-Black;font-size:3.8em; margin-bottom:30px}

.education-pair-box{
	position: relative;
	box-sizing: border-box;
	width:42%;
	height:31%;
	font-family:Georgia-Light;
	color:#FFF;
	font-size:1.05em;
	line-height:1.5em;

	/*background:grey;*/
}

.education-pair-box h4{font-family:Gotham-Medium; font-size:1.2em; margin:0 0 10px 0}
.education-pair-box a{color:#FFF;font-family:Georgia-Light;font-weight:normal}
.education-pair-box select{
	position:absolute;
	z-index:2;
	bottom:1px;
	width: 100%;
	/*height: 50px;*/
 	font-size: 100%;
	font-size:1.05em;
	letter-spacing:0.05em;
 	/*font-weight: bold;*/
 	cursor: pointer;
 	border-radius: 3px;
 	background: transparent;
 	border: 1px solid #FFF;
 	/*border-bottom: 2px solid #962d22;*/
 	color: white;
 	padding: 14px 13px;
 	padding-right: 38px;
 	appearance: none;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	outline:none;

}
.education-pair-box select option.orange{background-color:#A72431}
.select-icon-down{
	fill:white;
	position: absolute;
	right:10px;
	bottom: 8px;
	z-index:-1;
}
.education-searchglass-icon{position:absolute;right:15px;top:22px}
.education-text-over-search{font-family:Gotham-Medium;font-size:1.2em;margin:40px 0px 10px;text-align:center;width:100%;color:white}
.education-searchbox-narrow{box-sizing: border-box;position:relative;width:100%;padding-top:10px;margin:0 20px;color:white;height:15%;background:transparent;}
.edu-three-top-boxes{
	box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-content:center;
  justify-content: space-between;
  position:relative;

  width: 100%;
	margin:20px auto 0;

}
.edu-three-boxes{
	box-sizing: border-box;
	margin:0;
	padding:22px;
	width:30%;
	min-height:220px;
	line-height:1.6em;
	color:#000;
	background-color:#FFF
}
.edu-three-boxes h3{font-family:Gotham-Bold;font-size:1.4em;margin:10px 0}

.edu-three-boxes .image_plus_header{display:flex}
.edu-three-boxes .image_plus_header .navyheader{font-family:Gotham-Black;font-size:1.3em;color:#2B2583;line-height:1.5em}
.edu-three-boxes .image_plus_header .navyheader a{font-family:Gotham-Black;color:#2B2583;}
.edu-three-boxes .image_plus_header .navyheader a:hover{text-decoration:underline}
.edu-three-boxes .image_plus_header img{max-width:70px;max-height:70px; object-fit:cover; margin-right:20px;}


/**
 * Template 74 Stories Searchpage Update 22-01-12
 */

 .stories-search{
  box-sizing: border-box;
  position:relative;

	width: 100%;
  max-width: 750px;
  min-width: 750px;
  height:100%;
  padding:0 30px;
  margin:180px auto 0;

 }
 .stories-topbox{
	position:relative;
 	box-sizing: border-box;
 	text-align:center;
 	width:100%;
	height:150px;
	margin:0;
	font-family:Georgia-Light;
 	font-size:1.1em;
 	line-height:1.6em;
 	color:#FFF;
	background: transparent;
 }
 .stories-topbox h2{font-family:Gotham-Black;font-size:3.8em; margin-bottom:30px}

 .stories-text-over-search{
	 position:relative;
	 font-family:Gotham-Medium;
	 font-size:1.1em;
	 line-height:1.5em;
	 margin:10px 0px 10px;
	 text-align:center;
	 width:100%;
	 height:60px;
	 color:white;
	 background: transparent;
 }
 .stories-searchbox{
	 box-sizing: border-box;
	 position:relative;
	 text-align:center;
	 width:40%;
	 height:60px;
	 padding-top:10px;
	 margin:0 auto;
	 color:white;
	 background: transparent;
 }

 .stories-searchbox select{

	width:270px;
 	font-size: 100%;
 	font-size:1.05em;
 	letter-spacing:0.05em;
  cursor: pointer;
  border-radius: 3px;
  background: transparent;
  border: 1px solid #FFF;
  color: white;
	padding: 14px 13px;
  	padding-right: 38px;
  	appearance: none;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	outline:none;

 }

 .stories-three-top-boxes{
 	box-sizing: border-box;
  display: flex;
	align-items: flex-start;
  flex-wrap: wrap;
  align-content:center;
  justify-content: space-between;
  position:relative;
	width: 100%;
 	margin:20px auto 0;
}

 .stories-three-boxes{
	box-sizing: border-box;
 	margin:0;
 	padding:0;
 	width:32%;
 	min-height:120px;
 	line-height:1.6em;
 	color:#000;
 	background-color:#FFF
 }
 .stories-three-boxes h3{font-family:Gotham-Bold;font-size:1.4em;margin:10px 0}

 .stories-six-boxes{
 	box-sizing: border-box;
  display: flex;
	align-items: stretch;
  flex-wrap: wrap;
  align-content:center;
  justify-content: space-between;
  position:relative;
	width: 100%;
 	margin:20px auto 0;
}

 h2.whiteheader_80{
 	color:white;
 	font-family:Gotham-Black;
 	font-size:5em;
 	margin:50px 0 0;
}


/* Bootstrap styling for jQuery UI Autocomplete */
.ui-autocomplete {
	 position: absolute;
	 top: 100%;
	 left: 0;
	 z-index: 1000;
	 float: left;
	 display: none;
	 min-width: 160px;
	 padding: 4px 0;
	 margin: 0 0 10px 25px;
	 list-style: none;
	 background-color: #ffffff;
	 border-color: #ccc;
	 border-color: rgba(0, 0, 0, 0.2);
	 border-style: solid;
	 border-width: 1px;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	 -webkit-background-clip: padding-box;
	 -moz-background-clip: padding;
	 background-clip: padding-box;
	 *border-right-width: 2px;
	 *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
	 display: block;
	 padding: 3px 15px;
	 clear: both;
	 font-weight: normal;
	 line-height: 18px;
	 color: #555555;
	 white-space: nowrap;
	 text-decoration: none;
}

.ui-state-hover, .ui-state-active {
	 color: #ffffff;
	 text-decoration: none;
	 /*background-color: #0088cc;*/
	 border-radius: 0px;
	 -webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
	 background-image: none;
}



/* wcpSlide */

.slideshow-container {
  box-sizing:border-box;
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.wcpSlides {
  box-sizing:border-box;
  display: none;
}

/* Next & previous buttons */
.slidesPrev, .slidesNext {
  box-sizing:border-box;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.slidesNext {
  box-sizing:border-box;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slidesPrev:hover, .slidesNext:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.slidesText {
  box-sizing:border-box;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  box-sizing:border-box;
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
 box-sizing:border-box;
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* */
/* Style the buttons that are used to open and close the accordion panel */
.drophead {
position:relative;
  font-family: Montserrat-Bold;
  font-size: 1.2em;
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  border-top:1px solid #aaa;
  outline: none;
  transition: 0.4s;
}


/* Style the accordion panel. Note: hidden by default */
.droppanel {
  padding: 0 18px;
  background-color: #ffffff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.droppanel p{
	margin:10px 0;
}


.d_arrow {
  display: inline-block;
  position:absolute;
  right:20px;
  top:20px;
  width: 15px;
  height: 15px;
  border-top: 2px solid #367c3f;
  border-right: 2px solid #367c3f;
  margin-left:20px;
  transform: rotate(135deg);
 }
 
.d_arrow-up {
  top:25px;
  padding-top: 5px;
  border-color: #000;
  transform: rotate(-45deg);
  
}




@media only screen and (max-width:800px) {
	#navigationbar li{ font-size: 0.6em; }
	.toplink_small{display:none}
	.toplink_press{display:none}
	.toplink_contact{display:none}
	.toplink_medium{display:none}
	.headtextbold{font-size: 1.5em;letter-spacing:2px;line-height:1.3em;color:#FFFFFF}
	.headtextlight{font-size: 1.5em;letter-spacing:2px; color:#FFFFFF}

	.fp-pair-text{min-height:300px}
	.fp-pair-text p{font-size:0.9em;line-height:1.3em; margin:0}
	.fp-pair-text h2{font-size:1.2em;margin:0 0 10px 0; line-height:1.2em}
	.fp-pair-text input[type=button]{min-width:150px;font-size:1em;}
	.fp-pair-image{min-height:300px}
	.fp-three{font-size:0.7em;letter-spacing:1px;}
	.fp-introtext{padding:40px 40px; font-size:1.2em; line-height:1.7em;}
	.fp-middletop{width: 80%; min-width:400px;max-width:800px;}
	.fp-headerblockleft p{font-size:0.8em}
	.content-middleblock{font-size:3em}

	.brickwall{
 		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
  	}

  	.gv-flex{min-height:400px;}
  	.gv-flex-individual{min-height:295px;}
		#quiz-inner{font-size:1.1em; width:90%; max-width:900px}
		.education-navyheader{font-size:0.9em}

		.education-topbox{font-size:0.75em;height:25%}
		.education-topbox h2{font-size:2em}
		.education-searchinput{font-size:0.9em;height:30px}
		.education-searchinput-icon{right:20px;top:18px}
		.education-boxes{font-size:0.8em; width:46%; line-height:1.5em;}
		#education-boxes-box3{display:none}
		#education-boxes-box4{display:none}
		.education-boxes select{font-size:1.0em; bottom:0; padding: 10px 9px}
		.select-icon{	bottom: 1px;}

		.education-topbox-narrow{margin-top:0;font-size:0.8em;height:27%;line-height:1.4em}
		.education-topbox-narrow h2{margin-bottom:15px;font-size:3em}
		.education-pair-box{font-size:0.7em;height:30%;}
		.education-pair-box h4{marigin-bottom:10px}
		#education-pair-box-right{display:none}
		.education-text-over-search{display:none}
		.education-searchbox-narrow{height:30%;margin-top:20px}

		.edu-three-boxes{
			padding:18px;
			min-height:180px;
			line-height:1.6em;
			font-size:0.9em;
		}
		.edu-three-boxes h3{font-family:Gotham-Bold;font-size:1.1em;margin:5px 0}
		.edu-three-boxes .navyheader{font-family:Gotham-Bold;font-size:1.1em;margin:0}
		.edu-three-boxes img{max-width:50px;max-height:50px; margin-right:20px;}
		.inputGroup label {font-size:0.7em}
}

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

	#navigationbar li{ font-size: 0.7em; }
	.toplink_small{display:none}
	.toplink_press{display:none}
	.toplink_contact{display:none}
	.headtextbold{font-size: 1.7em;letter-spacing:2px;line-height:1.3em;color:#FFFFFF}
	.headtextlight{font-size: 1.7em;letter-spacing:2px; color:#FFFFFF}
	.fp-middletop{width: 70%; min-width:400px;max-width:700px;}
	.fp-headerblockleft p{font-size:0.8em}


	.fp-pair-text{min-height:400px}
	.fp-pair-text p{font-size:0.9em;line-height:1.5em; margin:0}
	.fp-pair-text h2{font-size:1.3em;margin:0 0 10px 0; line-height:1.2em}
	.fp-pair-text input[type=button]{min-width:100px;font-size:0.8em;padding:10px}
	.fp-pair-image{min-height:400px}
	.fp-three{font-size:0.9em;letter-spacing:1px;}
	.fp-introtext{padding:40px 50px; font-size:1.2em; line-height:1.8em;}
	.content-middleblock{font-size:3.3em}

	.brickwall{
 		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
  	}

  .gv-flex{min-height:420px;}
  .gv-flex-individual{min-height:335px;}
	#quiz-inner{font-size:1.3em; width:75%; max-width:900px}
	.education-navyheader{font-size:0.9em}

	.education-topbox{font-size:0.8em;height:30%}
	.education-topbox h2{font-size:3em}
	.education-searchinput{font-size:0.9em;height:35px}
	.education-searchinput-icon{right:20px;top:18px}
	.education-boxes{font-size:0.9em; width:32%; line-height:1.5em;}
	#education-boxes-box4{display:none}
	.education-boxes select{font-size:1.0em; bottom:0; padding: 10px 9px}
	.select-icon{	bottom: 1px;}

	.education-topbox-narrow{margin-top:0;font-size:0.8em;height:27%;line-height:1.4em}
	.education-topbox-narrow h2{margin-bottom:15px;font-size:3em}
	.education-pair-box{font-size:0.7em;height:30%;}
	.education-pair-box h4{marigin-bottom:10px}
	#education-pair-box-right{display:none}
	.education-text-over-search{display:none}
	.education-searchbox-narrow{height:30%;margin-top:20px}

	.edu-three-boxes{
		padding:18px;
		min-height:180px;
		line-height:1.6em;
		font-size:0.9em;
	}
	.edu-three-boxes h3{font-family:Gotham-Bold;font-size:1.1em;margin:5px 0}
	.edu-three-boxes .navyheader{font-family:Gotham-Bold;font-size:1.1em;margin:0}
	.edu-three-boxes img{max-width:50px;max-height:50px; margin-right:20px;}

	.inputGroup label {font-size:0.7em}
}

@media only screen and (min-width: 1101px) and (max-width: 1301px) {
	#navigationbar li{ font-size: 0.8em; }
	.toplink_small{display:none}
	.toplink_press{display:none}
	.toplink_contact{display:none}
	.headtextbold{font-size: 2.3em;letter-spacing:2px;line-height:1.3em;color:#FFFFFF}
	.headtextlight{font-size: 2.3em;letter-spacing:2px; color:#FFFFFF}
	.fp-headerblockleft p{font-size:0.8em}
	.fp-pair-text{min-height:503px}
	.fp-pair-text p{font-size:1.1em;line-height:1.5em; margin:10px 0}
	.fp-pair-text h2{font-size:1.8em;margin:0 0 10px 0; line-height:1.2em}
	.fp-pair-text input[type=button]{min-width:200px;font-size:1em;}
	.fp-pair-image{min-height:503px}
	.gv-flex{min-height:470px;}
	.gv-flex-individual{min-height:370px;}
	#quiz-inner{font-size:1.4em; width:65%; max-width:900px}
	.education-navyheader{font-size:1.0em}

	.education-topbox{font-size:1.1em;height:30%}
	.education-topbox h2{font-size:3em}
	.education-searchinput{font-size:0.9em;height:35px}
	.education-searchinput-icon{right:20px;top:18px}
	.education-boxes{font-size:0.9em;line-height:1.5em;}
	.education-boxes select{font-size:0.9em; bottom:40px; padding: 10px 9px}

	.education-topbox-narrow{font-size:1em;height:27%}
	.education-topbox-narrow h2{margin-bottom:20px}
	.education-pair-box{font-size:0.95em}
	.education-pair-box h4{}

	.inputGroup label {font-size:0.8em}

}

/*@media only screen and (min-width: 1301px) and (max-width: 2200px) {*/
@media only screen and (min-width: 1301px) {
	#navigationbar li{ font-size: 0.9em; }

	.brickwall{
 		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
  	}
	.container-transp-wide .brickwall{
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
	.education-search-narrow{height:90%}
}

@media only screen and (min-width: 1501px) {
.education-search-narrow{height:80%; margin-top:70px}

}

@media only screen and (min-width: 1801px) {
.education-search-narrow{height:70%;margin-top:120px}

}

video#bgvideo {
border:0;
margin-bottom:-10px;
background-size: cover;
}