@charset "UTF-8";
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Roboto Condensed'),
		url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'),
		url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Oswald'),
		url('../fonts/Oswald-Regular.woff2') format('woff2'),
		url('../fonts/Oswald-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Playfair Display'),
		url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
		url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype');
}
:root {
	--nbclr: rgb(0, 18, 24);
	--nbbgr: rgb(200, 200, 200);
	--mmclr: #001;
	--mmbgr: rgb(180, 180, 180);
	--mmhclr: #444;
	--mmhbgr: white;
	--mmsclr: rgb(0, 18, 24);
	--mmsbgr: rgb(210, 210, 210);
	--mmshclr: rgb(210, 210, 210);
	--mmshbgr: rgb(0, 18, 24);
	--dlmtrclr: #28A;

	--wdth320: 320px;
	--wdth480: 480px;
	--wdth768: 768px;
	--wdth1000: 1000px;
}

.styleA {
	/*
		font-family: "Caveat";
		font-size: 3em;
	*/	
		text-align: center;
	}
	.styleB {
		padding-left:40px;
		padding-right:40px;
	/*	text-align: center;*/
	}
	.stylePrice {
		font-family: 'Roboto Condensed';
	}
	
/****************************************
	основная разметка
****************************************/
*{
	margin:0px;
	padding:0px;
	/*
	font-family: 'Roboto Condensed';
	*/
	
	transition-duration: 200ms;
}

body{
	overflow-x: hidden;
	color: #006;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, p {
/*	font-family: 'Playfair Display';*/
}
h1{font-size: 2em;}
a:link {
	color: rgb(0, 42, 90);
	text-decoration: none;
}
a:visited {
	color: rgb(0, 42, 90);
	text-decoration: none;
}
a:focus {
	color:rgb(255, 66, 66);
	text-decoration: underline;
}
a:active {
	color:rgb(255, 66, 66);;
	text-decoration: underline;
}
a:hover {
	color:rgb(255, 66, 66);;
	text-decoration: underline;
}
a img {
	border: none;
}
#navigation{
	margin-left: 1em;
	li{
		padding-left: 0.7em;
	}
}
/*
#container {
	margin: 0 auto;
}
*/
.intxtimg_l, .artikelimg{
	float: left;
}
.intxtimg_r {
	float: right;
}
.intxtimg_c {
	float: none;
}
.intxtimg, .intxtimg_c, .intxtimg_l, .intxtimg_r, .artikelimg{
	margin:0 0.3em;
}

#mainwrapper {
	background-color: white;
	background-attachment:fixed;
	background-color: white;
	position: relative;
	margin: 0 auto;

	/*
	margin-top: 40px;
	padding-top: 5px;
	*/
	width: 1000px;
	min-width: 1000px;
	max-width: 1000px;
}
/* основное содержимое */
#mainContent{
	font-family: 'Playfair Display';
}
/* статьи */
#txtcontainer {
	font-family: 'Playfair Display';
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	color: #006;
	margin: 20px 10px;
	text-align:left;
	clear: both;
}
footer {
	font-family: 'Roboto Condensed';
	background: #1E3851;
	text-align: center;
	width: 100%;
	min-height: 126px;
	height: 126px;
}
.footertxt{
	position: relative;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align:center;
}
.footer_l, .footer_c, .footer_r{
	display: inline;
	float: left;
	height: 126px;
}
.footer_l{
	min-width: 95px;
	text-align: center;
}
.footer_c{
	width: calc(100% - 190px);
	color: #BBCCD6;
	text-align: center;
	vertical-align: middle;
}
.footer_r{
	min-width: 95px;
}
.adaptor{
	float: left;
	position: relative;
	margin: 10px;	
}
.liveintrnet{
	padding-top: 3px;
}
/****************************************
	карусель
****************************************/
.carousel {
	background: #EEE;
	width: 100%;
	height: 500px;
	opacity: 0.5;
	/*
	margin-top: -40px;
	z-index: -1;
	*/
	margin-top: -40px;
}
.carousel-cell {
	/*
	object-fit:scale-down;
	*/
	object-fit: cover;
	object-position: top;
	width: 100%;
	height: 500px;


	background: white;
	border-radius: 0px;
}
/*
.carousel-img {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}
.carousel-txt {
	position: absolute;
	color: white;
	font-size: 24px;
	height: 100px;
	width: 100%;
	position: absolute;
	text-align: center;
	top: 50%;
	margin: -50px 0 0 0;
}
*/
/* cell number */
.carousel-cell:before {
	display: block;
	text-align: center;
}
/****************************************
	меню
****************************************/
.navbar {
	font-family: 'Roboto Condensed';
	color: var(--nbclr);
	background: var(--nbbgr);
	background: none;
	margin: 0;  
	padding: 0;
	height: 40px;
	width: 100%;
	position: fixed;
	top: 0; left: 0;
	display: inline-block;
	text-align: right;
	font-size: 20px;
	z-index: 1000;
}
.nav-toggle {
	display: inline-block;
	position: absolute;
	left: 0;
	height: 40px;
	width: 40px;
	font-size: 40px;
	text-decoration: none;
	cursor: pointer;
}
.nav-toggle:before,
.nav-toggle:after{
	content: '';
	background-color: var(--nbclr);
	position: absolute;
	left: 5px;
	width: 30px;
	height: 4px;
}
.nav-toggle:before{
	top: 8px;
}
.nav-toggle:after{
	bottom: 8px;
}
.nav-toggle span{
	background-color: var(--nbclr);
	position: absolute;
	left: 5px;
	top: 18px;
	width: 30px;
	height: 4px;	
}
*/
.logo_top{
	display: none;
}
/****************************************
	меню на главной странице
****************************************/
.page_menu{
	padding: 0;
	margin: 0;
	text-align: center;
}
.menurow{
	text-align: center;
}
.mnucell{
	width: 32%;
	padding: 5px;
	display: inline-block;
}
.mnuimg{
	width: 100%;
	height: auto;
	display: block;
	border-radius: 70px;
	opacity: 0.6;
	-moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.mnuimg:hover{
	border-radius: 30px;
	opacity: 1;
	transition-duration: 1s;
}
.mnutxt{
	text-align: center;
	padding-top: 10px;
	font-size: 30px;
	padding-bottom: 25px;
}
/****************************************
	временно
****************************************/
#button_e{
	text-align: center;
	width: 20%;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	border-radius: 5px;
	background-color:#5f82a2;
	color: #cad1d5;
}
#button_e:hover{background-color:#1f66a9;}
.img_w_mob, .img_w_mid, .img_w_fll{
	opacity: 0.7;
	-moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.angebot{
	top: 5%;
	position: relative;
	width: 200px;
	-moz-transform: rotate(-25deg); /* Для Firefox */
	-ms-transform: rotate(-25deg); /* Для IE */
	-webkit-transform: rotate(-25deg); /* Для Safari, Chrome, iOS */
	-o-transform: rotate(-25deg); /* Для Opera */
	transform: rotate(-25deg);
	z-index: 10;
 }
.img_w_mob:hover, .img_w_mid:hover, .img_w_fll:hover{
	border-radius: 15px;
	opacity: 1;
	transition-duration: 1s;
}
/****************************************
	адаптивные медиа стили
****************************************/
@media screen and (max-width: 479px) {
	#mainwrapper {
		width: var(--wdth320);
		min-width: var(--wdth320);
		max-width: 479px;
	}
	#txtcontainer {
		padding: 10px 5px;
	}
	.carousel, .carousel-cell {
/*		width: 320px;*/
		height: 160px;
	}

	.mnucell{
		width: 99%;
	}

	.map-adapted{
		width:var(--wdth320);
		height:400px;
	}
	.intxtimg_c, .intxtimg_l, .intxtimg_r{
		width: 96%;
	}
	.nav-toggle{display:inline-block;}
	.topmenu{display:none;}
	.adaptor{display:none;}
	body.lock{overflow:hidden;}
	.footer_l,.footer_r{display:none;}
	.footer_c{width: 100%;}

	.img_w_mid, .img_w_fll{display:none;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	#mainwrapper {
		width: var(--wdth480);
		min-width: var(--wdth480);
		max-width: 767px;
	}
	#txtcontainer {
		padding: 10px 5px;
	}

	.mnucell{
		width: 90%;
	}

	.map-adapted{
		width: var(--wdth480);
		height:600px;
	}
	.intxtimg_c, .intxtimg_l, .intxtimg_r{
		width: 96%;
	}
	.carousel, .carousel-cell {
/*		width: 480px;*/
		height: 240px;
	}
	.nav-toggle{display:inline-block;}
	.topmenu{display:none;}
	body.lock{overflow:hidden;}
	.footer_r{display:none;}
	.footer_c{width: calc(100% - 95px);}

	.img_w_fll{display:none;}
	.img_w_mob, .img_w_mid {width: 45%;}
}

