h1, h2, h3, h4, h5, h6, p {
 margin: 0;
 padding: 0;
}
h1 {
 font-size: 20px;
 line-height: 1.5em;
 color: rgb(62, 119, 170);
 padding: 0 0 0 10px;
} 
h2, h3 {
 font-size: 93%;
 line-height: 1.5em;
 color: rgb(62, 119, 170);
}
h4 {
 line-height: 1.5em;
}
.clear {
 clear:both;
}
p {
 margin: 0 0 0.7em 0;
 font-size: 88%;
 line-height: 1.7em;
}
a {
 text-decoration: none;
 color: rgb(62, 119, 170); 
}
body {
 max-width: 1000px;
 font-family: Helvetica, Arial, sans-serif;
 padding: 0;
 margin: auto;
 background-color: #F0F0F0;
 
}
img {
 max-width: 100%;
 height: auto;
 
}
div.logo {
 padding: 0 0 10px 0;
 
} 
div.tel {
 font-size: 20px;
 font-weight: bold;
 text-align: right;
}
div.tel img {
 vertical-align: bottom;
}
div.tel a {
 display: block;
 color: #3E77AA;
 text-decoration: none;
}
div.telbox {
 font-size: 15px;
 font-weight: bold;
 border: 2px solid #CFCDCE;
 border-radius: 7px;
 padding: 8px;
 text-align: center;
 box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
div.telbox:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
  
}
div.telbox a {
 display: block;
 color: #3E77AA;
 text-decoration: none;
}

/* Section Inner */
div.section-inner {
 max-width: 1000px;
 padding: 0 20px;
 margin: 0 auto;
}

/* Header */
div.header {
 background-color: #ffffff;
 padding: 20px 0 0 0;
}

/* Navigation */
#dws-menu,
header label {
 display: none;
}
header nav,
header .leb-menu {
 background-color: #3E77AA;
}
.menu {
 z-index: 100;
}
.menu ul {
 margin: 0;
 list-style: none;
 padding: 0;
 display: flex;
 justify-content: center;
}
.menu li:hover {
 background: rgba(0,0,0,0.3);
}
.menu li a {
 display: block;
 padding: 15px 15px;
 color: #ffffff;
 text-decoration: none;
 text-transform:uppercase;
 font-size: 16px;
 font-weight: bold;
}

/* Body Content */
div.body-content {
 padding: 20px 0;
 background-color: #FFF; 
}
div.body-img {
text-align: center;
}
div.banner {
 text-align: center;
 width: 100%;
 overflow: hidden;
 position: relative;
}
div.text-banner {
 position: absolute;
 color: #696968;
 top: 60%;
 left: 50%;
 font-size: 1.2em;
}
/* list */
div.list {
 padding: 20px 10px 20px 10px;
}

div.one {
 width: 19.5%;
 height: 460px;
 float: left;
 margin: 0.7%;
 border: 1px solid #CFCDCE;
 border-radius: 7px;
 padding: 18px;
 box-shadow: 0 0 50px rgba(0,0,0,0.1) inset;
}
div.one:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.5); 
}
div.one a {
 text-decoration: none;
 color: #3C3B3B;
 
}

div.sezon {
 width: 42%;
 height: auto;
 font-size: 20px;
 text-align: center;
 float: left;
 margin: 1%;
 border: 2px solid #CFCDCE;
 border-radius: 7px;
 padding: 18px;
 box-shadow: 0 0 50px rgba(0,0,0,0.1) inset;
  
}
div.sezon:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
  
}
div.sezon a {
 display: block;
 height: 100%;
 text-decoration: none;
 
}
.sez {
 color: #5d5b5b;
 font-size: 70%;
} 
 
div.r-razmer {
 width: 26%;
 height: auto;
 text-align: center;
 font-size: 17px;
 float: left;
 margin: 1%;
 border: 2px solid #CFCDCE;
 border-radius: 7px;
 padding: 18px;
 box-shadow: 0 0 50px rgba(0,0,0,0.1) inset;
  
}
div.r-razmer:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
  
}
div.r-razmer a {
 display: block;
 height: 100%;
 text-decoration: none;
 
}
div.r-raz {
 font-weight: bold;
 color: #3E77AA;
 padding: 5px;
}  
 
