@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-Book;src: url('/fonts/Gotham-Book.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,section,article,div,ul,li,img,h1,h2,h3,h4{padding: 0; margin:0; font-family: Georgia; font-size:20px}
ul{list-style:none}
ul.listintext{margin:20px;list-style-type: disc;}
body{background:#ffffff;}

.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{display:block;vertical-align:bottom;width:100%;}*/
img{width:100%;vertical-align:bottom;}


.fp-three-nominees{width:100%; list-style:none;margin:0}
a{font-family:Georgia-Bold;color:#2B2981;text-decoration:none;font-size:0.8em} /* remove font-size and create class for long links like info@worldschildrensprize.org */

.share{width:100%;height:32px;margin:0 auto;text-align:center; margin-bottom:20px}
.share img{margin:0 8px 0 0; max-height:25px; max-width:25px}

.cerise-anfang{font-family:Gotham-Black; letter-spacing: 1px; font-size:1.1em ;color:#D52C8F}
.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}


#pagehead{
	position:fixed;
	padding:10px;
	width:100%;
	top:0px;
	left:0px;
	height:40px;
	background:#000000;
	color: #FFFFFF;
	z-index: 2;
}

.section-orange-stripe{
		position: relative;
		width: 100%;
		height:10px;
		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 */
	}

h6.whiteheader_80{
 	color:white;
 	font-family:Gotham-Black;
 	font-size:1.8em;
 	margin:10px 0 30px
}

.brickwall{margin: 0 auto; width: 85%;}
.brick{
 	display: inline-block;
	background: #fff;
	padding: 0;

	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #FFF;
	margin-bottom:40px;
}

.bricktextcontent{margin:25px;color:#53115C;font-size:1.1em;line-height: 1.5em;}
.bricktextcontent h2{font-family:Gotham-Black; margin:0 0 10px 0;font-size:1.3em;line-height:1.2em}
.bricktextcontent p{margin:0;}
.bricktextcontent hr{width:50%; float:left}
.bricktextcontent input[type=button]{
-webkit-appearance: none;

	background:#D82690;
	border:0;
	min-width:250px;
	color:#FFFFFF;
	font-size:1em;
	padding:10px;
	margin-top:20px;
	cursor: pointer;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

 h5.brickheader{
 	font-family:Gotham-Black;
 	font-size:1.2em;

 	letter-spacing:0.05em;
 	color:#2b2583;
 	margin:0;
 }

 .fp-button-link{
	position:relative;
	background:#D82690;

	max-width:250px;
	color:#FFFFFF;
	font-family:sans-serif;
	font-size:0.8em;
	padding:5px 10px;
	margin-top:10px;
	text-align:center;
	cursor: pointer;

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



.heroes{font-family:Gotham-Medium; text-align:center; padding:0}
.heroes a{font-family:Gotham-Medium; text-align:center; padding:0}


iframe{max-width:340px}
#wrapperfirst{
	position:relative;
	margin-top:60px;
	background:#ddfaff;
}
#wrapperfirst:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
#wrapperfirst:before{content: "."; visibility: hidden; display: block; height: 0;clear: both; }

#wrapper{
	position:relative;
	margin-top:60px;
	/*background:#ddfaff;*/
	background:#fff;
}

#wrappereducation{
	position:relative;
	margin-top:10px;
	/*background:#ddfaff;*/
	background:#fff;
}



#wrapperblue{
	position:relative;
	padding-top:20px;
	background:#0798DF;
}
#wrapper:after{content: "."; visibility: hidden; display: block; height: 0;clear: both; }
#wrapper:before{content: "."; visibility: hidden; display: block; height: 0;clear: both; }

#menuicon{float:right;font-size:1.3em;margin-right:30px;cursor:pointer}
.wcpflogo{width:150px;margin-top:3px}

.container-navy{position:width:100%;relative;background:#2C2982; color:#FFFFFF; margin-top:0;font-family:Gotham-Bold; font-size:0.8em; padding:15px;}
.container-navy a{color:#FFFFFF; margin-top:0;font-family:Gotham-Bold; font-size:1.1em;}
.openclose{float:right;font-family:Gotham-Book;font-size:0.8em;cursor:pointer;padding-top:2px}
.royal-push{display:visible;background:#1999DC;padding:5px 15px;color:#FFFFFF;}
.royal-push ul li{margin:0 0 5px 0}
.royal-push a{color:#FFFFFF;font-family:Gotham-Book; font-size:0.7em; }


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

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


.content-text{
	margin:50px 25px;
	font-size:1em;
	line-height:1.6em;
}

.content-text-education-search,
.content-text-education-lesson{
	margin:30px 25px 0;
}
.small-16{font-size:0.5em}
.content-text h2{font-family:Gotham-Black; margin:0 0 10px 0;font-size:1.3em;line-height:1.2em}
/* Added for document category 2021-05-16 */
.content-text h3{font-family:Gotham-Black; margin:0 0 10px 0;font-size:1.3em;line-height:1.2em}
.content-text-intro{
 	margin:30px 25px;
 	font-size:1.2em;
 	line-height:1.4em;
 	color:#1B95E0;
}
.content-text-intro p{
 	margin:0;
}

.content-image{
	text-align:left;
	width:100%;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    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-text-donate{
	width:100%;
	max-width:300px;
	margin:50px 30px 0 30px;
	font-size:0.9em;
	line-height:1.3;
}

.content-share{display:flex;flex-wrap:wrap;justify-content:space-between;background:#fff;font-size:1em;margin:0 0 20px 0;}
.content-share a{color:#fff;font-family:Gotham-Bold;font-size:0.55em;}

.fb-share{
	box-sizing: border-box;
	width:48%;
	background-color:#3C5A95;
	background-image: url("/images/facebook-logo-narrow_T004500_-1.png");
	background-repeat: no-repeat;
	background-position: 18px 16px;
	background-size: 7px 15px;
	color:#fff;
	margin:5px 0;
	text-align:
	center;
	padding:5px 0 5px 10px;
	border-radius:5px;
}
.tw-share{
	box-sizing: border-box;
	width:48%;
	background-color:#4A9DD7;
	background-image: url("/images/twitter-logo_T004501_-1.png");
	background-repeat: no-repeat;
	background-position: 15px 15px;
	background-size: 20px 20px;
	color:#fff;
	margin:5px 0;
	text-align:center;
	padding:5px 0 5px 10px;
	border-radius:5px;
}
.lnkdn-share{
	box-sizing: border-box;
	width:48%;
	background-color:#31597F;
	background-image: url("/images/linkedin-logo_T004502_-1.png");
	background-repeat: no-repeat;
	background-position: 13px 15px;
	background-size: 15px 15px;
	color:#fff;
	margin:5px 0;
	text-align:center;
	padding:5px 0 5px 10px;
	border-radius:5px;
}
.mail-share{
	box-sizing: border-box;
	width:48%;
	background-color:#D52C8F;
	background-image: url("/images/mail-logo_T004514_-1.png");
	background-repeat: no-repeat;
	background-position: 18px 15px;
	background-size: 20px 16px;
	color:#fff;
	margin:5px 0;
	text-align:
	center;
	padding:5px 0 5px 10px;
	border-radius:5px;
}

.content-text-donate p{
	margin:0 0 0 0;
}

.imagetext{margin:5px 30px 0;font-family:Sans-serif; line-height:1.1em;letter-spacing: 1px; font-size:0.6em; font-style:normal; color:#000000}
.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}

/* headerbreaker */
.header-breaker{width:100%; margin-bottom:10px}
.header-breaker h3{font-family:Georgia-Light; margin:0 9%; padding:6% 0; font-size:1.4em; 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:70%; 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:70%; 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;}

#navigate{display:none;width:100%;position:absolute;left:0;top:0;background:#FD0;z-index: 1;}

#navigate ul li{font-family:Gotham-Book;font-size:.8em;padding:10px 0; background:#722380; border-bottom:1px solid #3A0C40;}
#navigate a{font-family:Gotham-Book; text-decoration:none; color:#FFF;margin:10px}
#navigate .more{float:right;margin-right:25px; color:#FFFFFF}

#navigate ul.sublevel{padding:0 10px 0 20px;display:none}
#navigate ul .sublevel li {border-bottom:0; padding:10px 10px 0 0;font-family:Gotham-XLight;}
#navigate ul .sublevel li a{font-family:Gotham-Book; margin:0}/*0 20px*/

#navigate ul.subsublevel{padding:0 10px 0 15px;margin-bottom:5px;}
#navigate ul .subsublevel li {border-bottom:0; padding:10px 10px 0 0;font-family:Gotham-XLight;font-size:.6em;}
#navigate ul .subsublevel li a{font-family:Gotham-Book; margin:0}


.entry,
.entry2{position:relative;margin:0;background:#3A0C40;line-height: 0;min-height:90px}
.entry,
.entry2 img{margin:0;padding:0;border:0;}
/* entry is for all pages, entry2 is for pages when no image clip is required */
.entry2 img {height:230px;margin-top:60px}
.entry img {
  object-fit: cover;
	/*background-size:cover;*/
  background-repeat:no-repeat;
  width:100%;
	height:350px
}

.entryfirstpage{position:relative;margin:0;background:#3A0C40;line-height: 0;min-height:90px;margin-bottom:0}/**/
.entryfirstpage img{margin:0;padding:0;border:0;}

.entryeducation{position:relative;margin:0;background:#3A0C40;line-height: 0;height:480px;margin-bottom:0}/**/
.entryeducation img{margin:0;padding:0;border:0;}


.entryimage{position:absolute;width:200%;top:0;left:0;clip: rect(0 200% 75px 0);}
.overlayimage{position:absolute; color:#FFF;
	top: 0;
    width:100%;
    height:100%;
    opacity:0.9;
    background-color:#000;
    clip:rect{0 75px 75px 0}
}

.textinimage{
	position:absolute;
	bottom: 20%;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	text-align:center;
	color:#FFF;
	font-family:Gotham-Black;
	line-height:1.2em;
	overflow:none;
	width:75%;
	height:100px;
	font-size:1.6em
}
.textinimage a{font-family: Gotham-Black;color:#FFF;text-decoration: none;}
.textinimage h3{font-family:Gotham-Black;}

/*use om subpages*/
.textinimagesub{

    margin:0 auto;
    padding:20px 0;
	text-align:center;
	color:#FFF;
	font-family:Gotham-Black;
	line-height:1.2em;
	overflow:none;
	width:75%;
	min-height:30px;
	font-size:1.3em
}
.textinimagesub a{font-family: Gotham-Black;color:#FFF;text-decoration: none;}
.textinimagesub h3{font-family:Gotham-Black;}

.textinimagefirst{
	position:absolute;
	bottom: 28%;
    left:3%;
    right:0;
   color:#FFF;
	font-family:Gotham-Black;
	line-height:1.2em;
	overflow:none;
	width:90%;
	height:30px;
}
.textinimagefirst a{font-family: Gotham-Black;font-size: 1.2em;color:#FFF;text-decoration: none;}
.textinimagefirst h3{font-family:Gotham-Black;}

.textinimagefirsttop{
	position:absolute;
	bottom: 51%;
  left:23%;
  right:0;
	color:#FFF;
	font-family:Gotham-Black;
	line-height:1.2em;
	overflow:none;
	width:72%;
	height:30px;
}
.textinimage a{font-family: Gotham-Black;color:#FFF;text-decoration: none;}
.textinimage h3{font-family:Gotham-Black;}

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


.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;}

.lauratename{min-height:20px}

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

#beforesubmenu{background:#3A0C40;margin:30px 0 10px 0;color:#FFF;padding:20px;font-family:Gotham-Black; }

/* start template 49 */

.intro-first{
	text-align:left;
	width:100%;
	border-top: 40px solid #2C2982;
}
.intro-first p{font-size:0.8em;margin:5px 30px 20px 30px;color:#722380;line-height:1.6em}
.intro-first h3{color:#2B2881;font-size:2em;margin:20px 30px 10px 30px;font-family:Gotham-Black;}
.intro-first h4{color:#2B2881;font-size:1.6em;margin:20px 30px 10px 30px;font-family:Gotham-Black;}

.intro-second{
	width:100%;
	background:#FECC30;
	min-height:350px;
	border-top: 40px solid #1999DC;
}
.intro-second p{font-size:0.8em;margin:20px 30px 20px;text-align:center;color:#722380;line-height:1.8em}
.intro-second img{width:100%;vertical-align:top;top:0;padding-bottom:10px;}

.container-double{
		position: relative;
		font-size: 1em;
		width: 70%;
		min-width:680px;
		max-width:1000px;
		margin:0 auto;
		background-color:#FFFFFF;
		text-align:center;
		margin:20px auto 0;
		overflow:hidden;
}

.container-intro{
		position: relative;
		font-size: 1em;
		width: 100%;
		/*background: #FFFFFF;*/
		margin:0 auto;
		padding:20px 0;
		margin:20px auto 0;
		overflow:hidden;
		box-sizing: border-box;
}
.intro{
	margin:20px 0;
	width:100%;
	background:#FFFFFF;
	min-height:300px;
	padding:0 20px;
	box-sizing: inherit;
}
.intro iframe{}
.intro-head{
	padding:20px 0 10px;
	font-family:Gotham-Medium;
	font-size:0.8em;
}
.intro-body{
	padding: 0 0 10px;
	font-family:sans-serif;
	font-size:0.8em;
}
.intro-body p{
	margin:0;
	padding:0;
}
.intro-body h3,
.intro-body h4{
	margin:10px 0 5px;
	padding:0;
	font-family:sans-serif;
}


/* Donationform */

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

#donation{margin:0}
#donation h4{margin:10px 0}
#donation img {width:150px}
.formdonate	{ font-size:14px; width:90%;padding:5px; margin-bottom:7px}
.formdonateamount	{ font-size:14px; width:60px;padding:5px; margin-bottom:7px}
.formdonatebutton	{ font-size:14px; width:100%;padding:5px; margin:7px 0; cursor:pointer}
.formdonatetext	{ font-size:14px; width:100%;padding:5px; margin-bottom:7px}
.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:14px;padding:5px; }
.donatebutton{font-size:16px ;color:#FFFFFF; background-color:green; height:30px; cursor:pointer}

/* added 2017-11-18 */
#donation_amount{float:left; height:55px; }
#onetime_monthly{float:left; height:50px; padding:5px 0 0 0;}
#certificateoptions{margin:10px 0;}
#preview_certificate{
	position:absolute;
	display:none;
	width:98%;
	min-height:300px;
	top:0px;
	margin:0 auto;

	left: 10px;
    right: 10px;
    margin-left: auto;
    margin-right: auto;

	background-color: #eeeeee;
	border: 2px #AAA solid;
	z-index:600;
	padding:40px 20px;

/*position:absolute; display:none; z-index:600; top:11%; left:22%; min-width:500px; min-height:600px; padding:30px; margin-top: -100px; margin-left: -150px; background-color: #dddddd;border: 2px #999999 solid;*/

}
#closepreview{position:absolute;right:10px;top:10px;cursor:pointer;width:20px;font-size:1.3em;font-family:Gotham-Bold;color:grey;z-index:25}

#certificate{position:relative;width:100%;min-height:500px;background:#FFFFFF; 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:absolute;z-index:1;left:0;top:0;width:100%;height:100px;display:flex;justify-content:center;flex-direction:column;font-size:1em; color:#AAAAAA;text-align:center;font-style:italic;padding:0}

/*#cert_top{position:absolute; font-family: Georgia; left:0; top:0; width:100%;font-size:1.4em; color:#AAAAAA; font-style:italic; padding:30px}*/
#cert_logo{position:absolute; font-family: Georgia; left:230px; bottom:20px; width:100px; height:100px;z-index:2}
#cert_left{position:absolute;left:0; top:138px; width:211px;}
#cert_right{position:absolute;left:230px; top:180px; width:120px; font-size:0.4em; font-family:sans-serif;z-index:10}
#cert_right h3{font-size:1.2em}

#donate-or-give-checkbox{clear:left;display:block}
#card-or-auto-radiobtn{clear:left;display:none}
#postaladdress{}
#digitaladdress{}
#submitautogiroform{display:none}
/* end added 2017-11-18 */


/* Nominationform */
.formblock{font-size:0.9em;height:100%; margin:30px 30px 30px 20px; line-height:1.6em}
.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:1.1em; font-family:sans-serif; padding:5px 10px; border:0; display:inline; background-color:#FFCC00; }


#prev_btn, #next_btn, #completeform, #submitnominationform, #editnominationform, #closenomconf,  #showform, .standardreset, .standardsubmit, .gv_btn
{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}
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.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;}


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;
	border: 0px #DDDDDD solid;
	background: #FFFFFF;
	font-family:Gotham-Black;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding:10px;
	margin:5px 0;
	min-width:10%;
	color:#000000;
	height:30px;
	}
	textarea.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%;
	height: 70px;
	}


#confirmation_std{position:absolute; display:none; z-index:10; top:840px; width:85%; overflow:none; padding:10px; margin: 0 auto; margin-left:5%; background-color: #eeeeee;border: 2px #999999 solid;}
#closenom{position:absolute;right:10px;top:10px;cursor:pointer;width:20px;font-family:Gotham-Bold;color:grey}
#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;display: none;z-index: 9; top: 0;left: 0;width: 120%;height:2700px;background-color:#000; filter:alpha(opacity=30); opacity:0.3;}

#widetable td{font-size:0.5em}

/* for map */

#storiesmap{width:100%; min-height:400px;margin-top:60px}

	.gm-style-iw {
		width: 274px !important;
		height: 160px;
  	 	top: 10	px !important;
  	 	left: 0 !important;
  	}

	#iwcontent-green{width:300px;height:165px;background:#B5DB12}
	#iwcontent-royal{width:300px;height:165px;background:#0A9AE6}
	#iwcontent-orange{width:274px;height:165px;background:#ECA20A}
	#iwcontent-white{width:300px;height:165px;background:#FFFFFF}
	#iwcontent-cerise{width:300px;height:165px;background:#D3268D}
	#iwcontent-purple{width:300px;height:130px;background:#9a90ff}

	.iwheader{position:relative;margin:0;background:#FFFFFF;line-height: 0;min-height:90px;}
	.iwbody{padding:15px;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.9em;
			height:140px;
			width:100%;
			background-color:#751C81;
			color:#FFFFFF;
			vertical-align:middle;
			padding:20px;
			line-height:2.5em;
	}
	.map-marker{width:23px;height:33px; vertical-align:middle}
	.overlayimage{position:absolute; color:#FFF;
		top: 0;
    	width:100%;
    	height:100%;
   		/* opacity:0.3;*/
    	background-color:#000;

  		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%); /* FF3.6-15 */
		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%); /* Chrome10-25,Safari5.1-6 */
		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%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    	clip:rect{0 75px 75px 0}
	}
	.textinimage{
	position:absolute;
	bottom: 20%;

    margin: 0 auto;
	text-align:bottom;
	vertical-align:baseline;
	color:#FFF;

	font-family:Gotham-Black;
	line-height:1.2em;
	overflow:none;
	width:90%;
	height:70px;
	font-size:1.5em
	}
	.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 */

#quiz_std{position:absolute; display:none; z-index:10;
	 width:90%;
	 min-height:500px;
	 top:550px;
	 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: 0.8em; left:50px; top:250px;z-index:10;background:transparent; color:#CCCCCC}
#quizinner{position:relative;width:100%;background-color:#FFFFFF; font-size:1em; min-height:550px; height:auto}
/*#quizinner .standard label{position:absolute;left:10px;top:10px;background-color:#FF0000;z-index:10;}*/
/*#quizinner ul{position:absolute;left:400px;top:50px}*/
#quizinner ul{position:absolute; top:300px;left:10px}
#quizinner ul li{font-style:italic;margin:10px; max-width:420px; line-height:1.3em}

#prev_question, #next_question, #completequiz,#startnewquiz,#startnew_wcp_quiz{
	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:0px;top:500px;min-width:330px;text-align:right; }

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

	width:60px;
	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:50px;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{position:relative;margin:10px 15px; background-color:#CCCC00;background-color:transparent;min-height:100px; max-width:800px;z-index:17}
.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{color:green;font-weight:bold}
.wronganswer{color:#ED2424;font-weight:bold}
#quizresult{margin:-20px 0 0 65px;z-index:20px}

#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}


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

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

	.gv_inner{width:100%; border-bottom: 1px #999999 solid;  left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;}
	.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 0 15px 0; margin:0; margin-left:4px; width:32%; float:left; }
	.gv_box_right{padding:0 0 15px 0; margin-left:4px; width:32%; float:left; }

	.gv_inner h4{margin-bottom:5px;font-size:0.8em;}

	.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%; padding:0; margin:0}
	.gv_ind_candidate{position:relative; margin:0; cursor:pointer}
	.gv_candidate img{padding:0; margin:0; border:0}
	.gv_ind_candidate img{padding:0; margin:0; border:0}


	.container-purple{
		font-family: Gotham-Bold;
		font-size: 1em;
		width: 100%;
		margin:20px auto 0;
		background-color:#53155B;
	}

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

	.gv_votes{position:absolute; width:55%; left:15px; bottom:120px; padding:3px 0 1px 5px; color:#FFFFFF; font-family: Gotham-Bold; font-size: 1em; }
	.votes{width:50px; margin-right:5px;font-size: 1em;border: 1px #BBBBBB solid;background: #FFFFFF;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding:5px;
	}

	.gv-third-1,
	.gv-third-2,
	.gv-third-3{font-family:Gotham-Medium;text-align:center;background:#D52C8F;color:#FFFFFF; padding:20px; margin:0 0 15px;}

   	.gv-third-2{background:#FDA92A;}
	.gv-third-3{background:#2B2881;}

	.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}

	.gv_info{font-size:1.05em; width:90%; margin:5px 5px 10px 0; height:30px; }

	.gv_btn{padding:3px 5px; border:0;background: url('../images/bg_h_cerise_red.png'); color:#FFFFFF; font-family: Lato, helvetica, sans-serif; font-size:18px;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
	*/

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

		font-size: 1em;
		width: 100%;

		margin:0 auto;
		background-color:#FFF;
		overflow:hidden;
	}

	.gv-flex{
		position:relative;
		width:50%;
		min-height:320px;
		background-color:transparent;
	}
	.gv-flex-individual{
		position:relative;
		box-sizing: border-box;
		width:50%;
		min-height:240px;
		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.7em;
		line-height:1.3em;
		color:#FFF;
		background-color:#transparent;
		text-align:center;
		min-height:180px;
	}

	.gv-flex-child-individual{
		position: absolute;
		box-sizing: border-box;
		bottom:0;
		width:100%;
		padding:20px 0;

		font-family:Gotham-Medium;
		font-size:0.7em;
		line-height:1.3em;
		color:#FFF;
		background-color:#transparent;
		text-align:center;
		min-height:120px;
	}
	.gv-candidates{font-size:0.9em; text-align:left;padding:20px 20px 20px 30px;font-family:Georgia;}
	.gv-candidates h4{font-family:Georgia-Bold;margin:5px 0;font-size:1.2em;line-height:1.2em}
	.gv-candidates a{color:#FFF;font-family:Georgia-Regular;font-weight:normal;text-decoration:none}


	.eight-candidates-mobile{width:100%; min-height: 425px;}

	.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 */

	/* Donation styles */
h3.donheader{font-family:Gotham-bold;font-size:1.2em;color:#D82690;margin:10px 0}
.inputarea{width:100%; margin:0;padding:10px 0}


.igive{font-family:Gotham-Black;font-size:1.2em}
.donatebtn, .donatebtn-opt{
	-webkit-appearance:none;
	font-family:Gotham-Bold;padding:14px 20px 10px;font-size:1.2em;background:#D52C8F; color:#FFFFFF;border:0;
	cursor:pointer;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:100%;
	margin-bottom: 10px;
}

input[type=text].genericdon{
	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;
	width:100%;
}

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:100%;
	cursor:pointer
}

/*input[type=text]:focus{background:#FF0000}*/
input.amount{
	-webkit-appearance:none;
	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.zip{
	font-size: 1em;
	border: 1px #DDDDDD solid;
	background: #FFFFFF;
	padding:5px;
	width:100px;

}
input.city{
	font-size: 1em;
	border: 1px #DDDDDD solid;
	background: #FFFFFF;
	padding:5px;
	width:100%;

}
input.city2{
	font-size: 1em;
	border: 1px #DDDDDD solid;
	background: #FFFFFF;
	padding:5px;
	width:100%;

}

select.genericdon{
	font-size: 0.95em;
	border: 1px #DDDDDD solid;
	background: #FFFFFF;
	padding:10px;
	width:100%;
	height:38px;
	margin: 15px 0;
}

textarea.genericdon{
	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%;
	height: 70px;
}
td.flabel{text-align:left;padding:0;}
.minortext{font-style:italic;font-size:0.7em}
.minortextm{font-style:italic;font-size:0.6em}

#donation-control-img{width:120px; height:30px}
#donation-control{
	display:flex;
	box-sizing: border-box;
	width:100%;
	height:50px;
	justify-content: space-between
}
#paymenttypes{margin:15px 0}
#payex3dsecure{width:100px;vertical-align:middle}
#securePayEx3D{margin:10px 0; text-align:right}
.submitpayex{
	-webkit-appearance:none;
	font-family:Gotham-Medium;
	font-size:1em;
	background-color:#D82690;
	color:#FFF;
	padding:15px 20px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}
.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;
    padding: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;
}


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

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

}


/* template 50 */

#specified_litter{display:none}
#specify{width:72%;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:1.1em; border:0; border-bottom:3px solid #D82690; width:80px;height:30px;text-align:center}
.input-no-cerise-medium{font-family:Gotham-Bold;color:#D82690;font-size:1.1em; 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:1.7em;text-align:center}
.cerise-small-digits{font-size:0.3em;line-height:3em}

/**
	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 green background */
.fancy-checkbox input:checked ~ .checkmark {
  background-color: #1a7e1b;
}

/* 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 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-top: 15px;
  cursor: pointer;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.fancy-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

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

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

/* 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 {
  display: block;
}

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

.fancy-radio-question{margin:40px 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-color:#1a7e1b}
.fancy-txtr-label{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 63 QUIZ */

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

.section-quiz img{margin:0;padding:0;border:0;}

.section-quiz img {
  object-fit: cover;
	background-repeat:no-repeat;
  width:100%;
	height:700px;
}

#quiz-container{
	position:absolute;
	overflow: hidden;
	top:0;
	left:0;
	text-align:center;
	z-index:0;
	font-size: 1em;

	width: 100%;
	height:100%;
}

#quiz-inner{
	box-sizing:border-box;
	text-align:left;
	width:90%;

	margin:10% auto;
	padding:20px;
	font-family:Georgia-Light;
	background-color: rgba(0,0,0, 0.5);
	color:#FFF;
	font-size:1em;
	line-height:1.3em;
	/*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;line-height:1.1em;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-correct-btn{
	border:0;
	margin:10px 0;
	padding:10px;
	font-size:1em;
	background-color:#33DD00;
	color:#FFF;
	border-radius: 5px;
	-webkit-appearance: none;
}
.quiz-wrong-btn{
	border:0;
	margin:10px 0;
	padding:10px;
	font-size:1em;
	background-color:#FF0033;
	color:#FFF;
	border-radius: 5px;
	-webkit-appearance: none;
}

#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;max-height:50px;border-radius: 5px;}

.soc_media_fb{background-color:#3C5A95;margin:20px;color:#FFF;font-family:"Arial Narrow";cursor:pointer}
.soc_media_twtr{background-color:#59ACEB;margin:20px;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:150px;height:80px;color:#FFF;
	background-color:#2196F3;;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* Template 66 QUIZ-halfpage */

.section-quiz-half{
	margin-top:60px;
	position: relative;
	width: 100%;
	background: #fff;
	min-height:750px;
}

#quiz-container-half{
	position:absolute;
	overflow: hidden;
	top:0;
	left:0;

	z-index:0;
	/*font-size: 0.9em;*/

	width: 100%;
	height:100%;
}

.section-quiz-half img{margin:0;padding:0;border:0;}

#quiz-top{min-height:100px}
#quiz-bottom{padding:20px;min-height:650px}
#quiz-question{min-height:300px}

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

}
#quiz-result p.questioncomment{margin:10px 0; font-size:0.9em;}
.quiz-question-text{
	margin-bottom:20px;
	font-size:0.9em;
	line-height:1.2em;
	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:365px;
	margin: 20px 0;
	position: relative;
	border-radius: 4px;
	cursor:pointer;
}

/**
 * Template 64 Education Lesson
 */

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

.content-text-lesson{
	width:100%;
	font-size:1.2em;
	line-height:1.4em;
	color:#333333;
}
.content-text-lesson h3{font-family:Gotham-Medium;font-size:1.3em;margin:50px 0 10px 0;}
.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-area{
 	position:absolute;
	top:15px;
  left:0;
 	color:#FFF;
 	font-family:Gotham-Black;
 	line-height:0.8em;
 	overflow:none;
 	width:100%;
 	min-height:480px;
 }

.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;
 margin:0 auto;
}

.education-topbox{
 box-sizing: border-box;
 text-align:center;
 width:100%;
 margin:20px 5px;
 font-family:Georgia-Light;
 font-size:0.7em;
 color:#FFF;
}

.education-topbox h2{font-family:Gotham-Black;font-size:3.5em; margin-bottom:25px}
.education-searchbox{box-sizing: border-box;position:relative;width:100%;padding-top:10px;margin:0 20px 20px;color:white;height:15%;background:transparent;}
.education-searchinput{width:89%;border-radius:25px;font-family:Georgia;font-size:0.6em;padding:0 20px;border:0;height:30px;outline:none}
.education-searchinput-icon{position:absolute;right:10px;top:15px;}

.education-boxes{
	position: relative;
	box-sizing: border-box;
	width:86%;
	margin-top:15px;
	font-family:Georgia-Light;
	color:#FFF;
	font-size:1.05em;
	line-height:1.8em;
}
.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{
	width: 100%;
	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;
}

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

.education-search-result{margin-top:0;font-family:Gotham-Bold;font-size:0.7em;line-height:1.2em}
h2.education-search-hits{font-family:Gotham-Black;font-size:0.9em;margin-bottom:30px}
.education-navyheader{font-family:Gotham-Black;color:#2b2583; font-size:1em;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 2px 0;padding:4px 10px;font-size:0.7em;letter-spacing:0.05em;border-radius:3px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline:none;}
/*#D82690*/

.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: 80px; height:80px; 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.6em;margin:0 0 20px 25px;line-height:1.3em;font-family:Georgia-Light}
.education-result-item-content p{margin:20px 0 0 0}
/*.education-download-icon{position:absolute;z-index:100;bottom:10px;right:10px;font-size:0.8em;font-family:Georgia-Bold;color:#0798DF}*/
.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;
	border-radius: 3px;
	background-color: #D82690;

	width: 250px;
	color: black;
	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
*/
}

#downloads-language-select option:focus{
	background-color: #D82690;
}

/* end of education search */

	/* 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;
	}
	.inputGroup label {
		 box-sizing: inherit;
		 padding: 18px 30px 16px 30px;
		 width: 100%;
		 display: block;
		 text-align: left;
		 font-family: Gotham-Medium;
		 font-size: 0.8em;
		 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 */




/*MEDIA QUERY*/
@media (max-width: 700px) {
	#pagehead{background:#3A0C40;}
}