body {background-color: #ffffff; position: relative; z-index: 0; margin: 0px;}

#maintop {width: 100%; overflow: hidden;}
#maintopleft {float: left;}
#maintopright {float: right;}
#maintopcenter {width: 1200px; margin-left: auto; margin-right: auto;}

#mains {width: 100%; overflow: hidden; height: 150px; background-color: #53618f; border-top: 2px solid #000000;}
#mainsleft {float: left;}
#mainsright {float: right;}
#mainscenter {width: 1200px; margin-left: auto; margin-right: auto;}

#mainn {width: 100%; overflow: hidden; height: 35px; background-color: #f4f4f4; border-top: 1px solid #ffffff;}
#mainnleft {float: left;}
#mainnright {float: right;}
#mainncenter {width: 1200px; margin-left: auto; margin-right: auto;}

#main {width: 100%; overflow: hidden;}
#mainleft {float: left;}
#mainright {float: right;}
#maincenter {width: 1200px; margin-left: auto; margin-right: auto;}

#mainf {width: 100%; overflow: hidden; height: 200px; background-color: #494949; border-top: 2px solid #000000;}
#mainfleft {float: left;}
#mainfright {float: right;}
#mainfcenter {width: 1200px; margin-left: auto; margin-right: auto;}

#mainc {width: 100%; overflow: hidden; height: 70px; background-color: #000000;}
#maincleft {float: left;}
#maincright {float: right;}
#mainccenter {width: 1200px; margin-left: auto; margin-right: auto;}

.top {width: 1200px; height: 100px; overflow: hidden;}
.top .topleft {float: left; width: 500px; height: 100px; overflow: hidden;}
.top .topright {float: right; width: 700px; height: 100px; overflow: hidden;}
.top .topleft .logo {width: 100px; height: 100px; float: left;}
.top .topleft .title {width: 400px; height: 100px; float: left; font-family: 'Roboto Condensed'; font-size: 24px; color: #797979; vertical-align: middle; line-height: 100px;}
.top .topright .menu {width: 700px; overflow: hidden;}
.top .topright .menu .menuitem2 {float: right; padding-left: 10px; padding-right: 10px; text-align: center; vertical-align: middle; line-height: 100px;}
.top .topright .menu .menuitem1 {float: right; padding-left: 10px; padding-right: 10px; text-align: center; vertical-align: middle; line-height: 100px;}
.top .topright .menu a {font-family: 'Roboto Condensed'; font-size: 18px; color: #105595; text-decoration: none; text-transform: uppercase;}
.top .topright .menu a:hover {font-family: 'Roboto Condensed'; font-size: 18px; color: #105595; text-decoration: underline;}

.searchline {width: 1200px; height: 150px; overflow: hidden;}
.searchline .sleft {width: 840px; float: left; padding-right: 10px; text-align: right; vertical-align: 150px; line-height: 150px;}
.searchline .sleft input {width: 600px; height: 35px; background: #ffffff; border: 0px; font-family: 'Roboto Condensed'; font-size: 18px;}
.searchline .sright {width: 340px; float: right; padding-left: 10px; text-align: left; vertical-align: 150px; line-height: 150px;}
.searchline .sright input {width: 150px; height: 39px; background: #528358; border: 0px; font-family: 'Roboto Condensed'; font-size: 18px; color: #ffffff; text-shadow: -1px -1px 1px #415b44, 1px -1px 1px #415b44;}

.navstr {width: 1180px; padding-left: 10px; padding-right: 10px; color: #528358; vertical-align: middle; line-height: 35px;}
.navstr span {color: #000000; font-weight: bold; font-family: 'Roboto Condensed'; font-size: 16px; text-shadow: 0 1px 0 #ffffff;}
.navstr a {font-family: 'Roboto Condensed'; font-size: 16px; color: #5dbaf5; text-decoration: underline; text-shadow: 0 1px 0 #ffffff;}
.navstr a:hover {font-family: 'Roboto Condensed'; font-size: 16px; color: #5dbaf5; text-decoration: none; text-shadow: 0 1px 0 #ffffff;}

.geography {width: 1170px; padding: 15px; overflow: hidden;}
.geography .gline {width: 1170px; overflow: hidden;}
.geography .gline .gitem {width: 380px; padding: 5px; float: left;}
.geography .gline .gitem a {font-family: 'Roboto Condensed'; font-size: 16px; color: #139623; text-decoration: underline;}
.geography .gline .gitem a:hover {font-family: 'Roboto Condensed'; font-size: 16px; color: #139623; text-decoration: none;}
.geography .hd {width: 1160px; height: auto; padding: 5px; background-color: #f4f4f4;}
.geography .hd1 {width: 1160px; height: auto; padding: 5px; background-color: #ffffff;}
.geography .citieslist {width: 1160px; height: auto; padding: 5px; background-color: #f4f4f4; font-family: 'Roboto Condensed'; font-size: 16px; text-shadow: 0 1px 0 #ffffff;}
.geography .citieslist a {font-family: 'Roboto Condensed'; font-size: 16px; color: #139623; text-decoration: underline; text-shadow: 0 1px 0 #ffffff;}
.geography .citieslist a:hover {font-family: 'Roboto Condensed'; font-size: 16px; color: #139623; text-decoration: none; text-shadow: 0 1px 0 #ffffff;}

.c_cont {width: 1170px; overflow: hidden; margin-top: 10px;}
.l_cont {width: 850px; float: left; padding: 10px;}
.r_cont {width: 280px; float: right; padding: 10px; background: #f2f9fe;}
.r_cont .rhd {font-family: 'Roboto Condensed'; font-size: 20px; font-weight: bold; color: #000000; text-align: left; padding-bottom: 10px; text-shadow: 0 1px 0 #ffffff;}

.herb {font-family: 'Roboto Condensed'; font-size: 16px; color: #000000; text-align: left; padding-top: 5px; padding-bottom: 5px; text-shadow: 0 1px 0 #ffffff; text-align: center;}
.postcode {font-family: 'Roboto Condensed'; font-size: 16px; color: #000000; text-align: left; padding-top: 5px; padding-bottom: 5px; text-shadow: 0 1px 0 #ffffff;}
.postcode span {color: #014e7e; font-weight: bold;}

.regioncode {font-family: 'Roboto Condensed'; font-size: 16px; color: #000000; text-align: left; padding-top: 5px; padding-bottom: 5px; text-shadow: 0 1px 0 #ffffff;}
.regioncode span {color: #014e7e; font-weight: bold;}

.content {font-family: 'Roboto Condensed'; font-size: 16px; color: #000000; text-align: justify;}
.content p.img {text-align: center;}
.content p.img span {font-style: italic; font-size: 12px; color: #acacac;}

.freqreq {width: 1200px; height: auto; padding: 5px; background-color: #f4f4f4; font-family: 'Roboto Condensed'; font-size: 16px;}
.freqreq .freqfline {width: 1200px; height: auto; overflow: hidden;}
.freqreq .freqfline .freqfitem {width: 280px; padding: 10px; float: left;}
.freqreq .freqfline .freqfitem a {font-family: 'Roboto Condensed'; font-size: 16px; color: #5dbaf5; text-decoration: underline; text-shadow: 0 1px 0 #ffffff;}
.freqreq .freqfline .freqfitem a:hover {font-family: 'Roboto Condensed'; font-size: 16px; color: #5dbaf5; text-decoration: none; text-shadow: 0 1px 0 #ffffff;}
.freqreq .freqfline .freqfitem a span {color: #606164;}
.freqreq .freqfline .freqfitem hr {width: 98%; color: #ffffff;}
.freqreq .freqfline .freqfitem hr.hr1 {width: 0px; display: none;}

h1 {color: #000000; font-family: 'Roboto Condensed'; font-size: 26px; font-weight: bold; text-shadow: 0 1px 0 #ffffff;}
h2 {color: #000000; font-family: 'Roboto Condensed'; font-size: 22px; font-weight: bold; text-shadow: 0 1px 0 #ffffff;}

.footer {width: 1200px; height: 200px; overflow: hidden;}
.footer .f1 {width: 100px; height: 200px; padding-top: 25px; padding-left: 20px; padding-right: 100px; float: left; text-align: center; color: #ffffff; font-family: 'Roboto Condensed'; font-size: 16px; font-style: italic; text-shadow: -1px -1px 1px #000000, 1px -1px 1px #000000;}
.footer .f2 {width: 200px; height: 200px; padding-top: 25px; padding-left: 20px; padding-right: 10px; float: left; text-align: left; line-height: 30px;}
.footer a {color: #5dbaf5; font-family: 'Roboto Condensed'; font-size: 15px; text-shadow: -1px -1px 1px #02436c; text-decoration: underline;}
.footer a:hover {color: #5dbaf5; font-family: 'Roboto Condensed'; font-size: 15px; text-shadow: -1px -1px 1px #02436c; text-decoration: none;}
.footer .f3 {width: 300px; height: 200px; padding-top: 25px; padding-left: 10px; padding-right: 10px; float: left; text-align: left; color: #ffffff; font-family: 'Roboto Condensed'; font-size: 14px; text-shadow: -1px -1px 1px #000000, 1px -1px 1px #000000;}
.footer .f4 {width: 360px; height: 200px; padding-left: 35px; padding-right: 35px; float: right;}

.cp {width: 1200px; height: 70px; overflow: hidden; vertical-align: middle; line-height: 70px;}
.cp .cleft {width: 400px; height: 70px; float: left; color: #ffffff; font-family: 'Roboto Condensed'; font-size: 16px;}
.cp .cright {width: 800px; height: 70px; float: right; text-align: right; padding-top: 10px;}

.social {display: inline-block;}
.social a {
	display: block;
	width: 28px;
	height: 28px;
	margin: 10px 10px 10px 0;
	text-align: center;
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 24px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
}
.social a:hover {color: #fff;}
.social svg {
	margin-bottom: 14px;
	width: 22px;
	height: 22px;
}
.odnoklassniki a:hover {background: #f93;}
.skype a:hover {background: #00aff0;}
.telegram a:hover {background: #249bd7;}
.twitter a:hover {background: #00acee;}
.viber a:hover {background: #7b519d;}
.vk a:hover {background: #4a76a8;}
.whatsapp a:hover {background: #50b154;}
.youtube a:hover {background: #c4302b;}

@media (max-width: 1200px){
#maintopcenter {width: 100%;}
.top {width: 100%; height: auto;}
.top .topleft {width: 100%; float: none;}
.top .topright {width: 100%; height: auto; float: none; text-align: center;}
.top .topleft .logo {width: 100%; text-align: center;}
.top .topleft .title {display: none; width: 50%; vertical-align: middle; line-height: 100px; font-size: 24px;}
.top .topright .menu {width: 100%;}
.top .topright .menu .menuitem2 {float: none; line-height: 30px;}
.top .topright .menu .menuitem1 {float: none; line-height: 30px;}

#mains {height: 120px;}
#mainscenter {width: 100%;}
.searchline {width: 100%; height: 120px;}
.searchline .sleft {float: none; width: 100%; line-height: 30px; padding-top: 10px; padding-bottom: 10px; text-align: center;}
.searchline .sleft input {width: 300px;}
.searchline .sright {float: none; width: 100%; line-height: 30px; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; text-align: center;}

#maincenter {width: 100%;margin-top: 10px;}
.geography {width: 100%; padding: 0px;}
.geography .gline {width: 100%;}
.geography .gline .gitem {width: 100%; float: none; text-align: center;}
.geography .hd {width: auto; margin-left: 7px; margin-right: 7px;}
.geography .hd1 {width: auto; margin-left: 7px; margin-right: 7px;}
.geography .citieslist {width: auto; margin-left: 7px; margin-right: 7px;}

.c_cont {width: auto; padding-bottom: 10px;}
.l_cont {width: auto; float: none;}
.r_cont {width: auto; float: none;}

.content {width: auto; margin-left: 7px; margin-right: 7px; margin-bottom: 10px;}
.content p.img img {width: 320px;}

.freqreq {width: auto; margin-left: 7px; margin-right: 7px;}
.freqreq .freqfline {width: auto;}
.freqreq .freqfline .freqfitem {width: auto; float: none; padding: 5px; text-align: justify; min-height: 55px;}
.freqreq .freqfline .freqfitem hr.hr1 {display: block; width: 98%;}

#mainf {height: auto;}
#mainf #mainfcenter {width: 100%;}
.footer {width: 100%; height: auto;}
.footer .f1 {width: 100%; height: auto; float: none; text-align: center; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px;}
.footer .f2 {width: 100%; height: auto; float: none; text-align: center; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px;}
.footer .f3 {width: 100%; height: auto; float: none; text-align: center; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px;}
.footer .f4 {width: 100%; height: auto; float: none; text-align: center; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px;}

#mainc {height: auto;}
#mainc #mainccenter {width: 100%;}
.cp {width: 100%; height: auto;}
.cp .cleft {width: 100%; height: auto; float: none; text-align: center;}
.cp .cright {width: 100%; height: auto; float: none; text-align: center;}
}