@charset "utf-8";
/* CSS Document */
.page {
    text-align:left;
    margin:0 auto;
    min-height:100%;
    width:940px;
}
.container {
	height: 329px;
	width:  940px;
	margin-left: auto;
	margin-right: auto;
	}
.cont {  
	width: 940px;
	height: 0px;
	margin-left: 197px;
	margin-top: -917px;
	display: block;
	position: absolute;
} 
	.gerb {
		height: 709px;
		width:  290px;
		margin-left: 42px;		
	 /*background: rgb(248, 152, 152) none repeat scroll 0% 0%;*/
		margin-top: -869px;
		display: block;
		position: absolute;
		}
	.prav {
		height: 709px;
		width:  556px;
		margin-left: 333px;			
	/*background: rgb(245, 209, 8) none repeat scroll 0% 0%;*/
		margin-top: -869px;
		display: block;
		position: absolute;
			}
    #footer {
		height: 158px;
		width:  940px;
		margin-left: auto;
		margin-right: auto;
		/*background: rgb(21, 86, 228) none repeat scroll 0% 0%;*/
		margin-top:-158px;
		display: block;
		position: absolute;	
		clear:both;  
		}
		/* CSS Document */
		.soc {
			margin-left: 334px;
			margin-top: 55px;
		}
		.social-icons-4 {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			list-style: none;
			margin: 10px;
		}
		.social-icons-4 a {
			display: inline-block;
			width: 50px;
			height: 50px;
			border-radius: 100%;
			background: #efefef;
			position: relative;
			margin:0 0 0 10px;
			text-align: center;
			box-shadow: 0 2px 6px #c1c1c1;
			font-size: 28px;
			color: #337AB7;
			transition: 0.5s;
		}
		.social-icons-4 a img {
			width: 32px;
			height: 32px;
			margin-top: 14px;
		}
		.social-icons-4 a i,
		.social-icons-4 a img {
			z-index:2;
			position: relative;
			line-height: 60px;
		}
		.social-icons-4 a:hover {
			color: #fff;
		}
		.social-icons-4 a:after {
			content: '';
			display: block;
			position: absolute;
			background: #BFE2FF;
			border-radius: 100%;
			width: 0;
			height: 0;
			transition: 0.3s;
			top: 0;
			left: 50%;
		}
		.social-icons-4 a:hover:after {
			width: 50px;
			height: 50px;
			margin-left: -25px;
			background: #337AB7;
		}