/* Start:/bitrix/templates/mikhaylovskoye/components/bitrix/system.auth.form/auth_header/style.css?17516293351985*/
.bx-system-auth-form {
margin-top: 20px;
margin-left: 83px;
width: 350px;
float: left; 
height: 50px;

}

div.bx-system-auth-form span.bx-auth-secure 
{
background-color:#FFFAE3; 
border:1px solid #DEDBC8; 
padding:2px; 
display:inline-block; 
vertical-align:bottom; 
margin-top:-1px;
}
div.bx-system-auth-form div.bx-auth-secure-icon {
background-image:url(/bitrix/templates/mikhaylovskoye/components/bitrix/system.auth.form/auth_header/images/sec.png); 
background-repeat:no-repeat; 
background-position:center; width:19px; 
height:18px;
}
div.bx-system-auth-form div.bx-auth-secure-unlock {
background-image:url(/bitrix/templates/mikhaylovskoye/components/bitrix/system.auth.form/auth_header/images/sec-unlocked.png);
}

#auth_sub {
	
  width: 99px;
  height: 25px;
  
	background-color: #FFD800;
	color: black;
	  text-decoration: none;
	  padding: .2em 2em;
	  outline: none;
	  border-radius: 40px;
	  transition: 0.4s;
	  font: 13px OpenSansRegular;
text-align:center;
	border: 0px white;
    padding: 3px;

    font-family: OpenSansRegular;
	outline: none;
	

}
#auth_sub:hover {
  background: #FF9100; 
 }

 #auth_sub_small {
    margin-right: 4px;
    width: 75px;
    height: 20px;
    background-color: #FFD800;
    color: black;
    text-decoration: none;
    padding: .2em 2em;
    outline: none;
    border-radius: 40px;
    transition: 0.4s;
    font: 13px OpenSansRegular;
    text-align: center;
    border: 0px white;
    padding: 0px;
    font-family: OpenSansRegular;
    outline: none;

}
#auth_sub_small:hover {
  background: #FF9100; 
 }

#auth_reg_small {
	
width: 98px;
    height: 25px;
    background-color: #FFD800;
    color: black;
    text-decoration: none;
    padding: .2em 2em;
    outline: none;
    border-radius: 40px;
    transition: 0.4s;
    font: 13px OpenSansRegular;
    text-align: center;
    border: 0px white;
    padding: 3px 5px;
    font-family: OpenSansRegular;
    outline: none;
	

}

input[name="USER_LOGIN"] {
    border: 2px solid #FFD800;
    outline: none;
    padding: 3px 0px;
}


input[name="USER_PASSWORD"] {
    border: 2px solid #FFD800;
    outline: none;
    padding: 3px 0px;
}
/* End */


/* Start:/bitrix/templates/mikhaylovskoye/components/bitrix/menu/menu/style.css?1751629335583*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/bitrix/templates/mikhaylovskoye/components/bitrix/menu/menu/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link, 
ul.left-menu li a.selected:visited, 
ul.left-menu li a.selected:active, 
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}



/* End */


