@media screen and (max-device-width: 480px){
    body{
        -webkit-text-size-adjust: none;
    }
}

body
{
    margin:0px;
    padding:0px;
    overflow-x:hidden;
    position: relative;
    min-width:320px !important;
	line-height:1;
}

html
{
    margin:0px;
    padding:0px;
    overflow-x:hidden;
    position: relative;
    min-width:320px !important;
}

.clear
{
	float:left;
	width:100%;
	clear:both;
}

#no-padding-top
{
	padding-top:0px;
}

#no-padding-bottom
{
	padding-bottom:0px;
}

#mobile .mobile-hide
{
	display:none;
}

#tablet .tablet-hide
{
	display:none;
}

#desktop .desktop-hide
{
	display:none;
}

#current-positions
{
	float:left;
	width:100%;
	margin-top:-40px;
	margin-bottom:25px;
}

.application-form
{
	float:left;
	margin-bottom:25px;
	margin-top:-12px;
	width:100%;
}

#mobile .application-form
{
	margin-bottom:0px;
	margin-top:35px;
}

.application-form-last
{
	margin-bottom:-25px !important;
}

.device-wrapper
{
	
}

.page-content
{
    float:left;
    width:100%;
    margin-top:0px;
	background-color:#ffffff;
	z-index:1;
	position:relative;
}

/**HEADER**/

.header
{
	width:100%;
	float:left;
}

.header-top
{
	width:100%;
	float:left;
	height:84px;
}

.header-top-inner
{
	float:left;
	width:100%;
}

.header-logo
{
	float:left;
	width:200px;
	height:28px;
	margin-left:2%;
	margin-top:25px;
}

#mobile .header-logo
{
	width:100%;
	margin-left:0px;
	text-align:center;
}

#tablet .header-logo
{
	width:100%;
	margin-left:0px;
	text-align:center;
}

.mobile-header-button
{
	position:absolute;
	width:21px;
	height:21px;
	background-image:url("../images/mobile-header-button.png");
	background-position:center;
	background-repeat:no-repeat;
	margin-top:8px;
	margin-left:2%;
	cursor:pointer;
}

#desktop .mobile-header-button, #tablet .mobile-header-button
{
	display:none;
}

.social-container
{
	position:fixed;
	right:0px;
	top:150px;
	width:40px;
	z-index:100;
}

#tablet .social-container
{
	position:absolute;
	width:35px;
}

#mobile .social-container
{
	display:none;
}

.social-icon
{
	float:left;
	width:40px;
	height:40px;
	margin-top:5px;
	background-size:22px 22px;
	background-position:center;
	background-repeat:no-repeat;
}

#tablet .social-icon
{
	width:35px;
	height:35px;
	margin-top:5px;
	background-size:20px 20px;
}

.footer .social-icon
{
	width:20px;
	height:20px;
	background-size:20px 20px;
	margin-top:0px;
	margin-right:10px;
	background-color:transparent !important;
	opacity:0.6;
}

.footer .social-icon:hover
{
	opacity:1;
}

#mobile .social-icon
{
	border-radius:20px;
	background-size:20px 20px;
	margin:5px;
}

#social-facebook
{
	background-color:#3b5998;
	background-image:url('../images/social/facebook.png');
}

#social-twitter
{
	background-color:#55acee;
	background-image:url('../images/social/twitter.png');
}

#social-medium
{
	background-color:#02B875;
	background-image:url('../images/social/medium.png');
}

#social-instagram
{
	background-color:#444444;
	background-image:url('../images/social/instagram.png');
}

#social-linkedin
{
	background-color:#007bb5;
	background-image:url('../images/social/linkedin.png');
}

#social-youtube
{
	background-color:#bb0000;
	background-image:url('../images/social/youtube.png');
}

.header-language-container
{
	float:right;
	margin-right:312px;
	margin-top:-53px;
}

#tablet .header-language-container
{
	margin-right:285px;
}

#mobile .header-language-container
{
	display:none;
}

.footer-language-container
{
	float:left;
	margin-top:-15px;
	width:100%;
	background-color:#353332;
}

#desktop .footer-language-container, #tablet .footer-language-container
{
	display:none;
}

.header-language, .footer-language, .header-language-button
{
	float:left;
	border:1px solid #e4e2de;
	background-color:#ffffff;
	font-family: 'Noto Sans', sans-serif;
	font-weight:400;
	color:#000000;
	height:30px;
	width:125px;
	padding-left:35px;
	margin-top:28px;
	font-size:0.75em;
}

.header-language-button
{
	line-height:28px;
	width:auto;
	height:28px;
	cursor:pointer;
	background-size:23px 15px;
	background-position:8px center;
	background-repeat:no-repeat;
	padding-right:20px;
	padding-left:38px;
}

#tablet .header-language-button
{
	display:none;
}

.header-language-button-eng
{
	background-image:url("../images/eng.png");
	margin-right:10px;
}

.header-language-button-cn
{
	background-image:url("../images/cn.png");
}

.header-language-button-active
{
	background-color:#F5F5F5;
}

.footer-language
{
	margin-top:0px;
	margin-bottom:42px;
}

.header-language-arrow, .footer-language-arrow
{
	background-color:#ffffff;
	width:35px;
	margin-left:-36px;
	height:28px;
	margin-top:29px;
	float:left;
	pointer-events:none;
	background-image:url('../images/content-form-arrow.png');
	background-size:auto 8px;
	background-position:center;
	background-repeat:no-repeat;
}

.header-language-flag, .footer-language-flag
{
	float:left;
	width:23px;
	height:15px;
	margin-top:36px;
	background-size:cover;
	margin-left:-116px;
}

.footer-language-flag
{
	margin-top:8px;
	margin-bottom:42px;
}

.header-language-flag-eng, .footer-language-flag-eng
{
	background-image:url("../images/eng.png");
}

.header-language-flag-cn, .footer-language-flag-cn
{
	background-image:url("../images/cn.png");
}

.footer-language-arrow
{
	margin-top:1px;
	margin-bottom:0px;
}

#desktop .header-language, #desktop .header-language-flag, #desktop .header-language-arrow
{
	display:none;
}

.header-bottom
{
	width:100%;
	float:left;
	height:49px;
	background-color:#4d4641;
}

.header-bottom-inner 
{
	width:100%;
	max-width:1170px;
	margin:auto;
}

.header-links
{
	margin-left:2%;
	margin-right:150px;
	float:right;
	min-width:950px;
}
/*	was min-width:650px; then it wrapped*/

#tablet .header-links
{
	margin-left:2%;
	margin-right:2%;
	text-align:center;
}

#mobile .header-bottom
{
	display:none;
}

.header-link
{
	float:left;
	height:49px;
	line-height:49px;
	color:#4d4641;
	font-family: 'Noto Sans', sans-serif;
	font-size:0.9em;
	text-align:center;
	padding-left:12px;
	padding-right:12px;
	margin-top:16px;
	letter-spacing: 1px;
}
/*text-transform:uppercase; font-size:0.9em;*/

.header-link:hover
{
	height:47px;
	border-bottom:2px solid #ffffff;
}

.header-link-active
{
	float:left;
	color:#4fae4b;
	height:45px;
	line-height:49px;
}

#tablet .header-link
{
	float:left;
	height:49px;
	line-height:49px;
	color:#4d4641;
	text-transform:uppercase;
	font-family: 'Noto Sans', sans-serif;
	font-size:0.8em;
	text-align:center;
	padding-left:12px;
	padding-right:12px;
	margin-top:21px;
	letter-spacing: 1px;
}

.header-button, .rotator-content-button, .home-project-box-button, .preview-news-box-button, .preview-blog-box-button, .story-box-button, .news-box-button, .blog-box-button, .image-content-button, .white-content-button, .grey-content-button, .location-box-button, .report-box-button, .contact-form-button, .innovate-form-button, .update-form-button, .newsletter-form-button, .popup-form-button, .content-form-button, .article-button-container a, .article-document p a, .re-button,.signup-newsletter input[type="submit"]
{
	position:absolute;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 900;
	float:right;
	text-transform:uppercase;
	height:39px;
	line-height:39px;
	padding-left:20px;
	padding-right:20px;
	font-size:0.79em;
	border:2px solid #4d4641;
	color:#4d4641;
	cursor:pointer;
	margin-top:21px;
	text-align:center;
}


.header-button
{
	right:2%;
	font-weight: 400;
	border: 0;
	color: #fff;
	background-color: red;
	letter-spacing: 1px;
	font-size: 0.9em;
	text-transform:none;
}
/*was font-size: 0.75em;*/

.header-button:hover
{
	color: #fff;
	text-decoration:underline;
}

.home-project-box-button:hover, .preview-news-box-button:hover, .preview-blog-box-button:hover, .story-box-button:hover, .white-content-button:hover, .article-button-container a:hover, .article-document p a:hover, .grey-content-button:hover, .news-box-button:hover, .blog-box-button:hover, .location-box-button:hover, .report-box-button:hover, .contact-form-button:hover, .innovate-form-button:hover, .update-form-button:hover, .newsletter-form-button:hover, .content-form-button:hover, .signup-newsletter input[type="submit"]:hover
{
	background-color:#F7F7F7;
}

.rotator-content-button:hover, .image-content-button:hover
{
	background-color:rgba(247,247,247,0.3);
}

.article-button-container a:hover, .article-document p a:hover
{
	text-decoration:none !important;
}

#mobile .header-button
{
	display:none;
}

/**ROTATOR**/

.rotator
{
    position:absolute;
    width:100%;
	height:600px;
    overflow:hidden;
	top:84px;
}

#tablet .rotator
{
	height:400px;
	top:130px;
}

#mobile .rotator
{
	top:84px;
	height:200px;
}

.rotator-image
{
    float:left;
    width:100%;
    height:600px;
    background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}





#rotator-image-home-1
{
	background-image:url('../images/rotator/archive/home-1.jpg');
}

#rotator-image-home-2
{
	background-image:url('../images/rotator/archive/home-2v5.jpg');
}

#rotator-image-home-3
{
	background-image:url('../images/rotator/archive/auction2000c.png');
}

#tablet .rotator-image
{
	height:400px;
}

#mobile .rotator-image
{
	height:200px;
}

.rotator-thumbs-container
{
    width:100%;
	position:absolute;
	z-index:100;
	height:14px;
	top:631px;
}

#tablet .rotator-thumbs-container
{
	top:480px;
}

#mobile .rotator-thumbs-container
{
	display:none;
}

