main {margin:0 auto; min-width:970px; max-width:1200px; line-height:1; padding:0 5px 0 5px;}
.block {margin:0 auto; min-width:960px; max-width:1200px; line-height:1; padding:0 5px 5px 5px;}
.block_map {margin:0 auto; min-width:970px; max-width:1200px;}
.fon {background:#b0d3f1; padding-top:10px;}
.fon_form {background:url('/i/pic/form_bg.png') repeat-x; height: 278px; margin-bottom:30px;}
.form_bg {background:url('/i/pic/pic_form_bg.png') no-repeat left; height: 278px;}
@media screen and (min-width:1px)  and (max-width:1030px){
	.form_bg header {margin:0 0 0 35%; width:65%;  padding-top:35px;}
	.form_bg header .what  {float:left; width:300px; } 
	.form_bg header .hcont {float:left; width:300px; text-align:right; line-height:1.3; padding-top:3px; font-weight:bolder;}
	.form_bg header h3 {font-size:28px; color:#ffffff;  padding-top:8px; width:550px; margin-top:2px;}
	.form_bg header span {display:inline-block; padding:5px; background:#ff0000; color:#ffffff; width:150px; text-align:center; font-weight:bolder; font-size:20px;}
h1 {font-size:32px; }	
}
@media screen and (min-width:1031px)  and (max-width:5000px){
.form_bg header {margin:0 0 0 28%; width:72%;  padding-top:30px;}
.form_bg header .what  {float:left; width:420px; } 
.form_bg header .hcont {float:right; width:300px; text-align:right; line-height:1.3; padding-top:7px; font-weight:bolder;}
.form_bg header h3 {font-size:28px; color:#ffffff;  padding-top:8px; width:550px; margin-top:2px;}
.form_bg header span {display:inline-block; padding:5px; background:#ff0000; color:#ffffff; width:150px; text-align:center; font-weight:bolder; font-size:20px;}
h1 {font-size:46px; }
}
nav {font-weight:bolder; margin:10px 0 5px 0;}
nav a {display:inline-block; margin-right:15px; color:#000000; padding:4px; border:none; background:#e7f4fc;}
.form_bg header .action {margin-top:10px;}

section.content {min-height:300px; }
section.content ol, ul, p, a {line-height:1.2}
section.content ol, ul {margin-left:20px;}
section.content li {margin-bottom:5px;}
section.content input {display:block; margin:0 0 10px 0; padding:5px; font-family: 'Roboto'; font-size:18px;}
section.content select {display:block; margin:0 0 10px 0; padding:5px; font-family: 'Roboto'; font-size:18px;}
section.content textarea { height:300px; display:block; margin:0 0 10px 0; padding:5px; font-family: 'Roboto'; font-size:18px;}
section.content button {border:none; color:#ffffff; text-transform:uppercase; font-size:13px;  padding:11px 10px 9px 10px;  background:#336e99; cursor:pointer; margin:10px 0 0 0; float:right;}

section.content .show-info-grid {width:100%;min-height:140px; margin:20px 0 20px 0; display: flex; flex-wrap: wrap; justify-content:space-between;}
section.content .show-info-grid .item { width: 31%; margin-bottom:10px;} 
section.content .show-info-grid .item h3 {font-weight:bolder; line-height:1; margin-top:3px;}
section.content .show-info-grid .item figure.grid-item {padding-bottom:5px;}
section.content .show-info-grid .item figure.grid-item:hover {cursor:pointer;}
section.content .show-info-grid .item figure img {width:100%;}

section.content .show-info-list {width:800px; margin:0 auto; border:5px solid #e7f4fc; padding:15px 20px 20px 20px; margin-bottom:20px;}
section.content .show-info-list  h3 {margin-top:20px;}
	section.content .show-info-list h3 span {display:inline-block; padding:8px 5px 2px 5px; border-radius:30px; background:#e7f4fc; width:30px; height:30px; text-align:center; font-size:17px; font-weight:bolder; margin-right:10px;}
	section.content .show-info-list  p{margin-left:48px;}
footer {font-size:15px;}

h1 {font-family: 'Roboto', sans-serif;font-weight:bolder;}
h2 {font-size:27px; font-family: 'Roboto', sans-serif; margin:10px 0 30px 0; font-weight:bold; color:#ff0000; text-align:Center; border-bottom: 1px dashed #07436e; line-height:0.1}
h2 span {background: #afd3f0; padding: 0 20px 0 20px;}
h3 {font-size:22px; font-family: 'Roboto', sans-serif;font-weight:bolder; margin-bottom:10px; }

a{color:#2a448d; border-bottom:1px solid #adbff3;}
a {text-decoration:none;}
a:hover {border:none;}

.clear {clear:both}
.error {outline:1px solid #ff0000;}

.contact_frame {position:absolute; z-index:10000; width:100%; background:#2b749d; padding:5px; color:#ffffff;}

.def  {}
.def  h3{margin-bottom:10px;}
.def span {display:block; width:25%; float:left; padding-top:8px;} 
.def input  {display:block; width:75%; float:left;}
.def select {display:iblock; width:75%; float:left;}


.photo_about {margin:0 auto; min-width:960px; max-width:1200px; height:400px; line-height:1; padding:5px; outline:1px solid #ff0000; margin-bottom:20px;}
.photo_about .note {padding:10px; background:#ffffff; width:300px; float:right;}

.block_nav {text-align:center; margin-bottom:20px;}
.slide_nav {cursor:pointer; display:inline-block; padding:3px; font-size:14px; font-weight:bolder; margin-left:15px; border-bottom:1px dotted #000000;}
.slide_nav:hover {color:#ff0000; border:none;}
.slide_nav.active {color:#ffffff; background:#ff0000; border:none;}

.arr_nav {position:absolute; z-index:100000; margin-top:-240px;  max-width:1190px; width:100%;}
.arr_nav #back {float:left;width:49%;}
.arr_nav #next {float:right;width:49%; text-align:right;}
.arr_nav span {display:inline-block; padding:7px 0 0 0; width:45px; height:45px; font-size:26px; color:#ffffff; border-radius:30px; background:#ff0000; margin:0 10px 0 10px; text-align:Center; cursor:pointer;}
.arr_nav span:hover {background:#336699;}

#message_send {text-align:Center;}