/* Start:/bitrix/templates/mikhaylovskoye/template_styles.css?175162933630640*/
@font-face {
    font-family: "OpenSansRegular";
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansRegular/OpenSansRegular.eot");
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "OpenSansLight";
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansLight/OpenSansLight.eot");
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansLight/OpenSansLight.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansLight/OpenSansLight.woff") format("woff"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "OpenSansItalic";
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansItalic/OpenSansItalic.eot");
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansItalic/OpenSansItalic.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "OpenSansBold";
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansBold/OpenSansBold.eot");
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansBold/OpenSansBold.woff") format("woff"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "OpenSansExtraBold";
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansExtraBold/OpenSansExtraBold.eot");
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "OpenSansExtraBoldItalic";
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot");
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "OpenSansBoldItalic";
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot");
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "OpenSansRegularItalic";
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot");
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "OpenSansSemiBold";
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansSemiBold/OpenSansSemiBold.eot");
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "OpenSansSemiBoldItalic";
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");
    src: url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"),
    url("/bitrix/templates/mikhaylovskoye/fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

html, body{
margin: 0;

}

::selection {
background: #FFD800; /* Safari */

}
::-moz-selection {
background: #FFD800; /* Firefox */

}

body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #FFD800;
  outline: #FFD000;
}


header {
float: left;
width: 100%;
height: 160px;
position: relative;
}

.outerwrapper{
min-height: calc(100% - 300px);
float:left;
width: 100%;
min-width: 1260px;
}

.innerwrapper {
width: 1260px; 
margin: 0 auto;
font: 15px OpenSansRegular;
}

.innerwrapper > li {
list-style-type: square;
font: 15px OpenSansRegular;
}



header .up {
width: 100%;
height: 50%; 
float: left;

}

header .up .socials {
float: left;
border-radius: 50%;
border: 1px solid black;
width: 45px;
height: 45px; 
margin: 20px 10px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

header .up .socials:hover {
margin: 15px 10px;
}

#social_left{
margin-left: 60px;
}

header .up .phone {
    margin: 0px 0px 5px 20px;
    float: left;
    display: block;
    font: 25px OpenSansLight;
    text-decoration: none;
    color: black;
}
/*
header .up .phone:hover {
border-bottom: 2px solid #FFD800;
}*/

header .up .button {
  margin: 30px 30px 30px 50px;
  display: inline-block;
  background-color: #FFD800;
  color: black;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-radius: 40px;
  transition: 0.4s;
  font: 15px OpenSansRegular;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(176, 149, 4, 0.75);
  -moz-box-shadow: 1px 2px 5px 0px rgba(176, 149, 4, 0.75);
  box-shadow: 1px 1px 5px 0px rgba(176, 149, 4, 0.75);
}

header .up .button:hover {background: #FF9100;}
header .up .button {}


header .dn {
width: 100%;
height: 50%; 
float: left;
}

header .dn  a.logo {
display: block;
width: 312px;
height: 75px; 
float: left;
background-image: url("/bitrix/templates/mikhaylovskoye/images/logo.png");
transition: 0.4s;
}

header .dn  a.logo:hover {
filter: hue-rotate(-20deg);
-webkit-filter: hue-rotate(-20deg);
-moz-filter: hue-rotate(-20deg);
-o-filter: hue-rotate(-20deg);
-ms-filter: hue-rotate(-20deg);
}

header .dn nav {
margin-left: 21px;
float: left;
padding: 20px 0px;
position: relative;
}

header .dn nav li{
height: 42px;
float: left;
list-style: none;

}

header .dn nav li a {
padding: 11px 71px;
display: block;
color: white;
background-color: black;
float: left;
text-decoration: none;
font: 14px OpenSansRegular;
}

header .dn nav li a:hover {
background-color: #FFD800;
color: black;
}

header .dn nav li .active {
padding: 11px 71px;
display: block;
color: black;
background-color: #FFD800;
float: left;
text-decoration: none;
font: 14px OpenSansRegular;
}

header .dn nav #h1{
width: 211px; 
height: 164px;
top: 20px;
left: 0px;

}
header .dn nav #h2 {
width: 259px; 
height: 164px;
top: 20px;
left: 211px;
}

/**/
header .dn nav .hidden  {





margin: 0px; padding: 0px;
display: none;
/*background-color: black;*/
position: absolute; 

z-index: 999;

min-height: 19px;
}

header .dn nav .hidden li:first-child {background-color: rgba(0,0,0,0);}
header .dn nav .hidden li:first-child a {
background-color: rgba(0,0,0,0);
min-width:100%; 
padding:0px;
min-height:39px;
}
header .dn nav .hidden li:first-child:hover {background-color: rgba(0,0,0,0);}
header .dn nav .hidden li:first-child:hover  a {background-color: rgba(0,0,0,0);}

header .dn nav .hidden li{
height: 42px;
float: left;
list-style: none;
width: 100%; 
height: 41px;
background-color: black;
}

header .dn nav .hidden li:hover{
background-color: #FFD800;
}
header .dn nav .hidden li:hover a{
background-color: #FFD800;
color: black;
}




