/************************
This file contains all styles for the UNICEF Template that need to be loaded after the all other styles i.e. custom styles, fixesand overrides 	
	
	
	
***  TOC  ***	

1. Global style adjustments
2. Style fixes & workarounds
3. Bootflat UI-KIT modifications
4. Gravityforms modifications
5. DONATION BOX FRONTPAGE
6. Royalslider stylings
7. Maganavbar
8. share buttons mobile 

*************************/




.fa-pulse {
  animation:pulse 5s ease infinite;
}
@keyframes pulse {
  0% {
    transform:scale(1);
  }
  5% {
    transform:scale(1.25);
  }
  20% {
    transform:scale(1);
  }
  30% {
    transform:scale(1);
  }
  35% {
    transform:scale(1.25);
  }
  50% {
    transform:scale(1);
  }
  55% {
    transform:scale(1.25);
  }
  70% {
    transform:scale(1);
  }
}







.takeover_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.takeover_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Royalslider video styles */





#wrapper-video {
	position: fixed;
	top: -25%;
	left: -25%;
	width: 150%;
	height: 150%;
}
#wrapper-video video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
}


#wrapper-video-kannerliicht {
	position: relative;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	max-height: 400px;
}
#wrapper-video-kannerliicht video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
}

/* Card styles */

.card {
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease-in-out;
	transition-delay: 0s;
	transition-duration: 0.2s;
	transition-property: all;
	transition-timing-function: ease-in-out;
	border-radius: 4px !important;
	box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 3px 0px, rgba(0, 0, 0, 0.239216) 0px 1px 2px 0px;
}

/* only animate hover on desktop/widescreen */

@media only screen and (min-width: 768px) {
	.card:hover {
		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 0.2s;
		-webkit-transition-property: all;
		-webkit-transition-timing-function: ease-in-out;
		transition-delay: 0s;
		transition-duration: 0.2s;
		transition-property: all;
		transition-timing-function: ease-in-out;
		box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 20px 0px, rgba(0, 0, 0, 0.227451) 0px 6px 6px 0px;
		transform: translate(0px, -5px);
	}
	
	.nohover:hover {

		box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 3px 0px, rgba(0, 0, 0, 0.239216) 0px 1px 2px 0px !important;
	}
}
.card:active {
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease-in-out;
	transition-delay: 0s;
	transition-duration: 0.1s;
	transition-property: all;
	transition-timing-function: ease-in-out;
	box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 3px 0px, rgba(0, 0, 0, 0.239216) 0px 1px 2px 0px;
}
.alm-cta {
	background-color: #ffffff;
	border-radius: 0px 0px 4px 4px;
}
.album-pic-exit {
	display: none;
}
.album-pic:hover+.album-pic-exit {
	display: inline;
}
.topnav-social {
	font-size: 10px;
}
.footerquote {
	margin-top: 0px;
	/* background-color: transparent !important; */
	padding-right: 10px;
	border-radius: 0px 0px 5px 5px
}
.footer-quote-img {
	border-radius: 5px 5px 0px 0px !important;
}
.footer-adress {
	margin-top: 20px;
	line-height: 20px !important;
	color: #ccd2da;
	font-size: 15px;
}
.footer-adress a {
	margin-top: 20px;
	line-height: 20px !important;
	color: #ccd2da;
	font-size: 15px;
	font-weight: 100;
}
.footer {
	-webkit-font-smoothing: subpixel-antialiased;
}
.modal {
	text-align: center;
	padding: 0!important;
}
.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}
.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.footer-widgets {
	background-color: #434a54 !important;
	color: #ccd1d9;
}
.footer-widgets a {
	color: #ccd1d9;
}
.footer-nav {
	font-size: 14px !important;
}
.footer-nav a {
	color: #ccd2da;
}
.footer-nav a:hover {
	color: #ffffff;
}
.footer-nav .nav-title {
	color: #ccd2da;
	font-size: 16px !important;
	border-bottom: 1px solid #ccd2da;
}
.footer-nav .widgettitle {
	color: #e6e9ed;
}
.numberCircle {
	border-radius: 50%;
	behavior: url(PIE.htc);
	/* remove if you don't care about IE8 */
	width: 36px;
	height: 36px;
	padding: 8px;
	background: #fff;
	border: 2px solid #666;
	color: #666;
	text-align: center;
}
.cookie_agreement {
	width: 100%;
	position: fixed;
	height: auto;
	bottom: 0px;
	background-color: #d2f0ff;
	z-index: 999;
}
.fixed_footer {
	display: none;
	
	width: 100%;
	position: fixed;
	height: 38px;
	bottom: 0px;
	background-color: #d2f0ff;
	z-index: 990;
}
.fixed_footer .share-buttons {
	margin-top: 0px !important;
	z-index: 999;
}
.fixed_footer .btnz {
	border: 3px solid #d2f0ff;
	border-top: 6px solid #d2f0ff;
	border-bottom: 5px solid #d2f0ff;
}
#unicef_newsmenu_content {
	display: none;
	visibility: hidden;
}
aside.float-right, aside.float-left {
	box-sizing: border-box;
	color: #444444;
	display: block;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	margin-bottom: 5px;
	margin-top: 7px;
	width: 263px;
}
aside.float-right q, aside.float-left q, aside.float-right .counting_number_p, aside.float-left .counting_number_p {
	border-bottom-color: #00aeef;
	border-bottom-style: solid;
	border-bottom-width: 7px;
	border-top-color: #ec008c;
	border-top-style: solid;
	border-top-width: 7px;
	box-sizing: border-box;
	color: #444444;
	display: block;
	font-size: 30px;
	font-style: italic;
	font-weight: 100;
	line-height: 38px;
	padding-bottom: 8px;
	padding-top: 8px;
	text-transform: uppercase;
}
.counting_number_p, aside.float-left .counting_number_p {
	text-align: center;
}

/* ## Floating quotes Styles
--------------------------------------------- */

@media (max-width: 1200px) {
	/* pullright and pullleft images olny when <1200px */
	aside.float-right {
		display: block;
		float: right;
		margin-left: 24px;
		margin-right: 0px;
	}
	aside.float-left {
		float: left;
		margin-left: 0px;
		margin-right: 24px;
	}
}
@media (min-width: 1000px) {
	aside.float-right {
		display: block;
		float: right;
		margin-left: 24px;
		margin-right: -100px;
	}
	aside.float-left {
		float: left;
		margin-left: -100px;
		margin-right: 24px;
	}
}
@media (max-width: 600px) {
	aside.float-right, aside.float-left, aside.float-right q, aside.float-left q {
		text-align: center;
		width: 100% !important;
		vertical-align: text-top !important;
		margin-top: 8px;
	}
	aside.float-right, aside.float-left {
		margin-bottom: 15px;
	}
}

/* Make the row think it's a table*/

	.is-table-row {
		display: table;
	}
	.is-table-row [class*="col-"] {
		float: none;
		display: table-cell;
		vertical-align: top;
	}


/* ajax load more*/

