body {
	background: #F4FFDE url("/images/bg.jpg") no-repeat top center; 
	 
}

.paginator {}
.paginator li {display:inline-block; margin:1em;}

.hightlight {
	border:2px solid #cc0000!important;
} 

.clear {
	clear:both;
}

.bredcrumbs {
	margin-top:24px;
	color:#B2955B;
}

.bredcrumbs a {
	color:#B2955B;
}

.header {
	position:relative;
	z-index:1;
	top:0;
	left:0;
	height:394px;
}

.header .donation {
	position:absolute;
	top:72px;
	right:72px;
}

.header .tel {
	position:absolute;
	top:145px;
	right:72px;
	padding:12px;
	background:#ffffff;
	border-radius:12px;
	font-weight:bold;
}

.main-field {
	position:relative;
	z-index:3;
	top:0;
	left:0;
}

.main-field .nav {
	font-family: 'Shnobel';
	position:absolute;
	z-index:2;
	top:-10px;
	left:0;
	text-align: center;
	width:100%;
}
.main-field .nav ul {
	display:inline-block;
	padding:8px 24px;
	text-align:center;
	background:#3B8200;
	border-radius: 36px;
	font-size:2em;
	margin-top:-24px;
}
.main-field .nav li {
	display:inline-block;
	margin:0 16px;
}

.main-field .nav li a {
	color:#ffffff;
	border:0;
}

.main-field .wrap {
	position:relative;
	padding: 24px;
	margin:24px;
	min-height:200px;
	border-radius: 12px;
	background: url("/images/bg-field.jpg") top center; 
}

.main-field .wrap .sect {
	margin-bottom:48px;
}

.main-field .wrap .sect .ttl {
	text-align:center;
	font-family: 'Shnobel';
	font-size:2em;
	margin:48px;
}

 
.mission .descr {
	margin: 0 auto;
	width:70%;
	line-height:1.4;
	font-size:1.24em;
}

.mission .lis {
	float:right;
	margin:0px 0 24px 96px;
}

.projects {
	
}

