@import url('https://fonts.googleapis.com/css2?family=Cousine:wght@400;700&family=Play:wght@400;700&display=swap');

.clr {
	clear:both;
}
.reded {
	color:red;
	font-weight:bold;
}
.mobscroller {
	width:100%;
	overflow-x:auto;
}
@media (max-width:992px) {
	.mobscroller:before {
		content:"прокрутите, чтобы посмотреть всю табицу";
		display:block;
		height:25px;
		padding-left:35px;
		background:url(../img/drleft.gif) left center no-repeat #fff;
		background-size:25px auto;
	}
}
.pln {
	margin:0;
	padding:0;
}

h1, h2, h3 {
	font-family: 'Cousine', monospace;
	font-weight:bold;
}
a {
	color:inherit;
	text-decoration:underline;
}

@media (min-width:993px) {
	.modal-dialog {
		display:block;
		width: 900px;
		margin: 30px auto;
		margin-left:auto;
		margin-right:auto;
	}
	.modal-dialog .modimg {
		display:block;
		
	}
}


body {
	color:#111;
}

#menuline {
	padding-top:3px;
	padding-bottom:3px;
	background:#fff;
	box-shadow: 0 0 25px 3px #bbb;
}

@media (min-width:993px) {
	#menuline {
		position:fixed;
		z-index:1000;
		left:0;
		top:0;
		width:100%;
	}
}

#rezi {
	text-align:center;
	font-size:15px;
	color:#666;
	padding-top:20px;
}
#toppho {
	text-align:right;
}
#toppho a {
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
}
#toppho-ico {
	padding-top:18px;
}
#toppho-ico img {
	border-radius:4px;
}
#toppho-pho {
	padding-top:4px;
}

#teaserblock {
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;
	background:url(../img/bg.jpg) center center no-repeat;
	background-size:100% auto;
}

h1 {
	font-family: 'Cousine', monospace;
	font-weight:bold;
	font-size:42px;
	margin-bottom:30px;
	text-shadow:0 0 2px #fff;
}
h1 span {
	display:inline-block;
	padding:5px 10px 5px 10px;
	background:#FF0000;
	color:#fff;
}
.subh1 {
	font-family: 'Play', sans-serif;
	font-weight:bold;
	font-size:32px;
	margin-bottom:60px;
	text-shadow: 0 0 20px #000;
	color:yellow;
}
#teaserblock h3 {
	font-weight:bold;
	font-size:20px;
	text-shadow:0 0 10px #fff;
}
#teaserblock h3.srav {
	text-align:center;
	font-weight:bold;
	color:red;
	font-size:22px;
}
#teaserblock table {
	width:800px;
	min-width:550px;
	margin-left:auto;
	margin-right:auto;
	font-size:15px;
}
#teaserblock table  td:first-child {
	text-align:left;
}
#teaserblock .table-striped>tbody>tr:nth-of-type(even) {
		background:#ffffffcc;
	}
#teaserblock .table-striped>tbody>tr:nth-of-type(odd) {
	background:#f9f9f9cc;
}
}


#teaserblock .pln-1 {
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
}
@media (min-width:993px) {
	#teaserblock {
		padding-top:120px;
	}
}
@media (max-width:992px) {
	#teaserblock {
		background-size:cover;
	}
	h1 {
		font-size:32px;
	}
	.subh1 {
		font-size:22px;
	}
	#teaserblock .mobscroller {
		max-width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	#teaserblock table {
		
	}
	
}

#prostoblock {
	padding-top:40px;
	padding-bottom:10px;
	text-align:center;
}
#prostoblock .pln-1 span {
	display:inline-block;
	width:40px;
	height:40px;
	background:#666;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	font-family: 'Cousine', monospace;
	border-radius:6px;
}
#Layer_1 {
	height:80px;
	width:auto;
}

#katblock {
	padding-top:40px;
	padding-bottom:40px;
}

h2 {
	text-align:center;
	font-size:34px;
}
.subh2 {
	font-weight:bold;
	font-size:20px;
	margin-bottom:30px;
}

#katblock .item-row-pic h3 {
	font-size:28px;
	margin-top:0;
} 
#katblock .wa-btn {
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	text-align:center;
	font-size:16px;
	border-radius:100px;
	background:#03A301;
	color:#fff;
	text-decoration:none;
}
#katblock .tg-btn {
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	text-align:center;
	font-size:16px;
	border-radius:100px;
	background:#02A0DD;
	color:#fff;
	text-decoration:none;
}
#katblock .tel-btn {
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	text-align:center;
	font-size:16px;
	border-radius:100px;
	background:#400000;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#katblock h4 {
	font-weight:bold;
}
.item-row-pic .pln-2 {
	color:#666;
	font-size:13px;
	padding-top:10px;
	padding-bottom:10px;
}
.item-row-price .drraz {
	font-weight:bold;
	font-size:12px;
}
.item-row-pic .pln-3 img {
	
}
#galblock {
	padding-top:40px;
	padding-bottom:40px;
}


#kontblock {
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	background:#d1cabf;
}

#kontblote {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	max-width:800px;
	background:#fff;
	padding-top:30px;
	padding-bottom:30px;
	box-shadow: 0 0 15px 3px #131304;
}
#kontblote .pln-1 a {
	font-weight:bold;
	font-size:28px;
	text-decoration:none;
}
#kontblote .pln-2 {
	padding-top:5px;
	padding-bottom:5px;
}
#kontblote .pln-3 {
	padding-top:20px;
	margin-bottom:15px;
	
}
#kontblote .pln-3 img {
	border-radius:4px;
}
#kontblote .pln-6 {
	padding-top:10px;
	font-size:16px;
	margin-bottom:10px;
}

#kontblock .pln-5 {
	font-size:12px;
}


#mobplan {
	position:fixed;
	z-index:100;
	bottom:0;
	left:0;
	background:#333333ee;
	width:100%;
	color:#fff;
	padding-bottom:5px;
	padding-top:5px;
	border-top:1px solid #fff;
}
#mobplan h4 {
	text-align:left;
}
#mobplan a {
	font-weight:bold;
	text-decoration:none;
	font-size:20px;
}

.hrline {
	margin-top:40px;
	margin-bottom:40px;
}

.ppod {
	display:inline-block;
	width:1.4em;
	height:1.4em;
	background:url(../img/ppod.png) center center no-repeat;
	background-size:100% auto;
	position:relative;
	top:0.4em;
}

.sppod {
	font-weight:bold;
	color:red;
}

#menuline .dj-mobile-open-btn {
	text-decoration:none;
	background:#fff;
	line-height:5px;
	display:block;
}
.dj-mobile-open-btn-lbl {
	font-size:12px;
	margin-left:0!important;
}

.spanok {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../img/ico-ok.png) center center no-repeat;
	position:relative;
	top:4px;
}
.spannook {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../img/ico-neok.png) center center no-repeat;
	position:relative;
	top:4px;
}