.num.active a {
	background-color: #00aeef !important;
}
.entry-domain-icon-lists {
	position: relative;
	z-index: 99;
	margin-left: -80px;
	border-radius: 50%;
	height: 70px;
	width: 70px;
	background: #ffffff;
	overflow: hidden;
}
@media only screen and (max-width: 768px) {
	.entry-domain-icon-lists {
		margin-left: 0px;
		margin-top: -50px;
	}
}
.entry-domain-icon-appeal {
	position: relative;
	margin-right: -75px;
	margin-top: -20px;
	z-index: 99;
	float: right;
	border-radius: 50%;
	height: 70px;
	width: 70px;
	background: #ffffff;
	overflow: hidden;
}
.entry-domain-icon {
	position: absolute;
	margin-left: 10px;
	margin-top: -60px;
	z-index: 99;
	border-radius: 50%;
	height: 70px;
	width: 70px;
	background: #ffffff;
	overflow: hidden;
}
.entry-date-badge {
	position: absolute;
	color: #fff;
	padding: 10px;
	background-color: #00aeef;
	margin-left: 20px;
	z-index: 99;
}
.entry-meta-badge {
	text-align: center;
	line-height: 24px;
}
.entry-meta-weekday {}
.entry-meta-month {}
.entry-meta-year {
	font-size: 30px;
	font-weight: bold;
	line-height: 34px;
}
.appeal-domainbadge-inner {
	position: absolute;
	color: #fff;
	padding: 0px 10px 10px 10px;
	background-color: #00aeef;
	margin-left: 20px;
	z-index: 99;
	min-height: 100px;
	min-width: 100px;
	max-width: 120px;
}
.appeal-domainbadge-inner-mobile {
	position: absolute;
	color: #fff;
	padding: 5px 5px 5px 5px;
	background-color: #00aeef;
	margin-left: 0px;
	z-index: 99;
}
.appeal-domainbadge {
	text-align: center;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
}
.appeal-domainbadge a {
	color: #fff !important;
}
.appeal-domainbadge-m {
	color: #fff;
}
.appeal-domainbadge-y {
	font-size: 50px;
	font-weight: bold;
	line-height: 34px;
	color: #fff
}
.appeal-domainbadge-domain {
	border-top: 1px solid white;
}
#unicef_ctablock {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.bigblock-content-left {
	min-height: 400px;
}
@media only screen and (max-width: 768px) {
	#unicef_ctablock {
		background-image: none !important;
	}
	.bigblock-content-left {
		padding: 10px 20px !important;
		min-height: 0px !important;
		background: #abe0f9;
	}
}
.bigblock_content {
	text-align: left;
}
.cta_mobileimage {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 150px;
}
.bigblock-content {}
.bigblock-content-left {
	padding: 50px;
	padding: 20px !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#abe1fa+37,ffffff+100&1+38,0+100 */
	/* background: #abe0f9;*/
}
.img-circle {
	position: relative;
	margin-top: 0px;
	float: right;
	margin-right: -55px;
	border-radius: 50%;
	border: 4px solid #00aeef;
	height: 70px;
	width: 70px;
	background: #ffffff;
	z-index: 999;
}
.cta_text {
	background: #abe0f9;
}
.cta_image {
	background: #abe0f9;
}
.frontgradient {
	width: 100%;
	max-height: 600px;
	border-radius: 0px !important;
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+25,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.65) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.65) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.65) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	/* IE6-9 */
}
.frontgradient:hover {
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+25,0.65+100 */
	background: none;
	/* FF3.6-15 */
}
img.frontgradientimage {
	position: relative;
	z-index: -1;
	display: block;
	width: 100%;
	border-radius: 0px !important;
}
.frontgradienttext {
	position: absolute;
	bottom: -40px;
	padding: 10px 10px 10px 15px;
	color: #ffffff;
	background-color: #00aeef;
	width: 100%;
	margin: 10px;
}
.frontgradienth {
	margin-top: 0px;
	padding: 5px;
	background: #00aeef;
	text-align: center;
	color: #FFFFFF;
}
.footergradient {
	
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 0px !important;
	vertical-align: text-top;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+1,ffffff+35&1+1,0+35 */
background: -moz-linear-gradient(top, rgba(250,250,250,1) 1%, rgba(255,255,255,0) 35%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 1%,rgba(255,255,255,0) 35%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(250,250,250,1) 1%,rgba(255,255,255,0) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.footergradient_donation {
		height: 100%;

	margin-top: -250px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff9fe+0,ffffff+70&1+0,0+20 */
	background: -moz-linear-gradient(top, rgba(239, 249, 254, 1) 0%, rgba(255, 255, 255, 0) 20%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(239, 249, 254, 1) 0%, rgba(255, 255, 255, 0) 20%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(239, 249, 254, 1) 0%, rgba(255, 255, 255, 0) 20%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eff9fe', endColorstr='#00ffffff', GradientType=0);
	/* IE6-9 */
}
img.footergradientimg {
	position: relative;
	z-index: -1;
	display: block;
	width: 100%;
	border-radius: 0px !important;
	/*max-height: 700px !important;*/
	object-fit: cover;
	object-position: 0 0;
}
#post_fltr {
	z-index: 9999 !important;
}
.btn-fltr-month:hover {
	color: #333333 !important;
}

/****************************
1. Global style adjustments
*****************************/

body {
	background-color: #fafafa/* #f8f8f8   -   fafafa*/
	;
	color: #666666;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
	/*fix font "jiggeling" on css transitions of the promotion/slideshow */
	/*	-webkit-font-smoothing: antialiased; fix font "jiggeling" on css transitions of the promotion/slideshow */
}

/* ## Site Containers
--------------------------------------------- */

.site-inner {
	padding-top: 30px;
	margin: 0 auto;
	max-width: 960px;
}
@media only screen and (max-width: 1200px) {
	.site-inner {
		max-width: 800px;
	}
}
@media only screen and (max-width: 960px) {
	.site-inner {
		max-width: 800px;
	}
}
@media only screen and (max-width: 800px) {
	.site-inner {
		padding-left: 5%;
		padding-right: 5%;
	}
}

/* ## Font Styles
--------------------------------------------- */

h1, h2, h3, h4, h5, h6, h7, h8 {
	text-align: left;
}
article h1 {
	color: #00aeef !important;
	font-weight: bold;
}
article h2 {
	color: #00aeef !important;
	font-weight: 100;
	line-height: 40px;
}
article h3 {
	color: #00aeef !important;
	font-weight: 100;
}
article h4 {
	color: #00aeef !important;
	font-weight: 100;
}
article strong {
	font-weight: 500;
}
@media only screen and (max-width: 600px) {
	h1 {
		font-size: 28px !important;
	}
	h2 {
		font-size: 24px;
		line-height: 24px !important;
		/*text-align: justify;*/
	}
	h3 {
		font-size: 20px;
	}
}


h1 a {
	text-decoration: underline;
}
a {
	color: #00aeef;
}
td b {
	font-weight: 500;
	color: #00aeef;
}
.entry-header {
	margin-bottom: 10px;
	background-color: #fafafa;
}
.entry-content {
	margin-bottom: 0px !important;
	background-color: #fafafa;
}
.entry-content p {
	/*text-align: justify;*/
}
.entry-content h2 {
	margin-top: 30px !important;
	margin-bottom: 5px !important;
}
.entry-content h3 {
	margin-top: 40px !important;
	margin-bottom: 20px !important;
}
.entry-content {
	margin-bottom: 50px;
}

.entry-content b, .entry-content strong{
	font-weight: 600;
}
.page-header, hr {
	background-color: #fafafa !important;
}
.entry {
	background-color: #fafafa !important;
}

/* ## Image Styles
--------------------------------------------- */

@media (max-width: 1200px) {
	/* pullright and pullleft images olny when <1200px */
	img.alignleft {
		margin-left: 0px !important;
		vertical-align: text-top !important;
		margin-top: 8px;
	}
	img.alignright {
		margin-right: 0px !important;
		vertical-align: text-top !important;
		margin-top: 8px;
	}
}
@media (min-width: 1000px) {
	img.alignleft {
		margin-left: -100px !important;
		vertical-align: text-top !important;
		margin-top: 8px;
	}
	img.alignright {
		margin-right: -100px !important;
		vertical-align: text-top !important;
		margin-top: 8px;
	}
}
@media (max-width: 600px) {
	img.alignleft {
		width: 100% !important;
		vertical-align: text-top !important;
		margin-top: 8px;
	}
	img.alignright {
		width: 100% !important;
		vertical-align: text-top !important;
		margin-top: 8px;
	}
}
.fullwidth-image-block {
	/*margin-bottom: 20px;*/
}
.fullwidth-article-image {
	border-radius: 0px;
}
.fullwidth-article-image-caption {
	margin: 0 auto;
	max-width: 900px;
	font-size: 14px;
	color: #00aeef;
	padding: 10px 20px 10px 20px;
}
#unicef_headblocks {
	max-width: 1400px;
	display: table;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
	#unicef_headblocks {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#unicef_headblocks .row {
		margin-left: 5px;
		margin-right: 5px;
	}
}

/*****************
wordpress gallery responsiveness fix - 3,4,5 columns
******************/


/* For displaying 3 columns on tablet */

@media only screen and (max-width: 800px) {
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item {
		width: 33%;
	}
}

/* For displaying single column on mobile */

@media only screen and (max-width: 480px) {
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item {
		width: 100% !important;
	}
}
.gallery-columns-3 .gallery-item:nth-child(5n+1) {
	clear: none;
}

/* ## blockquote Styles
--------------------------------------------- */

blockquote {
	border-left: 3px solid #ccd1d9;
	font-size: 18px;
	font-style: italic;
	width: 100%;
	margin: 50px 0px;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	background: #f3fcff;
}
blockquote:before {
	font-family: Georgia, serif;
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -10px;
	color: #00aeef;
}
blockquote cite {
	color: #00aeef;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
blockquote cite:before {
	content: "\2014 \2009";
}
#accordion1 {
	margin-bottom: 50px;
}
.page-header {
	color: #00aeef;
	border-color: #abe1fa !important;
}
#wcf-form-771 {
	visibility: hidden;
	display: none;
}
img {
	border-radius: 4px;
}
.section-inner {
	padding-top: 40px;
	padding-bottom: 40px;
}
.headerimage {
	position: relative;
	width: 100%;
	/* for IE 6 */
}

.headerimage img{
	position: relative;
	width: 100%;
	/* for IE 6 */
}

.headerimage p {
	left:15%;
	position: absolute;
	max-width: 70%;
	color: #fff;
	font-family: Roboto, sans-serif;
	font-size: 3.5em;
	font-weight: 600;
	text-align: left;
	line-height: 1em;
	bottom:10%;
	text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 15px;
}

@media only screen and (max-width: 991px) {
	.headerimage p {
		
		position: absolute;
		max-width: 100%;
		width:100%;
		font-size: 1.5em;
		font-weight: 600;
		left:1px;
		text-align: center;
		bottom:10%;
		text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 15px;
	}
}


