html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;box-sizing: border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {	display: block;}
input {outline:none;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
a{text-decoration: none;}
a:hover {text-decoration: underline;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
@font-face {  font-family: 'Roboto-Black';  src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf')  format('truetype'), url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');  font-weight: normal;  font-style: normal;}
@font-face {  font-family: 'Roboto-Bold';  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');  font-weight: normal;  font-style: normal;}
@font-face {  font-family: 'Roboto-Light';  src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf')  format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');  font-weight: normal;  font-style: normal;}
@font-face {  font-family: 'Roboto-Medium';  src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf')  format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');  font-weight: normal;  font-style: normal;}
@font-face {  font-family: 'Roboto-Regular';  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');  font-weight: normal;  font-style: normal;}
@font-face {  font-family: 'Roboto-Thin';  src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin.ttf')  format('truetype'), url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');  font-weight: normal;  font-style: normal;}
.content_container b {font-family: 'Roboto-Bold';color: #e74b3c; }
.clear:after {content:'';display: block;clear: both;}
b {font-family: 'Roboto-Bold';}
/************************************
HEADER
***************************************/
html {  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}
body {background: #ffffff;}
.header {background: url(../images/header_bg.png) repeat-x;height: 117px;}
.wrapper {max-width: 960px; width: 100%;margin: 0 auto;}
.logo {float: left;margin: 22px 0 0 5px;}
.logo a {display: block;background: url(../images/logo.png) no-repeat;width: 217px;height: 73px;text-indent: -9999px;}

.top_text {float: left;text-align: center;margin: 45px 0 0 85px;}
.top_text p:nth-child(1) {font-family: 'Roboto-Medium';font-size: 16px;color: #68c42f;text-transform: uppercase;letter-spacing: 1px;}
.top_text p:nth-child(2) {font-family: 'Roboto-Light';font-size: 15px;color: #555555;letter-spacing: 0.3px;margin: 3px 0 0 0;}

.contacts {float: right;width: 150px;margin: 2px 5px 0 0;}
.contacts > a {display: block;font-family: 'Roboto-Medium';font-size: 17px;color: #2a2a2a;margin: 7px 0;text-align: right;}
.contacts > a i {font-style: normal;font-size: 13px;color: #ff4d4d;}
.contacts a:hover {text-decoration: none;}
.contacts span {display: block;margin: 5px 0 0 0;}
.contacts span a {display: block;text-align: center;background: #ff4d4d;height: 23px;line-height: 23px;color:#fff;font-family: 'Roboto-Light';font-size: 13px;text-transform: uppercase;border-radius: 3px;}
.contacts span a:hover {opacity: 0.9;}
.navigation {background: url(../images/nav_bg.png) repeat-x;height: 40px;}
.navigation ul {margin: 0;padding: 0;list-style: none;}
.navigation ul:after {content: '';clear: both;display: block;}
.navigation ul li {float: left;}
.navigation ul li a {color: #fff;display: block;font-family: 'Roboto-Light';font-size: 14px;padding: 0 15px 0 10px;background: url(../images/razdelitel.png) no-repeat right center;line-height: 41px;}
.navigation ul li a:before {content:"\f015";font-family:'FontAwesome';padding: 0 7px 0 0;}
.navigation ul li a:hover {text-decoration: none;}
.navigation ul li:last-child a {background: none;}

.i_agree {font-size: 13px;font-family: 'Roboto-Light';color: #666666;margin: 5px 0 0 0;text-align: center;}

.navigation ul li:nth-child(1) a:before {content:"\f015";}
.navigation ul li:nth-child(2) a:before {content:"\f03a";}
.navigation ul li:nth-child(3) a:before {content:"\f005";}
.navigation ul li:nth-child(4) a:before {content:"\f2ba";}


.big_block {background: url(../images/big_block_bg.png) repeat-x;height: 300px;}
.mirgorod {background: url(../images/mirgorod_bg3.jpg) no-repeat;height: 300px;}
.why_we_are {width: 540px; height: 300px;background: url(../images/white_bg.png) no-repeat;position: absolute;top:0px;right: 0px;}


.promo_block img {max-width: 100%;}
.promo_block {text-align: center;}
#closewin {padding: 0px!important;}

.big_block .wrapper {position: relative;}

.box_title {font-size: 21px;color: #333333;text-transform: uppercase;font-family: 'Roboto-Light';}
.box_title span {display: block;float: right;max-width: 200px;text-align: center;margin: 25px 130px 0 0;line-height: 25px;}

.in_line .item i:before {display: block;font-style: normal;font-size: 27px;color: #ff4d4d;font-family:'FontAwesome';margin: 0 auto;text-align: center;}

.al_top .in_line .item:nth-child(1) i:before {content:"\f0b1";}
.al_top .in_line .item:nth-child(2) i:before {content:"\f164";}

.al_top .in_line .item {width: 215px;float: left;text-align: center;}
.al_top .in_line .item:nth-child(1) {margin: 0 10px 0 12px;}
.al_top .in_line .item:nth-child(2) {margin: 0 12px 0 10px;}

.al_top .in_line {margin: 25px 0 0 0;float: right;}
.al_top .in_line .item span {color: #333333;font-size: 16px;font-family: 'Roboto-Regular';display: block;margin: 8px 0 5px;}
.al_top .in_line .item p {color: #666666;font-size: 13px;font-family: 'Roboto-Regular';letter-spacing: 0.2px;}




.al_bottom .in_line .item:nth-child(1) i:before {content:"\f0d6";}
.al_bottom .in_line .item:nth-child(2) i:before {content:"\f08d";}

.al_bottom .in_line .item {width: 215px;float: left;text-align: center;}
.al_bottom .in_line .item:nth-child(1) {margin: 0 10px 0 12px;}
.al_bottom .in_line .item:nth-child(2) {margin: 0 12px 0 10px;}

.al_bottom .in_line {margin: 20px 0 0 0;float: right;}
.al_bottom .in_line .item span {color: #333333;font-size: 16px;font-family: 'Roboto-Regular';display: block;margin: 8px 0 5px;}
.al_bottom .in_line .item p {color: #666666;font-size: 13px;font-family: 'Roboto-Regular';letter-spacing: 0.2px;}


.box_form {margin: 30px 0 0 0;}
.near_title {border-bottom: 1px #c4c4c4 solid;height: 25px;margin: 0px 0 0 0;}
.box_form .box_header span:before {content:"\f054";font-family:'FontAwesome';font-size: 18px;padding: 0 10px 0 0;line-height: 11px;}
.box_form .box_header span {background: #fff;padding: 0 20px 0 0;display: block;height: 25px;line-height: 25px;color: #ff4d4d;font-size: 21px;font-family: 'Roboto-Bold';text-transform: uppercase;float: left;}
.box_header p {font-size: 14px;color: #666666;font-family: 'Roboto-Regular';}


.preorder_form {background: #f2f2f2;border:1px #d9d9d9 solid;border-radius: 5px;min-height: 50px;margin: 25px 0 0 0;padding: 20px 20px;box-sizing: border-box;}

.input_block:after {content: '';display: block;clear: both;}
.input_block {margin: 0 45px 0 0;float: left;}
.input_block p {display: block;float: left;padding: 0 15px 0 0;line-height: 27px;color: #555555;font-family: 'Roboto-Regular';font-size: 15px;}
.input_block input[type="text"] {display: block;float: left;border:1px #bbbbbb solid;border-radius: 3px;max-width: 110px;height: 25px;text-align: center;}

.guests {max-width: 40px!important;}



.checkboxes {padding: 6px 0 0 0;box-sizing: border-box;float: right;}
input[type=checkbox].css-checkbox {	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}

input[type=checkbox].css-checkbox + label.css-label {padding-left:23px;height:18px; display:inline-block;line-height:18px;background-repeat:no-repeat;background-position: 0 0;font-size:14px;vertical-align:middle;cursor:pointer;}

input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -18px;}
label.css-label {background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_e6364785bfe886ff49a404b90dfce30f.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;	-ms-user-select: none;user-select: none;color: #555555;font-family: 'Roboto-Regular';font-size: 14px;margin-right: 10px;}

.bottom_form_line {margin: 25px 0 0 0;}
.inb_big p {padding: 0 20px 0 0;}
.inb_big input[type="text"] {max-width: 217px!important;width: 217px;}


.subm_form { -webkit-appearance: none;color: #fff;font-size: 17px;font-family: 'Roboto-Regular';background: #68c42f;border-radius: 3px;width: 250px;height: 30px;border:none;float: right;margin: 0 5px 0 0;text-transform: uppercase;cursor: pointer;}
.subm_form:hover {background: #ff4d4d;}



.catalog {margin: 30px 0 0 0;}
.near_title {border-bottom: 1px #c4c4c4 solid;height: 25px;margin: 0px 0 0 0;}
.catalog .box_header {margin: 0 0 25px 0;}
.catalog .box_header span:before {content:"\f054";font-family:'FontAwesome';font-size: 18px;padding: 0 10px 0 0;line-height: 11px;}
.catalog .box_header span {background: #fff;padding: 0 20px 0 0;display: block;height: 25px;line-height: 25px;color: #ff4d4d;font-size: 21px;font-family: 'Roboto-Bold';float: left;}

.item {width: 220px; float: left;margin: 12px 10px;}
.item a {display: block;position: relative!important;overflow: hidden;}
.item a img {vertical-align: bottom;}

.for_hover {background: url(../images/transparent.png) repeat;height: 40px;width: 100%; position: absolute;bottom: 0px;}

.for_hover > p {color: #fff;font-size: 15px;text-align: left;height: 19px;padding: 0 0 0 5px;box-sizing: border-box;}
.for_hover > p:nth-child(1) {font-size: 13px;font-family: 'Roboto-Regular';line-height: 18px;}
.for_hover > p:nth-child(1) b {font-family: 'Roboto-Medium';}

.for_hover > p:nth-child(2) {font-size: 13px;font-family: 'Roboto-Regular';line-height: 18px;}
.for_hover > p:nth-child(2) b {font-family: 'Roboto-Medium';color: #ff4d4d;}


.item a:hover .for_hover {height: 145px;transition: 0.3s;}
.item a:hover .more p {display: block;}
.item a:hover .for_hover > p {display: none;}

.more p {display: none;color: #fff;font-size: 14px;font-family: 'Roboto-Light';padding: 5px;box-sizing: border-box;text-align: center;line-height: 17px!important;}
.more p:after {background: #ff4d4d;display: block;content: 'Подробнее';text-transform: uppercase;width: 80%;height: 25px;line-height: 25px;border-radius: 3px;margin: 8px auto 0;}


.hide_item {display: none;}
.show_more {width: 260px; height: 40px; color: #fff;border-radius: 3px;background: #68c42f;text-align: center;line-height: 40px;font-size: 17px;font-family: 'Roboto-Light';cursor: pointer;margin: 20px auto; 0}
.show_more:hover {opacity: 0.9;}

.text {margin: 30px 0 25px 0;    padding: 5px;    box-sizing: border-box;}
.text h1 {color: #333333;font-size: 17px;font-family: 'Roboto-Medium';margin: 0 0 5px 0;}
.text h2 {color: #333333;font-size: 15px;font-family: 'Roboto-Medium';margin: 0 0 5px 0;}
.text p {font-size: 13px;color:#666666;font-family: 'Roboto-Regular';margin: 7px 0;line-height: 16px;}



.footer {height: auto;min-height: 128px;background: url(../images/footer.png) repeat-x;}

.logo {float: left;margin: 22px 0 0 5px;}
.footer .logo a {display: block;background: url(../images/logo_footer.png) no-repeat;width: 217px;height: 73px;text-indent: -9999px;}
.footer .top_text p:nth-child(1) {font-family: 'Roboto-Medium';font-size: 16px;color: #fff;text-transform: uppercase;letter-spacing: 1px;}
.footer .top_text p:nth-child(1) i {font-style: normal;color:#ff4d4d;}
.footer .top_text p:nth-child(2) {font-family: 'Roboto-Light';font-size: 15px;color: #c8c8c8;letter-spacing: 0.3px;margin: 3px 0 0 0;}
.footer .contacts > a {display: block;font-family: 'Roboto-Medium';font-size: 17px;color: #ffffff;margin: 7px 0;text-align: right;}

.cb_form span {font-size: 17px; text-transform: uppercase;color: #555;font-family: 'Roboto-Light';display: block;text-align: center;margin: 10px 0 30px;}
.cb_form input[type="text"] {width: 80%;margin: 20px auto;border-radius: 4px; border:1px #bbbbbb solid;background: #fff;padding: 0 0 0 10px;box-sizing: border-box;height: 35px;display: block;}

.cb_form input[type="submit"] {width: 80%;margin: 20px auto;border-radius: 4px; border:none;background: #ff4d4d;padding: 0 0 0 0;box-sizing: border-box;height: 35px;display: block;color:#fff;font-size: 17px;font-family: 'Roboto-Regular';cursor: pointer;-webkit-appearance: none;}
.cb_form input[type="submit"]:hover {background: #68c42f; }


.last_ib {margin-right: 0px;}


.top_line_info .wrapper {border-bottom: 1px #a7a7a7 solid;padding: 15px 5px 5px;box-sizing: border-box;margin-bottom: 15px;}
.top_line_info .wrapper > span {display: block;float: left;font-family: 'Roboto-Regular';color: #333333;font-size: 15px;line-height: 1;}
.top_line_info .wrapper > div {display: block;float: right;font-family: 'Roboto-Regular';color: #333333;font-size: 15px;}
.top_line_info .wrapper > div span:first-child {border-right: 1px #a7a7a7 solid;padding: 0 5px 0 0;}


.big_img {max-width: 410px;float: left;}
.big_img a {display: block;max-width: 100%;}
.small_images a {display: block;float: left;max-width: 130px; margin: 0 0 7px 12px;}
.small_images a:nth-child(5),.small_images a:nth-child(6) {margin-bottom: 0px;}

.small_images {float: right;max-width: 285px;}


.gallery a img {vertical-align: bottom;border: 1px #ff4d4d solid;max-width: 100%;}


.gallery_block_wrapper {background: #dedede;box-sizing: border-box;padding: 16px 13px;max-width: 725px;float: left;}
.gallery_and_contains .wrapper {margin-bottom: 20px;}

.contains {float: right;width: 235px;}
.contains span {display: block;font-size: 13px;color: #555555;font-family: 'Roboto-Regular';background: #f0f9ea;line-height: 20px;padding-left: 20px;box-sizing: border-box;}
.contains span:nth-child(2n) {background: #fff;}
.contains span i:before {content:"\f00c";font-family:'FontAwesome';color: #68c42f;font-style: normal;width: 15px;display: inline-block;text-align: center;padding: 0 5px 0 0;font-size: 14px;}
.contains span em:before {content:"\f00d";font-family:'FontAwesome';color: #ff4d4d;font-style: normal;width: 15px;display: inline-block;text-align: center;padding: 0 5px 0 0;font-size: 14px;}





.item_description {margin: 20px 0 30px;}
.item_description span {font-size: 18px;color: #333333;font-family: 'Roboto-Bold';display: block;margin: 0 0 8px 0;}
.item_description p {font-size: 13px;color: #333333;font-family: 'Roboto-Regular';line-height: 18px;}



.rules_and_form {margin: 0 0 25px 0;}
.rules {width: 590px;float: left;}
.rules span {display: block;border-top: 1px #e3e3e3 solid;border-bottom: 1px #e3e3e3 solid;padding: 13px 0 12px;font-family: 'Roboto-Black';color: #333333;}
.rules ul {list-style: none;margin: 15px 0 0 0;padding: 0;}
.rules ul li b {color: #333333;font-size: 16px;font-family: 'Roboto-Medium';}
.rules ul li {line-height: 18px;font-size: 15px;color: #333333;font-family: 'Roboto-Regular';margin: 10px 0;}
.rules ul li:before {content:"\f0da";font-family:'FontAwesome';color: #ff4d4d;font-style: normal;width: 15px;display: inline-block;text-align: center;padding: 0 5px 0 0;font-size: 14px;}



.item_form {float: right;width: 345px;background: #ff4d4d;border-radius: 5px;padding: 15px 5px;box-sizing: border-box;}

.item_form form > span {font-size: 22px;font-family: 'Roboto-Bold';color: #fff;display: block;text-align: center;padding: 0 0 5px 0;}
.item_form form > i:after {content:'';height: 1px;display: block;background: #ff7171;}
.item_form form > i:before {content:'';height: 1px;display: block;background: #ff2222;}


.item_form .clear {margin: 7px 0;}
.item_form .clear span {font-size: 16px;font-family: 'Roboto-Regular';color: #fff;width: 100%;display: block;float: none;text-align: center;padding: 0 0 5px 0;}

.item_form .clear input[type="text"] {display: block;float: none;height: 25px;line-height: 25px;width: 90%;margin: 0 auto;border:1px #9b9b9b solid;text-align: center;border-radius: 5px;}

.guest_count input[type="text"] {width: 100px!important;}

.item_form input[type="submit"] {border:none;border-radius: 5px;background: #393939;display: block;width: 90%;margin: 15px auto 0;text-align: center;color:#fff;font-family: 'Roboto-Light';font-size: 20px;height: 35px;cursor: pointer;}
.item_form input[type="submit"]:hover {color: #333333;background: #95d66d;}
.item_form p {display: block;margin: 10px 0 0 0;text-align: center;color: #fff;font-size: 13px;font-family: 'Roboto-Light';}

.phone_mask {text-align: left!important;padding: 0 0 0 10px;box-sizing: border-box;}
.hide_input,.hide_input2 {display: none;}
.red-border {border: 1px #FF0000 solid!important;}

.attention_text {margin: 5px 0 0 0;font-size: 13px;}
/* text-based popup styling */
.white-popup {
  position: relative;
  background: #FFF;
  padding: 25px;
  width: auto;
  max-width: 500px;
  margin: 0 auto; }

/* ====== Zoom effect ======*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8); }
  .mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out; }
  .mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1); }
  .mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8; }
  .mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0; }
  .mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0; }




.gallery_sell a {display: block;float: left;width: 30%;margin: 0 1.5% 20px;}
.gallery_sell a img {max-width: 100%;}
.sell_info {font-size: 25px!important;display: block;text-align: center;text-transform: uppercase;font-family: 'Roboto-Light'!important;font-weight: normal!important;}

.variant_prodam {min-height: 500px;}
.variant_prodam a {color: #ff4d4d;font-family: 'Roboto-Regular'!important}
.variant_prodam p {font-family: 'Roboto-Regular'!important;font-size: 18px;margin-bottom: 20px;}
.house_descript {font-family: 'Roboto-Regular'!important;font-size: 16px;margin-bottom: 20px;line-height: 21px;padding: 0 10px;}
.variant_prodam p em {font-family: 'Roboto-Bold';color: #ff4d4d;}
.variant {margin-bottom: 20px;}

.gallery_sell_2 a {width: 46%;margin: 0 2%;}


@media only screen and (max-width: 960px){
    .item {    width: 33%;    float: left;    margin: 12px 0px;}
    .item a {max-width: 220px;margin: 0 auto;}
    .gallery_block_wrapper {float: none;margin: 0 auto 10px;}
    .contains {float: none;width: 100%;}
.contains span {display: inline-block;font-size: 13px;color: #555555;font-family: 'Roboto-Regular';background: #f0f9ea;line-height: 20px;padding-left: 20px;box-sizing: border-box;width:49%;}
.contains span {background: #f0f9ea!important;}
.contains span:nth-child(3),.contains span:nth-child(4),.contains span:nth-child(7),.contains span:nth-child(8),.contains span:nth-child(11),.contains span:nth-child(12),.contains span:nth-child(15),.contains span:nth-child(16) {background: #fff!important;}
    .item_description {margin: 20px 10px 30px}
    .rules {width: auto;float: none;margin: 10px 10px;}
    .item_form {float: none;width: 100%;margin: 20px 0 0 0;}
}

@media only screen and (max-width: 875px){
    .top_text {    margin: 45px 0 0 40px;}
    .top_text p:nth-child(1) {font-size: 14px;}
    .top_text p:nth-child(2) {font-size: 14px;}
    
    .al_top .in_line .item span {font-size: 15px;}
    .al_top .in_line .item p {font-size: 12px;}
    .al_top .in_line .item {width: 190px;}
    .al_top .in_line .item:nth-child(1),.al_top .in_line .item:nth-child(2) {margin: 0 5px;}
    
    .al_bottom .in_line .item span {font-size: 15px;}
    .al_bottom .in_line .item p {font-size: 12px;}
    .al_bottom .in_line .item {width: 190px;}
    .al_bottom .in_line .item:nth-child(1),.al_top .in_line .item:nth-child(2) {margin: 0 5px;}
    .why_we_are {width: 460px;}
    .box_title span {    margin: 25px 95px 0 0;}
    
    .checkboxes {    width: 100%;    margin: 20px 0 0 0;}
    .preorder_form  {margin: 25px auto 0 auto;max-width: 95%;}
    
    
    .footer .logo {display: none;}
    .footer .wrapper {padding: 10px 0 0 0;}
    .footer .contacts a {text-align: center;}
    .footer {background-repeat: repeat;}
}

@media only screen and (max-width: 810px){
    .top_text {    margin: 45px 0 0 40px;}
    .top_text p:nth-child(1) {font-size: 14px;}
    .top_text p:nth-child(2) {font-size: 14px;}
    .logo a {    width: 109px;    height: 37px;        background-size: contain;}
    .header .logo {float: none;margin: 0 0 0 0;padding: 10px 0 0 0;}
    .header .logo a {margin: 0 auto;}
    .top_text {float: none;margin: 10px 0 0 0;}
    .contacts {    float: none;    width: 100%;    margin: 2px 0px 0 0;}
    .contacts:after {content: '';display: block;clear: both;}
    .pop_up_wrapper:before {content: '';display: block;clear: both;}
    .contacts > a {float: left;width: 33%;text-align: center;}
    .header {    background-repeat: repeat;    height: 160px;}
    .pop_up_wrapper a {width: 50%;margin: 4px auto 0;}
    .inb_big {margin: 0 0 0 0;float: none;}
    .subm_form {display: block;margin: 20px auto 0;width: 95%;float: none;}
}


@media only screen and (max-width: 768px){
    .item {    width: 49%;    float: left;    margin: 12px 0px;}
    .item a {max-width: 220px;margin: 0 auto;}
    .mirgorod {display: none;}
    .why_we_are {width: 100%;background: none;background: #fff;}
    .box_title span {float: none;margin: 25px auto 0;}
    .al_top .in_line {float: none;}
    .al_top .in_line .item:nth-child(1), .al_top .in_line .item:nth-child(2) {width: 48%;margin: 5px 1%;}
    .al_bottom .in_line {float: none;}
    .al_bottom .in_line .item:nth-child(1), .al_bottom .in_line .item:nth-child(2) {width: 48%;margin: 5px 1%;}
    .why_we_are {height: auto;position: relative;}
    .big_block {background: #fff;height: auto;}
    .big_img {max-width: 410px;    float: none;    margin: 0 auto 10px;}
    .small_images a {    display: block;    float: left;    max-width: 130px;    width: 15%;        margin: 0 0 1% 1.5%;}
    .small_images {max-width: 100%;float: none;margin: 0 auto;}
}

@media only screen and (max-width: 640px){
    .input_block {    margin: 0 20px 0 0;    }
    .last_ib {margin-right: 0px;}
   /* .checkboxes {   margin: 5px 0 0 0;}*/
}
@media only screen and (max-width: 580px){
    .input_block {    margin: 10px 0 0 0;   float: none;}
 .checkboxes {   margin: 15px 0 0 0;}
}


@media only screen and (max-width: 485px){
    .rules span {font-size: 14px;line-height: 20px;}
    .rules ul li,.rules ul li b {font-size: 14px;}
    .contains span {background: #f0f9ea!important;}
    .contains span:nth-child(1n) {background: #f0f9ea!important;}
    .contains span:nth-child(2n) {background: #fff!important;}
    .contains span {width: 100%;display: block;}
    .item {    width: 100%;    float: none;    margin: 12px 0px;}
    .box_form .box_header span {font-size: 16px;}
    .contacts > a {        width: 50%;}
    .contacts span {float: left;width: 50%;}
    .pop_up_wrapper a {width: 90%;margin: -3px auto 0;}
    .top_text p:nth-child(1) {font-size: 13px;}
    .top_text p:nth-child(2) {font-size: 13px;}
    .navigation ul li {width: 50%;border-bottom: 1px #858585 solid;border-right: 1px #858585 solid;}
    .navigation {height: auto;background: #585858;}
    .navigation ul li a {background: none;}
}
@media only screen and (max-width: 375px){
    .navigation ul li a {padding-right: 0px;
    .contacts > a {        width: 50%;}
    .contacts span {float: left;width: 50%;}
    .pop_up_wrapper a {width: 90%;margin: -3px auto 0;}
    .top_text p:nth-child(1) {font-size: 13px;}
    .top_text p:nth-child(2) {font-size: 13px;}
    .header {    background-repeat: repeat;    height: auto;padding: 0 0 10px;}
    .navigation ul li a {font-size: 13px;}
}

































