@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');


/************************************************************************************/
/* Footer  
/************************************************************************************/

.footer-border { border-top: solid 2px #005BAA; padding: 50px 0 25px 0; clear: both;  }

	footer h6 { margin-bottom: 20px; color: #252525; text-decoration: none !important; font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 29px; }

	footer .contact { }
	footer .share {  padding-top: 44px; }
	footer ul.menu-a { list-style: none; text-decoration: none; margin: 0; padding: 0; width: 80%; }
	footer .contact  ul.menu-a { width: 100%; display: block; }
	footer ul.menu-a li { list-style: none; display: block; padding: 0; margin: 0 0 16px 0;}
	footer .menu-a li a { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px;  color: #252525; display: block;  }
	footer .menu-a li a:hover { color: #5793CF; text-decoration: none; }
	
	footer ul.menu-a.listButtons li a  {text-decoration: underline; }
	footer ul.menu-a.listButtons li a:hover  {text-decoration: none; }	

	.share ul {padding: 0; margin: 0; list-style: none; }
	.share ul > li { float: left; display: block; margin-right: 18px; }
	.share ul > li > a { display: block; margin: 0px; width: 48px; height: 48px; font-size: 0px; }
	
	.vk { display: block; width: 48px; height: 48px;  background: url('/image/footer/vk.svg') center center no-repeat; background-size: 100%; }
	.vk:hover { background: url('/image/footer/vkOver.svg') center center no-repeat; background-size: 100%; }
	.youtube-play { display: block; width: 48px; height: 48px;  background: url('/image/footer/youtube.svg') center center no-repeat; background-size: 100%; }
	.youtube-play:hover { background: url('/image/footer/youtubeOver.svg') center center no-repeat; background-size: 100%; }	
	.dzen { display: block; width: 48px; height: 48px;  background: url('/image/footer/dzen.svg') center center no-repeat; background-size: 100%; }
	.dzen:hover { background: url('/image/footer/dzenOver.svg') center center no-repeat; background-size: 100%; }
	.vc { display: block; width: 48px; height: 48px;  background: url('/image/footer/vc.svg') center center no-repeat; background-size: 100%; }
	.vc:hover { background: url('/image/footer/vcOver.svg') center center no-repeat; background-size: 100%; }
	
	.tme { display: block; width: 48px; height: 48px;  background: url('/image/footer/telegram.svg') center center no-repeat; background-size: 100%; }
	.tme:hover { background: url('/image/footer/telegramOver.svg') center center no-repeat; background-size: 100%; }
	.habr { display: block; width: 48px; height: 48px;  background: url('/image/footer/habr.svg') center center no-repeat; background-size: 100%; }
	.habr:hover { background: url('/image/footer/habrOver.svg') center center no-repeat; background-size: 100%; }
	
	.copy p { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; color: #252525; margin-bottom: 8px; line-height: 17px;}
	.copy p a { text-decoration: underline;}
	.copy p a:hover { text-decoration: none; }
	
	footer .blockMenuFooter { margin-bottom: 30px; 	color: #252525; 	text-decoration: none !important; 	font-family: 'Montserrat'; 	font-style: normal; 	font-weight: 700; 	font-size: 16px;  line-height: 20px; display: none; background: url('/image/footer/open.svg') right center no-repeat; cursor: pointer; border: none; padding: 0 0 0 0; height: auto; text-align: left;  }
	footer .blockMenuFooter:hover { border: none; padding: 0 0 0 0; height: auto; text-align: left;  color: #252525; 	}
	footer .closeWin { margin-top: -50px;  margin-bottom: 16px; 	font-size: 16px;  line-height: 20px; 	color: #252525; 	text-decoration: none !important; 	font-family: 'Montserrat'; 	font-style: normal; 	font-weight: 700;   background: #ffffff url('/image/footer/close.svg') right center no-repeat; display: none; cursor: pointer; }
	
	footer .blockMenuFooter.active { color: #252525; }
	footer .bmf { display: block;  background: #ffffff }
	
	@media only screen and (min-width: 0px) and (max-width: 479px) {

	}
	
/* --- Tablet landscape --- (col-ts) */
	@media only screen and (min-width: 1440px) and (max-width: 1919px) {
			.footer-border { padding: 36px 0 25px 0; }
			footer h6 { margin-bottom: 16px; font-size: 20px; line-height: 24px; }
			footer ul.menu-a li { margin: 0 0 12px 0;}
			footer .menu-a li a { font-size: 14px; line-height: 17px; }
			.share ul > li { margin-right: 16px; }
			.share ul > li > a { width: 36px; height: 36px;}
			.copy p { font-size: 12px;  line-height: 15px;}
	}
/* --- Tablet landscape --- (col-tr) */
	@media only screen and (min-width: 1241px) and (max-width: 1440px) {
			.footer-border { padding: 34px 0 25px 0; }
			footer h6 { margin-bottom: 16px; font-size: 20px; line-height: 24px; }
			footer ul.menu-a li { margin: 0 0 12px 0;}
			footer .menu-a li a { font-size: 14px; line-height: 17px; }
			.share ul > li { margin-right: 12px; margin-bottom: 12px;  }
			.share ul > li > a { width: 36px; height: 36px;}
			.copy p { font-size: 12px;  line-height: 15px;}		
	}
/* --- Tablet portrait --- (col-tp) */
	@media only screen and (min-width: 992px) and (max-width: 1240px) {
			.footer-border { padding: 25px 0 25px 0; border-top: solid 1px #005BAA;}
			footer h6 { margin-bottom: 16px; font-size: 18px; line-height: 22px; }
			footer ul.menu-a li { margin: 0 0 10px 0;}
			footer .menu-a li a { font-size: 12px; line-height: 15px; }
			.share ul > li { margin-right: 12px; margin-bottom: 12px;  }
			.share ul > li > a { width: 32px; height: 32px;}
			.copy p { font-size: 10px;  line-height: 12px; margin-bottom: 7px; }		

	}
/* --- Small tablet portrait --- (col-st) */
	@media only screen and (min-width: 880px) and (max-width: 991px) {
			.footer-border { padding: 24px 0 24px 0;  border-top: solid 1px #005BAA;}
			footer h6 { margin-bottom: 16px; font-size: 18px; line-height: 22px; }
			footer ul.menu-a li { margin: 0 0 10px 0;}
			footer .menu-a li a { font-size: 12px; line-height: 15px; }
			.share ul > li { margin-right: 12px; margin-bottom: 12px;  }
			.share ul > li > a { width: 36px; height: 36px;}
			.copy p { font-size: 10px;  line-height: 12px; margin-bottom: 7px; }	


	}
@media only screen and (min-width: 767px) and (max-width: 879px) {
			.footer-border { padding: 24px 0 24px 0;  border-top: solid 1px #005BAA;}
			footer h6 { margin-bottom: 16px; font-size: 18px; line-height: 22px; }
			footer ul.menu-a li { margin: 0 0 10px 0;}
			footer .menu-a li a { font-size: 12px; line-height: 15px; }
			.share ul > li { margin-right: 10px; margin-bottom: 10px;  }
			.share ul > li > a { width: 30px; height: 30px;}
			.copy p { font-size: 10px;  line-height: 12px; margin-bottom: 7px; }	


	}
/* --- Mobile landscape --- (col-ml) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.footer-border { padding: 20px 0 20px 0;  border-top: solid 1px #005BAA;}
			footer h6 { display: none; } 
			footer .bmf { display: none; }
			footer .blockMenuFooter, footer .closeWin  { display: block; }
			footer ul.menu-a { width: 100%; }
			footer .share {  padding-top: 30px; }
			footer ul.menu-a li { margin: 0 0 10px 0;}
			footer .menu-a li a { font-size: 12px; line-height: 15px; }
			.share ul > li { margin-right: 12px; }
			.share ul > li > a { width: 32px; height: 32px;}
			.copy p { font-size: 10px;  line-height: 12px; margin-bottom: 7px; }	
			.copyright { margin-bottom: 23px;}
	}

/* --- Mobile portrait --- (col-mp) */
	@media only screen and (min-width: 0px) and (max-width: 479px) {
			.footer-border { padding: 20px 0 20px 0;  border-top: solid 1px #005BAA;}
			footer h6 { display: none; } 
			footer .bmf { display: none; }
			footer .blockMenuFooter, footer .closeWin  { display: block; }
			footer ul.menu-a { width: 100%; }
			footer .share {  padding-top: 30px; }
			footer ul.menu-a li { margin: 0 0 10px 0;}
			footer .menu-a li a { font-size: 12px; line-height: 15px; }
			.share ul > li { margin-right: 12px; }
			.share ul > li > a { width: 32px; height: 32px;}
			.copy p { font-size: 10px;  line-height: 12px; margin-bottom: 7px; }	
			.copyright { margin-bottom: 23px;}
	}