header .dn nav .hidden li a {
padding: 11px 45px;
display: block;
color: white;

float: left;
text-decoration: none;
font: 14px OpenSansRegular;
}

header .dn nav .arrow{
position: absolute;
top: 0px; 
left: 0px; 
width: 36px;
height: 36px;
/*background-image: url("/bitrix/templates/mikhaylovskoye/images/mnu_arrow.png");*/
}
/**/


.slider{
width: 100%;
min-width: 1260px;
/*float: left; */
margin: 0 auto;
/*height: 500px;
width: 100%;
background-image: url("/bitrix/templates/mikhaylovskoye/images/slide1.jpg");*/
}

h2 {
float:left;
width:100%;
margin-top: 20px;
font: 40px OpenSansLight;
text-align: center;
}

.center_text {
float: left;
font: 14px OpenSansRegular;
text-align: center;
width:100%;
margin-bottom: 20px;
}

.middle{
float: left;
width: 100%;
position: relative;
}

.devices {
float:left;
margin-top: 70px;
width: 578px;
}

.devices_right {
float:left;
margin: 0; padding: 0;
margin-left: 70px;
width: 500px;
}

.devices_right h3{
font: 30px OpenSansLight;
text-align: left;
float: left;
width: 100%;
}

.devices_right ol{
counter-reset: myCounter;
}

.devices_right ol li{
list-style: none;
font: 14px OpenSansRegular;
text-align: left;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.devices_right ol li:hover{
list-style: none;
text-align: left;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

}

.devices_right ol li:before{
counter-increment: myCounter;
content:counter(myCounter);
color: black;
background: #FFD800;
border-radius: 50%;
display: inline-block;
text-align: center;
margin: 5px 10px;
line-height: 40px;
width: 40px;
height: 40px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;

}

.devices_right ol li:hover:before{
background: #FF9100;

}

.plots{
float: left;
position: relative;
}

.news {
width: 100%;
float: left;
background-color: #282828;
min-height: 420px;
position: relative;
}


footer {
position: relative;
float: left;
border-top: 5px solid #FFD800;
width: 100%;
height: 131px;
overflow: hidden;
}

footer .logodn {
margin: 28px 0px;
display: block;
width: 312px;
height: 75px; 
float: left;
background-image: url("/bitrix/templates/mikhaylovskoye/images/logo.png");
}

footer .logodn:hover {
filter: hue-rotate(-20deg);
-webkit-filter: hue-rotate(-20deg);
-moz-filter: hue-rotate(-20deg);
-o-filter: hue-rotate(-20deg);
-ms-filter: hue-rotate(-20deg);
}

footer menu {
text-align: left;
margin-left: 25px;
float: left;
padding: 0px 0px;
}

footer menu li{
height: 42px;
float: left;
list-style: none;

}

footer menu li a {
padding: 11px 20px;
display: block;
color: black;

float: left;
text-decoration: none;
font: 14px OpenSansRegular;
}

footer menu li a:hover {
text-decoration: underline;
color: black;
}

footer .cright {
text-align: right;
font: 13px OpenSansRegular;
float: right;
margin: 30px 0px;
}

.moar_ajax {
z-index: 900;
position: absolute; 
bottom: -60px;
right: 0px;
text-decoration: none;
color: black; 
border-bottom: 1px solid #FFD800;
font-size: 12px;
cursor: pointer;
}

.no_ajax {
z-index: 900;
position: absolute; 
top: 0px;
right: 0px;
text-decoration: none;
color: white; 
border-bottom: 1px solid #FFD800;
font-size: 12px;
cursor: pointer;
}

.insys_logoz {
  position: relative;
  float: left;
  margin: 0 auto;
  height: 40px;
  width: 200px;
}

.createdby {
float: left;
height: 50px;
width: 70px;
}





#order {  
margin: 0px 11px 0px 1px;
}

#ribbon{
    float: left;
    display: block;
 
  width: 300px;
  height: 95px;

    -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
  filter: brightness(1.0);