.rotator-thumbs-container-inner
{
    width:100%;
	max-width:1170px;
	height:12px;
	margin:auto;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.rotator-thumb, .rotator-thumb-active
{
    float:left;
    height:12px;
    width:12px;
    margin-left:8px;
    cursor:pointer;
}

.rotator-thumb
{
    background-image:url("../images/rotator-inactive.png");
}

.rotator-thumb-active
{
    background-image:url("../images/rotator-active.png");
}

#rotator-thumb-1
{
	margin-left:0px;
}

.rotator-content
{
	float:left;
	width:100%;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
}

#desktop .rotator-content
{
	margin-top:100px;
}

.rotator-content-inner
{
	width:100%;
	max-width:1170px;
	margin:auto;
	position:relative;
}

.rotator-content-flag
{
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 600;
	font-size:0.75em;
	float:left;
	margin-left:2%;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#E62F35;
	height:32px;
	line-height:32px;
	padding-left:14px;
	padding-right:14px;
}

#mobile .rotator-content-flag
{
	opacity:0;
	height:1px;
	line-height:1px;
}

.rotator-content-title
{
	float:left;
	margin-left:2%;
	width:96%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:2.2em;
	line-height:43px;
	padding-bottom:22px;
	padding-top:16px;
	background-position:bottom center;
	background-repeat:no-repeat;
	color:#ffffff;
	text-shadow: 1px 1px #353332;
}

#mobile .rotator-content-title, #mobile .rotator-content-text
{
	pointer-events:none;
	z-index:100;
	position:relative;
}

.rotator-content-title-bold
{
   	font-weight: 800;
	text-transform:uppercase;
}

.rotator-content-title-green
{
   	font-weight: 800;
	text-transform:uppercase;
	border-bottom:2px solid #4FAE4B;
}

#desktop .rotator-content-dark
{
	margin-top:50px !important;
}

#tablet .rotator-content-dark .rotator-content-title
{
	margin-top:10px !important;
}

#desktop .rotator-content-dark .rotator-content-title, #tablet .rotator-content-dark .rotator-content-title
{
	color:#26211d;
	padding-bottom:0px;
	line-height:40px;
	width:100%;
	text-align:center;
	text-shadow:none;
	font-size:2em;
}

#mobile .rotator-content-dark .rotator-content-title
{
	margin-top:15px;
}

#mobile .rotator-content-title
{
	padding-top:0px;
	font-size:1.7em;
	line-height:30px;
	text-align:center;
}

.rotator-content-text
{
	float:left;
	margin-left:2%;
	width:96%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1em;
	line-height:20px;
	padding-bottom:22px;
	padding-top:5px;
	background-position:bottom center;
	background-repeat:no-repeat;
	color:#ffffff;
	text-shadow: 1px 1px #353332;
	font-weight:600;
	letter-spacing:0.5px;
}

#desktop .rotator-content-text span, #tablet .rotator-content-text span 
{
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	background:rgba(77,70,65,0.9);
	border:1px solid rgba(77,70,65,0.9);
}

#mobile .rotator-content-text
{
	font-size:0.9em;
	text-align:center;
	padding-bottom:0px;
}

.rotator-content-button
{
	float:left;
	position:relative;
	border:2px solid #ffffff;
	color:#ffffff;
	margin-left:2%;
	height:45px;
	line-height:45px;
	padding-left:40px;
	padding-right:40px;
	font-size:0.8em;
}

#desktop .rotator-content-button-dark, #tablet .rotator-content-button-dark
{
	border:2px solid #4d4641;
	color:#4d4641;
	background-color:rgba(255,255,255,0.8);
}

#desktop .rotator-content-button-grey, #tablet .rotator-content-button-grey
{
	border:2px solid #4d4641;
	color:#4d4641;
	background-color:rgba(255,255,255,0.8);
}

#mobile .rotator-content-button
{
	width:100%;
	height:200px;
	position:absolute;
	margin:0px;
	top:0px;
	left:0px;
	border:none;
	color:rgba(247,247,247,0.0);
}

#mobile .rotator-content-button-dark
{
	background-color:rgba(0,0,0,0.3);
}

.balloon-man
{
	position:absolute;
	float:left;
	width:90px;
	margin-left:325px;
	margin-top:185px;
	height:155px;
	background-image:url("../images/balloon-man.png");
	background-repeat:no-repeat;
	background-position:center right;
}

#tablet .balloon-man, #mobile .balloon-man
{
	display:none;
}

.summer-party
{
	z-index:-1;
	position:absolute;
	right:20px;
	background-image:url("../images/summer-party.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

#desktop .summer-party
{
	top:-81px;
	width:560px;
	height:560px;
}

#tablet .summer-party, #mobile .summer-party
{
	top:-12px;
	width:360px;
	height:360px;
}

#mobile .summer-party
{
	display:none;
}

.lovelock-flag
{
	display:none;
}

.rotator-ba
{
	position:absolute;
	width:300px;
	height:300px;
	right:2%;
	top:10px;
	background-position:top right;
	background-repeat:no-repeat;
	background-size:200px auto;
	background-image:url("../images/ba.png");
	z-index:-1;
}

#mobile .rotator-ba
{
	display:none;
}

.rotator-lovelocks
{
	float:left;
	width:150px;
	height:150px;
	margin-left:2%;
	margin-bottom:10px;
	background-size:cover;
	background-image:url("../images/lovelocks-circle.png");
	margin-top:10px;
}

#mobile .rotator-lovelocks
{
	width:100%;
	background-size:auto 50px;
	height:50px;
	background-repeat:no-repeat;
	background-position:center;
}

.rotator-oneworld
{
	position:absolute;
	bottom:50px;
	left:50px;
	width:75px;
	height:75px;
	background-size:cover;
	background-image:url("../images/rotator/archive/oneworld.png");
}

#tablet .rotator-oneworld
{
	bottom:20px;
	left:20px;
	width:50px;
	height:50px;
}

#mobile .rotator-oneworld
{
	display:none;
}

#desktop .rotator-content-title-lovelocks, #tablet .rotator-content-title-lovelocks
{
	width:auto;
	margin-left:20px;
}

#desktop .rotator-content-text-lovelocks, #tablet .rotator-content-text-lovelocks
{
	width:50%;
	margin-left:20px;
}

#desktop .lovelock-button, #tablet .lovelock-button
{
	margin-left:190px;
	clear:both;
}

#mobile .rotator-content-title-lovelocks
{
	padding-bottom:0px;
}

.rotator-home-text-outer
{
	margin:auto;
}

#desktop .rotator-home-text-outer
{
	width:700px;
}

#tablet .rotator-home-text-outer
{
	width:500px;
}

#mobile .rotator-home-text-outer
{
	width:300px;
}

.rotator-home-text
{
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}

#desktop .rotator-home-text 
{
	margin-top:-100px;
	width:700px;
	height:600px;
	background-size:700px auto;
}

#tablet .rotator-home-text 
{
	width:500px;
	height:400px;
	background-size:500px auto;
}

#mobile .rotator-home-text 
{
	width:300px;
	height:200px;
	background-size:300px auto;
}

#rotator-home-text-1
{
	background-image:url('../images/rotator/archive/home-text-1.png');
}

#rotator-home-text-2
{
	background-image:url('../images/rotator/archive/home-text-2.png');
}




.rotator-home-join
{
	position:absolute;
	right:0px;
}

#desktop .rotator-home-join
{
	bottom:150px;
	width:250px;
	height:80px;
}


#tablet .rotator-home-join
{
	bottom:95px;
	width:180px;
	height:50px;
}

#mobile .rotator-home-join
{
	bottom:40px;
	width:110px;
	height:25px;
}

/*NAVIGATION*/

.navigation
{
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	float:left;
	width:100%;
	margin-top:0px;
	font-size:0.95em;
	line-height:28px;
	text-align:center;
	color:#4d4641;
}

#mobile .navigation
{
	display:none;
}

.navigation-inner
{
	width:100%;
	max-width:1170px;
	margin:auto;
	padding-left:3%;
	padding-right:3%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.navigation a
{
	color:#4d4641;
	text-decoration:none;
}

.navigation a:hover
{
	color:#4d4641;
	border-bottom:2px solid #D9D9D9;
	padding-bottom:11px;
}

.navigation-active, .navigation-active:hover
{
	border-bottom:3px solid #4fae4b !important;
	padding-bottom:10px !important;
}

/*BREADCRUMBS*/

.breadcrumbs
{
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	float:left;
	width:100%;
	margin-top:0px;
	font-size:0.95em;
	line-height:28px;
	text-align:center;
	color:#4d4641;
}

#mobile .breadcrumbs
{
	display:none;
}

.breadcrumbs-inner
{
	width:100%;
	max-width:1170px;
	margin:auto;
	padding-left:3%;
	padding-right:3%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.breadcrumbs a
{
	color:#4d4641;
	text-decoration:none;
}

/*BANNERS*/

.banner
{
	float:left;
	width:100%;
	height:208px;
	background-color:#fbf9f8;
	font-family: 'Noto Sans', sans-serif;
}

#tablet .banner
{
	margin-top: 49px;
}

#mobile .banner
{
	border-bottom:none;
	margin-bottom:20px;
	height:120px;
	background-color:#353332;
}

.banner h1
{
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
	text-align:center;
	color:#4d4641;
	font-weight:700;
	font-size:2.5em;
	height:65px;
	line-height:65px;
	letter-spacing: 1px;
	margin-top:58px;
}
/*was text-transform:uppercase;*/

.banner .h1-navigation
{
	margin-top:49px;
}

#mobile .banner h1
{
	display:none;
	font-weight:300;
	color:#ffffff;
	font-size:2em;
	height:87px;
	line-height:87px;
	margin-top:18px;
}

.h1-mobile
{
	display:none;
}

#mobile .h1-mobile
{
	display:block !important;
}

.banner-line
{
	float:left;
	width:100%;
	height:1px;
	margin:auto;
	margin-top:15px;
}

#mobile .banner-line
{
	margin-top:0px;
}

.banner-line-inner
{
	width:87px;
	height:3px;
	background-color:#4fae4b;
	margin:auto;
}

#mobile .banner-line-inner
{
	display:none;
	height:1px;
	background-color:#ffffff;
}

/**CONTENT**/

#white-content-first
{
    margin-top:600px;
}

#white-content-join
{
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}

#mobile #white-content-join
{
	margin-bottom:0px;
	padding-bottom:0px;
}

#tablet #white-content-first
{
    margin-top:400px;
}

#mobile #white-content-first
{
    margin-top:200px;
}

.white-content, .grey-content, .image-content, .dark-content, .split-content, .green-content, .panel-body
{
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	float:left;
	width:100%;
	padding-top:45px;
	padding-bottom:65px;
	position:relative;
}

.white-content
{
	background-color:#ffffff;
}

.grey-content
{
	background-color:#FBF9F8;
}

.grey-content-bear-top
{
	margin-top:-20px; padding-top:0px;
}

#mobile .grey-content-bear-top
{
	padding-top:20px;
}

.dark-content
{
	background-color:#353332;
}

.dark-content-no-padding
{
	padding-top:0px !important;
	padding-bottom:0px !important;
}

.split-content
{
	padding-top:0px;
	padding-bottom:0px;
}

.green-content
{
	background-color:#41b338;
}

.image-content
{
	background-color:#FFFFFF;
	background-position:center;
	background-size:cover;
}

.split-content-left, .split-content-right
{
	float:left;
	padding-top:85px;
	padding-bottom:85px;
}

.split-content-left
{
	width:50%;
	background-color:#353332;
}

.split-content-right
{
	width:50%;
	background-color:#4fae4b;
}

#mobile .split-content-left, #mobile .split-content-right
{
	width:100%;
	padding-top:20px;
	padding-bottom:45px;
}

#image-content-our-stories
{
	background-image:url("../images/banners/image-content-our-stories-thailand.jpg");
}

#image-content-our-stories-china
{
	background-image:url("../images/banners/image-content-our-stories-china.jpg");
}

#image-content-our-stories-thailand
{
	background-image:url("../images/banners/image-content-our-stories-thailand.jpg");
}

#image-content-donate
{
	background-image:url("../images/banners/image-content-donate.jpg");
	padding-top:65px;
	padding-bottom:85px;
}

#mobile #image-content-donate, #tablet #image-content-donate
{
	background-image:url("../images/banners/mobile-image-content-donate.jpg");
}

#image-content-join
{
	background-image:url("../images/banners/image-content-join.jpg");
}

#image-content-robert
{
	background-image:url("../images/banners/image-content-robert.jpg");
	background-position:right center;
	padding-bottom:45px;
}

#image-content-fundraise
{
	background-image:url("../images/banners/image-content-fundraise.jpg");
	background-position:center;
	padding-bottom:45px;
}

#image-content-lovelocks
{
	background-image:url("../images/banners/image-content-lovelocks.jpg");
	background-position:right center;
	padding-bottom:45px;
}

#image-content-innovate
{
	background-image:url("../images/banners/image-content-innovate.jpg");
	background-position:right center;
	padding-bottom:45px;
}

#image-content-bear
{
	background-image:url("../images/banners/image-content-lovelocks.jpg");
	background-position:right center;
	padding-bottom:45px;
}

#image-content-yan
{
	background-image:url("../images/banners/image-content-lovelocks.jpg");
	background-position:right center;
	padding-bottom:45px;
}

#image-content-china
{
	background-image:url("../images/banners/image-content-china.jpg");
	background-position:right center;
	padding-bottom:45px;
}

#image-content-thailand
{
	background-image:url("../images/banners/image-content-thailand.jpg");
	background-position:right center;
	padding-bottom:45px;
}

#image-content-vietnam
{
	background-image:url("../images/banners/image-content-vietnam.jpg");
	background-position:right center;
	padding-bottom:45px;
}

#image-content-cambodia
{
	background-image:url("../images/banners/image-content-cambodia.jpg");
	background-position:right center;
	padding-bottom:45px;
}

#mobile #image-content-robert, #tablet #image-content-robert
{
	background-image:url("../images/banners/image-content-robert-mobile.jpg");
	background-position:center;
}

#mobile #image-content-lovelocks, #tablet #image-content-lovelocks, 
#mobile #image-content-innovate, #tablet #image-content-innovate, 
#mobile #image-content-bear, #tablet #image-content-bear, #mobile #image-content-yan, #tablet #image-content-yan
{
	background-position:center;
}

#mobile #image-content-china, #tablet #image-content-china
{
	background-position:center;
}

#mobile #image-content-thailand, #tablet #image-content-thailand
{
	background-image:url("../images/banners/image-content-thailand.jpg");
	background-position:center;
}

#mobile #image-content-vietnam, #tablet #image-content-vietnam
{
	background-image:url("../images/banners/image-content-vietnam.jpg");
	background-position:center;
}

#mobile #image-content-cambodia, #tablet #image-content-cambodia
{
	background-image:url("../images/banners/image-content-cambodia.jpg");
	background-position:center;
}


#mobile #image-content-robert, #mobile #image-content-fundraise, #mobile #image-content-lovelocks, #mobile #image-content-innovate, #mobile #image-content-bear, #mobile #image-content-yan, #mobile #image-content-china, #mobile #image-content-thailand, #mobile #image-content-vietnam, #mobile #image-content-cambodia
{
	margin-bottom:20px;
}

.robert-quote
{
	background-image:url('../images/robert-circle-v2.png');
	width:100%;
	height:140px;
	background-size:auto 140px;
	margin-bottom:-20px;
	background-position:center;
	background-repeat:no-repeat;
}

.lovelocks-logo
{
	background-image:url('../images/lovelocks-circle.png');
	width:100%;
	height:140px;
	background-size:auto 140px;
	margin-bottom:-20px;
	background-position:center;
	background-repeat:no-repeat;
}

.innovate-logo
{
	background-image:url('../images/innovate-circle.png');
	width:100%;
	height:140px;
	background-size:auto 140px;
	margin-bottom:-20px;
	background-position:center;
	background-repeat:no-repeat;
}

.bear-quote
{
	background-image:url('../images/bear-quote.png');
	width:100%;
	height:140px;
	background-size:auto 140px;
	margin-bottom:-20px;
	background-position:center;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

.yan-quote
{
	background-image:url('../images/yan-quote.png');
	width:100%;
	height:140px;
	background-size:auto 140px;
	margin-bottom:-20px;
	background-position:center;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#mobile .lovelocks-logo
{
	margin-top:12px;
}

#mobile .robert-quote
{
	margin-top:12px;
}

#mobile .bear-quote
{
	margin-top:20px;
	margin-bottom:0px;
}

#mobile .yan-quote
{
	margin-top:20px;
	margin-bottom:0px;
}

#mobile .white-content, #mobile .grey-content, #mobile .image-content, #mobile .dark-content, #mobile .green-content, #mobile .panel-body
{
	padding-top:12px;	
	padding-bottom:22px
}

.white-content-inner, .grey-content-inner, .image-content-inner, .dark-content-inner, .split-content-inner, .green-content-inner
{
	width:100%;
	max-width:1170px;
	margin:auto;
}

.white-content-title, .grey-content-title, .image-content-title, .dark-content-title, .split-content-title, .green-content-title
{
	float:left;
	width:100%;
	text-align:center;
	padding-left:2%;
	padding-right:2%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1.8em;
	line-height:35px;
	padding-bottom:22px;
	padding-top:23px;
	background-position:bottom center;
	background-repeat:no-repeat;
	color:#26211d;
}

.dark-content-title, .split-content-title, .green-content-title
{
	color:#ffffff;
}

.split-content-left .split-content-title
{
	float:right;
}

.split-content-title
{
	font-size:2.4em;
}

#white-content-title-first
{
	margin-top:-5px;
}

#desktop .split-content-title, #tablet .split-content-title
{
	max-width:585px;
}

#mobile .white-content-title, #mobile .grey-content-title, #mobile .image-content-title, #mobile .dark-content-title, #mobile .split-content-title, #mobile .green-content-title
{
	font-size:1.7em;
	line-height:40px;
}

#mobile .application-form .grey-content-title
{
	margin-top:30px;
}

.image-content-title
{
	text-align:left;
	font-size:2.6em;
	margin-top:25px;
	line-height:50px;
	padding-top:15px;
}

#image-content-donate .image-content-title, #image-content-join .image-content-title, #image-content-robert  .image-content-title, #image-content-fundraise .image-content-title, #image-content-lovelocks .image-content-title, #image-content-innovate .image-content-title, #image-content-bear .image-content-title, #image-content-yan .image-content-title, #image-content-china .image-content-title, #image-content-thailand .image-content-title, #image-content-vietnam .image-content-title, #image-content-cambodia .image-content-title
{
	color:#ffffff;
}

#image-content-robert .image-content-title, #image-content-fundraise .image-content-title, #image-content-lovelocks .image-content-title, #image-content-innovate .image-content-title, #image-content-bear .image-content-title, #image-content-yan .image-content-title, #image-content-china .image-content-title, #image-content-thailand .image-content-title, #image-content-vietnam .image-content-title, #image-content-cambodia .image-content-title
{
	text-align:center;
	font-size:2.4em;
}

#image-content-lovelocks .image-content-title, #image-content-innovate .image-content-title, #image-content-bear .image-content-title, #image-content-yan .image-content-title, #image-content-china .image-content-title, #image-content-thailand .image-content-title, #image-content-vietnam .image-content-title, #image-content-cambodia .image-content-title
{
	margin-top:25px;
}

#mobile .image-content-title
{
	text-align:center;
}

.white-content-title span, .grey-content-title span, .image-content-title span, .dark-content-title span, .split-content-title span, .panel-title span, .panel-body span
{
   	font-weight: 800;
	border-bottom:2px solid #4FAE4B;
}

.green-content-title span
{
   	font-weight: 800;
	border-bottom:2px solid #32302f;
}

#image-content-donate .image-content-title span, #image-content-join .image-content-title span, #image-content-robert .image-content-title span, #image-content-fundraise .image-content-title span, #image-content-lovelocks .image-content-title span, #image-content-innovate .image-content-title span, #image-content-bear .image-content-title span, #image-content-yan .image-content-title span, #image-content-china .image-content-title span, #image-content-thailand .image-content-title span, #image-content-vietnam .image-content-title span, #image-content-cambodia .image-content-title span
{
	border:none;
}

.split-content-title span
{
	border-bottom:none;
}

.white-content-text, .grey-content-text, .image-content-text, .dark-content-text, .split-content-text, .green-content-text
{
	float:left;
	width:100%;
	text-align:left;
	padding-left:2.5%;
	padding-right:2.5%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1.2em;
	font-weight: 400;
	line-height:33px;
	padding-top:5px;
	color:#727272;
}

#afa
{
	text-align: left;
}

.dark-content-text
{
	float:left;
    width:100%;
	font-style:italic;
	font-size:1.5em;
	margin-top:15px;
	color:#ffffff;
	font-weight:300;
}

.white-content-text ul
{
	width:100%;
	margin:0px;
	padding:0px;
	margin-bottom:25px;
	margin-top:12px;
	padding-left:20px;
	padding-right:20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.white-content-text li
{
	margin:0px;
	padding:0px;
}


#image-content-robert .image-content-text, #image-content-fundraise .image-content-text, #image-content-lovelocks .image-content-text, #image-content-innovate .image-content-text, #image-content-bear .image-content-text, #image-content-yan .image-content-text, #image-content-china .image-content-text, #image-content-thailand .image-content-text, #image-content-vietnam .image-content-text, #image-content-cambodia .image-content-text
{
	width:100%;
	text-align:center;
}

#image-content-lovelocks .image-content-text, #image-content-innovate .image-content-text, #image-content-bear .image-content-text, #image-content-yan .image-content-text, #image-content-china .image-content-text, #image-content-thailand .image-content-text, #image-content-vietnam .image-content-text, #image-content-cambodia .image-content-text
{
	margin-bottom:35px;
}

#image-content-robert .image-content-text span, #image-content-fundraise .image-content-text span, #image-content-lovelocks .image-content-text span, #image-content-innovate .image-content-text span, #image-content-bear .image-content-text span, #image-content-yan .image-content-text span, #image-content-china .image-content-text span, #image-content-thailand .image-content-text span, #image-content-vietnam .image-content-text span, #image-content-cambodia .image-content-text span
{
	font-weight:600;
	font-style:normal;
}

#mobile .dark-content-text
{
	margin-bottom:15px;
}

.dark-content-text span
{
	font-weight:600;
	font-style:normal;
}

.split-content-left .split-content-text
{
	float:right;
}

.split-content-text
{
	color:#FFFFFF;
	font-weight: 300;
	font-size:1.15em;
	line-height:30px;
}

#desktop .split-content-text, #tablet .split-content-text
{
	max-width:585px;
}

.image-content-text
{
	color:#26211d;
	text-align:left;
	width:450px;
	clear:both;
}

#image-content-donate .image-content-text, #image-content-join .image-content-text, #image-content-robert .image-content-text, #image-content-fundraise .image-content-text, #image-content-lovelocks .image-content-text, #image-content-innovate .image-content-text, #image-content-bear .image-content-text, #image-content-yan .image-content-text, #image-content-china .image-content-text, #image-content-thailand .image-content-text, #image-content-vietnam .image-content-text, #image-content-cambodia .image-content-text
{
	color:#ffffff;
}

#mobile .image-content-text
{
	width:100%;
	text-align:center;
}

.image-content-button
{
	float:left;
	position:relative;
	margin-left:2%;
	margin-top:30px;
	margin-bottom:30px;
	clear:both;
}

#image-content-donate .image-content-button, #image-content-join .image-content-button, #image-content-robert .image-content-button, #image-content-fundraise .image-content-button, #image-content-lovelocks .image-content-button, #image-content-innovate .image-content-button, #image-content-bear .image-content-button, #image-content-yan .image-content-button, #image-content-china .image-content-button, #image-content-thailand .image-content-button, #image-content-vietnam .image-content-button, #image-content-cambodia .image-content-button
{
	color:#ffffff;
	border-color:#ffffff;
}

.white-content-button, .grey-content-button, .article-button-container a, .article-document p a, .re-button
{
	float:left;
	position:relative;
	margin-left:2%;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	text-decoration:none;
}

.article-button-container a, .article-document p a
{
	position:relative;
	line-height:40px;
	height:40px;
	font-size:1em;
	color:#4d4641 !important;
	cursor:pointer;
	margin-top:0px;
	margin-bottom:0px;
}

#mobile .white-content-button, #mobile .article-button-container a, #mobile .grey-content-button, #mobile .article-document p a, #mobile .re-button
{
	bottom:5px;
}

.white-content-buttons
{
	float:left;
	margin-bottom:35px;
}

#mobile .white-content-buttons
{
	margin-bottom:0px;
}

.grey-content-buttons
{
	float:left;
	margin-bottom:35px;
}

.re-button
{
	float: left;
	margin-top:0px;
}

.re-button-wrapper
{
	width: 150px;
	margin: 0 auto;
}

#mobile .grey-content-buttons
{
	margin-bottom:0px;
}

#mobile .re-button
{
	margin-bottom: 0px;
}

#current-positions .white-content-button
{
	float:left;
	color:#41b338;
	border-color:#41b338;
	margin-left:10px !important;
	clear:none;
}

#ambassador-packs .grey-content-button
{
	float:left;
	color:#4d4641;
	border-color:#4d4641;
	margin-left:10px !important;
	clear:none;
}

#white-content-button-job-description
{
	float:left  !important;;
	margin-left:0px !important;
	clear:none !important;
	border-color:#4d4641 !important;
	color:#4d4641 !important;
}

.white-content-text a, .grey-content-text a, .image-content-text a, .dark-content-text a, .split-content-text a, .green-content-text a
{
	color:#aaaaaa;
}

.white-content-text a
{
	color:#727272;
}

.dark-content-text a
{
	color:#ffffff;
	text-decoration:none;
}

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

.grey-content-text a
{
	color:#4fae4b;
	text-decoration:none;
}

.white-content-text a
{
	color:#4fae4b;
	text-decoration:none;
}

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

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

.white-content p
{
	padding:0px;
	margin-top:12px;
	margin-bottom:25px;
}

.white-content p span
{
	font-weight:800;
}

.white-content p a
{
	color:#4fae4b;
}

.white-content p a:hover
{
	text-decoration:underline;
}

.grey-content table, .white-content table
{
	float:left;
	margin:auto;
	width:94%;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	color:#26211d;
	border-left:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
	margin-top:40px;
	margin-left:3%;
	margin-bottom:20px;
}

#mobile .grey-content table, #mobile .white-content table
{
	margin-top:20px;
	margin-bottom:25px;
}

.grey-content table td, .white-content table td
{
	border-right:1px solid #D7D7D7;
	border-top:1px solid #D7D7D7;
	padding:10px;
	background-color:#ffffff;
}

.grey-content table td span, .white-content table td span
{
	font-weight:600;
}

.white-content .article-code table
{
	margin-top:0px;
}

.white-content .article-code table td
{
	text-align:left;
	font-size:1.2em !important;
}

.white-content .article-code table td span
{
	font-size:1em !important;
}


.white-content-banner
{
	float:left;
	width:96%;
	height:100px;
	margin-left:2%;
	margin-top:30px;
	margin-bottom:30px;
	background-size:cover;
}

/**HOME VIDEO**/

.home-video
{
	float:left;
	width:56%;
	padding-top:45px;
	margin-left:22%;
}

#mobile .home-video
{
	float:left;
	width:100%;
	position:relative;
	margin-top:-10px;
	padding-top:0px;
	padding-bottom:10px;
}

.home-video iframe
{
	width:100%;
	border:1px solid #fbf9f8;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/**WHAT WE DO VIDEO**/

.what-we-do-video
{
	float:left;
	width:96%;
	padding-top:12px;
	margin-left:2%;
	margin-bottom:0px;
}

#mobile .what-we-do-video
{
	float:left;
	position:relative;
	margin-top:-10px;
	padding-top:0px;
	padding-bottom:0px;
	width:96%;
	margin-left:2%;
}

.what-we-do-video iframe
{
	width:100%;
	border:1px solid #fbf9f8;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/**SPLIT VIDEO**/

.split-video-tabs
{
	float:left;
}

.split-video-tab
{
	float:left;
	border-left:1px solid #F2ECE8;
	border-right:1px solid #F2ECE8;
	border-top:1px solid #F2ECE8;
	margin-left:5px;
	margin-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.85em;
	font-weight:400;
	color:#727272;
	cursor:pointer;
	width:150px;
	text-align:center;
}

.split-video-tab:hover
{
	background-color:#FBF9F8;
}

.split-video-tab-active
{
	font-weight:600;
	background-color:#FBF9F8;
}

.split-video
{
	float:left;
	width:100%;
	display:none;
}

.split-video-active
{
	display:block;
}

.split-videos
{
	float:right;
	width:48%;
	text-align:right;
	top:0px;
	right:0px;
	position:absolute;
	padding-top:42px;
}

#mobile .split-videos, #tablet .split-videos
{
	float:left;
	width:100%;
	position:relative;
	margin-top:8px;
	margin-bottom:25px;
	padding-top:0px;
	padding-bottom:10px;
}

#tablet .split-videos
{
	padding-top:0px;
	margin-top:0px;
	padding-bottom:45px;
}

.split-videos iframe
{
	width:100%;
	border:1px solid #F2ECE8;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/**CONNECT VIDEO**/

.connect-video
{
	float:right;
	width:48%;
	text-align:right;
	top:0px;
	right:0px;
	position:absolute;
	padding-top:45px;
}

#mobile .connect-video
{
	float:left;
	width:100%;
	position:relative;
	margin-top:-10px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:10px;
}

#tablet .connect-video
{
	padding-top:45px;
	padding-bottom:45px;
}

.connect-video iframe
{
	width:100%;
	border:1px solid #F2ECE8;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/**HOME HELP BOXES**/

.connect-boxes
{
	float:left;
	width:96%;
	margin-left:2%;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:45px;
	padding-bottom:25px;
	position:relative;
}

#mobile .connect-boxes
{
	padding-top:10px;
	padding-bottom:0px;
}

.connect-box
{
	float:left;
	width:38%;
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear:both;
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:90px;
}

#mobile .connect-box
{
	width:100%;
}

#connect-box-facebook.connect-box
{
    background-image:url("../images/connect_box/connect-box-facebook.png");
}

#mobile #connect-box-facebook.connect-box
{
	margin-top:10px;
}

#connect-box-twitter.connect-box
{
    background-image:url("../images/connect_box/connect-box-twitter.png");
}

#connect-box-youtube.connect-box
{
    background-image:url("../images/connect_box/connect-box-youtube.png");
}

.connect-box-title
{
	float:left;
	width:100%;
   	font-weight: 800;
	text-align:left;
	font-size:1.1em;
	line-height:15px;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	margin-top:-6px;
}

.connect-box-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:left;
	font-size:0.85em;
	line-height:22px;
	color:#727272;
	margin-top:6px;
	margin-bottom:50px;
}

/**HOME DETAILS BOXES**/

#home-details-box-first
{
	margin-top:7px;
}

#mobile #home-details-box-first, #tablet #home-details-box-first
{
	margin-top:0px;
}

.home-details-boxes
{
	float:left;
	width:96%;
	margin-left:2%;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:45px;
	padding-bottom:0px;
	position:relative;
}

#mobile .home-details-boxes, #tablet .home-details-boxes
{
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:-45px;
}

.home-details-box
{
	float:left;
	width:38%;
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear:both;
	background-position:top left;
	background-repeat:no-repeat;
}

#mobile .home-details-box, #tablet .home-details-box
{
	width:100%;
}

.home-details-box-title
{
	float:left;
	width:100%;
   	font-weight: 800;
	text-align:left;
	font-size:1.4em;
	line-height:15px;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	margin-top:-6px;
}

#mobile .home-details-box-title, #tablet .home-details-box-title
{
	text-align:center;
}

.home-details-box-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:left;
	font-size:0.85em;
	line-height:22px;
	color:#727272;
	margin-top:6px;
	margin-bottom:50px;
}

#mobile .home-details-box-text, #tablet .home-details-box-text
{
	text-align:center;
}

/**HOME PROJECT BOXES**/

.home-project-boxes
{
	float:left;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:45px;
	padding-bottom:25px;
}

#mobile .home-project-boxes
{
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:-25px;
}

.home-project-box
{
	float:left;
	width:47%;
	margin-left:2%;
	position:relative;
	padding-bottom: 20px;
	border-style: solid;
	border-width: 2px;
	border-color: #41b338;
}

#mobile .home-project-box
{
	width:96%;
	margin-left:2%;
	margin-bottom: 2%;
	padding-bottom:35px;
}

.home-project-box-image
{
	float:left;
	width:100%;
	height:0px;
	background-position:center;
	background-size:cover;
}

#home-project-box-china .home-project-box-image
{
    background-image:url("../images/index/home-project-box-china.png");
}

#home-project-box-thailand .home-project-box-image
{
    background-image:url("../images/index/home-project-box-thailand.png");
}

#home-project-box-vietnam .home-project-box-image
{
    background-image:url("../images/index/home-project-box-vietnam.jpg");
}

#home-project-box-cambodia .home-project-box-image
{
    background-image:url("../images/index/home-project-box-cambodia.jpg");
}

.home-project-box-title
{
	float:left;
   	font-weight: 800;
	width:100%;
	text-align:center;
	font-size:1.2em;
	line-height:33px;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	margin-top:20px;
	text-transform:uppercase;
}

.home-project-box-text
{
	float:left;
   	font-weight: 400;
	width:95%;
	text-align:center;
	font-size:1.2em;
	line-height:33px;
	color:#6b6864;
	margin-bottom:68px;
	margin-top:6px;
	margin-left: 10px;
}

.home-project-box-button
{
	left:0px;
	bottom:0px;
	margin-bottom: 20px;
}

#mobile .home-project-box-button
{
	bottom:10px;
} 

/**LOCATION BOXES**/

.project-flag
{
	float:left;
	width:100%;
	height:140px;
	margin-bottom:-20px;
	text-align:center;
	display:none;
}

#mobile .project-flag
{
	margin-top:12px;
	margin-bottom:-35px;
}

.project-flag img
{
	border:4px solid #ffffff;
	height:120px;
}

.location-boxes
{
	float:left;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:0px;
	padding-bottom:0px;
}

#mobile .location-boxes
{
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:-55px;
	margin-top:-25px;
}

.location-box
{
	float:left;
	width:47%;
	margin-left:2%;
	position:relative;
}

#mobile .location-box
{
	width:96%;
	margin-left:2%;
	padding-bottom:35px;
}

.location-box-image
{
	float:left;
	width:100%;
	height:0px;
	background-position:center;
	background-size:cover;
	margin-top:30px;
	margin-bottom:20px;
}

#location-box-china .location-box-image
{
    background-image:url("../images/location-box-china.png");
}

#location-box-thailand .location-box-image
{
    background-image:url("../images/location-box-thailand.png");
}

.location-box-title
{
	float:left;
	width:100%;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	margin-top:12px;
	font-size:1.8em;
	line-height:35px;
}

.location-box-title span
{
   	font-weight: 800;
	border-bottom:2px solid #4FAE4B;
}

.location-box-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.8em;
	line-height:25px;
	color:#727272;
	margin-bottom:68px;
	margin-top:6px;
}

.location-box-button
{
	left:0px;
	bottom:0px;
}

#mobile .location-box-button
{
	bottom:35px;
} 

/**REPORT BOXES**/

.report-boxes
{
	float:left;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:0px;
	padding-bottom:0px;
}

#mobile .report-boxes
{
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:-0px;
	margin-top:-25px;
}

.report-box
{
	float:left;
	width:47%;
	margin-left:2%;
	position:relative;
	margin-bottom:45px;
}

#mobile .report-box
{
	width:96%;
	margin-left:2%;
	padding-bottom:35px;
	margin-bottom:0px;
}

.report-box-image
{
	float:left;
	width:100%;
	height:0px;
	background-position:center;
	background-size:cover;
	margin-top:30px;
	margin-bottom:20px;
}

#report-box-2021 .report-box-image
{
	background-image: url("../images/report-box/report-box-2021.jpg");
}

#report-box-2020 .report-box-image
{
	background-image: url("../images/report-box/report-box-2020.jpg");
}

#report-box-2019 .report-box-image
{
	background-image: url("../images/report-box/report-box-2019.jpg");
}

#report-box-2018 .report-box-image
{
	background-image: url("../images/report-box/report-box-2018.jpg");
}

#report-box-2017 .report-box-image
{
	background-image: url("../images/report-box/report-box-2017.png");
}

#report-box-2016 .report-box-image
{
    background-image:url("../images/report-box/report-box-2016.png");
}

#report-box-2015 .report-box-image
{
    background-image:url("../images/report-box/report-box-2015.png");
}

#report-box-2014 .report-box-image
{
    background-image:url("../images/report-box/report-box-2014.png");
}

#report-box-2013 .report-box-image
{
    background-image:url("../images/report-box/report-box-2013.png");
}

#report-box-2012 .report-box-image
{
    background-image:url("../images/report-box/report-box-2012.png");
}

#report-box-2010 .report-box-image
{
    background-image:url("../images/report-box/report-box-2011.png");
}

.report-box-title
{
	float:left;
	width:100%;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	margin-top:12px;
	margin-bottom:25px;
	font-size:1.8em;
	line-height:35px;
}

.report-box-title span
{
   	font-weight: 800;
	border-bottom:2px solid #4FAE4B;
}

.report-box-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.8em;
	line-height:25px;
	color:#727272;
	margin-bottom:68px;
	margin-top:6px;
}

.report-box-button
{
	left:0px;
	bottom:0px;
}

#mobile .report-box-button
{
	bottom:35px;
} 

/**STAFF BOXES**/

.staff-boxes
{
	float:left;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:-25px;
	width:100%;
}

#mobile .staff-boxes
{
	padding-top:10px;
	padding-bottom:0px;
	margin-top:-25px;
	padding-left:2%;
	padding-right:2%;
	width:96%;
}

.staff-box
{
	float:left;
	width:16%;
	position:relative;
	margin-left:2%;
	margin-right:2%;
}

#tablet .staff-box
{
	width:21%;
}

#mobile .staff-box
{
	width:29.3333%;
}

.staff-box-image
{
	margin:auto;
	width:100%;
	height:0px;
	background-position:center;
	background-size:cover;
	max-width:100%;
	text-align:center;
}

.staff-box-image img
{
	max-width:100%;
}

.staff-boxes-title
{
	float:left;
	width:100%;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	margin-top:12px;
	font-size:1.8em;
	line-height:35px;
	margin-bottom:60px;
}

#mobile .staff-boxes-title
{
	margin-bottom:35px;
}

.staff-boxes-title span
{
   	font-weight: 800;
	border-bottom:2px solid #4FAE4B;
}

.staff-box-name
{
	float:left;
   	font-weight: 600;
	width:100%;
	text-align:center;
	font-size:0.9em;
	line-height:18px;
	color:#4fae4b;
	margin-top:15px;
	text-transform:uppercase;
}

.staff-box-position
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.9em;
	line-height:18px;
	margin-top:5px;
	color:#727272;
	margin-top:0px;
	margin-bottom:50px;
}

.staff-box-position span
{
   	font-weight: 800;
}

#mobile .staff-box-position
{
	margin-bottom:35px;
}

#desktop #staff-box-us6
{
	margin-left:22%;
}







/**NEWS CONTENT**/

.content-page
{
	float:left;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:-65px;
	width:96%;
	margin-left:2%;
}

#news-content-page, #blog-content-page
{
	margin-bottom:-40px;
}

#content-page-no-padding
{
	margin-bottom:25px;
}

#content-page-padding
{
	margin-bottom:0px;
}

#mobile #content-page-no-padding
{
	margin-bottom:0px;
}

#mobile .content-page
{
	padding-top:10px;
	padding-bottom:0px;
	margin-top:-25px;
}

.content-page-image
{
	float:left;
	text-align:center;
	margin-top:27px;
	text-align:center;
	width:100%;
}

.content-page-image img
{
	max-width:100%;
}

#content-page-image-padding
{
	margin-top:58px;
	margin-bottom:25px;
}

#mobile #content-page-image-padding
{
	margin-top:30px;
	margin-bottom:0px;
}

.content-page-title
{
	float:left;
	width:100%;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	margin-top:12px;
	font-size:1.8em;
	line-height:35px;
	margin-bottom:0px;
}

#mobile .content-page-title
{
	margin-bottom:0px;
}

#history-page-title
{
	margin-top:35px;
}

#history-page-title-first
{
	margin-top:12px;
}

#desktop .timeline-mobile, #tablet .timeline-mobile
{
	display:none;
}

#desktop .timeline-tablet, #mobile .timeline-tablet
{
	display:none;
}

#tablet .timeline-desktop, #mobile .timeline-desktop
{
	display:none;
}

.content-page-break
{
	width:100%;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
}

.content-page-title span
{
   	font-weight: 800;
	border-bottom:2px solid #4FAE4B;
}

.content-page-info
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:1em;
	line-height:25px;
	color:#727272;
	margin-top:0px;
}

.content-page-info span
{
	color:#41b338;
}

.content-page p
{
	float:left;
	padding:0px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	width:100%;
}

.content-page p a
{
	color:#4fae4b;
}

.content-quote
{
	margin:auto;
	font-weight:600;
	font-size:1.5em;
	margin-top:35px;
	margin-bottom:35px;
	max-width:750px;
}

.content-image
{
	margin-top:30px;
	margin-bottom:30px;
	width:100%;
	text-align:center;
}

.content-image img
{
	max-width:100%;
}

.content-page-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:left;
	font-size:0.8em;
	line-height:25px;
	color:#727272;
	margin-top:15px;
}

.content-page-text span
{
	font-size:1.4em;
	line-height:30px;
}

.content-page-text a
{
	color:#41b338;
	text-decoration:none;
}

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

/**CONTACT FORM**/

.contact-content-left, .contact-content-right
{
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:-65px;
	width:47%;
}

.contact-content-left
{
	float:left;
	margin-left:2%;
}

#tablet .contact-content-left, #mobile .contact-content-left
{
	width:96%;
	margin-bottom:0px;
}

.contact-content-right
{
	float:right;
	margin-right:2%;
}

#tablet .contact-content-right, #mobile .contact-content-right
{
	float:left;
	margin-left:2%;
	width:96%;
}

#mobile .contact-content
{
	padding-top:10px;
	padding-bottom:0px;
	margin-top:-25px;
}

.contact-content-title
{
	display:none;
	float:left;
	width:100%;
	text-align:left;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	margin-top:12px;
	font-size:1.8em;
	line-height:35px;
	margin-bottom:0px;
}

#tablet .contact-content-title
{
	text-align:center;
}

#mobile .contact-content-title
{
	text-align:center;
	margin-bottom:0px;
}

.contact-content-title-active
{
	display:block;
}

.contact-content-title-active-fix
{
	display:block;
}

.contact-content-title span
{
   	font-weight: 800;
	border-bottom:2px solid #4FAE4B;
}

.contact-content-address
{
	display:none;
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:25px;
}

#tablet .contact-content-address, #mobile .contact-content-address
{
	margin-bottom:35px;
}

.contact-content-address-active
{
	display:block;
}

.contact-content-address-label
{
	float:left;
	width:20%;
   	font-weight: 600;
	text-align:left;
	font-size:1.05em;
	line-height:25px;
	color:#727272;
	margin-top:15px;
}

#tablet .contact-content-address-label
{
	width:47%;
	text-align:right;
	margin-right:1%;
}

#mobile .contact-content-address-label
{
	text-align:right;
	width:43%;
	margin-right:1%;
}

.contact-content-address-text
{
	float:left;
	width:80%;
   	font-weight: 400;
	text-align:left;
	font-size:1.0em;
	line-height:25px;
	color:#727272;
	margin-top:15px;
}

#tablet .contact-content-address-text
{
	width:51%;
	margin-left:1%;
}

#mobile .contact-content-address-text
{
	width:55%;
	margin-left:1%;
}

.contact-content-address-text a
{
	color:#41b338;
	text-decoration:none;
}

.contact-content-address-text a:hover
{
	text-decoration:underline;
}

#map-canvas
{
	float:left;
	width:100%;
	margin-top:38px;
	margin-bottom:50px;
}

.contact-form, .innovate-form, .update-form
{
	float:left;
	margin-top:10px;
	margin-bottom:70px;
}

.contact-form-outer
{
	float:left;
	width:100%;
}

.signup-newsletter input[type="submit"]
{
	background-color: #fff;
	float: right;
	position:relative;
	margin-top:10px;
}

.newsletter-form
{
	float:left;
	margin-top:30px;
	margin-bottom:0px;
}

#mobile .newsletter-form
{
	padding-bottom:25px;
}

.newsletter-form-response .footer-column-text
{
	text-align:center;
	padding:0px;
	margin:0px;
}

#NewsletterEmail
{
	width:250px;
	margin:0px;
	text-align:center;
}

#mobile #NewsletterEmail
{
	width:96%;
	margin-left:2%;
}

#tablet .contact-form, #mobile .contact-form, #tablet .innovate-form, #mobile .innovate-form, #tablet .update-form, #mobile .update-form
{
	margin-bottom:40px;
}

.contact-form-label
{
	float:left;
   	font-weight: 400;
	text-align:left;
	font-size:0.9em;
	line-height:45px;
	color:#727272;
	margin-top:15px;
	width:100%;
}

.contact-form-input-block-half
{
	float:left;
	width:43%;
	margin-right:5%;
}

.contact-form-input-block-half-right, .contact-form-input-block-half-left
{
	float:left;
	width:50%;
	padding-left:3%;
	padding-right:3%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin:0px;
}

.contact-form-input-block-half-right
{
}

.contact-form-input-block-half-left
{
}

.contact-form-input-block-full
{
	float:left;
	width:91%;
}

#tablet #ContactNameContainer
{
	width:48%;
	margin:0px;
}

#tablet #ContactEmailContainer
{
	width:48%;
	margin:0px;
	margin-left:4%;
}

#tablet .contact-form-input-block-full
{
	width:100%;
}

#mobile .contact-form-input-block-half
{
	width:100%;
}

#mobile  .contact-form-input-block-full
{
	width:100%;
}

.contact-form input[type="text"], .contact-form textarea, .contact-form select, .innovate-form input[type="text"], .innovate-form textarea, .innovate-form select, .update-form input[type="text"], .update-form textarea, .update-form select, .popup-form input[type="text"], .popup-form textarea, .popup-form select, .content-form input[type="text"], .content-form textarea, .content-form select, .newsletter-form input[type="text"]
{
	float:left;
	background-color:#f7f4f1;
	border:1px solid #e4e2de;
	height:38px;
	line-height:38px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color:#aaaaaa;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	font-size:1em;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:0px;
	width:100%;
}

#contact-full{
	width:100%;
}

.contact-form textarea
{
	width:100%;
	height:195px;
	padding-top:5px;
	line-height:25px;
}

.content-form-select-button {
    background-color: #f5f3ed;
    background-image: url("../images/form-select-button.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    margin-left: -46px;
    margin-top: 1px;
    pointer-events: none;
    width: 45px;
}

#tablet .contact-form textarea, #mobile .contact-form textarea
{
	width:100%;
}

.contact-form-button, .newsletter-form-button, .innovate-form-button, .update-form-button
{
	float:left;
	position:relative;
	margin-top:33px;
}

.contact-form-text
{
	float:left;
	width:100%;
   	font-weight: 400;
	text-align:left;
	font-size:0.8em;
	line-height:25px;
	color:#727272;
	margin-top:35px;
	margin-bottom:35px;
}

#tablet .contact-form-text, #mobile .contact-form-text
{
	text-align:center;
}

.innovate-form-text, .update-form-text
{
	text-align:center;
}

/**AREAS BOX**/

.areas-box
{
	float:left;
	width:96%;
	margin-top:35px;
	margin-left:2%;
}

.areas-box-inner
{
	margin:auto;
	width:100%;
	background-image:url("http://www.careforchildren.com/images/areas-box.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border:1px solid #e5e3dc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/**ARTICLES*/

.content-page-text h3, .article-quote, .article-code, .article-video, .article-link, .article-button-container, .article-document, .article-image, .article-gif, .article-caption
{
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
/* changed was text-align:left;*/

.article-link p
{
	margin-top:0px;
	margin-bottom:0px;
}

.article-document p  
{
	margin-top:0px;
	margin-bottom:0px;
}


.article-caption
{
	margin-top:-10px;
	font-style:italic;
	font-weight:600;
}

.article-quote
{
	font-weight:600;
	font-size:1.5em;
	padding-left:150px;
	padding-right:150px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.article-quote
{
	padding-left:0px;
	padding-right:0px;
}

.article-code ul
{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.article-image img, .article-gif img
{
	max-width:100%;
}

/**PREVIEW NEWS BOXES**/

.preview-news-boxes, .preview-blog-boxes
{
	float:left;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:45px;
	padding-bottom:25px;
}

#mobile .preview-news-boxes, #mobile .preview-blog-boxes
{
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:-25px;
}

.preview-news-box, .preview-blog-box
{
	float:left;
	width:30.6666666666%;
	margin-left:2%;
	position:relative;
}

#mobile .preview-news-box, #mobile .preview-blog-box
{
	width:96%;
	margin-left:2%;
	padding-bottom:35px;
}

.preview-news-box-image, .preview-blog-box-image
{
	float:left;
	width:100%;
	height:0px;
	background-position:center;
	background-size:cover;
}

.preview-news-box-title, .preview-blog-box-title
{
	float:left;
   	font-weight: 800;
	width:100%;
	text-align:center;
	font-size:1.1em;
	line-height:23px;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	margin-top:20px;
}

.preview-news-box-subtitle, .preview-blog-box-subtitle
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.8em;
	line-height:15px;
	padding-top:6px;
	padding-bottom:6px;
	color:#727272;
	margin-top:6px;
	text-transform:uppercase;
}

.preview-news-box-text, .preview-blog-box-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.8em;
	line-height:25px;
	color:#727272;
	margin-bottom:68px;
	margin-top:6px;
}

.preview-news-box-button, .preview-blog-box-button
{
	left:0px;
	bottom:0px;
}

#mobile .preview-news-box-button, #mobile .preview-blog-box-button
{
	bottom:35px;
} 

/**NEWS BOXES**/

.news-boxes, .blog-boxes
{
	float:left;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:12px;
	padding-bottom:0px;
	margin-bottom:-40px;
}

.news-box, .blog-box
{
	float:left;
	width:30.6666666666%;
	margin-left:2%;
	position:relative;
}

#mobile .news-box, #mobile .blog-box
{
	width:96%;
	margin-left:2%;
	padding-bottom:35px;
}

.news-box-image, .blog-box-image
{
	float:left;
	width:100%;
	height:0px;
	background-position:center;
	background-size:cover;
}

.news-box-title, .blog-box-title
{
	float:left;
   	font-weight: 800;
	width:100%;
	text-align:center;
	font-size:0.9em;
	line-height:22px;
	max-height:44px;
	padding-top:6px;
	padding-bottom:6px;
	color:#41b338; 
	overflow: hidden;
	text-transform:uppercase;
	text-decoration: underline;
}


.news-box-title a:link {
	text-decoration: underline;
	}
	
.news-box-title a:hover {
	text-decoration: none;
	color:#e6007e;
	}
	
.news-box-title a:active {
	text-decoration: none;
	color: #303030;
	}
	
.news-box-title a:visited {
	text-decoration: underline;
	}
	
	

#mobile .news-box-title, #mobile .blog-box-title
{
	margin-top:-12px;
}

.news-box-text, .blog-box-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.85em;
	line-height:24px;
	color:#727272;
	margin-bottom:32px;
	margin-top:15px;
	height:75px;
	overflow:hidden;
}

#mobile .news-box-text, #mobile .blog-box-text
{
	margin-bottom:88px;
	height:auto;
}

.news-box-date, .blog-box-date
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.9em;
	line-height:20px;
	color:#727272;
	margin-bottom:15px;
}

#mobile .news-box-date, #mobile .blog-box-date
{
	margin-bottom:30px;
}

.news-box-button, .blog-box-button
{
	left:0px;
	bottom:60px;
}

#mobile .news-box-button, #mobile .blog-box-button
{
	bottom:55px;
} 


/**STORY BOXES**/

.story-boxes
{
	float:left;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:12px;
	padding-bottom:0px;
	margin-bottom:-40px;
}

#story-boxes-preview
{
	margin-top:38px;
}

#mobile #story-boxes-preview
{
	margin-top:0px;
}

.story-boxes-ribbon-3, .story-boxes-ribbon-4
{
	float:left;
	width:100%;
	height:150px;
	background-position:center;
	background-repeat:no-repeat;
	margin-bottom:-150px;
}

#mobile .story-boxes-ribbon-3, #mobile .story-boxes-ribbon-4
{
	display:none;
}

.story-box
{
	float:left;
	width:25%;
	position:relative;
}

#mobile .story-box
{
	width:96%;
	margin-left:2%;
	padding-bottom:35px;
}

.story-box-image
{
	float:left;
	width:100%;
	height:0px;
	background-position:center;
	background-size:cover;
	max-height:189px;
	background-size: auto 100%;
	background-repeat:no-repeat;
}

.story-box-title
{
	float:left;
   	font-weight: 800;
	width:100%;
	text-align:center;
	font-size:0.9em;
	line-height:23px;
	padding-top:6px;
	padding-bottom:6px;
	color:#41b338;
	text-transform:uppercase;
	margin-top:8px;
	margin-bottom:22px;
}

.story-box-title a:link
{
color:#41b338;
text-decoration: none;
}

.story-box-title a:hover
{
color:#41b338;
text-decoration: underline;
}

.story-box-title a:active
{
color:#41b338;
text-decoration: none;
}

.story-box-title a:visited
{
color:#41b338;
text-decoration: none;
}

.story-box-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.8em;
	line-height:25px;
	color:#727272;
	margin-bottom:128px;
	margin-top:5px;
	padding-left:10px;
	padding-right:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#mobile .story-box-text
{
	margin-bottom:88px;
}

.story-box-button
{
	left:0px;
	bottom:60px;
}

#mobile .story-box-button
{
	bottom:55px;
} 

/**WHAT WE DO BOXES**/

.what-we-do-boxes
{
	float:left;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:0px;
	padding-bottom:2px;
	margin-top:25px;
}

#mobile .what-we-do-boxes
{
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:-25px;
}

.what-we-do-box
{
	float:left;
	width:30.6666666666%;
	margin-left:2%;
	position:relative;
}

#mobile .what-we-do-box
{
	width:96%;
	margin-left:2%;
	padding-bottom:35px;
}

.what-we-do-box-image
{
	float:left;
	width:100%;
	height:64px;
	background-position:center;
	background-repeat:no-repeat;
}

#what-we-do-box-focused .what-we-do-box-image
{
    background-image:url("../images/what_we_do/what-we-do-box-focused.png");
}

#what-we-do-box-big .what-we-do-box-image
{
    background-image:url("../images/what_we_do/what-we-do-box-big.png");
}

#what-we-do-box-strategic .what-we-do-box-image
{
    background-image:url("../images/what_we_do/what-we-do-box-strategic.png");
}

.what-we-do-box-title
{
	float:left;
	width:100%;
	text-align:center;
	font-size:1.8em;
	line-height:35px;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	margin-top:20px;
}

#mobile .what-we-do-box-title
{
	font-size:1.7em;
	line-height:40px;
}

.what-we-do-box-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.8em;
	line-height:25px;
	color:#727272;
	margin-bottom:0px;
	margin-top:6px;
}

/**DONATE FORM**/

.donate-form
{
	margin:auto;
	width:auto;
}

#donate-form
{
	width:auto;
}

#content-form-step-2
{
	display:none;
}

#donate-form .content-form-label
{
	color:#ffffff;
	font-size:1em;
	width:auto;
}

#mobile #donate-form .content-form-label
{
	width:100%;
	text-align:center;
}

#donate-form input[type="text"], #donate-form select
{
	height:44px;
	background-color:#f5f3ed;
	margin-top:30px;
}

#mobile #donate-form input[type="text"], #mobile #donate-form select
{
	width:95%;
}

#tablet #donate-form input[type="text"], #tablet #donate-form select
{
	width:95%;
}

.content-form-currency, .content-form-amount, .content-form-type, .content-form-appeal
{
	float:left;
	height:42px;
	line-height:42px;
	width:70px;
	text-align:center;
	background-color:#f5f3ed;
	border:1px solid #e4e2de;
	font-weight:600;
	font-size:1.05em;
	margin-right:10px;
	cursor:pointer;
	margin-bottom:10px;
}

.content-form-currency-active, .content-form-amount-active
{
	background-color:#32302f;
	border:1px solid #32302f;
	color:#ffffff;
}

.content-form-options
{
	float:left;
	width:100%;
	max-width:716px;
	padding-left:4%;
	padding-right:4%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#tablet .content-form-options, #mobile .content-form-options
{
	width:100%;
}

#ContentAmount, #ContentCurrency1, #ContentCurrency2, #ContentType, #ContentAppeal
{
	width:190px;
	font-weight:600;
	font-size:1.05em;
	color:#000000;
	padding-left:10px;
	text-align:left;
}

#ContentAmount
{
	width:160px;
}


#tablet #ContentAmount, #tablet #ContentCurrency1, #tablet #ContentCurrency2, #tablet #ContentType, #tablet #ContentAppeal
{
	width:150px;
}

#ContentCurrency2
{
	pointer-events:none;
}

.content-form-currency-placeholder
{
	float:left;
	width:30px;
	font-weight:600;
	font-size:1.05em;
	color:#000000;
	margin-right:-30px;
	position:relative;
	z-index:1;
	height:44px;
	line-height:44px;
	text-align:center;
}

#content-form-currency-pound
{
	clear:left;
}

#content-form-currency-dollar
{
	margin-right:20px;
}

#tablet #content-form-currency-dollar, #mobile #content-form-currency-dollar
{
	margin-right:0px;
}

#content-form-amount-25
{
	clear:left;
}

#tablet #content-form-amount-100, #mobile #content-form-amount-100
{
	clear:both;
}

#content-form-currency-options, #content-form-amount-options, #content-form-appeal-options
{
	float:left;
	clear:both;
}

#mobile #content-form-amount-options, #mobile #content-form-appeal-options,
#tablet #content-form-amount-options, #tablet #content-form-appeal-options
{
	width:100%;
}

.content-form-arrow
{
	background-color:#F5F3ED;
	width:35px;
	margin-left:-46px;
	height:42px;
	margin-top:31px;
	float:left;
	pointer-events:none;
	background-image:url('../images/content-form-arrow.png');
	background-position:center;
	background-repeat:no-repeat;
}

/**DONATE BOXES**/

.donate-boxes
{
	float:left;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:27px;
	padding-bottom:25px;
}

#mobile .donate-boxes
{
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:-25px;
}

.donate-box
{
	float:left;
	width:30.6666666666%;
	margin-left:2%;
	position:relative;
}

#mobile .donate-box
{
	width:96%;
	margin-left:2%;
	padding-bottom:35px;
}

.donate-box-image
{
	float:left;
	width:100%;
	height:73px;
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
}

#donate-box-1 .donate-box-image
{
    background-image:url("../images/donate/donate-box-1.png");
}

#donate-box-2 .donate-box-image
{
    background-image:url("../images/donate/donate-box-2.png");
}

#donate-box-3 .donate-box-image
{
    background-image:url("../images/donate/donate-box-3.png");
}

.donate-box-title
{
	float:left;
   	font-weight: 800;
	width:100%;
	text-align:center;
	font-size:0.9em;
	line-height:23px;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	text-transform:uppercase;
	margin-top:20px;
}

#mobile .donate-box-title
{
	font-size:1.7em;
	line-height:40px;
}

.donate-box-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.8em;
	line-height:25px;
	color:#727272;
	margin-bottom:0px;
	margin-top:6px;
}

.money-spent-image
{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:10px;
	margin-top:30px;
}

.money-spent-image img
{
	max-width:60%;
}

.money-spent
{
	float:left;
	width:100%;
	width:96%;
	margin-left:2%;
	padding-bottom:35px;
}

.money-spent-inner
{
	max-width:100%;
	margin:auto;
}

.money-spent-title
{
	float:left;
   	font-weight: 800;
	width:100%;
	text-align:center;
	font-size:0.9em;
	line-height:23px;
	padding-top:6px;
	padding-bottom:6px;
	color:#26211d;
	text-transform:uppercase;
	margin-top:30px;
}

#mobile .money-spent-title
{
	font-size:1.7em;
	line-height:40px;
}

.money-spent-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.8em;
	line-height:25px;
	color:#727272;
	margin-bottom:0px;
	margin-top:6px;
}

.money-spent-header
{
	font-size:1.875em;
	margin:0px !important;
	color:#2A2623;
	font-weight:bold;
}

#mobile .money-spent-img-container, #mobile #money-spent-img-container-right
{
	float:none !important;
	margin: 0 auto 15px auto;
}
	
#mobile .money-spent-header
{
	text-align:center !important;
}
	
#mobile .money-spent-left
{
	width:100%;
	text-align:center !important;
}

.lovelocks-steps
{
	float:left;
	width:100%;
	width:96%;
	margin-left:2%;
	padding-bottom:35px;
}

.lovelocks-steps-inner
{
	max-width:750px;
	margin:auto;
}

.lovelocks-steps-text
{
	float:left;
   	font-weight: 400;
	width:100%;
	text-align:center;
	font-size:0.95em;
	line-height:25px;
	color:#727272;
	margin-bottom:0px;
	margin-top:6px;
}

.lovelocks-steps-text span
{
	font-weight:800;
}

.lovelocks-steps-image
{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:10px;
	margin-top:60px;
}

/**TG PAGES**/

.totalgiving-page
{
	float:left;
	width:96%;
	margin-left:2%;
	position:relative;
	text-align:center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:0.95em;
	font-weight: 400;
	line-height:28px;
	padding-top:5px;
	color:#727272;
}

.totalgiving-page-image
{
	width:100%;
	background-position:center;
	background-size:cover;
	margin-top:30px;
	margin-bottom:30px;
}

#mobile .totalgiving-page-image
{
	margin-top:25px;
}

.totalgiving-page-title
{
	float:left;
	width:100%;
	font-weight:600;
}
	
.totalgiving-page-totals
{
	float:left;
	width:100%;
	margin-bottom:20px;
}  


/**VALUE BOXES**/

.value-title
{
	float: left;
    font-weight: 800;
    width: 100%;
    text-align: center;
    font-size: 1.0em;
    line-height: 23px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #41b338;
    text-transform: uppercase;
    margin-top: 20px;
}

.value-boxes
{
	float:left;
	width:100%;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 300;
	padding-top:25px;
	padding-bottom:25px;
}

#mobile .value-boxes
{
	padding-top:25px;
	padding-bottom:25px;
}

.value-boxes-inner
{
	margin:auto;
	width:100%;
	max-width:720px;
	text-align:center;
}

.value-boxes-inner p{
	float: left;
    font-weight: 400;
    width: 100%;
    text-align: center;
    font-size: 0.8em;
    line-height: 25px;
    color: #727272;
    padding: 0px;
    margin-bottom: 20px;
}

.value-box
{
	float:left;
	width:96%;
	margin-left:2%;
	position:relative;
}

.value-box-title
{
	float:left;
	width:100%;
	font-weight:400;
	text-align:left;
	font-size:1.2em;
	line-height:45px;
	color:#26211d;
	border:1px solid #e5e3dc;
	margin-top:22px;
	padding-left:30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    background-image:url("../images/value-open.png");
	background-position:right center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.value-box-title:hover
{
	background-color:#F7F7F7;
}

.value-box-active .value-box-title
{
	color:#ffffff;
	background-color:#4fae4b;
	border:1px solid #4fae4b;
    background-image:url("../images/value-close.png");
}

.value-box-text
{
	float:left;
	width:100%;
	text-align:left;
	font-size:1em;
	line-height:25px;
	color:#6b6864;
	display:none;
	padding:30px;
}

.value-box-active .value-box-text
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #e5e3dc;
	border-top:none;
	display:block;
}

/**QUOTES**/

.quotes
{
	float:left;
    width:100%;
	text-align:center;
	color:#ffffff;
	padding-bottom:120px;
}

#mobile .quotes
{
	padding-bottom:25px;
}

.quote
{
	float:left;
    width:100%;
}

#quote-single
{
	padding-bottom:20px;
}

.quote-text
{
	float:left;
    width:96%;
	font-style:italic;
	font-size:1.5em;
	margin-top:40px;
	padding-left:2%;
}

#mobile .quote-text
{
	margin-top:10px;
	font-size:1.2em;
}

.quote-name
{
	float:left;
    width:100%;
	font-size:1.5em;
	margin-top:50px;
	font-weight:500;
	text-transform:uppercase;
}

#mobile .quote-name
{
	margin-top:30px;
	font-size:1.2em;
}

.quote-note
{
	float:left;
    width:100%;
	font-size:0.7em;
	margin-top:8px;
	font-weight:500;
}

.quote-thumbs-container
{
	float:left;
    width:100%;
	height:14px;
	margin-top:100px;
}

.quote-thumbs-container-inner
{
    width:100%;
	max-width:1170px;
	height:12px;
	margin:auto;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.quote-thumb, .quote-thumb-active
{
    float:left;
    height:12px;
    width:12px;
    margin-left:8px;
    cursor:pointer;
}

.quote-thumb
{
    background-image:url("../images/quote-inactive.png");
}

.quote-thumb-active
{
    background-image:url("../images/quote-active.png");
}

#quote-thumb-1
{
	margin-left:0px;
}

/**TWEETS**/

.tweets
{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:-25px;
	color:#727272;
}

#mobile .tweets
{
	margin-bottom:-15px;
}

.tweet
{
	float:left;
	width:96%;
	text-align:center;
	margin-bottom:0px;
	margin-top:20px;
	padding-left:2%;
}


#mobile .tweet
{
	margin-top:10px;
}

.tweet a
{
	color:#41b338;
	text-decoration:none;
}

.tweet a:hover
{
	color:#41b338;
	text-decoration:underline;
}

.tweet-date
{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:20px;
	font-size:0.85em;
}

/**FOOTER**/


.NLtxtBox
{
	border: 1px solid #CCCCCC;
	height: 35px;
	width: 250px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
  

.footer
{
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 400;
	color:#FFFFFF;
	float:left;
	width:100%;
	font-size:0.9em;
	background-color:#353332;
}
/* was background-color:#353332; */

.footer-scroll
{
	float:left;
	width:100%;
	height:42px;
	margin-top:-10px;
    background-image:url("../images/footer/footer-scroll.png");
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#353332;
	padding-bottom:30px;
	cursor:pointer;
}

#desktop .footer-scroll, #tablet .footer-scroll
{
	display:none;
}

.footer-inner
{
	width:100%;
	max-width:1170px;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.footer-column
{
	float:left;
	width:33%;
	padding-left:10px;
	padding-right:30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:10px;
	padding-bottom:0px;
}
/* was padding-top:40px; */

.footer-columnGH
{
	float:left;
	width:33%;
	padding-left:10px;
	padding-right:30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:10px;
	padding-bottom:10px;
}

#desktop .footer-column
{
	width:33%;
}

#tablet .footer-column
{
	width:50%;
}

#mobile .footer-column
{
	width:100%;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:43px;	
}

#tablet .footer-column#footer-column-2
{
	display:none;
}

#mobile .footer-column#footer-column-2
{
	display:none;
}

#mobile .footer-column#footer-column-3
{
	display:none;
}

.footer-column-title
{
	float:left;
	color:#ffffff;
	line-height:22px;
	font-size:1.2em;
	font-weight:700;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:38px;
	margin-bottom:38px;
}

#mobile .footer-column-title
{
	text-align:center;
}

#footer-column-title-half
{
	width:50%;
}

.footer-column-text, .signup-text
{
	float:left;
	color:#8f8b89;
	line-height:22px;
	font-size:1.0em;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-position:left 5px;
	background-repeat:no-repeat;
}

#footer-column-text-half
{
	width:50%;
}

#mobile .footer-column-text, .signup-text
{
	text-align:center;
}

.footer-column-text span
{
	color:#41b338;
}

.footer-column-text a
{
	color:#41b338;
	text-decoration:none;
}

.footer-column-text a:hover
{
	text-decoration:underline;
}

.footer-column-text#footer-text-offices
{
	margin-top:30px;
	margin-bottom:34px;
}

.footer-column-text#footer-text-address
{
	padding-left:30px;
	margin-top:25px;
	background-image:url("../images/footer/footer-address.png");
}

.footer-column-text#footer-text-phone
{
	padding-left:30px;
	margin-top:10px;
	background-image:url("../images/footer/footer-phone.png");
}

.footer-column-text#footer-text-email
{
	padding-left:30px;
	margin-top:10px;
	background-image:url("../images/footer/footer-email.png");
}

#mobile #footer-text-address
{
	display:none;
}

#mobile #footer-text-phone
{
	display:none;
}

#mobile #footer-text-email
{
	display:none;
}

.footer-break, .signup-break
{
	float:left;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:30px;
}

#success-text
{
	color:#41b338;
	margin-bottom:-22px;
}

#error-text
{
	color:#ff6666;
	margin-bottom:-22px;
}

.footer-logo
{
	float:left;
	width:237px;
	height:28px;
	background-image:url("../images/footer/footer-logo.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-bottom:40px;
	margin-top:30px;
}

#mobile .footer-logo
{
	float:left;
	width:100%;
	height:28px;
	background-image:url("../images/footer/footer-logo.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-bottom:20px;
	margin-top:0px;
}

.footer-social
{
	float:left;
	width:23px;
	height:23px;
	background-position:left center;
	background-repeat:no-repeat;
	margin-right:5px;
	margin-top:-5px;
	background-size:20px 20px;
}

.footer-social#footer-social-facebook
{
	background-image:url("../images/footer/footer-facebook-v=2.png");
}

.footer-social#footer-social-facebook:hover
{
	background-image:url("../images/footer/footer-facebook-hover-v=2.png");
}

.footer-social#footer-social-twitter
{
	background-image:url("../images/footer/footer-twitter-v=2.png");
	margin-right:7px;
}

.footer-social#footer-social-twitter:hover
{
	background-image:url("../images/footer/footer-twitter-hover-v=2.png");
}

.footer-social#footer-social-medium
{
	background-image:url("../images/footer/footer-medium-v=2.png");
}

.footer-social#footer-social-medium:hover
{
	background-image:url("../images/footer/footer-medium-hover-v=2.png");
}

.footer-newsletter, .signup-newsletter
{
	float:left;
	width:100%;
	margin-top:35px;
	margin-bottom:10px;
	max-width:300px;
}

.footer-newsletter input[type="text"], .signup-newsletter input[type="text"]
{
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 400;
	float:left;
	background-color:transparent;
	border:2px solid #595857;
	height:41px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:15px;
	padding-right:103px;
	color:#595857;
}

.signup-newsletter input[type="text"]
{
	margin-top: 10px;
}

.footer-newsletter input[type="submit"]
{
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 400;
	float:left;
	background-color:#353332;
	border:2px solid #41b338;
	height:41px;
	width:88px;
	margin-left:-88px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
	color:#41b338;
	cursor:pointer;
}

.footer-bottom
{
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 500;
	color:#8f8b89;
	float:left;
	width:100%;
	background-color:#353332;
	margin-top:-25px;
}


#tablet  .footer-bottom
{
	margin-top:-25px;
}

.footer-bottom-break
{
	margin:auto;
	width:800px;
	height:1px;
	background-color:#595756;
}

#tablet .footer-bottom-break
{
	margin:auto;
	width:400px;
	height:1px;
	background-color:#595756;
}

#mobile .footer-bottom
{
	display:none;
}

.footer-bottom-inner
{
	width:100%;
	max-width:1170px;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.footer-bottom-text
{
	float:left;
	width:100%;
	font-size:0.75em;
	line-height:80px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}

#tablet .footer-bottom-text
{
	line-height:20px;
	padding-top:30px;
	padding-bottom:30px;
}

#desktop #footer-bottom-text-br
{
	display:none;
	clear:both;
}

#tablet #footer-bottom-text-dot
{
	display:none;
	clear:both;
}

.footer-bottom-text a
{
	color:#8f8b89;
	text-decoration:none;
}

.footer-bottom-text a:hover
{
	text-decoration:underline;
}

/*CONTENT FORMS*/

.content-form
{
	float:left;
	margin-top:0px;
	padding-bottom:0px;
	width:100%;
}

#mobile .content-form
{
	margin-top:12px;
}

.content-form-input-block
{
	float:left;
	width:42%;
	margin-left:4%;
	margin-right:4%;
}

.content-form-input-block-auto
{
	float:left;
	width:auto;
	min-width:135px;
}

#mobile .content-form-input-block-auto, #tablet .content-form-input-block-auto
{
	width:95%;
	margin-left:5%;
}

#content-form-input-block-auto-amount
{
	float:left;
	right:0px;
}

.content-form-text
{
	float:left;
	width:92%;
	margin-left:4%;
	margin-right:4%;
	margin-bottom:15px;
}

#mobile .content-form-input-block
{
	float:left;
	width:92%;
	margin-left:4%;
	margin-right:4%;
}

.content-form-label
{
	float:left;
   	font-weight: 400;
	text-align:left;
	font-size:0.8em;
	line-height:45px;
	color:#727272;
	margin-top:15px;
	width:100%;
}

.content-form input[type="text"], .content-form textarea
{
	width:100%;
}

.content-form textarea
{
	height:150px;
	padding-top:5px;
	line-height:25px;
}

.content-form-button
{
	float:right;
	position:relative;
	margin-right:4%;
	margin-top:55px;
}

#content-donate-button-1, #content-donate-button-2, #content-donate-button-3
{
	float:left;
	margin-left:0px;
	margin-right:0px;
	background-color:#32302f;
	border-color:#32302f;
	color:#ffffff;
}

#content-donate-button-1:hover, #content-donate-button-2:hover, #content-donate-button-3:hover
{
	background-color:#4C4A49;
	border-color:#4C4A49;
}

#desktop #donate-button
{
	margin-left:0px !important;
	color:#ffffff;
	border-color:#ffffff;
	float:left;
	clear:none;
	margin-top:30px;
	margin-left:10px !important;
}

#mobile #donate-button, #tablet #donate-button
{
	margin-left:0px;
	color:#ffffff;
	border-color:#ffffff;
	float:left;
	clear:none;
}

.content-form-document
{
	float:left;
    cursor:pointer;
	width:100%;
	margin-top:-38px;
}

.content-form-document input {
	float:left;
    display: block !important;
	width:100% !important;
	height:38px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    cursor:pointer;
}

.content-close
{
	width:44px;
	height:44px;
	position:absolute;
	top:0px;
	right:0px;
	background-color:#41b338;
	cursor:pointer;
    background-image:url('../images/content-close.png');
	background-position:center;
	background-repeat:no-repeat;
}

.content-close:hover
{
	background-color:#5CC954;
}

.content-form-loading, .content-form-upload
{
	float:right;
	margin-right:15px;
	width:16px;
	height:16px;
	margin-top:-27px;
}

.content-form-loading
{
	display:none;
}

.content-form-upload
{
	display:block;
    background-image:url('../images/content-upload.png');
}

/*MOBILE MENU*/

.mobile-menu
{
    position:absolute;
    top:0px;
    display:none;
	border-right:1px solid #DCDCDC;
    z-index:0;
	font-family: 'Noto Sans', sans-serif;
   	font-weight: 500;
	color:#FFFFFF;
	float:left;
	width:100%;
	font-size:0.75em;
    background-image:url('../images/mobile-menu-bg.png');
}

.mobile-menu-head-bg
{
    float:left;
    height:82px;
    width:100%;
}

.mobile-menu-logo
{
    float:left;
    height:82px;
    width:100%;
    background-image:url('../images/menu-logo.png');
	background-position:center;
	background-repeat:no-repeat;
}

.mobile-menu-links
{
    float:left;
    width:100%;
}

.mobile-menu-link
{
    color:#ffffff;
	opacity: 0.7;
    filter: alpha(opacity=70);
    float:left;
    width:100%;
    height:60px;
    line-height:60px;
    width:100%;
    padding-left:4%;
	padding-right:4%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background:url('../images/mobile-menu-link-border.png') top center repeat-x, url('../images/mobile-menu-closed.png') right 4% center no-repeat;
	cursor:pointer;
}

.mobile-menu-link a
{
    color:#ffffff;
}

.mobile-menu-submenu
{
	float:left;
	width:100%;
	display:none;
}

#mobile-menu-link-bottom
{
	background:url('../images/mobile-menu-link-border.png') top center repeat-x;
	cursor:default;
}

.mobile-menu-link-open
{
	background:url('../images/mobile-menu-link-border.png') top center repeat-x, url('../images/mobile-menu-open.png') right 4% center no-repeat;
}

.mobile-menu-submenu-open
{
	display:block;
}

.mobile-menu-sublink
{
    color:#ffffff;
	opacity: 0.45;
    filter: alpha(opacity=45);
    float:left;
    width:80%;
    height:25px;
    line-height:25px;
    width:100%;
    padding-left:16%;
	padding-right:5%;
    background-image:url('../images/mobile-menu-link-arrow.png');
	background-position:7% 9px;
	background-repeat:no-repeat;
	margin-top:5px;
	margin-bottom:23px;
	cursor:pointer;
}

.mobile-menu-buttons
{
    float:left;
    width:100%;
	margin-bottom:15px;
}

.mobile-menu-button
{
	opacity: 0.7;
    filter: alpha(opacity=70);
    float:left;
    width:92%;
    margin-left:4%;
    height:40px;
    line-height:40px;
    color:#ffffff;
    text-align:center;    
    border-radius: 6px;
    background-color:#282c2c;
	border-bottom:1px solid #171a1a;
	border-top:1px solid #464949;
	cursor:pointer;
}

#mobile-menu-top
{
    float:left;
    width:100%;
}

#mobile-menu-bottom
{
    float:left;
    width:100%;
}

.mobile-menu-edge
{
    position:absolute;
    right:0px;
    top:0px;
    z-index:5000000;
    height:100%;
    display:none;
}

.mobile-menu-social-button
{
	float:left;
	width:46px;
	height:42px;
	background-repeat:no-repeat;
	margin-top:22px;
	margin-bottom:22px;
}

#mobile-menu-social-button-facebook
{
	background-image:url('../images/mobile-menu-facebook-v=2.png');
	background-position:center;
}

#mobile-menu-social-button-twitter
{
	background-image:url('../images/mobile-menu-twitter-v=2.png');
	background-position:center;
}

#mobile-menu-social-button-medium
{
	background-image:url('../images/mobile-menu-medium-v=2.png');
	background-position:center;
}

.mobile-menu-copy
{
	float:left;
	width:100%;
	line-height:18px;
	background-color:#191b1c;
	text-align:center;	
    color:#ffffff;
	opacity: 0.45;
	font-size:0.8em;
    filter: alpha(opacity=45);
	padding-top:8px;
	padding-bottom:8px;
}

.mobile-menu-copy a
{
    color:#ffffff;
}

/*PROJECTS MAP*/

#projects-map-container
{
	float:left;
	overflow:hidden;
	width: 100%;
	height:500px;
	border-top:1px solid #f2ece8;
	border-bottom:1px solid #f2ece8;
	margin-top:0px;
	background-image:url('../images/projects/projects-map.png');
	background-position:center;
	background-repeat:no-repeat;
}

#mobile #projects-map-container
{
	height:400px;
	background-image:url('../images/projects/projects-map-mobile.png');
}
		
#projects-map
{
	margin-top:-1360px;
	width:3000px;
	height:3000px;
}

#mobile #projects-map
{
	margin-top:-875px;
	width:2000px;
	height:2000px;
}
	
.google-visualization-tooltip
{
	font-size:1em !important;
	font-family:"Lato" !important;
	font-weight:300 !important;
	font-weight:normal !important;
	border:none !important;
	color:#727272 !important;
	text-align:center !important;
	padding-bottom:2px !important;
}

#mobile .google-visualization-tooltip
{
	display:none !important;
}

.google-visualization-tooltip div
{
	padding-bottom:20px !important;
	padding-top:10px !important;
	font-family:"Lato" !important;
	font-weight:800 !important;
	color:#26211d !important;
}

#projects-map path
{
	cursor: pointer;
}

#projects-map path[fill="#fbf9f8"]
{
	cursor: auto;
}

#projects-map path[fill="none"]
{
	cursor: auto;
}

.google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child 
{
	display: none; 
}

#desktop #chinaMap, #tablet #chinaMap, #desktop #thailandMap, #tablet #thailandMap
{
	position:relative;
	width:100%;
	height:600px;
	margin-top:-20px;
}

#MapOverlay
{
	float:left;
	position:relative;
	z-index:100;
	width:100%;
}

#desktop #MapOverlay, #tablet #MapOverlay
{
	margin-top:-20px;
	margin-bottom:-600px;
	height:600px;
}

#desktop #MapOverlay
{
	display:none;
}

#mobile #MapOverlay
{
	margin-bottom:-400px;
	height:400px;
}

#mobile #chinaMap, #mobile #thailandMap
{
	width:100%;
	height:400px;
}

#green-highlight
{
	color:#4fae4b;
	font-weight:600;
}

#red-highlight
{
	color:#ED1C24;
	font-weight:600;
}

.mini-gallery
{
	float:left;
	width:100%;
	text-align:center;
	padding-left:2.5%;
	padding-right:2.5%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:0.95em;
	font-weight: 400;
	line-height:28px;
	padding-top:5px;
	color:#727272;
}

.mini-gallery-image
{
	float:left;
	width:30.33333333%;
	margin-left:1.5%;
	margin-right:1.5%;
	background-size:cover;
}

.quote-half
{
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:5%;
}

.quote-half-divider
{
	width:100%;
	height:1px;
	float:left;
	background-color:#ffffff;
	margin-top:50px;
	margin-bottom:50px;
}

#desktop .quote-half-divider
{
	display:none;
}

#tablet .quote-half, #mobile .quote-half
{
	width:90%;
	margin:0px;
	max-width:1170px;
	padding-left:5%;
	padding-right:5%;
}

.quote-half
{
	font-size:0.75em;
}

.what-we-do
{
	float:left;
	width:100%;
	padding-top:65px;
	padding-bottom:65px;
	background-color:#fbf9f8;
}

.what-we-do-inner
{
	margin:auto;
	max-width:1121px;
	text-align:center;
}

.what-we-do-inner img
{
	max-width:95%;
}

#mobile .what-we-do-inner img, #tablet .what-we-do-inner img
{
	max-width:100%;
}

#desktop .what-we-do-image-mobile
{
	display:none;
}

#mobile .what-we-do-image, #tablet .what-we-do-image
{
	display:none;
}

.red-rock img
{
	width:150px; margin-top:-20px;
}

#details-form input[type="text"], #details-form textarea, #details-form select{
	width:220px;
    font-weight: 600;
    font-size: 1.05em;
    color: #000000;
    padding-left: 10px;
    text-align: left;
	height: 44px;
    background-color: #f5f3ed;
    margin-top: 30px;
}

#details-form{
	width:auto;
}

.email-details #email{
	min-width:260px;
	margin:0 auto;
}

.country-details #home-country, .country-details #prev-donation{
	min-width:190px;
	margin:0 auto;
}

.notes-details #details-notes{ 
	min-width:350px;
	min-height:100px;
	margin:0 auto;
}

#details-button{
	float:none;
	margin:0 auto !important;	
	max-width:230px;
	width:230px;
	height:43px;
	background-color:transparent;
}

#details-form input[type="text"], #details-form select{
	width:250px;
}
	
	.details-2 .content-form-input-block-auto{
		width: 40%;
		margin:0 5%;
	}
	
	.details-3 .content-form-input-block-auto{
		width: 30%;
		margin:0 2%;
	}
	
	.details-3 .content-form-input-block-auto:nth-child(2){
		margin:0 1%;
	}
	
	.details-3 .content-form-input-block-auto:nth-child(2) #content-form-amount-options{
		float: none;
    	width: 250px;
    	margin: 0 auto;
	}
		
	.details-2 .content-form-input-block-auto #content-form-amount-options, .details-3 .content-form-input-block-auto #content-form-amount-options{
		width:100%;
	}
	
	.details-2 #forename, .details-2 #number, .details-3 #org-name, .details-3 #org-address-2, .details-3 #org-zip, .details-3 #home-address, .details-3 #home-city{
		float:right;
	}
	
	.email-details .content-form-input-block-auto{
		float: none;
    	width: 260px;
    	margin: 0 auto;
	}
	
	.country-details .content-form-input-block-auto{
		float: none;
    	width: 250px;
    	margin: 0 auto;
	}
	
	.notes-details .content-form-input-block-auto{
		float: none;
    	width: 350px;
    	margin: 0 auto;
	}
	
	#prev-donation, .notes-details{
		margin-top:30px !important;
	}
	
	.details-button-container{
		width:230px;
		margin:0 auto;
	}
	
	::-webkit-input-placeholder {
	    color:    #000000;
	}
	
	:-moz-placeholder {
	   color:    #000000;
	}
	
	::-moz-placeholder {
	   color:    #000000;
	}
	
	:-ms-input-placeholder {
	   color:    #000000;
	}
	
	.details-error{
		background-color:rgb(255, 204, 204) !important;
	}
	
	#details-form .content-form-arrow
	{
		margin-left:-36px;
	}
	
