/*================Created By Valery Konayvcky 2017.12.8================*/
@font-face{
	font-family: RobotoCondensed_Regular;
	src: url("RobotoCondensed-Regular.ttf");
	}
	.vk-div-content>p{
		font-size: 12px;
	}
	.vk-banner-container{
		width: 100%;
		margin: 0 auto;	
		display: table;
	}
	.vk-table-text3{
		width: 70%; height: 0.1px; background-color: white;text-align: center; margin: 0 0 0 0;
	}
	.table-container{
		position: relative;
		top: 10%;
		padding: auto;
		width: 100%;
		height: 55%;
	}
	.vk-plans-price{
		color: #eee;
		font-size: 18px;
		text-align: center;
		margin-top: 32%;
	}
	.vk-big-footer{
		margin:0; width: 80%;
		font-size: 23px;
	}
	.vk-span3{
		float: left;
		display: block;
		position: relative;
		margin: 1.1%;
		font-family: "RobotoCondensed_Regular";
		color:#eee;
	}
        .vk-span3 a:link, .vk-span3 a:visited, .vk-span3 a:active, .vk-span3 a:hover{
		font-family: "RobotoCondensed_Regular";
		color:#eee;            
        }
        
        
	.vk-div-bg{
		width: 100%;
		height: 100%;
		position: relative;
		top: 0;
		left: 0;
	}
	.vk-div-content{
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		display: block;
	}
	.vk-banner-title{
		padding: 0 1em 0 1em;
		height: 1.2em;
		
		background-color: black;
	}
	.vk-title-container{
		position: absolute;
		top: 20%;
		left: 0;
	}
	.vk-thumb1{
		width: 50%;
		height: 100%;
		margin-left: 7%;
		margin-right: 2%;
		z-index: 10;
		display: inline-block;
		float: left;
		background: url(../images/footer-1-1.jpg);
		background-size: 100% 100%;

	}
	.vk-thumb2{
		width: 30%;
		height: 100%;
		margin-left: 2%;
		margin-right: 7%;
		z-index: 10;
		display: inline-block;
		float: left;
		background: url(../images/footer-1-2.jpg);
		background-size: 100% 100%;
	}

	.vk-banner-big-title{
		font-size: 2em;
		font-weight: bold;
	}

	.vk-footer-container2{
		position: relative; top: 65%; left: 8%; float: left;
	}
	.vk-footer-container3{
		position: relative; top: 65%; left: 40%; float: left;
	}
	.vk-small-header{
		margin: 0; width: 100%;
	}


	#vk-ggtl {
	    float: left;
		padding: 5% 0px 0px 10%;
	}
	#vk-ggtr{
	    float: right;
	    padding: 5% 0px 0px 10%;
	}
	#vk-ggbl {
	    float: left;
	    padding: 5% 0px 0px 10%;
	/*    margin: 14px 0px 0px 17px;*/
	}
	#vk-ggbr {
	    float: right;
	    padding: 5% 0px 0px 10%;
	/*    margin: 14px 15px 0px 0px;*/
	}
	.vk-ggt {
	    height: 50%;
	    width: 50%;
	}
	.vk-ggprice {
	    margin: 0px;
	    font-size: 18px;
	}
	.vk-blinking {
            -webkit-animation: color-change 2s infinite;
            -moz-animation: color-change 2s infinite;
            -o-animation: color-change 2s infinite;
            -ms-animation: color-change 2s infinite;
            animation: color-change 2s infinite;
	}        
/**************************************************/

@media(min-width: 768px){
		.vk-span3{
			width: 31%;
		}
}
@media(max-width:768px){
	.vk-banner-container{
		display: block;
		width: 100%;		
	}
	.vk-span3{				
		width: 100%;		
	}
	.vk-banner-big-title{
		font-size: 4em !important;
		font-weight: bold;
	}
	.vk-footer-container2{
		position: relative; top: 80%; left: 25%;
	}
	.vk-footer-container3{
		position: relative; top: 80%; left: 55%;
	}
	.vk-div-content>p{
		font-size: 20px;
	}
}

@media (max-width: 1200px){
	.vk-banner-big-title{
		font-size: 1.6em;
		font-weight: bold;
	}

	.vk-big-footer{
		font-size: 19px;
	}
	.vk-small-header{
		font-size: 12px;
	}
}

@media (max-width: 992px){
	.vk-banner-big-title{
		font-size: 1.3em;
		font-weight: bold;
	}
	.vk-small-header{
		font-size: 8px;
	}
	.vk-big-footer{
		font-size: 15px;
	}
	.vk-plans-price{
		font-size: 13px;
	}
	.vk-div-content>p{
		font-size:10px;
	}
	.vk-ggprice {
	    font-size: 12px;
	}
}
@media (max-width: 768px ){
	.vk-banner-big-title{
		font-size: 3em !important;
		font-weight: bold;
	}
	.vk-small-header{
		font-size: 15px;
	}
	.vk-footer-container2{
		position: relative; top: 80%; left: 25%;
	}
	.vk-big-footer{
		font-size: 25px;
	}
	.vk-footer-container3{
		position: relative; top: 80%; left: 55%;
	}
	.vk-div-content>p{
		font-size: 15px;
	}
	.vk-ggprice {
	    font-size: 28px;
	}
	.vk-plans-price{
		font-size: 25px;
		margin-top: 35%;
	}
}

@media (max-width: 468px ){
	.vk-banner-big-title{
		font-size: 2em !important;
		font-weight: bold;
	}
	.vk-small-header{
		font-size: 12px;
	}
	.vk-footer-container2{
		position: relative; top: 70%; left: 10%;
	}
	.vk-big-footer{
		font-size: 20px;
	}
	.vk-footer-container3{
		position: relative; top: 70%; left: 50%;
	}
	.vk-div-content>p{
		font-size: 12px;
	}
	.vk-ggprice {
	    font-size: 20px;
	}
	.vk-plans-price{
		font-size: 20px;
		margin-top: 31%;
	}
}


@-webkit-keyframes color-change {
    50% { color: #aaa; }
}
@-moz-keyframes color-change {
    50% { color: #aaa; }
}
@-ms-keyframes color-change {
    50% { color: #aaa; }
}
@-o-keyframes color-change {
    50% { color: #aaa; }
}
@keyframes color-change {
    50% { color: #aaa; }
}