.line {
  border: 1px solid #cfcdce;
}
.price {
  font-size: 1.12em;
  color: rgba(77, 75, 75, 0.88);
  background-color: #FEFCBB;
  border-radius: 2px;
  padding: 7px;
}
div.focent {
 text-align: center;
 margin-bottom: 4%;
}
 
div.model {
 width: 26%;
 height: auto;
 font-size: 17px;
 float: left;
 margin: 1%;
 border: 2px solid #CFCDCE;
 border-radius: 7px;
 padding: 18px;
 box-shadow: 0 0 50px rgba(0,0,0,0.1) inset;
  
}
div.model:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
  
}
div.model img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }

div.model img:hover{
 -webkit-transform: scale(1.3);
 -moz-transform: scale(1.3);
 -o-transform: scale(1.3);
 }


/* Main Column */
div.main {
 padding: 10px;
 }

/* side  */
div.side {
 font-size: 15px;
}

/* Box */
div.box-1 {
 width: 28%;
 float: left;
 padding: 10px 20px 10px 5px;

 margin: 10px 10px 10px 10px;
 border-right: 1px solid #CFCDCE;

}
div.box-2 {
 width: 29%;
 float: left;
 padding: 10px 20px 10px 5px;

 margin: 10px 10px 10px 5px;
 border-right: 1px solid #CFCDCE;

}
div.box-3 {
 width: 29%;
 float: left;
 padding: 10px 10px 10px 5px;

 margin: 10px 10px 10px 5px;

}
div.visbox {
 font-size: 14px;
 font-weight: bold;
 border: 2px solid #CFCDCE;
 border-radius: 7px;
 padding: 8px;
 text-align: center;
 box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
div.visbox:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
div.visbox a {
 display: block;
 color: #3E77AA;
 text-decoration: none;
}
div.viborzimi {
 font-size: 93%;
 line-height: 1.5em;
 font-weight: bold;
 border: 2px solid #CFCDCE;
 border-radius: 7px;
 padding: 15px;
 text-align: center;
 box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
div.viborzimi:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.5); 
}
div.viborzimi a {
 display: block;
 color: #3E77AA;
 text-decoration: none;
}
.katalo {
 color: #999;
}
.map-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Footer */
div.footer {
 background-color: #3E77AA;
 color: #FFF;
 padding: 15px 0;
 
}
div.time {
 font-size: 15px;
 color: #CFCDCE;
 float: left;
 padding: 10px 15px 10px 15px;

}
#footr {
 font-size: 11px;
 text-align: center;
 color: #CFCDCE;
}
#go-top {
  position: fixed; 
  bottom: 25px; 
  right: 20px;
  text-align: center;
  font-weight: bold;
  cursor:pointer; 
  display:none;
  width: 80px;
  height: 30px;
  background: #ffffff;
  line-height: 30px;
  border: 3px solid #CFCDCE;
  border-radius: 5px;
}

#go-top:hover {
  background: #3E77AA;
  color: #fff;
}

.spoiler >  input + .box {
	display: none;
}
.spoiler >  input:checked + .box {
	display: block;
} 

.del { display: none; }
.del:not(:checked) + label + * { display: none; } /* фактически нужна только одна строка */

/* вид CSS кнопки */
.del:not(:checked) + label,
.del:checked + label {
  display: inline-block;
  padding: 2px 10px;
  margin: 2px;
  border: 2px solid #CFCDCE;
  border-radius: 5px;
  background: #ffffff;
  cursor: pointer;
}
.del:checked + label {
  background: #3E77AA;
  color: #fff;
}

div.page {
	margin: 0;
	display: grid;
	grid-template-columns: auto;
}

.video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background-color: #000000;
}

.video__link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video__media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.video__button {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: none;
	padding: 0;
	width: 68px;
	height: 48px;
	border: none;
	background-color: transparent;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.video__button-shape {
	fill: #212121;
	fill-opacity: 0.8;
}

.video__button-icon {
	fill: #ffffff;
}

.video__button:focus {
	outline: none;
}

.video:hover .video__button-shape,
.video__button:focus .video__button-shape {
	fill: #ff0000;
	fill-opacity: 1;
}

/* Enabled */

.video--enabled {
	cursor: pointer;
}

.video--enabled .video__button {
	display: block;
}

a.button15 {
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: rgb(62, 119, 170);
  text-decoration: none;
  user-select: none;
  padding: .5em 1.2em;
  margin: 7px 0 0 0;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}
a.button15:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
a.button15:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}