-webkit-filter: brightness(1.0);
-moz-filter: brightness(1.0);
-o-filter: brightness(1.0);
-ms-filter: brightness(1.0);
  
}

@media screen and (max-width: 1550px) {
  /*#ribbon {display: none;} */
}

#ribbon:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;

}

@-webkit-keyframes pulsate {
  50% 
  {
  filter: brightness(1.0);

-webkit-filter: brightness(1.0);
-moz-filter: brightness(1.0);
-o-filter: brightness(1.0);
-ms-filter: brightness(1.0);
  }
}
@keyframes pulsate {
  50% 
  {
  filter: brightness(1.5);

-webkit-filter: brightness(1.5);
-moz-filter: brightness(1.5);
-o-filter: brightness(1.5);
-ms-filter: brightness(1.5);
  
  }
}


 
/*=============Map page=============*/


.map_main {
position: relative;
float: left; 
width: 829px; 
height: 1337px;
background-image: url("/bitrix/templates/mikhaylovskoye/images/map4.png");
}

.map_popup {
display: none;
background-color: white;
position: fixed;
width: 560px;
height: 400px;
left: calc(50% - 500px);
top: calc(50% - 130px);
-webkit-box-shadow: -1px 0px 14px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 14px 0px rgba(0,0,0,0.75);
box-shadow: -1px 0px 14px 0px rgba(0,0,0,0.75);
z-index: 1000;
padding: 10px;

}

.b-popup  {
	width: 1260px; /* ширина всего блока */
	margin: 50px auto;
	float: left
}

.b-popup-wrapper {
		width: 888px; /* ширина области карусели */
		position: relative;
		overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
		margin: 0 auto; /* выравниваем по центру относительно родительского блока */
}
	
.b-popup-items {
			width: 10000px; /* устанавливаем большую ширину для набора элементов карусели, чтобы в неё всё поместилось */
			position: relative; /* позиционируем блок относительно основной области карусели */
			min-height: 152px;
}

.b-popup-block {
  float: left;
  width: 280px;
  padding: 0px 6px;
  min-height: 150px;
}

.a-popup-image-link { 
					
  display: block;
  position: relative;
  width: 280px;
  height: 200px;
  overflow: hidden;
  float: left;
}

.b-popup-block .a-popup-image-link img{

max-width: 310px;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%); 
-webkit-transform: translate(-50%,-50%); 
-o-transform: translate(-50%,-50%); 
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}

.b-popup-block .a-popup-image-link img:hover{
max-width: 330px;
}

.popup_page{
margin: 0 auto;
float: left;
font: 20px OpenSansBold;
text-decoration: none;
color: black; 
border-bottom: 2px solid #FFD800;
margin-bottom: 5px;
}



.popup_stat{
float: left;
font: 15px OpenSansRegular;
display: inline-block;
background-color: black;
color: white;
text-decoration: none;
padding: .2em 2em;
outline: none;
border-radius: 0px 40px 40px 40px;
margin-bottom: 10px;
}

.popup_text{
float: left;
font: 12px OpenSansRegular;
margin-bottom: 10px;
display: block; 
height: 85px;
width: 256px;
overflow: hidden;
}

.popup_button{
  width: 164px;
  text-align: center;
  display: inline-block;
  background-color: #FFD800;
  color: black;
  text-decoration: none;
  padding: .2em 2em;
  outline: none;
  border-radius: 40px;
  transition: 0.4s;
  font: 18px OpenSansRegular;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(176, 149, 4, 0.75);
  -moz-box-shadow: 1px 2px 5px 0px rgba(176, 149, 4, 0.75);
  box-shadow: 1px 1px 5px 0px rgba(176, 149, 4, 0.75);
}

.popup_button2{
  margin-top: 10px;
  display: inline-block;
  background-color: #000;
  color: #FFD800;
  text-decoration: none;
  padding: .2em 2em;
  outline: none;
  border-radius: 40px;
  transition: 0.4s;
  font: 18px OpenSansRegular;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 00, 0.75);
}

.popup_price{
width:100%;
float: left;
font: 36px OpenSansRegular;
margin-bottom: 2px;
}

