@font-face {
    font-family: 'din_lightregular';
    src: url('fonts/ufonts.com_din-light-webfont.eot');
    src: url('fonts/ufonts.com_din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ufonts.com_din-light-webfont.woff2') format('woff2'),
         url('fonts/ufonts.com_din-light-webfont.woff') format('woff'),
         url('fonts/ufonts.com_din-light-webfont.ttf') format('truetype'),
         url('fonts/ufonts.com_din-light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Flaticon";
    src: url("fonts/flaticon.eot");
    src: url("fonts/flaticon.eot#iefix") format("embedded-opentype"),
    url("fonts/flaticon.woff") format("woff"),
    url("fonts/flaticon.ttf") format("truetype"),
    url("fonts/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}.flaticon-bitcoin:before {
    content: "\e000";
}
.flaticon-euro22:before {
    content: "\e001";
}

.column-left {
	float: left;
	width: 55%;
}

.column-right {
	float: right;
	width: 365px;
}

.btn{background-color:#35bbed;color:#fff;display:inline-block;padding:14px 55px;font-size:2.4em;font-family:DIN-BoldAlternate, Arial, sans-serif;margin:20px 0;position:relative;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);text-decoration:none}.btn-down:after{content:"";width:0;height:0;border-style:solid;border-width:20px 12.5px 0 12.5px;border-color:#35bbed transparent transparent transparent;position:absolute;left:50%;bottom:-20px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.edri-payment-block-3{margin-top:50px;margin-bottom:70px}.edri-payment-block-3 p{width:200px}.edri-payment-block-3 img{margin-bottom:20px}.donate-currency-selector{width:30px;height:68px;margin:5px 20px 0 5px;background-color:#35bbed;border-radius:15px;float:left}.donate-option{width:115px;border:solid #434243 1px;height:77px;line-height:77px;float:left;margin-left:13px;font-size:2.7em;text-align:center;color:#303030;font-family:'din_lightregular';letter-spacing:-0.05px}.donate-option:hover{cursor:pointer}.donate-option .flaticon-bitcoin:before{font-size:17px;font-style:normal;margin-left:-22px;position:relative;left:5px;top:-18px}.donate-option .flaticon-euro22:before{font-size:25px;font-style:normal;margin-left:-22px;position:relative;left:5px;top:-15px}.donate-option.selected{background-color:#35bbed;color:white;border:1px solid #35bbed}.currency-option{background-color:#35bbed;color:white;width:25px;height:25px;border-radius:12.5px;letter-spacing:-0.05em}.currency-option.selected{background-color:white;color:#35bbed}.currency-option:hover{cursor:pointer}#euro{margin:2px auto}#euro .flaticon-euro22:before{font-size:25px;position:relative;left:-21px;top:-6px}#bitcoin{margin:14px auto}#bitcoin .flaticon-bitcoin:before{font-size:17px;position:relative;left:-20px;top:2px}.other-value{width:585px;border:solid 1px #434243;height:75px;float:left;font-size:2.7em;padding-left:50px;position:relative;font-family:'din_lightregular'}.other-value-wrapper{display:none;float:left;margin-left:13px;position:relative;color:#303030}.other-value-wrapper:before{font-family:Flaticon;font-size:20px;font-style:normal;margin-left:20px;position:absolute;display:inline-block;z-index:100}.other-value-wrapper.f-bitcoin:before{content:"\e000";top:14px;left:-19px;font-size:34px}.other-value-wrapper.f-euro22:before{content:"\e001";top:2px;left:-19px;font-size:52px}.close-btn{width:25px;height:25px;background-image:url(../img/close.png);background-size:cover}.close-btn:hover{cursor:pointer}.close-other-value{position:absolute;top:25px;right:14px}.send-me-stickers-wrapper{padding-left:68px;margin-top:50px}.send-me-stickers-wrapper p{float:left;margin-left:10px;line-height:25px}.send-me-stickers-checkbox{float:left;width:24px;height:24px;border:solid #434243 1px}.send-me-stickers-checkbox:hover{cursor:pointer}.send-me-stickers-checkbox.checked{width:26px;height:26px;border:none;background-image:url(../img/checked.png);background-size:cover;background-color:#35bbed}.input-wrap{margin-bottom:20px}.send-me-stickers-form input{display:block;border:1px solid #434243;width:100%}.send-me-stickers-form-wrapper{margin:20px 0 50px 0;display:none}.send-me-stickers-form-wrapper .column-left{width:380px;padding-left:68px}.send-me-stickers-form-wrapper .column-right{margin-top:13px}.send-me-stickers-form-wrapper.active{display:block}.form-divider{float:left}.from-divider-left{width:66%;margin-right:2%}.from-divider-middle{width:10%;margin-right:2%}.from-divider-right{width:20%}.donate-via{text-align:center;margin-top:-5px;color:#35bbed}


#donate input {
	color: #303030;
}

#donate h1 {
	margin-bottom: 50px;
}

.battery-wrap {
	position: relative;
	width: 250px;
	height: 74px;
}

.battery-img {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/battery.png);
	-webkit-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.battery-charged {
	background-color: #F26B21;
	height: 100%;
	width: 0%;
}

.battery-charged-wrap {
	position: absolute;
	height: 74%;
	top: 13%;
	left: 7%;
	width: 84%;
}

.total-amount {
	color: black;
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 1.7em;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.send-me-stickers-wrapper.disabled {
	opacity: 0.5;
}

.send-me-stickers-wrapper.disabled .send-me-stickers-checkbox {
	cursor: inherit;
}

.btn {
	text-align: center;
}

.input-wrap {
	padding: 0;
	border-radius: 0;
}


/*mobile*/


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
.donate-option {
width: 31px;
border: solid #434243 1px;
height: 27px;
line-height: 27px;
float: left;
margin-left: 4px;
font-size: 0.7em;
text-align: center;
color: #303030;
font-family: 'din_lightregular';
letter-spacing: -0.05px;
}

.donate-option .flaticon-euro22:before {
font-size: 11px;
font-style: normal;
margin-left: -22px;
margin-right: 13px;
position: relative;
left: 14px;
top: -3px;
}

.donate-option .flaticon-bitcoin:before {
font-size: 7px;
margin-left: -22px;
top: -4px;
margin-right: 15px;
left: 17px;

}

.other-value-wrapper.f-bitcoin:before {
content: "\e000";
top: 5px;
left: -19px;
font-size: 12px;
}

.other-value-wrapper {
margin-left: 4px;
}

.other-value {
width: 162px;
border: solid 1px #434243;
height: 25px;
float: left;
font-size: 0.75em;
padding-left: 17px;
position: relative;
font-family: 'din_lightregular';
}

.close-other-value {
position: absolute;
top: 8px;
right: 7px;
}

.close-btn {
width: 12px;
height: 12px;
background-image: url(../img/close.png);
background-size: cover;
}

.other-value-wrapper.f-euro22:before {
content: "\e001";
top: 0px;
left: -19px;
font-size: 19px;
}

.currency-option {
background-color: #35bbed;
color: white;
width: 15px;
height: 15px;
border-radius: 12.5px;
letter-spacing: -0.05em;
}

#bitcoin {
margin: 5px auto;
}

#euro .flaticon-euro22:before {
font-size: 19px;
position: relative;
left: -22px;
top: -6px;
}

#bitcoin .flaticon-bitcoin:before {
font-size: 13px;
position: relative;
left: -22px;
top: -4px;
}

.donate-currency-selector {
width: 19px;
height: 40px;
margin: -4px 20px 0 5px;
background-color: #35bbed;
border-radius: 15px;
float: left;
}

.send-me-stickers-wrapper {
padding-left: 0px;
margin-top: 50px;
}

.send-me-stickers-form-wrapper .column-left {
width: 285px;
padding-left: 0px;
}

.send-me-stickers-form-wrapper label {
	font-size: 0.8em;
}

.send-me-stickers-form input {
display: block;
border: 1px solid #434243;
width: 100%;
font-size: 0.8em;
}

.input-wrap {
margin-bottom: 1px;
}

.send-me-stickers-form-wrapper .column-right {
margin-top: 11px;
clear: both;
float: none;
width: 95%;
}

.send-me-stickers-form-wrapper .column-right .p-heading {
	margin: 5px 0 0 0;
}

.from-divider-middle {
width: 9%;
margin-right: 6%;
}

.from-divider-left {
width: 59%;
margin-right: 6%;
}

}



/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}