body{
	padding:0;
	margin:0;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	color:#444;
	background-color:#FFF;
}

.row{display:flex; align-items:stretch}
.cell{display:flex; justify-content:center; flex-direction:column; box-sizing:border-box; padding:20px}
.cell img{vertical-align:middle}
.pd0{padding:0px}
.w100{width:100%}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.hide{display:none}
.color{color:#ff9300}
form{padding:0px; margin:0px}
p{padding:0px; margin:5px 0 5px 0; text-align:justify}
pre{padding:0px; margin:5px 0 5px 0; white-space:pre-wrap}
ul{margin:5px 0 0 15px; padding:0px; text-align:justify}
li{margin:5px 0 5px 0}

.page{max-width:900px; margin:0px auto}
.label{font-size:11px}
.comment{color:#AAA}
.line{height:10px}

/* link */
a, .a{text-decoration:underline; cursor:pointer; color:#ff9300}
a:hover, .a:hover{text-decoration:none}

/* btn */
.btn{
	color:#FFF;
	text-decoration:none;
	padding:15px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	line-height:16px;
	background:linear-gradient(#b0cf00, #93ad00);
}
.btn:hover, .donate:hover{opacity:0.8}

/* popup */
.popup{width:100%; height:100%; position:fixed; z-index:999997; overflow:auto; left:0px; top:0px; background-color:rgba(0,0,0,0.7); text-align:center}
.popup.popup_loader{background-color:rgba(255,255,255,0.7)}
.popup_close{float:right; font-size:30px; line-height:20px; font-family:Arial; color:#FFF; cursor:pointer; margin:-25px -3px 0px 0px}
.popup_close:hover{color:#999}
.popup_container{width:80%; min-width:290px; max-width:600px; margin:30px 5px 30px 5px; background-color:#FFF; border-radius:6px; display:inline-block; text-align:left; 
	box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2)}
.popup_header{padding:10px 15px 10px 15px; background:#EEE; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom:1px solid #CCC; font-size:18px; font-weight:bold}
.popup_footer{padding:15px; background:#EEE; border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top:1px solid #CCC}
.popup_content{padding:15px}
.popup_title{font-size:18px}
.popup_descr{color:#666; text-align:center}
.popup_hide_scroll_cms{overflow:hidden}

/* animation */
.btn, .btn-menu, a, .a, .popup_close, input, textarea{
	-webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    -ms-transition:all 0.1s linear;
    transition:all 0.1s linear;
}

.btn-menu{
	color:#FFF;
	text-decoration:none;
	padding:8px;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	line-height:16px;
}
.btn-menu:hover{color:#FFF; background-color:#333}


h1{
	margin:0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	display:inline;
}

h2{
	padding:0px;
	margin:20px 0 0 0;
	font-size:24px;
	line-height:26px;
	text-align:center;
	color:#a5c100;
}

h3{
	padding:0px;
	margin:0 0 10px 0;
	font-size:24px;
	line-height:26px;
	text-align:center;
	color:#a5c100;
}

input[type="text"]{
	width:100%;
	background:#f9f9f9;
	border:#CCC 1px solid;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	padding:5px;
	color:#444;
	margin:0px;
	box-sizing:border-box;
	outline:none;
}
input[type="text"]:hover{border-color:#999}
input[type="text"]:focus{border-color:#444}

textarea{
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	background:#f9f9f9;
	border:#CCC 1px solid;
	resize: none;
	padding:5px;
	color:#444;
	margin:0px;
	overflow:auto;
	box-sizing:border-box;outline:none;
}
textarea:hover{border-color:#999}
textarea:focus{border-color:#444}

.logo{
	width:80px;
	border-radius:6px;
	
	/* box shadow */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 900px){
	.m-block{display:block}
	h1{font-size:6vw}
}