.pagetitle-onimage {
	position: absolute;
	text-align: center;
	bottom: 20px;
	left: 0;
	right: 0;
}
.pagetitle-onimage h1 {
	font-size: 60px;
	color: #fff;
	margin: 0px !important;
	padding: 10px;
}
.entry-title {
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid #00aeef;
	padding-bottom: 10px;
}
.entry-subtitle {
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 0px;
}
p.entry-meta {
	color: #bbbbbb;
	font-size: 12px;
	text-align: center;
	margin-bottom: 5px !important;
}
.entry-metabox {
	margin-top: 50px;
	margin-bottom: 30px;
	padding: 15px 10px 15px 10px;
	border-bottom: 1px solid #59d3ff;
	border-top: 1px solid #59d3ff;
	height: auto;
}
.entry-metabox-top {
	padding: 15px 10px 15px 10px;
	border-top: 0px solid #00aeef;
	border-bottom: 1px solid #00aeef;
	margin-bottom: 30px;
	height: auto;
}
.content {
	position: relative;
	background-color: #fafafa;
}
.pagination {
	margin-top: 30px;
	position: relative;
	bottom: 10px;
}
.pagination a:hover {
	background: #66c0e1;
	color: #ffffff;
	border-color: #66c0e1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
hr {
	border-color: #abe1fa;
}
a img {
	border-radius: 0px;
}
.rounded-more {
	border-radius: 10px;
}

/* TAGS */

.entry-tags a {
	font-size: 14px;
	font-weight: bold;
	background-color: #00aeef;
	color: white;
	line-height: 10px;
	padding: 4px 5px;
	border-radius: 4px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
.entry-tags a:before {
	content: '\f02b';
	font-family: FontAwesome;
	font-weight: normal;
	margin-right: 5px;
}
.entry-tags a:hover {
	background-color: #59d3ff;
}
span.entry-tags {
	font-size: 14px;
	font-weight: bold;
	display: inline;
}
dt.gallery-icon a img {
	border: 0px solid black !important;
}

/* Categories */

.entry-categories a {
	font-size: 14px;
	font-weight: bold;
	background-color: #00aeef;
	color: white;
	line-height: 10px;
	padding: 4px 5px;
	border-radius: 4px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
.entry-categories a:before {
	content: '\f02e';
	font-family: FontAwesome;
	font-weight: normal;
	margin-right: 5px;
}
.entry-categories a:hover {
	background-color: #59d3ff;
}
span.entry-categories {
	font-size: 14px;
	font-weight: bold;
	display: inline;
}

/* Domains */

.entry-domains a {
	font-size: 14px;
	font-weight: bold;
	background-color: #00aeef;
	color: white;
	line-height: 10px;
	padding: 4px 5px;
	border-radius: 4px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
.entry-domains a:before {
	content: '\f1db';
	font-family: FontAwesome;
	font-weight: normal;
	margin-right: 5px;
}
.entry-domains a:hover {
	background-color: #59d3ff;
}
span.entry-domains {
	font-size: 14px;
	font-weight: bold;
	display: inline;
}

/* Countries */

.entry-countries a {
	font-size: 14px;
	font-weight: bold;
	background-color: #00aeef;
	color: white;
	line-height: 10px;
	padding: 4px 5px;
	border-radius: 4px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
.entry-countries a:before {
	content: '\f041';
	font-family: FontAwesome;
	font-weight: normal;
	margin-right: 5px;
}
.entry-countries a:hover {
	background-color: #59d3ff;
}
span.entry-countries {
	font-size: 14px;
	font-weight: bold;
}
.related-urls {
	background-color: #59d3ff;
	padding: 10px;
}
.presscontact {
	border-top: 1px solid #59d3ff;
	padding: 15px 10px 15px 10px;
}
.presscontact a {
	color: #00aeef;
}

/* FAQ */

.faq-title {
	border-bottom: 1px solid #bbbbbb;
}

/* Numberings */

ol {
	list-style-type: none;
	list-style-type: decimal !ie;
	/*IE 7- hack*/
	margin: 0;
	margin-left: 3em;
	margin-top: 50px;
	padding: 0;
	counter-reset: li-counter;
}
@media (max-width: 650px) {
	ol {
		margin-left: 1em !important;
	}
}
ol>li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 0.5em;
	min-height: 3em;
	border-left: 2px solid #79d5ff;
}
ol>li:before {
	position: absolute;
	top: 3px;
	left: -1em;
	width: 0.8em;
	font-size: 2em;
	line-height: 1;
	font-weight: bold;
	text-align: right;
	color: #79d5ff;
	background-color: #fafafa;
	content: counter(li-counter);
	counter-increment: li-counter;
}

/* Google Maps using ACF*/

.acf-map-full {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 0px 0px 0px 0px;
}
.acf-map {
	width: 100%;
	height: 200px;
	border: #ccc solid 1px;
	margin: 0px 0;
}

/* fixes potential theme css conflict */

.acf-map img {
	max-width: inherit !important;
}

/*STAFF*/

.staff_desc {
	text-align: left;
	color: #666666;
}
.staff_since {
	text-align: left;
	color: #666666;
}

/* Contact page google map iframe*/

.contact-map {
	width: 100%;
	height: 500px;
	max-height: 500px;
}
.map-wrap {
	position: relative;
}
.overlay {
	width: 100%;
	min-height: 500px;
	position: absolute;
	top: 0;
}
@media (max-width: 650px) {
	.contact-map {
		height: 400px;
	}
}
@media (max-width: 400px) {
	.contact-map {
		height: 300px;
	}
}

/****************************
2. Style fixes & workarounds
*****************************/


/* Fix to disable zooming on mobile devices when focus is on text input boxes 
	https://jonassebastianohlsson.com/blog/2013/11/25/how-to-stop-zoom-in-on-input-focus-on-mobile-devices/
*/

input {
	font-size: 16px !important;
}

/****************************
3. Bootflat UI-KIT modifications
*****************************/

.events {
	padding-bottom: 10px !important;
	background-color: #e1f4fd !important;
}
h4.events-heading {
	font-size: 20px !important;
	color: #00aeef;
}

/* smallblocks */

.smallblock-jumbotron-contents {
	padding-top: 0px !important;
	padding-bottom: 10px !important;
	min-height: 120px;
}
.smallblock-jumbotron-contents h2 {
	margin-top: 10px !important;
}
.smallblock-jumbotron-contents p {
	margin-bottom: 0px !important;
}

/* BigBlock */

.bigblock-buttons {
	text-align: left;
}
.carousel-indicators li {
	background-color: #00aeef;
	color: #00aeef;
}
.carousel-control {
	background-image: none !important;
}
.carousel-caption {
	bottom: 20px;
	left: 20px;
	height: auto;
	max-width: 350px;
	background-color: #00aeef;
	color: #fff;
	position: absolute;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	background-color: #00aeef;
	border-color: #00aeef;
}
a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
	color: #00aeef !important;
	font-weight: bold;
}

/* timeline*/

.pos-right .time {
	padding-left: 0px !important;
}
.pos-left .time {
	padding-right: 0px !important;
}

/* vertical divider class for bootstrap */

.row.vdivide [class*='col-']:not(:last-child):after {
	background: #e0e0e0;
	width: 1px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	min-height: 70px;
}

/**
 * related
 * --------------------------------------------------
 */

.related {
	margin-bottom: 20px;
	padding: 5px 5px 5px 5px;
	background-color: #f3fcff;
	border: none;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.related a>img, .related>img {
	width: 100%;
}
.related .caption {
	font-size: 14px;
}
.related .caption h1, .related .caption h2, .related .caption h3, .related .caption h4, .related .caption h5, .related .caption h6 {
	margin: 5px 0 10px;
	font-size: 16px;
}
.related-news {
	border-top: 1px solid #59d3ff;
	padding: 15px 10px 15px 10px;
}
.related-news h3 {
	font-weight: 100;
	color: #00aeef;
	margin-top: 0px;
	margin-bottom: 20px;
}
ul.media-list {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.media-body p {
	margin-bottom: 0px;
}
ul.dropdown-menu li a {
	color: #ffffff !important;
}








/****************************
4. Gravitiform modifications
*****************************/



.gform_body .checkbox {margin-bottom: 5px !important;}
.gform_body .checkbox input {margin-top: -1px !important; left:1px; max-width: 10px !important; margin-right: 2px !important;}

.gform_body .checkbox label{font-site: 16px !important; font-weight: 100 !important;margin-left: 24px !important;}



/* opt in box */

.gfoptin {
	width: 99%;
	border-radius: 3px;
	padding-left: 15px !important;
	padding-bottom: 5px;
	/*background-color: #e2f4ff;
	border: 1px solid #00aeef;*/
}

.gfoptin > label, .gfoptin > .ginput_container_checkbox{
	margin-left: 15px !important;
}

.gfoptin_conditions {
	width: 99%;
	border-radius: 3px;
	padding-left: 15px !important;
	padding-bottom: 5px;
	/*background-color: #e2f4ff;
	border: 1px solid #00aeef;*/
}

.gfoptin_conditions > label, .gfoptin_conditions > .ginput_container_checkbox{
	margin-left: 15px !important;
}


/* spinner */
img.gform_ajax_spinner {
	position: fixed !important;
	z-index: 999999;
	left: 45%;
	top: 45%;
	right: 0;
	bottom: 0;
	display: block !important;
	overflow: hidden !important;
	background-color: rgba(0, 0, 0);
	/* fall back */
	background-color: rgba(0, 0, 0, 0.7);
	background-image: url('images/preloading.gif');
	/* path to your new spinner */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	border-radius: 50px;
	padding: 10px;
}

.gform_body ul{
	margin-left: 0px !important;
}
.gform_body ul li {
	list-style: none !important;
	list-style-type: none !important;
}
/*fix padding if columns */
.gform_body .gfield{
	padding-left: 0px !important;
	padding-right: 15px !important;
	
}

	/***************
	Button stylings 
	***************/


	.gform_previous_button, .gform_button, .gform_next_button, .gform_button_select_files{
		background: #00aeef !important;
		border-color: #00aeef !important;
		color: #ffffff !important;
		margin-bottom: 10px;
	}



	.gform_button:hover, .gform_previous_button:hover , .gform_next_button:hover, .gform_button_select_files:hover{
		background: #ffffff !important;
		border-color: #00aeef !important;
		color: #00aeef !important;

	}


/*file upload container */


.ginput_container_fileupload {
	border: 1px dashed #999999;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}


.gfield_description {
	padding-left: 15px !important;
	color: #aaaaaa;
	font-size: 12px;
}

	/***************
	Global validations
	***************

	/* hide validation messages*/
	.gform_body .validation_message{
		visibility: hidden !important;
		display: none !important;
	}








 @media only screen and (min-width: 200px) and (max-width: 768px) {

  .gform_wrapper .gform_body .top_label li.gfield.gf_right_half { 
    float: left; 
    clear: left !important;
    width: 99%;
  } 

  .gform_wrapper .gform_body .top_label li.gfield.gf_left_half { 
    float: left; 
    clear: left !important;
    width: 99%;
  }

}

	/***************
	Repeater styles
	****************/


.gf_repeater_add, .gf_repeater_remove { 
	font-size: 16px !important;
	font-weight: 100 !important;
}


	/***************
	Newsletter footer -> id 6
	****************/



	@media (min-width: 650px) {
		#gform_6>.gform_footer {
			margin-top: 0px !important;
			display: inline-block;
			padding: 0px;
			width: 25%;
		}
	}
	#gform_6 .gform_body {
		text-align: center !important;
		display: inline-block;
		float: left;
		width: 70%;
	}
	#gform_6 .gform_title, #gform_6 .gform_heading {
		visibility: hidden;
		display: none;
	}
	#gform_submit_button_6{
		margin-top: 0px !important;
	}

	/* hide labels*/
	#gform_fields_6 label.gfield_label {
		margin-bottom: 0px !important;
		visibility: hidden;
		display : none;
	}
	/* hide validation messages*/
	#gform_fields_6 .validation_message{
		visibility: hidden !important;
		display: none !important;
	}



	@media only screen and (min-width: 200px) and (max-width: 768px) {
	
	
	.newsletterblock_content{
		margin-left:20px;
		margin-right: 20px;
		max-width: 90%;
	}
	
	 #field_11_2 .ginput_container, #field_11_3 .ginput_container {
	margin-right:0px;
	}
	
	}



	/***************
	Newsletter Modal -> id 2
	****************/

.modal-title{
	margin-bottom: 20px;
}


	#gform_submit_button_2{
		width: 100%;
	
	}
	
	#gform_submit_button_2 {
		background: #00aeef !important;
		border-color: #00aeef !important;
		color: #ffffff !important;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	#gform_submit_button_2:hover {
		background: #ffffff !important;
		border-color: #00aeef !important;
		color: #00aeef !important;

	}

	/* hide title and labels*/
	#gform_2 label.gfield_label, #gform_2 .gform_heading {
		margin-bottom: 0px !important;
		visibility: hidden !important;
		display : none !important;
	}
	
	/* hide validation messages*/
	#gform_fields_2 .validation_message{
		visibility: hidden !important;
		display: none !important;
	}



	@media only screen and (min-height: 1px) and (max-height: 480px) {
		.modal-header-nl {
			display: none;
		}
	}
	#field_2_2 .ginput_container, #field_2_3 .ginput_container, #field_11_2 .ginput_container, #field_11_3 .ginput_container {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	 #field_11_2 .ginput_container, #field_11_3 .ginput_container {
	margin-right:20px;
	}
	
	
	#field_2_3, #field_2_2, #field_11_3, #field_11_2 {
		margin-bottom: 5px !important;
	}




	/***************
	Newsletter shortcode -> id 11
	****************/



	#gform_submit_button_11 {
		background: #d48000 !important;
		border-color: #d48000 !important;
	}
	#gform_submit_button_11:hover {
		background: #ffb13c !important;
		border-color: #ffb13c !important;
	}
	#gform_fields_11 li label {
		visibility: hidden;
		display: none;
	}
	
	#gform_11 .gform_body {
		text-align: center !important;
		display: inline-block;
		float: left;
		width: 70%;
	}







/****************************
5. DONATION BOX FRONTPAGE
*****************************/


/*override jquery validation message */

#donationvalue_final-error {
	visibility: hidden !important;
	display: none !important;
}

/*donation box is based on bootstrap/bootflat alert styles. this overrides the background colors*/

.alert-donation {
	background: #ff6cae;
	color: white;
}

/****************************
6. Royalslider stylings
*****************************/


/* Slider Buttons */