@media screen and (min-width: 768px) and (max-width: 999px) {
	#mainwrapper {
		width: var(--wdth768);
		min-width: var(--wdth768);
		max-width: 999px;
	}
	#txtcontainer {
		width: var(--wdth768);
		max-width: var(--wdth768);
		padding: 20px 10px;
	}

	.mnucell{
		width: 31%;
	}
	.mnutxt{
		font-size: 20px;
	}
	.mnuimg{
		border-radius: 40px;
	}
	.mnuimg:hover{
		border-radius: 20px;
	}

	.map-adapted{
		width: var(--wdth768);
		height: 600px;
	}
	.intxtimg_c, .intxtimg_l, .intxtimg_r{
		width: 31%;
	}
	.carousel, .carousel-cell {
/*		width: 768px;*/
		height: 384px;
	}
	.wrapper{
		width: var(--wdth768);
	}
	.nav-toggle{display:none;}
	.topmenu{display:inline-block;}

	.img_w_mob, .img_w_mid, .img_w_fll{width:30%;}
}

@media screen and (min-width: 1000px) {
	#mainwrapper {
		width: var(--wdth1000);
		max-width: var(--wdth1000);
	}
	#txtcontainer {
		width: var(--wdth1000);
		max-width: var(--wdth1000);
		padding: 20px 20px;
	}

	.mnucell{
		width: 32%;
	}

	.map-adapted{
		width: calc(var(--wdth1000) - 100px);
		height: 600px;
	}
	.intxtimg_c, .intxtimg_l, .intxtimg_r{
		width: 27%;
	}
	/*
	.carousel, .carousel-cell {
		width: 1000px;
		height: 500px;
	}
	*/
	.wrapper{
		width: var(--wdth1000);
	}
	.nav-toggle{display:none;}
	.topmenu{display:inline-block;}
}
.artikeltext {
	font-size: small;
}
.artikelhdr {
	font-size: large;
}
/*****************************
	дополнительеая разметка
*****************************/
/* кнопка "вверх" */
#message
{
	display: block;
	display: none;
	z-index: 999;
	opacity: .5;
	position: fixed;
	top: 100%;
	margin-top: -96px;
	left: 80%;
	margin-left: -20px;
}
#message a { color: #fff; }
.scrollup{
	width:96px;
	height:96px;
	opacity:0.5;
	position:fixed;
	bottom:20px;
	right:5%;
	display:none;
	text-indent:-9999px;
	background: url('../img/up.png') no-repeat;
}