.popup_docs div{
float: left; 
width: 100%; 
font: 16px OpenSansRegular;
margin-top:10px;
}

.popup_docs div img{
display: block;
float: left;
}

.popup_docs div a{
text-decoration: none;
color: black; 
border-bottom: 1px solid #FFD800;
margin: 0px 0px;
margin-right: 5px;
display: block;
float: left;
font-size: 12px;
}

.popup_docs div span{
text-decoration: none;
  color: black;
  width: calc(100% - 40px);
  margin: 0px 0px;
  display: block;
  float: left;
}

.popup_docs{
float: left; 
width: 100%; 
height: 120px;
height: 120px;
min-height: 120px;
border-top: 1px solid #DDD; 
border-bottom: 1px solid #DDD; 
margin: 2px 0px;

overflow-y: scroll;
}


.popup_button:hover {background: #FF9100;}
.popup_button2:hover {background: #4D4D4D;}



.cross {
top: 2px; right: 2px;
position: absolute; 
height: 18px;
width: 18px;
background-image: url("/bitrix/templates/mikhaylovskoye/images/close.png");
cursor: pointer;
background-size: cover;
}

.cross3 {
cursor: pointer;
top: 13px; right: 20px;
position: absolute; 
height: 18px;
width: 18px;
background-image: url("/bitrix/templates/mikhaylovskoye/images/close.png");

background-size: cover;
}

.move{
cursor: pointer;
top: 2px; right: 22px;
position: absolute; 
height: 18px;
width: 18px;
background-image: url("/bitrix/templates/mikhaylovskoye/images/drag.png");
background-size: cover;

}

.map_right {
float: left;
width: 430px; 
height: 1337px;

}

.popup_sold {
position: absolute; 
  top: -10px;
  left: 16px;
display: none;
z-index: 2000;
}

.map_right h3{
margin-top: 0px;
font: 25px OpenSansLight;
text-align: left;
float: left;
}

.map_right > ol{
counter-reset: myCounter;
padding-left: 10px;
}

.map_right > ol li{
list-style: none;
font: 12px OpenSansRegular;
text-align: left;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;

}
.map_right > ol li span{
border-bottom: 1px dashed black;
}

.map_right > ol li:hover span{
border-bottom: 1px solid black;
}

.map_mark{
  text-align: center;
  position: absolute;
  display: inline-block;
 /* transition: all 0.3s ease-in-out;*/
  padding: 7px;/*14px;*/
  width: 15px;
  height: 15px;
  /*background-color: #FFD800;*/
  border-radius: 50%;
  opacity: 1;
  font: 14px OpenSansRegular;
  font-weight: 900;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.map_right > ol li:hover .map_mark{

/*background: #FF9100;*/

  padding: 17px;
  width: 15px;
  height: 15px;
  opacity: 1;
}

#li1 {  top: 41px; left: 535px; background: #F7BDE2;} 
#li2 {  top: 15px; left: 477px; background: #E4FEFF;}
#li3 {  top: 362px; left: 398px; background: #FFFDB0;} 
#li4{  top: 675px; left: 632px; background: #E3EBB7;}
#li5 {  top: 732px; left: 591px; background: #FEE55B;}
#liz5 {  top: 42px; left: 462px; background: #FEE55B;}
#li6 {  top: 84px; left: 498px; background: #D6DAD9;}
#li7 {	top: 57px; left: 392px; background: #EDEFAA;}
#li8 {  top: 82px; left: 470px; background: #F9D593;}
#li9 {  top: 30px; left: 505px; background: #FFD800;}

.map_right > ol li:hover{
list-style: none;
text-align: left;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

}
.map_right > ol li:nth-child(1):before {background: #F7BDE2;}
.map_right > ol li:nth-child(2):before {background: #E4FEFF;}
.map_right > ol li:nth-child(3):before {background: #FFFDB0;}
.map_right > ol li:nth-child(4):before {background: #E3EBB7;}
.map_right > ol li:nth-child(5):before {background: #FEE55B;}
.map_right > ol li:nth-child(6):before {background: #D6DAD9;}
.map_right > ol li:nth-child(7):before {background: #EDEFAA;}
.map_right > ol li:nth-child(8):before {background: #F9D593;}

.map_right > ol li:before{
counter-increment: myCounter;
content:counter(myCounter);
color: black;
background: #FFD800;
border-radius: 50%;
display: inline-block;
text-align: center;
margin: 5px 10px;
line-height: 30px;
width: 30px;
height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;

}

.map_right > ol li:hover:before{
/*background: #FF9100;*/
background: black;
color: #ffffff;
/*line-height: 35px;
width: 35px;
height: 35px;*/
}

.right_properties {
width: 410px; 
margin-left: 20px;
font: 12px OpenSansRegular;
float: left; 
border: 1px dashed black;
padding: 5px;
}

.right_properties ol {
padding-left: 27px;
}

/*=============Plot detail=============*/

.plot {
position: relative;
float: left;
border-bottom: 2px solid #e2e2e2;
}

.plotwrapper{
overflow: hidden;
position: relative;
float: left;
min-height: 250px;
}

.plotwrapper .errortext{
display: block;
text-align: center; 
color: black; 
font: 25px OpenSansLight;
width: 1260px;
margin: 0 auto;
}

.plot_mainpic {
float: left;
width: 510px;

}

.plot_iframe {
margin: 20px 0px;

float: left;
display: block;
position: relative;
width: 510px;
height: 338px;
overflow: hidden;
border: 1px dashed black;
}

.plot_iframe img{
max-width: 530px;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%); 
-webkit-transform: translate(-50%,-50%); 
-o-transform: translate(-50%,-50%); 

-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

}

.plot_iframe img:hover{

}

.plot_info {
float: left; 
margin: 0px 20px;
width: 710px;
position: relative;
}

.plot_page{
width:100%;
margin: 10 auto;
float: left;
font: 24px OpenSansBold;
text-decoration: none;
color: black; 

margin-bottom: 5px;
}

.plot_stat{
margin-right: 595px;
float: left;
font: 12px OpenSansRegular;
display: inline-block;
background-color: black;
color: white;
text-decoration: none;
padding: .2em 2em;
outline: none;
border-radius: 0px 40px 40px 40px;
margin-bottom: 5px;
}

.plot_text{
width:100%;
float: left;
font: 12px OpenSansRegular;
margin-bottom: 20px;
}

.plot_price{
width:100%;
float: left;
font: 36px OpenSansLight;
margin-bottom: 2px;
}

.plot_button{
  display: inline-block;
  background-color: #FFD800;
  color: black;
  text-decoration: none;
  padding: .2em 2em;
  outline: none;
  border-radius: 40px;
  transition: 0.4s;
  font: 15px OpenSansRegular;
  margin-bottom: 20px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(176, 149, 4, 0.75);
  -moz-box-shadow: 1px 2px 5px 0px rgba(176, 149, 4, 0.75);
  box-shadow: 1px 1px 5px 0px rgba(176, 149, 4, 0.75);
}

.plot_button:hover {background: #FF9100;}


.plot_button2{
  
  display: inline-block;
  background-color: #000;          
  color: #FFD800;
  text-decoration: none;
  padding: .2em 2em;
  outline: none;
  border-radius: 40px;
  transition: 0.4s;
  font: 15px OpenSansRegular;
  margin-bottom: 20px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.plot_button2:hover {background: #4D4D4D;}

.plot_author_wrapper{
display: none;
width: 320px;
height: 140px;
position: absolute; 
top:10px;
right:20px;
}

.plot_author {

width: 320px;
height: 110px;
position: absolute; 
top:10px;
right:0px;
background-color: #e2e2e2;
border-bottom: 1px solid #d4d4d4;
font: 14px OpenSansRegular;
}

.plot_author_wrapper:hover  .plot_author {

}

.plot_author img {
float: left;
width: 85px;
height: 85px;
border: 2px solid #FFD800;
border-radius: 50%;
margin: 10px 10px;
}

.plot_author .tel {
display: block;
margin-top: 10px;
margin-bottom: 5px;
}

.plot_author .emil b a {
color: black; 

}



/*---------------Contacts----------------*/

.map{
padding: 5px;
float: left;
width: 100%;
height: 600px;
border: 1px dashed black;
margin-bottom: 30px;
}

#map-canvas {
float: left;
height: 100%;
width: 100%;

}

.cd {font: 24px OpenSansRegular; }
.md{margin-left: 390px; font: 22px OpenSansRegular;}

.contact_author {
width: 320px;
height: 110px;
float: left;
font: 14px OpenSansRegular;
}

.contact_author:hover  {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
background-color: #FFD800;
}

.contact_author img {
float: left;
width: 85px;
height: 85px;
border: 2px solid #FFD800;
border-radius: 50%;
margin: 10px 10px;
}

.contact_author .tel {
display: block;
margin-top: 20px;

}

.formwrapper{
float: left; 
position: relative;
width: 100%;
}

#fmain {
background-color: black;
width: 620px; 
height: 430px;
margin: 20px auto;

}

#fsecond {
width: 100%; 
height: 563px;
float: left;

}
.fshead{

position: relative;
font-size: 21px;
font-family: OpenSansLight;
float: left; 
width: 100%;
height: 30px;
margin-bottom: 10px;
text-align: center;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}



.close2{
position: absolute;
  top: 12px;
  right: 16px;
height: 20px;
width: 20px;
}

.input2 {
	width:585px; 
	height:35px;
	/*border:2px solid rgb(196, 12, 9);*/
    color: #000000;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
    font-size: 18px;
    font-family: OpenSansLight;
	background: #ffffff;
	outline: none;
	border:2px solid #FFD800;
}

#t_area2 {
	width:585px; 
	height:190px;
	max-height:190px;
	max-width:585px; 
	width:623px; 
	border:2px solid #FFD800;
    color: #000000;
    padding: 3px;
    margin-top: 7px;
    margin-bottom: 10px;
	margin-right: 5px;

    font-size: 18px;
     font-family: OpenSansRegular;
	background: #ffffff !important;
	outline: none;
	transition: 0.4s;
}

.input {
	width:585px; 
	height:35px;
	/*border:2px solid rgb(196, 12, 9);*/
    color: #000000;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 20px;
    font-size: 18px;
    font-family: OpenSansLight;
	background: #ffffff;
	outline: none;
	border:2px solid #FFD800;
}

.input:focus {
border:2px solid #FF9100;;
}

#t_area {
	width:585px; 
	height:190px;
	max-height:190px;
	max-width:585px; 
	width:623px; 
	border:2px solid #FFD800;
    color: #000000;
    padding: 3px;
    margin-top: 7px;
    margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 21px;
    font-size: 18px;
     font-family: OpenSansRegular;
	background: #ffffff !important;
	outline: none;
	transition: 0.4s;
}

#t_sub {
	float: left;
  width: 200px;
  height: 40px;
	background-color: #FFD800;
	color: black;
	  text-decoration: none;
	  padding: .2em 2em;
	  outline: none;
	  border-radius: 40px;
	  transition: 0.4s;
	  font: 13px OpenSansRegular;
    text-align: center;
	border: 0px white;
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 205px;
    font-size: 18px;
    font-family: OpenSansRegular;
	outline: none;
	

}

#t_sub:hover {background: #FF9100;}
}

#fsecond  #t_sub2 {
	float: left;
  width: 200px;
  height: 40px;
	background-color: #FFD800;
	color: black;
	  text-decoration: none;
	  padding: .2em 2em;
	  outline: none;
	  border-radius: 40px;
	  transition: 0.4s;
	  font: 13px OpenSansRegular;
    text-align: center;
	border: 0px white;
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 205px;
    font-size: 18px;
    font-family: OpenSansRegular;
	outline: none;
	

}

#fsecond  #t_sub2:hover {background: #FF9100;}
}

.b-container{
    width:200px;
    height:150px;
    background-color: #ccc;
    margin:0px auto;
    padding:10px;
    font-size:30px;
    color: #fff;
}

.b-popup{
    width:100%;
    height: 2000px;
    display: none;
    overflow:hidden;
    position:fixed;
    top:0px;	
	z-index: 1000;
	/*background-image: url("/bitrix/templates/mikhaylovskoye/images/jre.png");*/
	
}
.b-popup .b-popup-content{
	position: relative;
	
    margin:40px auto 0px auto;
    /*width:1000px;*/
	 width:585px;
    height: 610px;
    padding:10px;
    background-color: #FFF;
   
    box-shadow: 0px 0px 10px #000;
}

.b-popup .b-popup-content span{
font: 14px OpenSansRegular;

}

.b-popup .b-popup-content2{
	display: none;
	position: relative;
    margin:20px auto 0px auto;
    /*width:1000px;*/
	 width:585px;
    height: 150px;
    padding:10px;
    background-color: #FFF;
   
    box-shadow: 0px 0px 10px #000;
}

.kadastr{
    width:100%;
    height: 2000px;
    display: none;
    overflow:hidden;
    position:fixed;
    top:0px;
	z-index: 1000;
}

.kadastr_map{
	
	position: relative;
    margin:20px auto 0px auto;
	top: 10px; left: 10px;
    z-index: 2000;
	width:1200px;
    height: 745px;
    padding:10px;
    background-color: #FFF;
   
    box-shadow: 0px 0px 10px #000;
}

.kadastr_map iframe{
width: 1200px; 
height: 700px;

}

.b-popup .b-popup-content2 span{
float: left;
width: 100%;
display: block;
font: 28px OpenSansLight;
text-align: center;
cursor: default;
} 


.popup_phone{
float: left; 
  margin: 90px 0px 0px 40px;
  }
  
.forum_exit_wrp {
position: relative; 
width: 100%;
height: 0px;
}
  
.forum_exit {
position: absolute; 
top: 10px; 
right: 15px; 
font: 15px OpenSansRegular;
color: black;
}

/*-----news_detail page------*/



.news_author_wrapper{

width: 320px;
height: 140px;
float: left;
min-width: 110px;
}

.news_author {

width: 320px;
height: 110px;
float: left;
top:10px;
right:0px;
background-color: #e2e2e2;
border-bottom: 2px solid #d4d4d4;
font: 14px OpenSansRegular;
}

.news_author_wrapper :hover .news_author  {
background-color: #FFD800;
}

.news_author img {
float: left;
width: 85px;
height: 85px;
border: 2px solid #FFD800;
border-radius: 50%;
margin: 10px 10px;
}

.news_author .tel {
display: block;
margin-top: 20px;
}

.news_text {
font: 14px OpenSansRegular;
float: left;
text-align: left;
margin-bottom: 30px;
}

.news_preview {
width: 100%;
font: 14px OpenSansRegular;
float: left;
text-align: left;
margin-bottom: 10px;
}

.news_quote_wrapper {
width: 100%; float: left;
min-height: 100px;
margin: 10px 0px;
}

.news_quote {
display: none;
float: left;
width: 100%;
min-height: 90px;
background-color: #F3F3F3;
border-bottom: 2px solid #d4d4d4;
}

.news_quote span {
text-align: center;
display: block;
width: 1150px;
float: left;
padding: 15px 0px;
}

#left_quote{
float: left;
}

#right_quote  {
float: right;
}



.img_wrapper{
width: 500px;
height: 330px;
border: 1px dashed black;
padding: 5px;
margin: 5px 15px 5px 5px; 
float: left;
position: relative; 
overflow: hidden;
}

.img_wrapper img{
max-width: 530px;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%); 
-webkit-transform: translate(-50%,-50%); 
-o-transform: translate(-50%,-50%); 
}

/*--------------Авторизация--------------*/
/* End */
/* /bitrix/templates/mikhaylovskoye/components/bitrix/system.auth.form/auth_header/style.css?17516293351985 */
/* /bitrix/templates/mikhaylovskoye/components/bitrix/menu/menu/style.css?1751629335583 */
/* /bitrix/templates/mikhaylovskoye/template_styles.css?175162933630640 */