#header #mmenu > ul > li:last-of-type > a
{
	border-bottom: 2px solid white;
}






#top
{
	float: left;
	width: 100%;
	color: white;
	background-color: black;
	position: relative;
	overflow: hidden;
	z-index: 0;
	margin-top: -62px;
	min-height: 100vh;
}
/*
#top .padd
{
	position: absolute;
	padding-top: 62px;
	height: 100%;
	width: 100%;
}
*/
#top .img
{
	background-image: url("bg_kontakt.jpg");
	background-size: cover;
	background-position: center bottom;
	width: 100%;
	height: calc(100% - 62px);
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	outline: 0px solid transparent;
	
	-webkit-transition: -webkit-transform 30s linear;
	-moz-transition: -moz-transform 30s linear;
	-ms-transition: -ms-transform 30s linear;
	-o-transition: -o-transform 30s linear;
	transition: transform 30s linear;
}

#top .img.n2
{
/*	background-image: url("bg_home.jpg");*/
	z-index: -2;
}

#top .img.n3
{
/*	background-image: url("bg_home.jpg");*/
	z-index: -2;
}

#top .img.trans
{
	-webkit-transform: scale(1.5,1.5);
	-moz-transform: scale(1.5,1.5);
	-ms-transform: scale(1.5,1.5);
	-o-transform: scale(1.5,1.5);
	transform: scale(1.5,1.5);
}

#top .inner
{
	z-index: 1;
	position: relative;
}

#top .inner > div
{
	display: table;
	width: 100%;
	height: 100vh;
	float: left;
	padding-top: 62px;
}

#top .inner > div .vctr
{
	display: table-cell;
	vertical-align: middle;
	padding-top: 30px;
	padding-bottom: 30px;
}

#top h1
{
	margin-bottom: 90px;
	float: left;
}







#top .vctr div
{
	float: left;
	width: 345px;
	margin-right: 36px;
	text-align: center;
	padding-top: 123px;
	background-repeat: no-repeat;
}

#top .vctr div:last-of-type
{
	margin-right: 0px;
	background-image: url("mail.svg");
	background-position: center 24px;
	background-size: 79px;
}

#top .vctr div h2
{
	font-size: 24px;
	font-family: regsb, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.03em;
	margin-bottom: 60px;
}

#top .vctr div:first-of-type
{
	background-image: url("address.svg");
	background-position: center 11px;
}

#top .vctr div:nth-of-type(2)
{
	background-image: url("tel.svg");
	background-position: center top;
	background-size: 105px;
}

#top .vctr div p
{
	font-size: 20px;
	line-height: 28px;
	color: white;
}

#top .vctr div p a
{
	color: white;
}






#opening
{
	background-color: #eeeeee;
	float: left;
	width: 100%;
	padding-top: 54px;
	padding-bottom: 100px;
	text-align: center;
}

#opening h2::after
{
	background-color: #878787;
	content: " ";
	display: block;
	height: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 67px;
	width: 185px;
	margin-bottom: 60px;
}

#opening .inner > div
{
	float: left;
	width: 33.3%;
}

#opening h3
{
	font-size: 20px;
	text-transform: uppercase;
	font-family: regsb, Arial, Helvetica, sans-serif;
	font-weight: 100;
	letter-spacing: 1px;
	margin-bottom: 38px;
}

#opening p
{
	color: #999999;
	font-size: 20px;
}

#opening p a
{
	color: inherit;
}

#opening table
{
	border-collapse: collapse;
	color: #999999;
	font-size: 20px;
	line-height: 1.4em;
	margin-left: auto;
	margin-right: auto;
}

