.demo-btn-margin .btn{margin-bottom:6px}
header h1{text-transform:uppercase;}
.site-header h1 span{font-size:;}
.cost .header-wrap{background:#29AAFE;padding:10px 0; margin-bottom:30px}
.cost h1, .ohvat h2{text-align: center;text-transform:uppercase; }
.cost h1{color:#fff;}
.cost .row{text-align: center;}
section.cost{padding:50px 0 ;}
.cost .container{max-width:800px;width:100%; margin:auto;}
.cost .col-md-6{border:1px solid #ddd; padding: 17px 0;font-size:20px;}
.garant .container, .what .container{max-width:1000px;width:100%; margin:auto;}
.garant img{width:100%;margin-top:50px;}
h6.font-alt{font-size:22px;}
header .overlay{background-color:rgba(110,110,240,.5); padding:10px 0; }
.uslugi .container{max-width:900px; width:100%; margin:auto;}
.uslugi p{font-size:22px;padding-left:30px; line-height:150%}
.uslugi p:before{position: relative; content: "\f046";
	top:3px;
	left:0px;
	font-family: FontAwesome;
	color:#7EC855;
	font-size: 28px;
	margin-right:20px;}
section.why{background:#29AAFE; }
.uslugi img{width:100%;margin-top:5px; padding:3px;border:1px solid #ddd;border-radius:3px;}
.why h2{color:#fff; text-align:center; font-size:50px; padding-bottom:30px;}
.why p{padding:10px 20px; font-size:18px;}
.why i{ font-size:30px;}
.c1{float:left;width:10%;}
.c2{float:left;width:90%;min-height:80px}
.ohvat p{text-align:center; font-size:20px; line-height:150%;}
.ohvat{background:url(../img/mo.jpg) center center;background-size:cover;}
.ohvat .overlay{background-color:rgba(249, 249, 249, .6);padding:20px 0 50px;}
@media (max-width:768px){
	.garant img{width:100%;max-width:250px;padding-bottom:30px;margin-top:0;}
	.garant p, .garant .section-header, .cost p{padding:0 20px;}
	.garant p, .cost p, #doc p{font-size:18px;}
}
.popup {
	z-index: 9999;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    text-align: center
}
#pokyp-fom {
	margin: 250px auto 0;
	height: auto;
	max-width: 400px;
	width:100%;
	padding: 20px 20px 30px;
	background: #eee;
	border: 1px solid #ddd;
	border-radius:1px;
}
#pokyp-fom p{
	font-size:18px;
}
#pokyp-fom input[type="text"] {
	display: block;
	margin: 0 auto 20px;
	padding: 10px 10px;
	width: 80%;
	background: #fff;
	font: 16px Arial;
	color: #333;
	height: 40px;
	border: 1px solid #ccc;
	border-radius:5px;
}
#pokyp-fom .btm{
	display: inline-block;
	padding: 8px 20px;
	margin-top: 10px;
	background: #951E00;
	color: white;
	font: bold 22px arial, sans-serif;
	cursor: pointer;
	border: solid 1px #951E00;
	border-radius: 5px;
}
#pokyp-fom .btm:hover {
	background-color: #001325;
}
#pokyp .pokyp-bn {
	float: right;
	margin-top: 5px;
	margin-right: 80px;
	font: 28px "PF Din Text Cond Pro";
	padding: 8px 20px;
	background-color: #a5499b;
	color: #fff;
	border: none;
	cursor: pointer;
}
#pokyp .pokyp-bn:hover {
	background-color: #A54978;
}
::-webkit-input-placeholder {
	font: 22px "PF Din Text Cond Pro";
	color: #000;
}
.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	
}
@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(-2%);
	}
			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(-2%);
	}
				
	100% {
		-webkit-transform: translateY(0%);
	}	
}