.slider-buttons {
	text-align: left;
	margin: 0px 10px 0px 0px;
}
.btn-slider {
	padding: 10px 10px;
	font-size: 18px;
	font-weight: 600;
	margin: 10px 10px 0px 0px;
}
.btn-slider-grp {
	padding: 10px 10px;
	font-size: 18px;
	font-weight: 600;
	margin: 0px 0px 0px 0px;
}
.btn-gen {
	background: #00aeef;
	color: #ffffff;
	border-color: #00aeef;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-gen:hover {
	background: #44c8f5;
	color: #ffffff;
	border-color: #66c0e1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-gen:active {
	background: #7ed3f7;
	color: #ffffff;
	border-color: #66c0e1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-donation {
	background: #ec008c;
	color: #ffffff;
	border-color: #eb1d78;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-donation:hover {
	background: #c1005b;
	color: #ffffff;
	border-color: #c1005b;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-donation:active {
	background: #f287b7;
	color: #ffffff;
	border-color: #e381ad;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


.btn-donation-memoriam {
	background: #999999;
	color: #ffffff;
	border-color: #999999;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-donation-memoriam:hover {
	background: #999999;
	color: #ffffff;
	border-color: #444444;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-donation-memoriam:active {
	background: #666666;
	color: #ffffff;
	border-color: #444444;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}



.btn-donation-emg {
	background: #ffffff;
	color: #b20610;
	border-color: #ffffff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-donation-emg:hover {
	background: #87090f;
	color: #ffffff;
	border-color: #ff9494;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-donation-emg:active {
	background: #ffb9b9;
	color: #ffffff;
	border-color: #ffb9b9;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-emergency {
	background: #b20610;
	color: #ffffff;
	border-color: #87090f;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-emergency:hover {
	background: #d9111c;
	color: #ffffff;
	border-color: #87090f;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-emergency:active {
	background: #87090f;
	color: #ffffff;
	border-color: #87090f;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
img.rsImg {
	backface-visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

/* Slider positions */

.SlideContent-TopLeft {
	left: 10%;
	right: auto;
	top: 74px;
	bottom: auto;
}
.SlideContent-TopRight {
	right: 10%;
	left: auto;
	top: 74px;
	bottom: auto;
}
.SlideContent-BottomLeft {
	left: 10%;
	right: auto;
	bottom: 50px;
	top: auto;
}
.SlideContent-BottomLeft-appeal {
	left: 10%;
	right: auto;
	bottom: 350px;
	top: auto;
}
.SlideContent-BottomRight {
	right: 10%;
	left: auto;
	bottom: 350px;
	top: auto;
}
.SlideContent-TopCenter {
	top: 74px;
	bottom: auto;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.SlideContent-MiddleCenter {
	top: 0;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
.SlideContent-BottomCenter {
	bottom: 300px;
	top: auto;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.SlideContent-TopCenter>.rsSlideTitle, .SlideContent-TopCenter>.rsSlideContent {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.SlideContent-BottomCenter>.rsSlideTitle, .SlideContent-BottomCenter>.rsSlideContent {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.SlideContent-MiddleCenter>.rsSlideTitle, .SlideContent-MiddleCenter>.rsSlideContent {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
.photosBy {
	background-color: rgba(0, 0, 0, 0.80) !important;
	color: white !important;
}
.photosBy span {
	color: white !important;
}
.rsNav {
	background-color: transparent !important;
	position: absolute;
	top: auto;
	bottom: 10px;
}
.SlideContent {
	max-width: 1000px;
}
.rsSlideTitle {
	position: relative;
	display: inline-block;
	width: auto;
	font-size: 70px;
	padding: 5px 5px 5px 15px;
	background: transparent;
	color: #FFF;
	font-weight: 600;
	margin: 0;
	line-height: 70px;
	z-index: 99;
	letter-spacing: -1px;
	margin-top: 40px;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.rsSlideTitle:hover {
	color: #00aeef;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}


.rsSlideTitle_appeal {
	position: relative;
	display: inline-block;
	width: auto;
	font-size: 100px;
	padding: 5px 5px 5px 15px;
	background: transparent;
	color: #FFF;
	font-weight: 600;
	margin: 0;
	line-height: 100px;
	z-index: 99;
	letter-spacing: -1px;
	margin-top: 40px;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);

}

.notag {
	padding: 15px 15px 15px 15px;
	letter-spacing: 0px;
}
.rsSlideTag {
	display: inline-block;
	width: auto;
	font-size: 28px;
	padding: 11px 1px 14px 13px;
	background: #ffffff;
	color: #00aeef;
	font-weight: normal;
	margin: 0;
	margin-left: 10px;
	margin-right: 0px;
	line-height: 16px;
	z-index: 100;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-webkit-clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.rsSlideTagText {
	display: inline-block;
	width: auto;
	font-size: 28px;
	padding: 11px 13px 14px 0px;
	background: #ffffff;
	color: #00aeef;
	font-weight: normal;
	margin: 0;
	margin-left: -1px;
	line-height: 16px;
	z-index: 99;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
span.slideTag:hover .rsSlideTag, span.slideTag:hover .rsSlideTagText {
	cursor: pointer;
	color: #ffffff !important;
	background-color: #abe1fa;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.rsSlideContent {
	position: relative;
	display:inline-block;
	margin-left: 19px;
	font-size: 20px;
	padding: 11px 13px 14px;
	background: #000000;
	background: rgba(0, 0, 0, 0.6);
	color: #FFF;
	font-weight: normal;
	line-height: 21px;
	margin-top: 20px;
}
.rsSlideContent h4 {
	color: #FFF;
}
.rsSlideContent p {
	color: #FFF;
	margin-bottom: 0px;
}
.rsSlideCountry {
	position: relative;
	clear:both;
    float:left;
	margin-left: 19px;
	font-size: 20px;
	padding: 8px 8px 8px;
	background: #00aeef;
	color: #FFF;
	font-weight: normal;
	margin-top: 0px;
	line-height: 15px;
}

.rsSlideCountry_appeal {
	position: relative;
	clear:both;
    float:left;
	font-size: 20px;
	padding: 8px 8px 8px;
	background: #00aeef;
	color: #FFF;
	font-weight: normal;
	line-height: 15px;
	display:inline-block;
	margin-left: 19px;
}

/* bullets styling */

.rsBullets {
	margin-left: -8px !important;
	/*fix bullets position to absolute middle*/
}
.rsBullet {
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-bottom: 20px !important;
	cursor: pointer;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.rsBullet span {
	opacity: 1;
	filter: alpha(opacity=100);
	background-color: transparent !important;
	border: 2px solid white;
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.rsBullet span:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background-color: #ec008c !important;
	border: 2px solid white;
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	transform: scale(1.3);
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.rsNavSelected span {
	opacity: 1.0;
	filter: alpha(opacity=100);
	background-color: #00aeef !important;
	border: 2px solid white;
	transform: scale(1.3);
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

/* arrow styling */

.rsArrowIcn {
	background-color: #00aeef !important;
}
@media screen and (min-width: 0px) and (max-width: 960px) {
	#full-width-slider {
		background-color: #000000 !important;
	}
	.rsSlide {
		background-color: #000000 !important;
	}
	/*single pst slider */
	.rsSlideContent-single {
		visibility: hidden;
		display: none;
	}
	.SlideContent-TopLeft, .SlideContent-TopRight, .SlideContent-BottomLeft, .SlideContent-BottomRight, .SlideContent-TopCenter, .SlideContent-BottomCenter {
		left: 10% !important;
		right: auto !important;
		bottom: 220px !important;
		top: auto !important;
	}
	.btn-slider {
		padding: 5px 5px;
		font-size: 12px;
		font-weight: 600;
		margin: 5px 5px 0px 0px;
		margin-right: 2px !important;
		margin-right: 2px !important;
	}
	.btn-slider-grp {
		padding: 5px 5px;
		font-size: 12px;
		font-weight: 600;
		margin: 5px 5px 0px 0px;
		margin-right: 2px !important;
		margin-right: 2px !important;
	}
	.SlideContent {
		width: 600px;
	}
	.rsSlideContent {
		width: 100% !important;
		max-width: 100%;
		font-size: 14px;
		margin-top: 86px;
		line-height: 15px;
		min-height: 40px !important;
	}
	.rsSlideCountry {
		margin-top: 0px;
	}
	.rsSlideTitle {
		font-size: 16px;
		padding: 6px;
		min-height: 36px !important;
	}
	.rsSlideTag {
		margin-right: -5px;
		font-size: 16px !important;
		padding: 6px !important;
	}
	.rsSlideTagText {
		font-size: 16px !important;
		padding: 6px !important;
	}
	#homeSlider .rsThumb {
		font-size: 12px;
		width: 115px;
		height: 44px;
		cursor: pointer;
	}
	#homeSlider .rsTmb {
		margin-top: 12px;
	}
}
@media only screen and (max-width: 768px) {
	.rsBullets {
		visibility: hidden;
	}
	.SlideContent {
		width: 100%;
		
	}
	.rsSlideContent {
		max-width: 100%;
	}
	.slider-buttons {
		text-align: center;
	}
	.SlideContent-TopLeft, .SlideContent-TopRight, .SlideContent-BottomLeft, .SlideContent-BottomRight, .SlideContent-TopCenter, .SlideContent-BottomCenter {
		left: -19px !important;
		right: auto !important;
		bottom: 0px !important;
		top: auto !important;
	}
	.rsSlideTitle {
	position: relative;
	display: inline-block;
	width: auto;
	font-size: 40px !important;
	padding: 5px 5px 5px 15px;
	background: transparent;
	color: #FFF;
	font-weight: 600;
	margin: 0;
	line-height: 40px;
	z-index: 99;
	letter-spacing: -1px;
	margin-top: 5px;
	margin-left: 20px;
	}
	
	.rsSlideCountry {
	position: relative;
	clear:both;
    float:left;
	font-size: 14px;
	padding: 8px 8px 8px;
	background: #00aeef;
	color: #FFF;
	font-weight: normal;
	line-height: 15px;
	display:inline-block;
	margin-left: 39px;
	}
	
	
	.rsSlideTitle_appeal {
	position: relative;
	display: inline-block;
	width: auto;
	font-size: 40px !important;
	padding: 5px 5px 5px 15px;
	background: transparent;
	color: #FFF;
	font-weight: 600;
	margin: 0;
	line-height: 40px;
	z-index: 99;
	letter-spacing: -1px;
	margin-top: 40px;
	margin-left: 20px;
	}
	
	.rsSlideCountry_appeal {
	position: relative;
	clear:both;
    float:left;
	font-size: 14px;
	padding: 8px 8px 8px;
	background: #00aeef;
	color: #FFF;
	font-weight: normal;
	line-height: 15px;
	display:inline-block;
	margin-left: 39px;
	margin-bottom: 40px;

	}
	
	.rsSlideContent{
		margin-top: 60px;
	}
	
	
}

/* fix to avoid stacking images on loading */

#full-width-slider .royalSlider,
#full-width-slider-single .royalSlider,
#full-width-slider-page .royalSlider {
	overflow: hidden;
}


#nearby-gallery-1000days .rsDefault, #nearby-gallery-1000days .rsDefault .rsOverflow, #nearby-gallery-1000days .rsDefault .rsSlide, #nearby-gallery-1000days .rsDefault .rsVideoFrameHolder, #nearby-gallery-1000days .rsDefault .rsThumbs
{
			      background-color:  #888888 !important;

}

/*
.rsPreloader{
	background-image: url(/site-root/wp-content/themes/unicef/images/logo_anim.gif) !important;
	height:40px !important;
	width:40px !important;
}
*/


/****************************
7. Meganavbar
*****************************/

nav#unicef_nav {
	margin: 0px !important;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
	.menu_donationbutton {
		margin-right: 10px !important;
		margin-left:0px !important;
		margin-top: 10px;
	}
	.navbar-brand {
	padding-right:0px !important;
	padding-left:5px !important;

	margin-left: 0px;
	padding-left: 0px !important;
	}
	.navbar-btn {
		padding: 8px 8px;
		font-size: 14px;
		font-weight: 600;
		margin-right: 15px !important;
	}
}
@media screen and (min-width: 0px) and (max-width: 320px) {
	.menu_donationbutton {
		padding-left: 5px;
		margin-right: 10px !important;
		margin-top: 10px;
	}
	.navbar-brand {
		padding-right:0px !important;
		margin-left: 0px ;
		padding-left: 0px !important;
	}
	.navbar-btn {
		padding: 5px 2px 5px 2px;
		font-size: 14px;
		font-weight: 300;
		margin-right: 15px !important;
	}
	.donation-heart{
		visibility: hidden !important;
		display: none !important;
	}
}
.divider.divider {
	margin-left: 15px;
}

/****************************
8. share buttons mobile begin
*****************************/

.slider-down-arrow {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 4s;
  -webkit-animation-iteration-count: infinite;
}


.share-buttons {
	z-index: 90;
	position: relative;
	width: 300px;
	/* 250 orig*/
	margin: 0 auto;
	margin-top: -16px;
}

.share-buttons_lists {
	text-align: center;
	z-index: 90;
	position: relative;
	width: 100%;
	/* 250 orig*/
	margin: 0 auto;
	margin-top: 12px;

}
.share-buttons-tag {
	z-index: 90;
	position: relative;
	width: auto;
	/* 250 orig*/
	margin: 0 auto;
	margin-top: -5px;
	border-radius: 20px !important;
}
.btnz {
	display: block;
	float: left;
	padding: 2px 8px;
	border: none;
	background-color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
	border: 3px solid white;
	width: 50px;
	text-align: center;

}
.btnz-lists {
	display: block;
	float: left;
	padding: 2px 8px;
	border: none;
	background-color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	color: #FFF;
	margin: 3px;
	width: 22%;
	text-align: center;
}
.btnz-tag {
	display: block;
	float: left;
	padding: 2px 8px;
	border: none;
	background-color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
	border: 0px solid white;
	width: 80px;
	text-align: center;
}
.btnz:hover {
	color: #efefef;
}
.btnz-tag:hover {
	color: #efefef;
}
.facebook {
	background-color: #3b5998;
}
.facebook:hover {
	background-color: #50b0ff;
}
.gplus {
	background-color: #dd4b39;
}
.gplus:hover {
	background-color: #ff7b34;
}
.twitter {
	background-color: #55acee;
}
.twitter:hover {
	background-color: #b7deff;
}
.pinterest {
	background-color: #bd081c;
}
.pinterest:hover {
	background-color: #d2747f;
}
.instagram {
	background-color: #3f729b;
}
.instagram:hover {
	background-color: #7dc3fc;
}
.linkedin {
	background-color: #0077b5;
}
.linkedin:hover {
	background-color: #7bacc5;
}
.email {
	background-color: #323b43;
}
.email:hover {
	background-color: #717f8b;
}

/****************************
9. AJAX Search Pro
*****************************/


/* keyword suggestions (recherches fréquentes) style adjustments */

#asp-try-1_1, #asp-try-4_1 {
	color: white !important;
	margin-bottom: 0px;
}
#asp-try-1_1 a, #asp-try-4_1 a {
	color: #00aeef !important;
	padding-left: 5px;
	padding-right: 5px;
}
.asp_sett_scroll legend {
	color: #00aeef;
	font-weight: bold;
}
fieldset.asp_sett_scroll {
	content: '<legend>Recherche uniquement sur:</legend>'
}

/****************************
10. Front-donationblock	
*****************************/

@media only screen and (min-width: 480px) {
	img.donblock_img {
		opacity: 1;
		transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
	}
	.donblock:hover img.donblock_img {
		opacity: 0.6;
		transform: scale(1.5) rotate(-4deg);
	}
}
.introblock {
	margin-bottom: 50px;
	padding-left: 10px;
	padding-right: 10px;
}
.donblockrow {
	background-color: #ccebff;
}
.donblock-inner {
	margin: 1px;
	color: #00aeef;
	background-color: #ccebff;
}
.donblock-inner:hover {
	background-color: #61c0ff;
	color: #ffffff;
}
.donblockp {
	text-align: center;
	color: #666666;
}
.donblockp b {
	color: #00aeef;
}
.donblockh {
	text-align: center;
	min-height: 50px;
	color: #00aeef;
}

	.introtitle {
		text-align: center !important;
	}

@media only screen and (max-width: 480px) {
	.introblock {
		padding-top: 0px !important;
		margin-bottom: 00px;
	}
	/*.donblockp{
		font-size: 14px;
	}*/
	.introtitle {
		font-size: 20px;
		text-align: center !important;
	}
	.donblockh {
		min-height: 0px;
		margin-top: 5px;
		line-height: 16px;
	}
}

/* button colors*/

.smallblock_img {
	border-radius: 4px;
}

/* Bigblock */

h2.bigblock_headline {
	margin-top: 0px;
}

/* donation form validation error message*/

#donboxerrmsg {
	font-weight: bold;
}

/* Admin menu bar fix for Bootstrap nav 
.navbar-fixed-top { top: 0px; }
body.admin-bar .navbar-fixed-top { top: 28px !important; }




.searchwp-live-search-results{width:100% !important;}*/

.panel-donation {
	background: #ff6cae;
	color: white;
}











/****************************
10. Shortcode: finance examples	
*****************************/



@media only screen and (min-width: 480px) {
	.finexample {
		opacity: 1;
		transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-webkit-transition: all .4s ease-in-out;
	}
	.donblock:hover .finexample {
		opacity: 0.8;
		transform: scale(1.3);
	}
}






/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) {
	.menu_donationbutton {
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media only screen and (max-width: 960px) {
	#bigblock-carousel {
		margin-bottom: 25px;
	}
}
@media only screen and (max-width: 330px) {
	/* share buttons mobile */
	.btnz span {
		visibility: hidden;
	}
	.btnz {
		font-size: 15px;
		width: 35px !important;
		text-align: center;
	}
	.share-buttons {
		width: 210px !important;
	}
	/* share buttons mobile end */
	.btn-responsivefull {
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 10px;
		width: 100%;
	}
	.carousel-caption {
		display: none;
	}
}
img.full {
	width: 100%;
}
@media only screen and (min-width: 1200px) {
	/* ENTRY STYLING */
	/*
.entry-title, .entry-content{
	padding-left: 150px;
	padding-right: 150px;

	
}

*/
}

/* 4-Column Footer (Overrides default 3-column setup in Genesis, so that code must remain in place)
---------------------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
		width: 47.9166666666%;
		/* 552px / 1152px */
	}
	.footer-widgets-2 {
		float: right;
		margin: 0;
	}
}
@media only screen and (max-width: 480px) {
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
		width: 100%;
	}
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
		margin: 0;
	}
}
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4, .footer-widgets-5 {
	width: 18%;
	float: left;
	margin-left: 2.5%;
}
.footer-widgets-1 {
	margin-left: 0px;
}
@media only screen and (max-width: 767px) {
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4, .footer-widgets-5 {
		width: 100%;
		float: none;
		margin-left: 0;
	}
}

/* Styles for dialog window */

#unicef-splash {
	position: relative;
	width: auto;
	max-width: 900px;
	margin: 0px auto;
	min-height: 100%;
	border-radius: 4px;
}
.splash-inner {
	position: relative;
	z-index: 9999;
	padding: 20px;
	/*border: 8px solid #b20610;*/
	top: 0px;
	bottom: auto;
	color: #ffffff;
	min-height: 420px !important;
	background: linear-gradient( to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.splash-inner p {
	width: 50%;
	right: 0;
}
@media only screen and (max-width: 768px) {
	.splash-inner p {
		width: 100%;
		right: 0;
	}
}
p.slider-buttons {
	width: 100%;
}
.splash_bgimage {
	position: absolute;
}
.emergency-splash {
	/*border: 8px solid #b20610 !important;*/
}
.mfp-close {
	color: #ffffff !important;
	background-color: #00aeef;
	z-index: 9999 !important;
}

/**
 * Fade-zoom animation for first dialog
 */


/* start state */

.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

/* animate in */

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/* animate out */

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}

/* Dark overlay, start state */

.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

/* animate in */

.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}

/* animate out */

.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */


/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	-moz-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	-ms-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	-o-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
	transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
}

/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px) rotateX( 0);
	-moz-transform: translateY(0) perspective( 600px) rotateX( 0);
	-ms-transform: translateY(0) perspective( 600px) rotateX( 0);
	-o-transform: translateY(0) perspective( 600px) rotateX( 0);
	transform: translateY(0) perspective( 600px) rotateX( 0);
}