#opening table td,
#opening table th
{
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

#opening table th
{
	padding-right: 1em;
	white-space: nowrap;
}

#opening table ~ p,
#opening p ~ p
{
	margin-top: 1em;
}





#cform
{
	float: left;
	width: 100%;
	background-color: #f7f7f7;
	padding-top: 77px;
	padding-bottom: 65px;
}

#cform form
{
	float: left;
	width: 100%;
}

#cform h2
{
	font-size: 50px;
	font-family: regsb, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.03em;
	margin-bottom: 90px;
}

#cform p
{
	font-size: 20px;
	line-height: 1.4em;
	color: #999999;
	text-indent: 37px;
	text-align: justify;
	margin-bottom: 80px;
}

#cform form div
{
	float: left;
	width: 42.5%;
	margin-right: 5%;
	padding-bottom: 40px;
}

#cform form div:nth-of-type(2)
{
	margin-right: 0px;
}

#cform form div:last-of-type
{
	padding-bottom: 53px;
	width: 100%;
}

#cform form div label
{
	font-size: 20px;
	color: #999999;
	margin-bottom: 22px;
	float: left;
}

#cform form div input,
#cform form div textarea
{
	width: 100%;
	float: left;
	clear: left;
	border: 1px solid #999999;
	background-color: transparent;
	font-family: regr, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #999999;
	padding: 11px;
}

#cform form div textarea
{
	width: 90%;
	height: 159px;
	overflow: auto;
}

#cform form a,
#cform .loader
{
	float: left;
	clear: both;
	border: 2px solid #5b5368;
	color: #5b5368;
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
	padding: 10px;
	padding-left: 40px;
	padding-right: 40px;
}

#cform form a:hover
{
	background-color: #5b5368;
	color: white;
}

#cform .loader
{
	padding: 0px;
	width: 171px;
	height: 48px;
	background-color: #5b5368;
	background-image: url("loader3.gif");
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
}





#soc
{
	float: left;
	width: 100%;
	padding-top: 60px;
	padding-bottom: 94px;
}

#soc h2
{
	font-size: 50px;
	font-family: regsb, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.03em;
	margin-bottom: 60px;
}

#soc a
{
	width: 80px;
	height: 80px;
	float: left;
	background-repeat: no-repeat;
	margin-right: 29px;
	background-size: 80px;
}

#soc a:hover
{
	background-position: 0px -80px;
}

#soc a:first-of-type
{
	background-image: url("icon-fb.svg");
}

#soc a:nth-of-type(2)
{
	background-image: url("icon-ig.svg");
}







#ikony
{
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 60px;
}

#ikony .inner div
{
	float: left;
	width: 30%;
	text-align: center;
	margin-right: 55px;
	border: 1px solid #999999;
	min-height: 430px;
	margin-bottom: 51px;
	background-repeat: no-repeat;
}

#ikony .inner div:nth-of-type(3n)
{
	margin-right: 0px;
}

#ikony .inner div h3
{
	font-size: 32px;
	letter-spacing: 0.08em;
	font-weight: normal;
	font-family: regsb, Arial, Helvetica, sans-serif;
	margin-top: 193px;
	padding-left: 30px;
	padding-right: 30px;
}

#ikony .inner div p
{
	line-height: 1.4em;
	margin-top: 26px;
	padding-left: 25px;
	padding-right: 25px;
	color: #8c8c8c;
	font-size: 20px;
}

#ikony .inner div:first-of-type
{
	background-image: url("dogs-ok.svg");
	background-position: center 43px;
	background-size: 124px;
}

#ikony .inner div:nth-of-type(2)
{
	background-image: url("nosmoke.svg");
	background-position: center 43px;
	background-size: 124px;
}

#ikony .inner div:nth-of-type(3)
{
	background-image: url("disabled.svg");
	background-position: center 52px;
	background-size: 113px;
}
















@media screen and (max-width: 1150px)
{
	#top .vctr div
	{
		width: 33.33%;
		margin-right: 0px;
	}
	
	#cform form div textarea
	{
		width: 100%;
	}
	
	#cform form div
	{
		width: 47%;
	}
	
	
	#ikony .inner div,
	#ikony .inner div:nth-of-type(3n)
	{
		width: 332px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none;
		min-height: 0px;
		padding-bottom: 30px;
	}
}




@media screen and (max-width: 1070px)
{
	body
	{
		padding-top: 62px;
	}
	
	#top
	{
		min-height: calc(100vh + 67px);
	}
}




@media screen and (max-width: 920px)
{
	#opening .inner > div
	{
		width: 50%;
	}
	
	#opening .inner > div:nth-last-of-type(2)
	{
		margin: 0px;
	}
	
	#opening .inner > div:first-of-type
	{
		width: 100%;
		padding-bottom: 3em;
	}
}




@media screen and (max-width: 690px)
{
	#opening .inner > div
	{
		width: 100%;
	}
	
	#opening .inner > div:nth-last-of-type(2)
	{
		padding-bottom: 3em;
	}
	
	#opening .inner > div:nth-of-type(5)
	{
		margin-left: 0px;
	}
	
	#opening .inner > div:nth-of-type(5) p
	{
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}






@media screen and (max-width: 650px)
{
	#top .inner > div .vctr
	{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#top .vctr div
	{
		width: 50%;
	}
	
	#top .vctr div:first-of-type
	{
		width: 100%;
		margin-bottom: 60px;
	}
}





@media screen and (max-width: 500px)
{
	#soc a
	{
		width: 45px;
		height: 45px;
		background-size: 45px;
		margin-right: 15px;
	}
	
	#soc a:hover
	{
		background-position: 0px -45px;
	}
}





@media screen and (max-width: 450px)
{
	#top .vctr div
	{
		padding-top: 90px;
	}

	#top .vctr div p,
	#cform p,
	#cform form div label,
	#cform form div input,
	#cform form div textarea,
	#ikony .inner div p
	{
		font-size: 12px;
		line-height: 1.5em;
	}
	
	#top .vctr div h2
	{
		font-size: 15px;
		margin-bottom: 15px;
	}
	
	#top .vctr div:first-of-type
	{
		background-size: 60px;
		background-position: center top;
	}
	
	#top .vctr div:nth-of-type(2),
	#top .vctr div:last-of-type
	{
		background-size: 60px;
	}
	
	#top .vctr div:last-of-type
	{
		background-position: center 10px;
	}
	
	
	
	#cform,
	#soc,
	#ikony
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#cform h2,
	#soc h2
	{
		font-size: 30px;
		margin-bottom: 30px;
	}
	
	#cform p
	{
		margin-bottom: 30px;
	}
	
	#cform form div label
	{
		margin-bottom: 10px;
	}
	
	#cform form div
	{
		width: 100%;
	}
	
	#cform form a
	{
		font-size: 12px;
	}
	
	#cform .loader
	{
		width: 136px;
		height: 40px;
	}
	
	#ikony .inner div h3
	{
		font-size: 19px;
	}
	
	#ikony .inner div,
	#ikony .inner div:nth-of-type(3n)
	{
		width: 100%;
	}
	
	
	
	#opening
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#opening p,
	#opening h3,
	#opening table
	{
		font-size: 12px;
	}
	
	#opening h3
	{
		margin-bottom: 20px;
	}
	
	#opening p:first-of-type
	{
		margin-bottom: 10px;
	}
	
	#opening h2::after
	{
		margin-top: 36px;
	}

	
	#opening .inner > div:first-of-type,
	#opening .inner > div:nth-of-type(2),
	#opening .inner > div:nth-last-of-type(2)
	{
		padding-bottom: 20px;
	}
	
	#opening .inner > div:nth-of-type(5) p
	{
		max-width: 260px;
	}
}









@media screen and (max-height: 750px)
{
	#map-canvas
	{
		height: 400px;
	}
}



@media screen and (max-height: 600px)
{
	#map-canvas
	{
		height: 300px;
	}
}