.worldinneed_form {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;margin-bottom:20px !important;padding:20px !important;background: #f8f8f8  !important;}

.worldinneed_form h2 {text-align:center !important;}

.worldinneed, .worldinneed__fill {
    background: #e6e6e6 !important;display: block !important;height: 32px !important;
    box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3) !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    }

.worldinneed {position: relative !important;height: 10px !important; width: 100% !important;margin:1em 0 0.5em 0 !important;}

.worldinneed--disabled {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40) !important;opacity: 0.4 !important;}

.worldinneed__fill {height: 10px !important;width: 100% !important;background: #3b5999 !important;position: absolute !important;top: 0 !important;}

.worldinneed__handle {
    background: white !important;
    border: 5px solid #3b5999 !important;
    cursor: pointer !important;
    display: inline-block !important;
    width: 32px !important;
    height: 32px !important;
    position: absolute !important;
    top: -12px !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3) !important;
    border-radius: 50% !important;
}

.range {
    margin-bottom: 2em !important;
}

.slider-label {color: #888888 !important;font-size: 1.2em !important;margin: 0 0 16px 0 !important;font-style: oblique !important;text-align:center !important;}

input[type="range"]:focus + .worldinneed .worldinneed__handle {box-shadow: 0 0 8px rgba(255, 0, 255, 0.9) !important;}

/* Slider Outputs */

.worldinneed-slideroutput:after, .range:after {visibility: hidden !important;display: block !important;font-size: 0 !important;content: " " !important;clear: both !important;height: 0 !important;}
.worldinneed-slideroutput { text-align: center !important; position: relative !important;}
.worldinneed-slideroutput .worldinneed-sliderleft {position: absolute !important; top: 0 !important; left: 0 !important; width:30% !important;text-align:left !important;}
.worldinneed-slideroutput .worldinneed-slidercenter {margin: auto !important; width:20% !important; display: inline-block !important; text-align:center !important; outline: 0 !important; font-size:25px !important; color:#3b5999 !important;}
.worldinneed-slideroutput .worldinneed-sliderright {position: absolute !important; top: 0 !important; right: 0 !important; width:25% !important;text-align:right !important;}

/* Buttons */

.worldinneed-slideroutput .worldinneed-sliderbuttonleft { position: relative !important; float: left !important; height: 30px !important; width: 40% !important; display: inline-block !important; text-align:right !important;}
.circle-no-option.worldinneed-slideroutput .worldinneed-sliderbuttonleft { text-align: left !important; }

.worldinneed-slideroutput .worldinneed-sliderbuttonright {position: relative !important; float: right !important; height: 30px !important; width:40% !important; display: inline-block !important; text-align:left !important;}
.circle-no-option.worldinneed-slideroutput .worldinneed-sliderbuttonright { text-align: right !important; }

/* Outputs */

.worldinneed-repayments {margin-bottom: 6px !important;color:#343848 !important;text-align:center !important;}
.worldinneed-caveat {font-size: 0.9em !important;margin-bottom: 12px !important;color:#343848 !important;font-style: italic !important;text-align:center !important;}
.worldinneed-donate {text-align:center !important;}
.worldinneed-donate input[type="submit"] {font-size:1em !important; background:#c21420 !important;padding: 4px 8px !important;cursor: pointer !important;color:#FFF !important;text-decoration: none !important;border: 1px solid #c21420 !important; text-transform: uppercase; border-radius: 3px;}

.worldinneed-sections:after {visibility: hidden !important;display: block !important;font-size: 0 !important;content: " " !important;clear: both !important;height: 0 !important;}
div.second_container {display:none !important;}

/* Circle Rules */
.circle-down 	{ height: 25px !important; width: 25px !important; position: absolute !important; right: 0 !important; border-radius: 12.5px !important; border: 2px solid #3b5999 !important; }
.circle-no-option.worldinneed-slideroutput .circle-down { right: auto !important; left: 0 !important; }
.circle-down:after {
	content: "" !important;
	width: 15px !important;
	position: absolute !important;
	height: 3px !important;
	background-color: #3b5999 !important;
	top: 50% !important;
	margin-top: -1.5px !important;
	left: 50% !important; 
	margin-left: -7.5px !important;
}
.circle-up 		{ height: 25px !important; width: 25px !important; position: absolute !important; border-radius: 12.5px !important; border: 2px solid #3b5999 !important; }
.circle-no-option.worldinneed-slideroutput .circle-up { right: 0 !important; }

.circle-up:after {
	content: "" !important;
	width: 15px !important;
	position: absolute !important;
	height: 3px !important;
	background-color: #3b5999 !important;
	top: 50% !important;
	left: 50% !important; 
	margin-top: -1.5px !important;
	margin-left: -7.5px !important;
}
.circle-up:before {
	content: "" !important;
	width: 3px !important;
	position: absolute !important;
	height: 15px !important;
	background-color: #3b5999 !important;
	top: 50% !important;
	left: 50% !important;
	margin-top: -7.5px !important;
	margin-left: -1.5px !important;
}

/* NewButtons */

.output-pad		{ padding: 0 25px !important; line-height: 25px !important; min-height: 25px !important; position: relative !important; }
.circle-up:hover, .circle-down:hover { background-color: #e6e6e6 !important; cursor: pointer !important; }
.circle-control {
  -webkit-touch-callout: none !important; /* iOS Safari */
    -webkit-user-select: none !important; /* Safari */
     -khtml-user-select: none !important; /* Konqueror HTML */
       -moz-user-select: none !important; /* Firefox */
        -ms-user-select: none !important; /* Internet Explorer/Edge */
            user-select: none !important; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.headimg {
	
	width:10% !important;
	padding:5px !important;
	float:left !important;
	transition: opacity 1s !important;
	
	opacity: .15 !important;
	
}
.headimg.visible { opacity: 1 !important; }

.headimg img {width: 100% !important;}
.headimg img:hover {}

@media only screen and (max-width: 500px) {.headimg {padding:1px !important;}}