a  { font-family: Georgia, "Times New Roman", Times, serif; color: #0082FF; }
h1, h2, h3  { font-family: Georgia, "Times New Roman", Times, serif; color: #0082FF;  font-style: italic; }
p, body, ul, li, td  { font-family: Georgia, "Times New Roman", Times, serif; color: #000066; }
h1  { font-size: large; }
h2  { font-size: medium; }
h3  { font-size: small; }
body  { border-width: 0 0 0 0; background-color: #fffff0; background-image: url(images/back.jpg); background-position: top center; background-repeat: repeat-x; border: 0; margin: 0 0 0 0; padding: 0 0 0 0; scrollbar-face-color: #65A7E1; scrollbar-shadow-color: #E6FFCC;  scrollbar-darkshadow-color: #2885D5; scrollbar-track-color: #BED7EF; scrollbar-arrow-color: #FFFFE0; scrollbar-base-color: #65A7E1; scrollbar-3dlight-color: #F0FFFF; }
a:link  { color: #0082FF; text-decoration: underline; }
a:visited  { color: #990000; text-decoration: underline; }
a:hover  { color: #000066; text-decoration: none; }
a:active  { color: #660000; text-decoration: none; }
#body  { margin-left: 11em; }
#nav  { position: absolute;  left: 0;  top: 270px;  width: 10em; }
#navtop  { border-left: 8px solid #FFFFBB; border-right: 8px solid #FFFFBB; background-color: #FFFFEE; color: #003399; }
#cur  { border-left: 5px solid #65A7E1; }
#button { width: 10em; border-right: 1px solid #90bade; padding: 0 0 0em 0; margin-bottom: 0em; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; background-color: #2885D5; color: #333; }
	#button ul { list-style: none; margin: 0; padding: 0; border: none; }
	#button li { border-bottom: 1px solid #FFFFBB; margin: 0; }
	#button li a{ display: block; padding: 2px 2px 2px 3px; border-left: 8px solid #65A7E1; border-right: 8px solid #2885D5; background-color: 8ABBE5; color: #fff; text-decoration: none; width: 100%; }
	html>body #button li a { width: auto; }
	#button li a:hover { border-left: 8px solid #FFFFBB; border-right: 8px solid #FFFFBB; background-color: #FFFFEE; color: #003399; }
div.row { clear: both; padding-top: 10px; }
div.row span.label { float: left; width: 370px; text-align: right; }
div.row span.formw { float: right; width: 200px; text-align: left; }	


/* custom */

.popup .menu > li > a {
	text-decoration: none;
}

.order-table {
	max-width: 100%;
	overflow-x: auto;
}
.order-table table {
	max-width: 720px;
}

.panoram {
  width:854px;
  height:480px;
	margin-left: 0;
	margin-right: 0 !;
}

@media (max-width: 1200px) {
	.nomera-table img {
		width: 360px;
		max-width: 100%;
		margin: 0;
	}
	.nomera-table a {
		display: block;
	}

	.ter-block img {
		width: 790px;
	}

  .ter-block--auto-height img {
    height: auto;
  }

	.contact-map > ymaps {
		width: 100% !important;
	}
}

@media (max-width: 1000px){
    #body {
      margin-left: 0;
	  padding: 0 10px;
    }
    body {
	  padding-top: 62px;
    }

	.ter-panoramy {
		width: 100% !important;
	}

	.ter-block img {
		width: 100%;
		object-fit: cover;
	}
}

@media (max-width: 900px) {
  .panoram {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .panoram {
    height: 350px;
  }

	.nomera-table td {
		display: block;
	}

	.video-table {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.float-img,
	.float-img a,
	.float-img img {
		display: block;
		float: none;
		margin: 0 auto;
		margin-bottom: 15px;
		max-width: 100%;
	}

	.video-table iframe {
		max-width: 100%;
	}

	.table-form td {
		display: block;
	}

	.video-block iframe {
		width: 100%;
	}

	.contact-map > ymaps {
		height: 420px !important;
	}
}

@media (max-width: 576px) {
	.order-table table {
		max-width: 500px;
	}

	.nomera-table img {
		width: 280px;
	}

	.ter-block img {
		height: 320px;
	}

  .ter-block--auto-height img {
    height: auto;
  }

  .panoram .ggskin.ggskin_container {
    width: 100% !important;
    left: 0 !important;
  }

  .panoram  .ggskin.ggskin_svg:nth-child(1),
  .panoram  .ggskin.ggskin_svg:nth-child(2) {
    left: 13px !important;
  }

  .panoram  .ggskin.ggskin_svg:nth-child(3) {
    left: -9px !important;
  }

  
  .panoram  .ggskin.ggskin_svg:nth-child(4) {
    left: 35px !important;
  }

  .panoram  .ggskin.ggskin_svg:nth-child(5) {
    left: auto !important;
    right: 99px !important;
  }

  .panoram  .ggskin.ggskin_svg:nth-child(6) {
    left: auto !important;
    right: 70px !important;
  }

  .panoram  .ggskin.ggskin_svg:nth-child(7) {
    left: auto !important;
    right: 42px !important;
  }

  .panoram  .ggskin.ggskin_svg:nth-child(8) {
    left: auto !important;
    right: 14px !important;
  }

  .panoram  .ggskin.ggskin_svg:nth-child(9) {
    left: auto !important;
    right: 128px !important;
  }
}

@media (max-width: 400px) {
	.table-form input,
	.table-form textarea {
		width: 260px;
	}
}
@media (max-width: 1000px){
	.ul-order{
		list-style-position: inside;
		margin: 0 auto;
		margin-left: 0;
		padding-left: 0;
	}
}