/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	-moz-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	-ms-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	-o-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
	transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
}

/* Dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.9;
}

/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Sticky Message
---------------------------------------------------------------------------------------------------- */

.sticky-message {
	bottom: 0px;
	background-color: #333;
	font-size: 16px;
	opacity: 0;
	padding-bottom: 20px;
	padding-top: 20px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 999;
}
.sticky-message {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.sticky-message.reveal {
	opacity: 1;
}
.sticky-message, .sticky-message a:hover, .sticky-message p {
	color: #fff;
}
.sticky-message a {
	color: #999;
}
.sticky-message p:last-child {
	margin-bottom: 0;
}

/*
 * Ajax Load More
 * http://wordpress.org/plugins/ajax-load-more/
 *
 * Copyright 2015 Connekt Media - http://connekthq.com
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Author: Darren Cooney
 * Twitter: @KaptonKaos
*/

.alm-layout a .details p {
	font-size: 18px !important;
	line-height: 29px !important;
}
.alm-load-more-btn {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	width: auto;
	height: 42px;
	line-height: 44px;
	background: #00aeef;
	color: #fff;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 4px;
	padding: 0 20px;
	display: inline-block;
	position: relative;
	-webkit-transition: padding 0.25s ease-in-out;
	-moz-transition: padding 0.25s ease-in-out;
	transition: padding 0.25s ease-in-out;
	text-align: center;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
.alm-load-more-btn:hover {
	background-color: #d34646;
	color: #fff;
	text-decoration: none;
}
.alm-load-more-btn:active {
	-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
	text-decoration: none;
}

/* Loading */

.alm-load-more-btn.loading {
	padding-left: 44px;
}

/* Loaded / Done */
/*
.alm-load-more-btn.done {
	cursor: default;
	opacity: 0.2;
	filter: alpha(opacity=20);
	background-color: #ed7070;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
*/
.alm-load-more-btn.done{
   display: none;
}

/* Loading Icon */

.alm-load-more-btn:before, button.alm-load-more-btn.done:before {
	background: none;
	width: 0;
}

/* Loading :before */

.alm-load-more-btn.loading:before {
	background: #fff url("/site-root/wp-content/themes/unicef/images/logo_anim.gif") no-repeat center center;
	width: 30px;
	height: 30px;
	margin: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	z-index: 0;
	content: '';
	position: absolute;
	left: 0;
	overflow: hidden;
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
}
.alm-btn-wrap {
	text-align: center;
	padding: 10px 10px 30px;
	overflow: hidden;
	display: block;
}

/* Blue */

.ajax-load-more-wrap.blue button.alm-load-more-btn {
	background-color: #00aeef;
}
.ajax-load-more-wrap.blue button.alm-load-more-btn:hover, .ajax-load-more-wrap.blue button.alm-load-more-btn.done {
	background-color: #00aeef;
}

/* green */

.ajax-load-more-wrap.green button.alm-load-more-btn {
	background-color: #98ca68;
}
.ajax-load-more-wrap.green button.alm-load-more-btn:hover, .ajax-load-more-wrap.green button.alm-load-more-btn.done {
	background-color: #98ca68;
}

/* red */

.ajax-load-more-wrap.red button.alm-load-more-btn {
	background-color: #ca4b4b;
}
.ajax-load-more-wrap.red button.alm-load-more-btn:hover, .ajax-load-more-wrap.red button.alm-load-more-btn.done {
	background-color: #b13b3b;
}

/* purple */

.ajax-load-more-wrap.purple button.alm-load-more-btn {
	background-color: #b369c8;
}
.ajax-load-more-wrap.purple button.alm-load-more-btn:hover, .ajax-load-more-wrap.purple button.alm-load-more-btn.done {
	background-color: #b369c8;
}

/* grey */

.ajax-load-more-wrap.grey button.alm-load-more-btn {
	background-color: #999;
}
.ajax-load-more-wrap.grey button.alm-load-more-btn:hover, .ajax-load-more-wrap.grey button.alm-load-more-btn.done {
	background-color: #666;
}

/* white */

.ajax-load-more-wrap.white button.alm-load-more-btn {
	background-color: #fff;
	color: #666;
	border: 1px solid #efefef;
}
.ajax-load-more-wrap.white button.alm-load-more-btn:hover, .ajax-load-more-wrap.white button.alm-load-more-btn.done {
	background-color: #efefef;
	color: #333;
}
.ajax-load-more-wrap.white button.alm-load-more-btn.done {
	border-color: #fff;
}

/*
*  Generic alm-listing styles
*  @since 1.0.0
*/


/*
.alm-listing{
	margin: 0;
	padding: 0;
}
	.alm-listing li{
		background: none;
		margin: 0 0 30px;
		padding: 0 0 0 170px;
		overflow: hidden;
		position: relative;
		list-style: none;
	}	
	.alm-listing li.no-img{ padding: 0; }		
	.alm-listing li a{
		color: #34383D;
	}
	.alm-listing li p{
		margin: 0;
	}
	.alm-listing li h3{
		margin: 0 0 10px;
	}
	.alm-listing li img{
		position: absolute;
		left: 0;
		top: 0;			
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}	
*/


/*reduce z-index for alm loading overlay in order to keep it belo the main-nav z-index */

.alm-paging-loading {
	z-index: 999 !important;
}
.alm-btn-wrap {
	padding-bottom: 0px !important;
}
.footer-widgets a {
	font-size: 16px;
}
.textwidget p {
	font-size: 16px;
}

/*	
	#ajax-load-more {
		background-image: url('/site-root/wp-content/themes/unicef/images/logo_anim.gif') !important ;
	}
	*/

#ajax-load-more {
	background-color: #fafafa !important;
}
.alm_appeal_entry .img-responsive {}
.alm_appeal_entry:hover .img-responsive {
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	opacity: 1 !important;
}
.alm_appeal_entry:hover .details .entry-domain-icon-appeal img {
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	opacity: 1 !important;
}
.alm-readmore {
	background-color: #fafafa;
	color: white;
	text-align: center;
	padding: 5px;
	border-radius: 0px 0px 4px 4px;
	border-bottom: 6px solid #00aeef;
}
.alm-readmore:hover {}



#custom-alm-loader{
   opacity: 0;
   display: none;
   width: 100%;
   padding: 50px;
   margin: 0 0 20px;
   background: #fff;
   border: 2px dashed #ccc;
   background: url("img/ajax-loader.gif") no-repeat center center;
   transition: all 0.1s ease;
}
   .alm-loading #custom-alm-loader{
      display: block;
      opacity: 1;
   }