@media (max-width: 1041px) {
	.country-details .content-form-input-block-auto, .details-3 .content-form-input-block-auto:nth-child(2) #content-form-amount-options, #details-form input[type="text"], #details-form select{
		width:190px;
	}
	
	.notes-details .content-form-input-block-auto, .notes-details #details-notes{
    	width: 250px;
		min-width:250px;
	}
}

@media (max-width: 657px) {
	.value-boxes{
		width:96%;
		margin-left:2%;
	}
	
	#details-form input[type="text"], #details-form textarea, #details-form select{
		width:95%;
	}
	
	.details-2 #forename, .details-2 #number, .details-3 #org-name, .details-3 #org-address-2, .details-3 #org-zip, .details-3 #home-address, .details-3 #home-city{
		float:left;
	}
	
	.notes-details #details-notes{
		min-width:95%;
	}
}

/*DROP DOWN*/

.drop-down-container
{
	position:absolute;
	z-index:10000;
	padding:5px;
	margin-left:0px;
	box-sizing: border-box;
	font-family: 'Noto Sans', sans-serif;
	font-size:0.9em;
	font-weight: 400;
	display:none;
	margin-top:44px;
}

.drop-down-container a
{
	color:#999999;
	text-decoration:none;
}

.drop-down 
{
	float:left;
	color:#000000;
	background-color:#ffffff;
	border:1px solid #dfdfdf;
	border-bottom:0px;
	border-top: 0px;
	text-align:left;
	width:175px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
}

