HTML { width: 100%; height: 100%; }

@font-face {
	font-family: 'SourceSansPro-Regular';
	src: url('/font/SourceSansPro-Regular.eot');
	src: url('/font/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
	url('/font/SourceSansPro-Regular.woff') format('woff'),
	url('/font/SourceSansPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSansPro-SemiBold';
	src: url('/font/SourceSansPro-SemiBold.eot');
	src: url('/font/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('/font/SourceSansPro-SemiBold.woff') format('woff'),
	url('/font/SourceSansPro-SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSansPro-Bold';
	src: url('/font/SourceSansPro-Bold.eot');
	src: url('/font/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
	url('/font/SourceSansPro-Bold.woff') format('woff'),
	url('/font/SourceSansPro-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


body { margin: 0px; padding: 0px; height: 100%; width: 100%; line-height: normal; background: #fff; 
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Helvetica, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
  
p { margin: 12px 0px; text-indent: 0px; padding: 10px 0px 4px 0px; line-height: 24px; letter-spacing: 0.04em;
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Helvetica, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
p strong, p b { FONT-WEIGHT: normal; FONT-FAMILY: 'SourceSansPro-SemiBold', Helvetica, Arial; }
  
table { margin: 0px; padding: 0px;
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Helvetica, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
  
H1 { margin: 5px 0px 40px 0px; padding: 0px 0px 0 0; 
  FONT-WEIGHT: normal; FONT-SIZE: 42px; COLOR: #484d50; FONT-FAMILY: 'SourceSansPro-SemiBold', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
H2 { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px;
  FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #484d50; FONT-FAMILY: 'SourceSansPro-SemiBold', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
H3 { margin: 30px 0px 20px 0px; padding: 30px 0px 5px 0px; text-transform: uppercase;
  FONT-WEIGHT: normal; FONT-SIZE: 24px; COLOR: #484d50; FONT-FAMILY: 'SourceSansPro-SemiBold', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}   

@media only screen and (max-width: 768px) {
	h1 { font-size: 30px; }
	h2 { font-size: 38px; padding-top: 60px; }
}

A:link,
A:visited { border: none; outline: none; color: #358fce;
TEXT-DECORATION: none;}
A:active,
A:hover { border: none; outline: none; color: #5d6164;
TEXT-DECORATION: none;}

a img { border: none; outline: none;}

object { display: block; }
embed { display: block; }
img { max-width: 100%; }

hr { border: none; outline: none; height: 1px; border-bottom: 1px solid #e8e5e5; margin: 20px 0;}

.top_section_wrap { width: 100%;  }
.top_section { width: 1200px; height: 45px; margin: 0 auto; padding: 33px 0 33px 0; border-bottom: 1px solid #d5dfe6; }

a.logo { width: 285px; height: 45px; vertical-align: top; float: left; background: url('/pic/logo-new.png') no-repeat center center; }

.top_contact_wrap { float: right; padding-top: 8px; } 
.top_contact_wrap a { display: block;
  FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #515152; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: right;}   
.top_contact_wrap a.tel { FONT-FAMILY: 'SourceSansPro-Bold', Arial; }

.top_contact_icons { float: right; vertical-align: top; }
.top_contact_icons a { display: inline-block; width: 32px; background: no-repeat center top; margin: 0 7px; vertical-align: middle; }
.top_contact_icons a:hover { background-position: center bottom; }
a.icon_dzen { background-image: url('/pic/icon_dzen.png'); height: 24px; }
a.icon_vk { background-image: url('/pic/icon_vk.png'); height: 20px; }
a.icon_telegram { background-image: url('/pic/icon_telegram.png'); height: 23px; }
a.icon_rutube { background-image: url('/pic/icon_rutube.png'); height: 25px; }
a.icon_youtube { background-image: url('/pic/icon_youtube.png'); height: 19px; }
a.icon_ok { background-image: url('/pic/icon_ok.png'); height: 28px;}

input.search_block { outline: none; border: none; padding: 3px 5px 3px 46px;
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}   
label[for='search_block'] { content: ""; position: absolute; z-index: 5; width: 26px; height: 26px; background: url('/pic/icon_search.png') no-repeat center center; }


.top_menu_section { width: 100%; display: none; }
.top_menu_wrap { width: 1200px; height: 50px; margin: 0 auto; padding: 20px 0; border-bottom: 2px solid #0f466b; }
.top_menu { float: left; }

.top_menu a { display: inline-block; line-height: 50px; margin-right: 58px; }
.top_menu a:last-of-type { margin-right: 0; }
.top_menu a:link, .top_menu a:visited {
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center;}   
.top_menu a:hover, .top_menu a:active { color: #4d8fc9; }
.top_menu a.selected { color: #4d8fc9; }

a.button_order { float: right; display: inline-block; width: 270px; height: 50px; line-height: 50px; border: 1px solid #226b90; border-radius: 5px; }
a.button_order:link, a.button_order:visited {
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #10466b; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center;}   
a.button_order:hover { background: #eff3f6; }
a.button_order:active { color: #fff; background: #10466b; }

/*
@media only screen and (max-width: 1260px) {
	.top_section_wrap { width: 100%; }
	.top_section { width: calc(100% - 40px); }

	.top_menu_wrap { width: 100%; }
	.top_menu { margin-right: 22px; }
	
}

@media only screen and (max-width: 680px) {
	a.logo { width: 90px; height: 43px; margin-top: 2px; background: url('/pic/logo_resp.png') no-repeat center center; }
	a.logo img { width: 90px; height: 43px; }
	.top_contact_wrap a { font-size: 18px; }
	.top_menu_wrap { text-align: center; }
	.top_menu { float: none; }
	a.button_order { margin-left: 10px; margin-right: 10px; width: auto; padding: 0 10px; }

}

@media only screen and (max-width: 500px) {
	.top_menu_wrap { padding-top: 20px; height: auto; }
	a.button_order { margin: 10px 20px; width: calc(100% - 40px); background-size: cover !important; }

}
*/

.main_content_wrap { width: 100%;  }
.main_content { width: 1200px; margin: 0 auto; padding: 30px 0px 30px 0;}

.main_articles_wrap { width: calc(100% + 50px); margin: 0px 0 70px 0; }
.articles_title { margin: 30px 0 40px 0;
  FONT-WEIGHT: normal; FONT-SIZE: 42px; COLOR: #484d50; FONT-FAMILY: 'SourceSansPro-SemiBold', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}

.main_article_id { display: inline-block; vertical-align: top; width: 580px; margin-right: 40px; margin-bottom: 50px; cursor: pointer; }
.article_title { margin: 20px 0 10px 0;
  FONT-WEIGHT: normal; FONT-SIZE: 24px; COLOR: #484d50; FONT-FAMILY: 'SourceSansPro-SemiBold', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
.article_text, .article_text p { margin-bottom: 20px;
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
a.article_link { margin: 14px 0 5px 0; float: left; border-bottom: 1px solid #fff;
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #358fce; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
a.article_link:hover { border-bottom: 1px solid #358fce; }
.article_date { margin: 14px 0 5px 0; float: right; 
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #a5a7a9; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: right;}

.img_wrap { position: relative; }
.img_wrap:hover:before { content: ""; position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; background: rgba(5,23,35,0.2); }
  
.button_link_wrap { text-align: center; width: 100%; height: 50px; }
a.button_link { display: inline-block; height: 50px; padding: 0 90px; line-height: 50px; border: 1px solid #226b90; border-radius: 5px; }
a.button_link:link, a.button_link:visited {
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #10466b; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center;}   
a.button_link:hover { background: #eff3f6; }
a.button_link:active { color: #fff; background: #10466b; }


.video .img_wrap { display: block; position: relative; }
.video .img_wrap:before { content: ""; position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; background: rgba(5,23,35,0.2); }
.video .img_wrap:after { content: ""; position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; background: url('/pic/video_icon.png') no-repeat center center; }
.video .img_wrap:hover:before { background: none; }

.main_textblock_wrap { margin: 30px 0 100px 0; padding: 90px 0; background: #f2f8fc; position: relative; min-height: 400px; }
.main_textblock_wrap:before { content: ""; position: absolute; z-index: -1; left: -1000px; right: 0; top: 0; bottom: 0; background: #f2f8fc; }
.main_textblock_wrap:after { content: ""; position: absolute; z-index: -1; left: 0; right: -1000px; top: 0; bottom: 0; background: #f2f8fc; }

.main_textblock_wrap img { float: right; margin-left: 40px; margin-top: -82px; }
.main_textblock_wrap .articles_title { margin: 0 0 30px 0; }
.main_textblock_wrap .article_text, .main_textblock_wrap .article_text p { line-height: 1.7em; }

.main_textblock_wrap a.button_link { margin-top: 34px; }

.main_books_wrap { margin: 30px 0 60px 0; width: calc(100% + 50px); }
.main_book_id { display: inline-block; cursor: pointer; margin-right: 40px; margin-bottom: 60px; box-shadow: 0 0 7px rgba(0,0,0,0.4); }

a.button_link.min { padding: 0 30px; }

.haplocarts .articles_title { margin: 0 0 20px 620px;}
.haplocarts .article_text { line-height: 1.7em; }
.haplocarts img { float: left; margin-left: 0; margin-right: 40px; margin-top: -72px; }
.haplocarts a.button_link:first-of-type { float: left; }
.haplocarts a.button_link:last-of-type { float: right; }
.haplocarts .button_link_wrap { height: 86px; }

.projects .article_title { margin-bottom: 3px; }
.projects a.article_link { font-size: 24px; margin-top: 0px; }

.main_textblock_wrap h1 { margin: 0 0 30px 0;
  FONT-WEIGHT: normal; FONT-SIZE: 42px; COLOR: #484d50; FONT-FAMILY: 'SourceSansPro-SemiBold', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
.main_textblock_wrap .button_link_wrap a.button_link:first-of-type { float: left; }
.main_textblock_wrap .button_link_wrap a.button_link:last-of-type { float: right; }

.about img { margin-top: -22px; }

.main_donate_wrap { margin: 0px 0 70px 0; padding: 60px 540px 60px 80px; background: url('/pic/main_donate_ground.jpg') no-repeat left center; }
.main_donate_wrap .articles_title { font-size: 30px; margin: 0 0 30px 0; }
.main_donate_wrap a.button_link { margin-top: 34px; color: #fff; background: #10466b; }
.main_donate_wrap a.button_link:hover { color: #10466b; background: #eff3f6; }


.bottom_wrap { width: 100%; background: #f0f4f7; }
.bottom { width: 1200px; margin: 0 auto; padding: 50px 0px 50px 0;}

.bottom_menu_wrap {}
.bottom_menu { display: inline-block; width: 25%; vertical-align: top; 
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
a.bmenu_title { display: block; line-height: 2.2em;
  FONT-WEIGHT: normal; FONT-SIZE: 22px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-SemiBold', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
a.bmenu_title:hover { color: #358fce; }
a.bmenu_id { display: block; padding: 6px 0; line-height: 1.3em;
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
a.bmenu_id:hover { color: #358fce; }
.bottom_menu p { margin: 0; padding: 6px 0; line-height: 1.3em; 
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
.bottom_text_wrap { display: block; width: 100%; padding-top: 30px; 
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
.bottom_text_wrap p { margin: 0; padding: 0; line-height: 1.3em; 
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
.bottom_text_wrap a.button_order { float: right; }

a.yarneo { display: block; margin-top: 10px;
  FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #90b0c6; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
a.yarneo:hover { color: #358fce; }

.content_wrap { width: 100%;  }
.content { width: 1200px; margin: 0 auto; padding: 30px 0px 30px 0;}


.about .cms_content_box { width: auto; display: block; }
.about .cms_text_id { padding: 0; }
.article_text p { letter-spacing: normal; margin: 0; padding: 0; }

.cms_list_title_dop { padding: 0 0 10px 0;
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #7b7d7f; FONT-FAMILY: 'SourceSansPro-SemiBold', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}

.page-haplocarts .cms_list_title { padding-bottom: 12px; }
.page-books .cms_list_title { padding-bottom: 6px; }

.cms_text_id_left { display: table-cell; }
.cms_text_id_right { display: table-cell; }

.comment_box { margin-top: 70px; width: 60%; }
.comment_title { margin: 0; padding: 10px 0px 30px 0; line-height: 24px; border-bottom: 1px solid #aaa;
  FONT-WEIGHT: normal; FONT-SIZE: 28px; COLOR: #484d50; FONT-FAMILY: 'SourceSansPro-SemiBold', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}

.comment_id { margin: 30px 0px; text-indent: 0px; padding: 10px 0px 20px 0px; line-height: 24px; letter-spacing: 0.04em; border-bottom: 1px solid #aaa;
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Helvetica, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
/*.comment_id:hover { background: #fff; }*/
.comment_id2 { margin: 30px 0px; text-indent: 0px; padding: 10px 0px 20px 0px; line-height: 24px; letter-spacing: 0.04em; border-bottom: 1px solid #aaa;
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Helvetica, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }

/*.comment_id2:hover { background: #fff; }*/
.comment_autor_box { background: none; padding: 10px 5px 10px 0px; line-height: 18px; margin-top: 10px;
 FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Helvetica, Arial; TEXT-ALIGN: left; FONT-STYLE: normal; TEXT-DECORATION: none; } 
.comment_autor_box span { margin-left: 50px; COLOR: #aaa; float: right; } 
 
.answer_comment_user { background: none; padding: 6px 5px 10px 0px; line-height: 18px; margin-top: 10px;
 FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #5d6164; FONT-FAMILY: 'SourceSansPro-Regular', Helvetica, Arial; TEXT-ALIGN: left; FONT-STYLE: normal; TEXT-DECORATION: none; } 

.comment_button { display: inline-block; height: 50px; padding: 0px 40px; margin: 30px 0; line-height: 50px; border: 1px solid #226b90; border-radius: 5px; cursor: pointer; 
  FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #10466b; FONT-FAMILY: 'SourceSansPro-Regular', Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center;}   
.comment_button:hover { background: #eff3f6; }
.comment_button:active { color: #fff; background: #10466b; }

.page_box { float: right; height: 36px; }
.page_id { float: left; width: 20px; height: 20px; border: 2px solid #107521; line-height: 20px;  margin: 8px 4px 3px 4px; cursor: pointer;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #107521; FONT-FAMILY: Tahoma, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; TEXT-ALIGN: center; }
.page_id:hover { background: #107521;  COLOR: #fff; }
.page_id_checked { float: left; width: 24px; height: 24px; background: #107521; line-height: 24px; margin: 8px 4px 3px 4px; cursor: pointer;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: Tahoma, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; TEXT-ALIGN: center; }
 
 
 
/*.comment_title { display: none; }*/

.search_block { display: none; }
label[for='search_block'] { display: none; }

.bottom .button_order { display: none; }

.cms_list_text img { height: auto !important; }