/****************************
9. Donationgrid
*****************************/

#unicef_donationblock {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff9fe+67,ffffff+100&1+67,0+100 */
	background: -moz-linear-gradient(top, rgba(239, 249, 254, 1) 67%, rgba(255, 255, 255, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(239, 249, 254, 1) 67%, rgba(255, 255, 255, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(239, 249, 254, 1) 67%, rgba(255, 255, 255, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eff9fe', endColorstr='#00ffffff', GradientType=0);
	/* IE6-9 */
}
.appeal-list {
	border-radius: 0px 0px 4px 4px !important;
}

.event-list-item{
	background-color:#9fc54d;
	color:#ffffff !important;
	text-align: center;
}

.event-list-item:hover{
	background-color:#7c9c36 !important;

}

.donationmodule_paymenttype {
	z-index: 99;
	max-width: 800px;
	margin: 0 auto;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	margin-bottom: 30px;
}



.donationmodule-appealselect, .donationmodule-head {
	max-width: 800px;
	margin: 0 auto;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.donationmodule-top {
	z-index: 99;
	max-width: 800px;
	height: 110px;
	margin: 0 auto;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
#gridvalidation {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
	font-weight: bold;
	color: #ec008c;
	text-align: center;
}
.donationmodule-center {
	z-index: 99;
	margin: 0 auto;
	max-width: 800px;
	overflow: hidden;
	background-color: white;
	border-radius: 4px 4px 4px 4px;
	border-left: 1px solid #e6e9ed;
	border-top: 1px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-right: 1px solid #e6e9ed;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.donationmodule-footer, .donationmodule-footer-pledge {
	margin: 0 auto;
	margin-top: 30px;
	max-width: 600px !important;
	height: auto;
}

.pledge_signbutton{
	margin-top: 10px !important;
	border-radius: 4px 4px 4px 4px;
	border-left: 1px solid #e6e9ed !important;
	border-top: 1px solid #e6e9ed !important;
	border-bottom: 1px solid #e6e9ed !important;
	border-right: 1px solid #e6e9ed !important;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	max-width: 370px !important;
	
}

.donationmodule-info {
	margin: 0 auto;
	margin-top: 30px;
	max-width: 600px;
	height: auto;
	font-size: 14px;
	text-align: center;
}
.appealselectbutton, .appealselectbutton-digicash {
	float: left;
	width: 100%;
	min-height: 50px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	background-color: white;
	color: #00aeef;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	border-radius: 5px 5px 5px 5px;
	border-left: 1px solid #e6e9ed;
	border-top: 1px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-right: 0px solid #e6e9ed;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
	padding: 5px 10px 0px 10px;
}
.appealselectbutton h3{
	margin: 0px 0px 10px 0px;
	text-align: center;
}
/********/
#revealappeals, #revealappeals-digicash
{
	border: 0px !important;
	border-radius: 0px 4px 4px 0px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

.donationmodule-top-step
{
	float:left;
	border-radius: 4px 0px 0px 4px !important;
	border-left: 0px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 0px solid #e6e9ed;
	border-right: 1px solid #e6e9ed;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background-color: white;
	color: #00aeef;
	overflow: hidden;

}



.donationmodule-top-grid{
	float:right;
	margin-right: 0px;
	padding: 0px;
}
.donationstep {
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	width: 28px;
	height: 28px;
	padding: 0px;
	
	background: #ec008c;
	color: #ffffff;;
	text-align: center;
	
	font: 12px;
	/*center div vertically and horizontally */
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}



.stepconnection{
	width:100%;
	max-width: 800px;
	margin: 0 auto;
	height:30px !important;
	z-index: 50;
}

.connection-dots:after {
	border-left: 2px dotted #ec008c;
	bottom: -100px;
	content: '';
	left: 50%;
	position: absolute;
	top: 0px;
	width: 1px;
	
}


@media only screen and (max-width: 480px) {
	.donationstep {
		padding: 0px;
		
		background: #ec008c;
		color: #ffffff;
		text-align: center;
		
		font: 12px;

	}
	.donationmodule-top-step
	{
	background-color: #ec008c;
	color: #ffffff;
	

	}
}


.payment_choices {
	float: left;
	width: 33.3333333%;
	min-height: 50px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background-color: white;
	color: #00aeef;
}
.payment_choice1 {
	border-radius: 4px 0px 0px 4px;
	border-left: 0px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-right: 0px solid #e6e9ed;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
.payment_choice2 {
	border-radius: 0px;
	border-left: 1px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-right: 1px solid #e6e9ed;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
.payment_choice3 {
	border-radius: 0px 4px 4px 0px;
	border-left: 0px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-right: 0px solid #e6e9ed;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}





.gridvalue {
	float: left;
	width: 33.3333333%;
	min-height: 50px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background-color: white;
	color: #00aeef;
}
.gridvalue1 {
	border-radius: 0px 0px 0px 0px;
	border-left: 0px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-right: 0px solid #e6e9ed;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
.gridvalue2 {
	border-radius: 0px;
	border-left: 1px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-right: 1px solid #e6e9ed;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
.gridvalue3 {
	border-radius: 0px 4px 0px 0px;
	border-left: 0px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-right: 0px solid #e6e9ed;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
.valueinput {
	height: 60px;
	text-align: center;
	line-height: 50px;
	width: 99.999%;
	float: left;
	background-color: white;
	border-radius: 0px 0px 4px 0px;
	border-left: 0px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 0px solid #e6e9ed;
	border-right: 0px solid #e6e9ed;
}
input.gridvalue4 {
	font-weight: bold;
	text-align: right;
	height: 30px;
	font-size: 18px !important;
	/* needs to be 1px smaller due to iOS bug */
	background-color: transparent;
	width: 100px;
	line-height: 30px;
	border: 0px;
	color: #00aeef;
	border-bottom: 1px solid #00aeef;
	border-radius: 0px 0px 0px 0px;
		padding:0px !important;

}


/**********/

.gridvalue {
	float: left;
	width: 33.3333333%;
	min-height: 50px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background-color: white;
	color: #00aeef;
}
.gridvalue1 {
	border-radius: 0px;
	border-left: 0px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-right: 0px solid #e6e9ed;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
.gridvalue2 {
	border-radius: 0px;
	border-left: 1px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-right: 1px solid #e6e9ed;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
.gridvalue3 {
	border-radius: 0px 4px 0px 0px;
	border-left: 0px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-right: 0px solid #e6e9ed;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
		margin-right: -1px;

}
.valueinput {
	height: 60px;
	text-align: center;
	line-height: 50px;
	width: 99.999%;
	float: left;
	background-color: white;
	border-radius: 0px 0px 4px 4px;
	border-left: 0px solid #e6e9ed;
	border-top: 0px solid #e6e9ed;
	border-bottom: 0px solid #e6e9ed;
	border-right: 0px solid #e6e9ed;
}
input.gridvalue4 {
	font-weight: bold;
	text-align: right;
	height: 30px;
	font-size: 18px !important;
	/* needs to be 1px smaller due to iOS bug */
	background-color: transparent;
	width: 100px;
	line-height: 30px;
	border: 0px;
	color: #00aeef;
	border-bottom: 1px solid #00aeef;
	border-radius: 0px 0px 0px 0px;
		padding:0px !important;

}




.validation_value {
	font-weight: bold;
}







.donationmethod_onlypledge {
	text-align: center;
	background-color: #00aeef;
	color: #ffffff;
	height: auto;
	line-height: 18px;
}

.donationmodule-center_onlypledge{
	

}

.donationmethod .tab-content,  .donationmethod_onlypledge .tab-content,{
	padding: 0px;
}
.method-oneoff {
	padding: 20px 20px 0px 20px;
}
.method-pledge, .method-pledge_onlypledge {
	padding: 20px 20px 0px 20px;
	border-radius: 0px 4px 4px 0px
}

.donationmethod {
	text-align: center;
	background-color: white;
	color: #00aeef;
	height: auto;
	line-height: 18px;
}
.donationmethod .tab-content {
	padding: 0px;
}
.method-oneoff {
}
.method-pledge {
	padding: 20px 20px 0px 20px;
	border-left: 1px solid #e6e9ed;

}
.oneoffmethodicon {
	margin: 10px;
	height: 75px;
}
.oneoffmethodicon-inactive {
	margin: 10px;
	height: 75px;
	background: url("/site-root/wp-content/themes/unicef/images/donationgrid/oneoff_blue.png") no-repeat center;
}
@media only screen and (min-width: 768px) {
	.donationmethod:hover .oneoffmethodicon {
		background: url("/site-root/wp-content/themes/unicef/images/donationgrid/oneoff_white.png")no-repeat center;
	}
}
.oneoffmethodicon-active {
	background: url("/site-root/wp-content/themes/unicef/images/donationgrid/oneoff_white.png") no-repeat center !important;
}
.pledgemethodicon {
	margin: 10px;
	height: 75px;
}
.pledgemethodicon-inactive {
	margin: 10px;
	height: 75px;
	background: url("/site-root/wp-content/themes/unicef/images/donationgrid/pledge_blue.png") no-repeat center;
}
@media only screen and (min-width: 768px) {
	.donationmethod:hover .pledgemethodicon {
		background: url("/site-root/wp-content/themes/unicef/images/donationgrid/pledge_white.png") no-repeat center;
	}
}
.pledgemethodicon-active {
	background: url("/site-root/wp-content/themes/unicef/images/donationgrid/pledge_white.png") no-repeat center !important;
}
p.donexample-domain {
	display: block;
	margin: auto;
	font-size: 14px;
	line-height: 16px;
	color: inherit;
}
p.donexample {
	color: inherit;
	min-height: 70px;
	margin: 0px;
}
.validate {
	text-align: center;
	line-height: 50px;
	width: 99.999%;
	float: left;
	background-color: white;
	border-radius: 5px 5px 5px 5px;

	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
@media only screen and (max-width: 768px) {
	.donationmodule-center {
		margin-left: 15px !important;
		margin-right: 15px;
	}

	p.donexample {
		min-height: 0px;
		font-size: 14px;
	}
}
.appeal-list a, li.list-appeal-domain {
	padding: 5px 10px 5px 10px
}
.appeal-list a:hover {
	cursor: pointer;
}
@media only screen and (min-width: 768px) {
	.donationmethod:hover p.donexample, .donationmethod:hover p.donexample-domain, .payment_choices:hover {
		color: white;
	}
}
@media only screen and (min-width: 768px) {
	.gridvalue:hover, .donationmethod:hover, .appealselectbutton:hover, .payment_choices:hover {
		cursor: pointer;
		background: #00aeef;
		/* Old browsers */
		color: white;
		transition-delay: 0s;
		transition-duration: 0.3s;
		transition-property: all;
		transition-timing-function: ease;
	}
}
.validate:hover {
	background: #ef58b3;
	/* Old browsers */
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
.validate:active {
	background: #ff8cd1;
	/* Old browsers */
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
.gridvalue:active, .donationmethod:active, .payment_choices:active{
	background: #abe1fa;
	/* Old browsers */
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
.gridvalue-active, .donationmethod-active, .payment_choices-active {
	background: #00aeef;
	/* Old browsers */
	color: white !important;
	border-bottom-color: #ffffff;
}
.gridvalue-blink, .donationmethod-blink {
	background: #ec008c;
	/* Old browsers */
	color: white !important;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
.validate {
	background: #ec008c;
	/* Old browsers */
	color: #ffffff;
}
.progress-bar-success {
	background-color: #ec008c;
	-webkit-animation-direction: reverse !important;
	/* Chrome, Safari, Opera */
	animation-direction: reverse !important;
}







@media only screen and (max-width: 768px) {
	.form_examplebox {
		margin-bottom: 15px !important;
	}
	
}




.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	background-color: #00aeef !important;
}





.innergallery {
	margin: 40px 0px 40px 0px;
	position: relative;
	background: #ccebff;
	text-align: center;
	width: 100vw;
	left: calc(-50vw + 50%);

}


.innergallery-pullout {
	margin: 40px -100px 40px -100px;
	position: relative;
	background: #ccebff;
	text-align: center;


}


#unicef_bigblock {
	/* Set our transitions up. */
	transition: all 5s;
	background: #e5feff;
	overflow: hidden;
	/* // "height: 0" not work with css transitions*/
	height: 0;
}
.myimage {
	border: 0px solid #fff;
	border-radius: 5px;
	display: table;
	position: relative;
	margin: 0 auto;
}

.myimage .hovered {
	display: table-cell;
	width: 100%;
	height: 150px;
	border-radius: 4px;
	padding: 5px 0px 0px 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 70%;
	z-index: 9999;
	margin: 0 auto;
	transition: top .5s, opacity .5s ease-in-out;
	-webkit-transition: top .5s, opacity .5s ease-in-out;
	-moz-transition: top .5s, opacity .5s ease-in-out;
}
.myimage:hover .post-image {
	filter: alpha(opacity=60);
	opacity: 1;
	transition: top .5s, opacity .5s ease-in-out;
	-webkit-transition: top .5s, opacity .5s ease-in-out;
	-moz-transition: top .5s, opacity .5s ease-in-out;
}
.myimage:hover .hovered {
	top: 75%;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer;
	transition: top .5s, opacity .3s ease-in-out;
	-webkit-transition: top .5s, opacity .3s ease-in-out;
	-moz-transition: top .5s, opacity .3s ease-in-out;
}
.myimage img {
	width: 100%;
	position: relative;
	left: 0;
	opacity: 1;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.myimage img.bottom {
	position: absolute;
}
.myimage:hover img.top {
	opacity: 0;
}
.featured-article {
	padding: 0px !important;
	background: linear-gradient(45deg, #00aeef 30%, #ff6700 100%);
	min-height: 350px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.37);
}
.front_shortnews {
	min-height: 100px !important;
	max-height: 100px !important;
}

/*.featured-article:first-child h3{
    font-size: 50px;  
}*/

.featured-article:nth-child(2) {
	background: linear-gradient(45deg, #ff00c8 0%, #00aeef 86.75%);
}
.featured-article:nth-child(3) {
	background: linear-gradient(45deg, rgb(0, 226, 255), rgb(250, 96, 42));
}
.featured-article:nth-child(4) {
	background: linear-gradient(45deg, rgb(158, 12, 128), rgb(252, 180, 0));
}
.featured-article>a {
	display: block;
	text-decoration: none;
	position: relative;
	padding: 30px;
	color: #ffffff;
	height: 100%;
	text-shadow: 1px 1px 1px rgb(51, 51, 51);
}
.featured-article h3, .comments, .meta {
	position: relative;
	z-index: 1;
}
.featured-article h3 {
	text-shadow: 1px 1px 1px rgb(51, 51, 51);
	font-size: 2.2em;
	line-height: 1;
	margin: 10px;
	margin-bottom: 20px;
	font-weight: 400;
}
.featured-article p {
	margin: 10px;
	margin-bottom: 20px;
}
.featured-article>a:hover .thumbnail {
	opacity: 0.2;
}
.featured-article .thumbnail {
	border-radius: 0px !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0.6;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	min-height: 350px;
	/*  box-shadow: inset 10px -10px 25px rgba(0, 0, 0, 0.9), inset -10px 10px 25px rgba(0, 0, 0, 0.9);*/
}
@media only screen and (max-width: 960px) {
	.featured-article {
		min-height: 200px;
	}
	.featured-article .thumbnail {
		min-height: 200px;
		/*  box-shadow: inset 10px -10px 25px rgba(0, 0, 0, 0.9), inset -10px 10px 25px rgba(0, 0, 0, 0.9);*/
	}
}

/*****************
Filetype Icons
******************/

span.download-link:before {
	content: url('/site-root/wp-content/themes/unicef/images/filetypes/file.png');
	margin-right: 6px;
	vertical-align: middle;
}
span.download-link[data-file$='.pdf']:before {
	background-image: url('/site-root/wp-content/themes/unicef/images/filetypes/acrobat.png');
	background-size: 36px 36px;
	display: inline-block;
	width: 36px;
	height: 36px;
	content: "";
}
span.download-link[data-file$='.zip']:before {
	background-image: url('/site-root/wp-content/themes/unicef/images/filetypes/archive.png');
	background-size: 36px 36px;
	display: inline-block;
	width: 36px;
	height: 36px;
	content: "";
}
span.download-link[data-file$='.doc']:before, span.download-link[data-file$='.rtf']:before, span.download-link[data-file$='.txt']:before {
	background-image: url('/site-root/wp-content/themes/unicef/images/filetypes/ttf.png');
	background-size: 36px 36px;
	display: inline-block;
	width: 36px;
	height: 36px;
	content: "";
}
span.download-link[data-file$='.docx']:before {
	background-image: url('/site-root/wp-content/themes/unicef/images/filetypes/word.png');
	background-size: 36px 36px;
	display: inline-block;
	width: 36px;
	height: 36px;
	content: "";
}
span.download-link[data-file$='.xls']:before, span.download-link[data-file$='.xlsx']:before {
	background-image: url('/site-root/wp-content/themes/unicef/images/filetypes/excel.png');
	background-size: 36px 36px;
	display: inline-block;
	width: 36px;
	height: 36px;
	content: "";
}

/* *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } // required */

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	max-height: 360px;

}

/* Common style */

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 0;
	max-height: 360px;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px 0px;
	border-radius: 4px;
}
.grid figure img {
	position: relative;
	display: block;
	max-height: 360px;
	max-width: 100%;
	opacity: 1;
	object-fit: cover;
	border-radius: 0px !important;
	border-radius: 4px;
}
.grid figure .gradient {
	z-index: 10;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+46,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.65) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.65) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.65) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	/* IE6-9 */
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before, .grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption, .grid figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */

.grid figure figcaption>a {
	z-index: 899;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figcaption h2 {

	-webkit-font-smoothing: subpixel-antialiased !important;

}

.grid figure h2 {
	z-index: 15;
	font-size: 1em;
	/*word-spacing: -0.15em;*/
	font-weight: 500;
}
.grid figure h2 span {
	font-weight: 800;
}
.grid figure h2, .grid figure p {
	margin: 0;
}
.grid figure p {
	text-align: left !important;
	letter-spacing: 1px;
	font-size: 68.5%;
		-webkit-font-smoothing:  antialiased !important;

	

}

/*-----------------*/


/***** headboxes *****/


/*-----------------*/

figure.effect-headboxes {
	background: #00aeef;
	-webkit-font-smoothing: subpixel-antialiased !important;
}
figure.effect-headboxes img, figure.effect-headboxes h2, figure.effect-headboxes .gradient {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-headboxes img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-headboxes h2, figure.effect-headboxes p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;


}
figure.effect-headboxes p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
@media only screen and (min-width: 970px) {
	/*-----------------*/
	/***** effects *****/
	/*-----------------*/
	figure.effect-headboxes:hover img {
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	figure.effect-headboxes:hover .gradient {
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	figure.effect-headboxes:hover h2 {
		-webkit-transform: translate3d(0, -100px, 0);
		transform: translate3d(0, -100px, 0);
	}
	figure.effect-headboxes:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*-----------------*/


/***** appealboxes *****/


/*-----------------*/

figure.effect-appealboxes {
	background: #00aeef;
}
figure.effect-appealboxes img, figure.effect-appealboxes h2, figure.effect-appealboxes .gradient {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-appealboxes img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-appealboxes h2, figure.effect-appealboxes p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
}
figure.effect-appealboxes p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
@media only screen and (min-width: 970px) {
	/*-----------------*/
	/***** effects *****/
	/*-----------------*/
	figure.effect-appealboxes:hover img {
		-webkit-transform: translate3d(0, -120px, 0);
		transform: translate3d(0, -120px, 0);
	}
	figure.effect-appealboxes:hover .gradient {
		-webkit-transform: translate3d(0, -120px, 0);
		transform: translate3d(0, -120px, 0);
	}
	figure.effect-appealboxes:hover h2 {
		-webkit-transform: translate3d(0, -150px, 0);
		transform: translate3d(0, -150px, 0);
	}
	figure.effect-appealboxes:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*-----------------*/


/***** activityboxes *****/


/*-----------------*/

figure.effect-activityboxes {
	background: #00aeef;
}
figure.effect-activityboxes img, figure.effect-activityboxes h2, figure.effect-activityboxes .gradient {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-activityboxes img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-activityboxes h2, figure.effect-activityboxes p {
	position: absolute;
	bottom: 0;
	text-align: center;
}
figure.effect-activityboxes p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
@media only screen and (min-width: 970px) {
	/*-----------------*/
	/***** effects *****/
	/*-----------------*/
	figure.effect-activityboxes:hover img {
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	figure.effect-activityboxes:hover .gradient {
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	figure.effect-activityboxes:hover h2 {
		-webkit-transform: translate3d(0, -100px, 0);
		transform: translate3d(0, -100px, 0);
	}
	figure.effect-activityboxes:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*-----------------*/


/***** docs *****/


/*-----------------*/

figure.effect-docs {
	background: #00aeef;
}
figure.effect-docs img, figure.effect-docs h2, figure.effect-docs .gradient {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-docs img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-docs h2, figure.effect-docs p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
}
@media only screen and (min-width: 970px) {
	figure.effect-docs p {
		text-transform: none;
		font-size: 90%;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}
	figure.effect-docs:hover img {
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	figure.effect-docs:hover .gradient {
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	figure.effect-docs:hover h2 {
		-webkit-transform: translate3d(0, -100px, 0);
		transform: translate3d(0, -100px, 0);
	}
	figure.effect-docs:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*-----------------*/


/***** staffboxes *****/


/*-----------------*/

figure.effect-staffboxes {
	background: transparent;
}
figure.effect-staffboxes img, figure.effect-staffboxes h2, figure.effect-staffboxes .gradient {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-staffboxes img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-staffboxes h2, figure.effect-staffboxes p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
}
figure.effect-staffboxes p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
@media only screen and (min-width: 970px) {
	/*-----------------*/
	/***** effects *****/
	/*-----------------*/
	figure.effect-staffboxes:hover img {
		-webkit-transform: translate3d(0, -120px, 0);
		transform: translate3d(0, -120px, 0);
	}
	figure.effect-staffboxes:hover .gradient {
		-webkit-transform: translate3d(0, -120px, 0);
		transform: translate3d(0, -120px, 0);
	}
	figure.effect-staffboxes:hover h2 {
		-webkit-transform: translate3d(0, -150px, 0);
		transform: translate3d(0, -150px, 0);
	}
	figure.effect-staffboxes:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*-----------------*/


/***** Appeal update styles *****/


/*-----------------*/

.appeal_updates_date {
	display: block;
	font-size: .75em;
	padding: 2px 0;
}
.appeal_updates ul {
	margin: 32px 0 0;
	padding: 0 0 16px 24px;
	position: relative
}
.appeal_updates_url {
	padding-bottom: 32px;
	position: relative
}
.appeal_updates_url:before {
	background-color: #00aeef;
	border-radius: 100%;
	content: '';
	height: 15px;
	left: -23px;
	position: absolute;
	top: 5px;
	width: 15px;
	z-index: 1
}
.appeal_updates_url:after {
	border-left: 1px dotted #b1b1b1;
	bottom: -5px;
	content: '';
	left: -16px;
	position: absolute;
	top: 5px;
	width: 1px
}
.appeal_updates_url:last-of-type {
	padding-bottom: 0
}
.appeal_updates_url:last-of-type:after {
	display: none
}











.polaroid {
  position: relative;
  width: 220px;
}

.polaroid img {
  border: 10px solid #fff;
  border-bottom: 45px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #777;
     -moz-box-shadow: 3px 3px 3px #777;
          box-shadow: 3px 3px 3px #777;
}

.polaroid p {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0px;
  font: 400 18px/1 'Kaushan Script', cursive;
  color: #888;
}





#donationprogress {
  padding: 20px 20px 5px 20px;
  width: 100%;
  height: auto;
  position: relative;
  	text-align: center;

}

.progressbar-text{
	margin-top: 8px !important;
	font-size: 26px !important;
	line-height: 24px;
	text-align: center;
}



@media only screen and (max-width: 768px) {
	
	#donationprogress {
  padding: 20px 20px 5px 20px;
  width: 50%;
  height: auto;
  position: relative;
  
}
	
	.progressbar-text{
		font-size: 30px !important;
	}
	.fundraise_complete{
		visibility: hidden;
		display: none;
	}
}





/*******************
	LISTS
********************/

#listbox {
	margin-top: -100px;
}


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

	#listbox {
		margin-top: -40px;
	}
}





/*******************
	simple slider (i.e. 1000day slider)
********************/








/*! =======================================================
                      VERSION  9.7.3              
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
  *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2017 Kyle Kemp, Rohit Kalkur, and contributors
 * 
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 15px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -3px;
}
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}
.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}
.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}
.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-top: -10px;
}
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  border-right-color: #0480be;
  margin-left: 0;
  margin-right: 0;
}
.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}
.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%;
}
.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0;
}
.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0;
}
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
  padding-left: initial;
  padding-right: 4px;
}
.slider.slider-disabled .slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.slider.slider-disabled .slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
  cursor: not-allowed;
}
.slider input {
  display: none;
}
.slider .tooltip.top {
  margin-top: -36px;
}
.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}
.slider .hide {
  display: none;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
}
.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  background-color: #00aeef;
  background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  border: 0px solid transparent;
  cursor: pointer !important;
}

.slider-handle:hover {

  background-color: #74beff;
  background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

}
.slider-handle.round {
  border-radius: 50%;
}
.slider-handle.triangle {
  background: transparent none;
}
.slider-handle.custom {
  background: transparent none;
}
.slider-handle.custom::before {
  line-height: 30px;
  font-size: 30px;
  content: '\2605';
  color: #726204;
}
.slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}
.slider-tick.round {
  border-radius: 50%;
}
.slider-tick.triangle {
  background: transparent none;
}
.slider-tick.custom {
  background: transparent none;
}
.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
  opacity: 1;
}




.breadcrumb{
	color:#666;
	font-size:14px;
	text-align:left;
	padding:5px 15px;
	margin:0 auto;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    margin-bottom: 20px;
}

.breadcrumb a:hover{
	color:#00739d;

}



/***** MODAL PROPERTIES *****/
 .kl.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:transparent;
    border:none;
    outline:none;
}
 .kl.modal-content iframe {
    border:none;
    padding:0;
    margin:0;
}
 .kl.close {
    font-size: 80px;
    margin:-20px 0 0 0;
}
/***** MEDIA QUERIES *****/
 @media only screen and (max-width: 641px) {
    /***** MODAL PROPERTIES *****/
    .modal-body {
        height:100px;
        padding:0;
        margin: 0;
    }
    .modal-content {
        padding:0;
        margin: 0;
    }
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 15px;
    }
    .close {
        margin:-12px 0 0 0;
    }
}
@media only screen and (min-width: 768px) {
    /***** MODAL PROPERTIES *****/
    .close {
        font-size: 80px;
        margin:30px -43px -20px 100px;
    }
}



.kl-list{
	
}

.kl-list:hover{
	color: #666666 !important;
}






.landingpage_header{
	position: absolute;
	z-index: 999;
	width:100%;
	padding-left: 20%;
	margin-top: 20px;
		
}
.landingpage_headerlogo{
	
	
}

.landingpage_headerbacklink{
	
	
}


.sky {
  height: 100%;
  background: none repeat scroll 0 0 #34283F;
  color: #FFF;
  padding: 12px;
  font-family: Helvetica;
  display: block;
}



.price-title{
	background-color: #00aeef !important; 
}