.drop-down a
{
	margin:0px !important;
	padding:0px !important;
	right:0px !important;
}

.drop-down-link
{
	width:175px;
	float:none;
	margin:0px !important;
	padding:10px !important;
	padding-left:15px !important;
	border-bottom:1px solid #dfdfdf;
	line-height:15px;
	color:#4d4641;
	text-decoration:none;
	font-size: 0.85em;
	letter-spacing: 1px;
}
/*text-transform: uppercase; width:150px; (was the problem whereby the green bg didn't go full length and looked odd*/

.drop-down-link:hover
{
	background-color:#4fae4b;
	color:#ffffff;
}

.drop-down-link-bottom
{
	border-bottom:none;
}

.panel-group
{
	float:left;
	width:50%;
	margin-left:25%;
	margin-bottom: 20px;
	background-color: #F2F2F2;
	border-radius: 3px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);
}
/*width was width:50%;*/

#mobile .panel-group
{
	width:80%;
	margin-left:10%;
}
/*width was width:80%;*/

.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px;	
}

.panel-default
{
	border-color: #ddd;
}

.panel
{
	margin-bottom: 20px;
	border-radius: 4px;
}

.panel-group .panel-heading
{
	border-bottom: 0px;
}

.panel-title
{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.1em;
	color: inherit;
	position:relative;
	float:left;
	width:100%;
	font-weight:600;
	padding:15px;
	padding-left:20px;
	padding-right:50px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	text-align:left;
	cursor:pointer;
	background-image:url('../images/expand-arrow.png');
	background-position:right 20px center;
	background-repeat:no-repeat;
	background-size:22px 22px;
}

