html, body { 
	font: 14px 'Roboto', sans-serif; 
	position: relative; 
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	overflow-y: visible;
}

h2 { margin: 0 2%;  }
.bigtext { font-size: 15px; font-weight: 400; }

header>div, section>div, nav>div {
	position: relative;
	width: 95%;
	max-width: 1000px;
	min-width: 300px;
	margin: 0 auto;
	padding: 0 0.7%;
	box-sizing: border-box;
}
header a {
	top: 25px;
	left: 50%;
	margin-left: -114px;
}
header.fixlogo a { display: none; } 

nav { top: 120px; }
nav.fix { height: 250px; left: 100%; z-index: 7; }
nav.fix:hover { left: 40px; }
nav.fix .mobilemenu {
	display: block !important; 
	float: left;
	width: 40px; 
	height: 40px; 
	margin: 10px 0 0 -40px; 
	background: rgba(0,0,0,.7) url(../images/mobilemenu.png);  
	border-radius: 5px 0 0 5px;
}
nav.fix:hover  .mobilemenu { background-position: bottom; }
.menu { border-bottom: none; }
.menu a,.menu #uslugi,.menu #preim,.menu #etapy,.menu #portfolio,.menu #kontakty {
    display: block;
    font-size: 18px;
    margin-bottom: 30px;
}
.submenu { display: none; }
.call { display: none; }
.centtext {margin-top: 50px; }

.menu a.active:after,.menu #uslugi.active:after,.menu #preim.active:after,.menu #etapy.active:after,.menu #portfolio.active:after,.menu #kontakty.active:after { left: 20px; }
nav.fix .menu { margin: -100% 0 0 0; }
nav.fix:hover .menu { margin: 20px 0; }
nav.fix .call { 
	position: absolute; 
	display: block; 
	width: 77%;
	top: 254px;  
	right: 0; 
	padding: 10px 0px 10px 23%;
	background: rgba(0,0,0,.7); 
	white-space: nowrap; 
}

.fonplitka { padding: 5px; font-size: 15px; }
.fonplitka input { width: 95%; padding: 0 5px; line-height: 30px; }
.fontext { padding: 5px 10px; }

#fon_kamen { background-size: cover; }

.bonus { position: relative; bottom: 0; }
.bonus div { width: 42%; margin: 2%; padding: 5px; }
.bonus div:first-child { margin-left: 2%;  }
.bonus div:last-child { margin-right: 0; width: 42%; padding: 5px; }
.bonus div:nth-child(4) { width: 42%; padding: 5px; }
.bonus div:hover { margin-bottom: 2%; padding-top: 5px; }

.m400 { margin-left: 0px !important; }
.kk { 
	width: 100% !important; 
}
.kk p { font-size: 28px; text-align: center; }
.kk p span  { font-size: 32px; }
.kk p span  b { font-size: 58px; }
.plitka { float: none; width: 90%; height: 90%; max-height: 360px; max-width: 360px; margin: 0 auto; }
.video { width: 95%; margin: 2.3%; }

.services { text-align: center; }

#fon { padding-top: 60px; background-position: left top; }

.slide { height: 250px; }
.slide a { width: 212px; padding: 25px 20px; }
.slide p { display: none; }

#maps>div { /*margin-top: 270px;*/ }
footer {/* top: -270px; left: 50%; margin-left: -150px; */}

.wrapper { height: 220px; }

.razrez { width: 100%; }

.romb { float: none; width: 96%; padding-top: 30px; text-align: center; }
.romb span { float: none; margin: 0 auto; }
.romb p { text-align: center; }

.sq { float: none;	width: 98%;	margin: 10px 0 40px 0; }
.sq ol:before { content: ""; display: block; clear: both; }
.sq ol { float: none; width: 90%; margin: 10px 20px; }
.sq img { width: 100%; max-width: 500px; }

.feed textarea { float: none; width: 80%; height: 100px; margin: 5px 5%; }
.feed input { width: 80%; margin: 0 5% 10px 5%; }

#podval { height: 80px; }
#podval .rig { margin-top: 30px; }

.intrid { margin: 2px; }

.nfm , .yashare-auto-init, .letter { /*display: none !important;*/ }

.dog{
	float: right;
}
.dog input{
	width: 20px;
}
.dog a{
	color: #FFF;
	font-size: 12.9px;
}
#podval div,
#main div{
	width: 100%;
	min-width: auto;
}

.social{
	word-wrap: normal;
}
#podval p{
	white-space: normal;
	text-align: left;
}
.s-item{
	width: 100%;	
	padding-left: 15px;
	box-sizing: border-box;
}
.s-item:nth-child(2n+2){
	margin-left: 0;
}
.s-text{
	text-align: center;
}
.s-icon{
	float: none;
	margin: 0 auto 15px auto;
}
.img-right,
.img-left{
	width: 90%;
	max-width: 430px;
	padding: 0;
	padding-bottom: 5px;
	float: none;
}