.projects-list {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.projects-list .project {
	width: 192px;
	text-align:center;
}

.projects-list .project .pic {
	margin-bottom:12px;
	
}

.projects-list .project .pic img {
	border-radius:24px;
	width:147px;
}

.helpform {
	text-align:center;
}

.send-link {
	padding:12px;
	display:inline-block;
	border-radius:6px;
	color:#ffffff;
	background:#F6A513;
	width:200px;
	font-size:1.4em;
	font-family: 'Shnobel';
	border:1px solid #3B8200;
	margin: 2em 0;
}

.send-link:hover {
	background: #3B8200;
	cursor:pointer;
	border:1px solid #3B8200;
}

.send-link:visited {
	color:#ffffff;
	border:1px solid #3B8200;
}


.order-form {
	background: linear-gradient(237deg, #9deb58, #5fa723, #e0d92c);
	background-size: 600% 600%;

	-webkit-animation: AnimationName 7s ease infinite;
	-moz-animation: AnimationName 7s ease infinite;
	animation: AnimationName 7s ease infinite;

	
	width:600px;
	padding:48px;
	margin:0 auto;
	border-radius:24px;
	text-align:center;
}




@-webkit-keyframes AnimationName {
    0%{background-position:0% 92%}
    50%{background-position:100% 9%}
    100%{background-position:0% 92%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 92%}
    50%{background-position:100% 9%}
    100%{background-position:0% 92%}
}
@keyframes AnimationName { 
    0%{background-position:0% 92%}
    50%{background-position:100% 9%}
    100%{background-position:0% 92%}
}


.order-form input[type=text] {
	padding:12px;
	display:block;
	margin-bottom: 24px;
	border-radius:6px;
	width:100%;
	border:1px solid #3B8200;
	color:#00447C;
}

.order-form textarea {
	padding:12px;
	display:block;
	margin-bottom: 24px;
	border-radius:6px;
	width:100%!important;
	border:1px solid #3B8200;
	color:#00447C;
	height:166px!important;
}

.order-form button {
	padding:12px;
	display:inline-block;
	border-radius:6px;
	border:1px solid #3B8200;
	color:#ffffff;
	background:#F6A513;
	width:200px;
	font-size:1.4em;
	font-family: 'Shnobel';
}

.order-form button:hover {

	background: #3B8200;
	cursor:pointer;
}

.yapayform {
	background: linear-gradient(237deg, #9deb58, #5fa723, #e0d92c);
	background-size: 600% 600%;

	-webkit-animation: AnimationName 7s ease infinite;
	-moz-animation: AnimationName 7s ease infinite;
	animation: AnimationName 7s ease infinite;

	
	width:600px;
	padding:48px;
	border-radius:24px;
	color:#ffffff;
	margin:0 auto;
}
.yapayform .fieldname {
	margin-bottom:24px;
	text-align:center;
}

.yapayform input[type=text].summ {
	width:100px;
	margin:0 auto;
	display:block;
}

.yapayform input[type=text] {
	padding:12px;
	display:block;
	margin-bottom: 24px;
	border-radius:6px;
	width:100%;
	border:1px solid #3B8200;
	color:#00447C;
}

.yapayform input[type=submit] {
	margin:24px auto 0 ;
	padding:12px;
	display:block;
	border-radius:6px;
	border:1px solid #3B8200;
	color:#ffffff;
	background:#F6A513;
	width:200px;
	font-size:1.4em;
	font-family: 'Shnobel';
}

.yapayform input[type=submit]:hover {

	background: #3B8200;
	cursor:pointer;
}

.inner-field {
	position:relative;
	padding: 24px;
	margin:24px;
	min-height:200px;
	border-radius: 12px;
	background: url("/images/bg-field.jpg") top center; 
}

.inner-field .nav-list {
	margin:24px 24px 48px 24px;
	text-align:center;
}

.inner-field .nav-list li {
	display:inline-block;
	margin:0 12px 12px 12px;
	background:#3B8200;
	padding:12px 24px;
	border-radius:24px;
	color:#ffffff;
}

.inner-field .nav-list li a {
	color: #ffffff;
}

.inner-field .title {
	text-align:center;
	font-family: 'Shnobel';
	font-size:2em;
	margin:48px 48px 48px 48px;
}

.inner-field .content {
	max-width:800px;
	padding:0px 0 24px 48px;
	background:#ffffff;
	font-size:1.2em;
	line-height:1.4;
}

.inner-field .content {
	max-width:800px;
	padding:0px 0 24px 48px;
	background:#ffffff;
	font-size:1.2em;
	line-height:1.4;
}

.inner-field .content h2 {
	text-align:center;
	font-family: 'Shnobel';
	font-size:2em;
	margin:48px 48px 48px 48px;
}

.inner-field .content h3 {
	text-align:center;
	font-family: 'Shnobel';
	font-size:1.5em;
	margin:48px 48px 48px 48px;
}

.inner-field .content h4 {
	text-align:center;
	font-family: 'Shnobel';
	font-size:1em;
	margin:48px 48px 48px 48px;
}

.inner-field.full .content {
	max-width:100%;
	padding:0px 24px 24px 24px;
	background:#ffffff;
	font-size:1.2em;
	line-height:1.4;
}

.inner-field .content img {
	max-width: 800px;
	margin: 12px 0;
}

.inner-field .content ul {
	margin: 10px 0;
}
.inner-field .content ul li {
	margin: 0px 0 5px 40px; 
	padding: 0 0 0 10px; 
	list-style-type:disc;
}
.inner-field .content ol li {
	margin: 0px 0 5px 40px; 
	padding: 0 0 0 10px; 
	list-style-type:decimal;
}

.inner-field article {
	max-width:800px;
	margin:0 auto;
}

.inner-field article .pic {
	margin: 0 auto 48px auto;
	width:144px;
}

.inner-field article .pic img {
	border:1px solid #F6A513;
	border-radius:12px;
	width:144px;
}

.inner-field article ul {
	margin: 10px 0;
}
.inner-field article ul li {
	margin: 0px 0 5px 40px; 
	padding: 0 0 0 10px; 
	list-style-type:disc;
}
.inner-field article ol li {
	margin: 0px 0 5px 40px; 
	padding: 0 0 0 10px; 
	list-style-type:decimal;
}

.inner-field article .date {
	margin: 0 0px 12px 0;
	color:#B2955B;
	text-align:center;
}

.inner-field article .text-field {
	border-top:1px solid #F6A513;
	padding-top:24px;
	font-size:1.2em;
	line-height:1.4;
}

.inner-field article .text-field img {
	max-width: 800px;
	margin: 12px 0;
	border-top:1px solid #f9f9f9;
}


.inner-field .post-list {
	max-width:600px;
	margin:0 auto;
}

.inner-field .post-list .post {
	margin: 0 0 48px 0;
}

.inner-field .post-list .post .ttl {
	margin: 0 0 12px 0;
	font-size:1.4em;
}

.inner-field .post-list .post .pic {
	float:left;
	margin: 0 24px 24px 0;
}

.inner-field .post-list .post .date {
	margin: 0 0px 12px 0;
	color:#B2955B;
}

.inner-field .post-list .post .pic a {
	border:0;
}

.inner-field .post-list .post .pic img {
	border:1px solid #F6A513;
	border-radius:12px;
	width:144px;
}

.footer {
	margin:48px 96px;
}

.footer .ttl {
	font-size:1.2em;
	margin-bottom:24px;
}
.footer .left {
	float:left;
	width:50%;
}
.footer .right {
	float:left;
	width:50%;
	text-align: right;
}

.footer .social {
	margin: 0 0 24px 0;
}

.donation-btn {
	position:relative;
	padding:16px 24px 16px 68px;
	display:inline-block;
	border-radius:12px;
	border:0px solid #3B8200!important;
	color:#ffffff;
	
	font-size:1.6em;
	font-family: 'Shnobel';
	text-align:center;
	color:#ffffff!important;
	
	background: linear-gradient(233deg, #f6a513, #ed511b);
	background-size: 400% 400%;

	-webkit-animation: btndonate 7s ease infinite;
	-moz-animation: btndonate 7s ease infinite;
	animation: btndonate 7s ease infinite;
}

.donation-btn:before {
	position:absolute;
	top:9px;
	left:14px;
	z-index:1;
	content: "";
	background:url("/images/rubl.png") no-repeat;
	width:43px;
	height:43px;
}

@-webkit-keyframes btndonate {
    0%{background-position:97% 0%}
    50%{background-position:4% 100%}
    100%{background-position:97% 0%}
}
@-moz-keyframes btndonate {
    0%{background-position:97% 0%}
    50%{background-position:4% 100%}
    100%{background-position:97% 0%}
}
@keyframes btndonate { 
    0%{background-position:97% 0%}
    50%{background-position:4% 100%}
    100%{background-position:97% 0%}
}

.studio {
	text-align:center;
	margin-top:24px;
}