.panel-title-active
{
	background-image:url('../images/shrink-arrow.png');
}

.panel-title a
{
	float:left;
	width:100%;
}

.panel-title a:hover
{
	text-decoration: none;
}

.panel-body
{
	padding: 0px !important;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	max-height:0px;
	overflow:hidden;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	float:left;
	width:100%;
}

.panel-body-inner
{
	float:left;
	width:100%;
	border-top:1px solid #dddddd;
	padding:15px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.panel-body-active
{
	max-height:1000px;
}

.panel-group .panel-footer
{
	border-top: 0;
}

.panel-body p
{
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.panel-footer
{ 
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}


<!--NEW NAV PROBLEM 19/3/24-->

/*.collapse
{
	display: none;
}

.collapsing
{
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height;
	-o-transition-property: height;
	transition-property: height;
}

.collapse.in
{
	display: block;
}*/

<!--CLOSE NEW NAV PROBLEM 19/3/24-->

.h4, h4
{
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.panel-title a
{
	color: #727272;
	text-decoration: none;
	line-height: initial;
}

.panel-title img
{
	padding-left: 10px;
}

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

input, textarea, select {
    -webkit-appearance: none;
    border-radius: 0;
}

.trashme
{
	color: #727272;
	text-decoration: none;
	line-height: initial;
}

.image-content-text, .home-project-box-text, .content-page-text
{
font-family: 'Noto Sans', sans-serif;
}