@charset "utf-8";
@font-face {
    font-family: 'pfdindisplaypro-bold';
    src: url('fonts/pfdindisplaypro-bold/pfdindisplaypro-bold.eot');
    src: url('fonts/pfdindisplaypro-bold/pfdindisplaypro-bold.woff2') format('woff2'),
         url('fonts/pfdindisplaypro-bold/pfdindisplaypro-bold.woff') format('woff'),
         url('fonts/pfdindisplaypro-bold/pfdindisplaypro-bold.ttf') format('truetype'),
		 url('fonts/pfdindisplaypro-bold/pfdindisplaypro-bold.svg') format('svg');
}
@font-face {
    font-family: 'pfdindisplaypro-reg';
    src: url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.eot');
    src: url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.eot?#iefix') format('embedded-opentype'),
         url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.woff2') format('woff2'),
         url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.woff') format('woff'),
         url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.ttf') format('truetype'),
		 url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.svg') format('svg');
}
@font-face {
    font-family: 'pfdindisplaypro-italic';
    src: url('fonts/pfdindisplaypro-bold/pfdindisplaypro-italic.eot');
    src: url('fonts/pfdindisplaypro-bold/pfdindisplaypro-italic.woff2') format('woff2'),
         url('fonts/pfdindisplaypro-bold/pfdindisplaypro-italic.woff') format('woff'),
         url('fonts/pfdindisplaypro-bold/pfdindisplaypro-italic.ttf') format('truetype'),
		 url('fonts/pfdindisplaypro-bold/pfdindisplaypro-italic.svg') format('svg');
}
#krugg5 { margin-top:50px;}
#moi-kartiny { margin-top:30px;}
#gip {margin-top: 33px;}
.prem-dop {margin-top: 50px;}
.prem3 {margin-top: 120px;}
#pri1 { background: #fff;}
.krugochek { display:block;  border-radius: 100%;  width: 11px;  height: 11px;}
.krugo { float:left; height:23px; margin-right:18px; position:relative; top:29px;}
.tolk { margin-left:82px;}
#tolk { margin-top:15px;}
.tk {position:relative; right:25px;}
.stre-tex1, .stre-tex2, .stre-tex3, .stre-tex4, .stre-tex5, .stre-tex6, .stre-tex7, .stre-tex8, .stre-tex9, .stre-tex10, .stre-tex11, .stre-tex12, .stre-tex13, .stre-tex14, .stre-tex15, .stre-tex16, .stre-tex17, .stre-tex18 {
	    -webkit-transition: all .2s linear;    -moz-transition: all .2s linear;    -ms-transition: all .2s linear;    -o-transition: all .2s linear;    transition: all .2s linear;}
.br01, .br02, .br03, .br04, .br05, .br06, .br07, .br08, .br09, .br10, .br11, .br12, .br13, .br14, .br15, .br16, .br17, .br18  { -webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}

.nav-usloviya {	position:fixed; display:none; top: 50%; width:1700px; left:50%; margin-left:-850px;  height:500px; z-index:10000003;  margin-top:-270px; }

.uslo {position:fixed; display:none;  z-index:10000003; top:30px; padding-left:20px; padding-right:20px; padding-bottom:10px; padding-top:7px; border:#897bb6 solid 3px; width:300px; left:50%; margin-left:-170px; 
       border-radius:35px; -webkit-border-radius:35px; -o-border-radius:35px; -moz-border-radius:35px; -ms-border-radius:35px;}
	   
.uslo h3 {font-family: 'pfdindisplaypro-reg', sans-serif; font-weight:300; font-size:22px; color:#fff;	line-height:1.2;}

.buki { display:none;}

.btn-nav4 {
  position: fixed;
  bottom: 20px; /*  !!!!!!!!!!!!!!  */
  left: 50%;
  margin-left:-10px;
  height:45px;
  width:20px;
  display:none;
  border:none;
  background: transparent;
  background-image:url("img/sok0.svg");
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
  outline:none;
  z-index:10000003;
}

.priem1 { float:left; margin-right:220px;width:420px;}
.priem2 { float:left;width:420px;}
.priem3 { float:right; margin-right:00px;width:420px;}
.ob-us1, .ob-us2, .ob-us3, .ob-us4, .ob-us5 { width:420px; float:left; clear:both; } 
.opra { line-height:1.4;}

.ob-us2 {margin-bottom:50px;}

.zag {float:left; width:72px; height:72px; margin-right:21px; margin-bottom:14px; margin-top:14px; margin-left:14px;
   border: solid 0px #fff;
   -moz-border: solid 0px #fff;
   -ms-border: solid 0px #fff;
   -o-border: solid 0px #fff;
   -webkit-border: solid 0px #fff;
   box-shadow: 4px 4px 4px rgba(11,8,1,.3);
   box-shadow: 4px 4px 4px rgba(11,8,1,.1);
   -moz-boxbox-shadow: 4px 4px 4px rgba(11,8,1,.1);
   -webkit-box-shadow: 4px 4px 4px rgba(11,8,1,.1);
   -o-box-box-shadow: 4px 4px 4px rgba(11,8,1,.1);
   -ms-box-box-shadow: 4px 4px 4px rgba(11,8,1,.1);
   border-radius:36px;
   -moz-border-radius: 36px;
   -ms-border-radius: 36px;
   -webkit-border-radius: 36px;
   -o-border-radius: 36px;
}
.zaglav1, .zaglav2, .zaglav3, .zaglav4 {font-family: 'pfdindisplaypro-bold', sans-serif; font-weight:600; font-size:27px; color:#fff;	line-height:1.1; text-align:left;  }
.zaglav1 { padding-top:23px;}
.zaglav2 { padding-top:38px;}
.zaglav3 { padding-top:20px;}
.zaglav4 { padding-top:38px;}

.imp {
  background: #fff;
  border-radius: 100%;
  width: 11px;
  height: 11px;
}
.pls {
  -moz-animation: puls 1s linear;
  -ms-animation: puls 1s linear;
  -o-animation: puls 1s linear;
  -webkit-animation: puls 1s linear;
  animation: puls 1s linear;
}
@-webkit-keyframes puls {
  0% {-webkit-transform: scale(0.5, 0.5);    transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); }
  50% {-webkit-transform: scale(1.0, 1.0);    transform: scale(1.0, 1.0); -moz-transform: scale(1.0, 1.0); -o-transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); }
  100% {-webkit-transform: scale(0.5, 0.5);    transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); }
}
@keyframes puls {
  0% {-webkit-transform: scale(0.5, 0.5);    transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5);  }
  50% { -webkit-transform: scale(1.0, 1.0);    transform: scale(1.0, 1.0); -moz-transform: scale(1.0, 1.0); -o-transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); }
  100% { -webkit-transform: scale(0.5, 0.5);    transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); }
}
@-moz-keyframes puls {
  0% {-webkit-transform: scale(0.5, 0.5);    transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); }
  50% {-webkit-transform: scale(1.0, 1.0);    transform: scale(1.0, 1.0); -moz-transform: scale(1.0, 1.0); -o-transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); }
  100% {-webkit-transform: scale(0.5, 0.5);    transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); }
}
@-o-keyframes puls {
  0% {-webkit-transform: scale(0.5, 0.5);    transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); }
  50% {-webkit-transform: scale(1.0, 1.0);    transform: scale(1.0, 1.0); -moz-transform: scale(1.0, 1.0); -o-transform: scale(1.0, 1.0); -ms-transform: scale(1.0, 1.0); }
  100% {-webkit-transform: scale(0.5, 0.5);    transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); }
}


@-moz-keyframes pulsing {  0%   { -moz-transform: scale(1)}  100% { -moz-transform: scale(450.0); }}
@-webkit-keyframes pulsing {  0%   { -webkit-transform: scale(1)}  100% { -webkit-transform: scale(450.0); }}
@-ms-keyframes pulsing {  0%   { -ms-transform: scale(1)}  100% { -ms-transform: scale(450.0); }}
@-o-keyframes pulsing {  0%   { -o-transform: scale(1)}  100% { -o-transform: scale(450.0); }}

.circle {
	z-index:10000002;
	display:none;
	background: #6b5ba3;
	border:1px #6b5ba3 solid;
    border-radius: 100%;
    width: 5px;
    height: 5px;
	box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;
    -moz-transform: scale(450);
    -moz-animation: pulsing 0.3s linear; /* IE 10+ */
    -webkit-transform: scale(450);
    -webkit-animation: pulsing 0.3s linear; /* IE 10+ */
    -ms-transform: scale(450);
    -ms-animation: pulsing 0.3s linear; /* IE 10+ */
    -o-transform: scale(450);
    -o-animation: pulsing 0.3s linear; /* IE 10+ */
	transform: scale(450);
    animation: pulsing 0.3s linear; /* IE 10+ */
}
/********************************************************************************************************************************************************************************************************************/
.circle2 {
	z-index:10000000;
	display:none;
	background: #fff;
	border:1px #fff solid;
    border-radius: 100%;
    width: 5px;
    height: 5px;
	box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;
    -moz-transform: scale(550);
    -moz-animation: pulsingi 0.3s linear; /* IE 10+ */
    -webkit-transform: scale(550);
    -webkit-animation: pulsingi 0.3s linear; /* IE 10+ */
    -ms-transform: scale(550);
    -ms-animation: pulsingi 0.3s linear; /* IE 10+ */
    -o-transform: scale(550);
    -o-animation: pulsingi 0.3s linear; /* IE 10+ */
	transform: scale(550);
    animation: pulsingi 0.3s linear; /* IE 10+ */
}

@-moz-keyframes pulsingi {  0%   { -moz-transform: scale(1)}  100% { -moz-transform: scale(550.0); }}
@-webkit-keyframes pulsingi {  0%   { -webkit-transform: scale(1)}  100% { -webkit-transform: scale(550.0); }}
@-ms-keyframes pulsingi {  0%   { -ms-transform: scale(1)}  100% { -ms-transform: scale(550.0); }}
@-o-keyframes pulsingi {  0%   { -o-transform: scale(1)}  100% { -o-transform: scale(550.0); }}

.btn-nav7 {
  position: fixed;
  bottom: 30px;
  left: 50%;
  margin-left:-10px;
  height:42px;
  width:20px;
  display:none;
  border:none;
  background: transparent; 
  background-image:url("img/sok00.svg");
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
  outline:none;
  z-index:10000001;
}

.vizit {position:fixed; display:none;  z-index:10000002; top:150px; width:300px; left:50%; margin-left:-150px; visibility:hidden;}
.uslo2 {position:fixed; display:none;  z-index:10000001; top:75px; width:1200px; left:50%; margin-left:-600px;}
.uslo2 h3 {font-family: 'pfdindisplaypro-reg', sans-serif; font-weight:300; font-size:24px; color:#26384a;	line-height:1.2;}
.nav-map {	position:fixed; display:none; top: 50%; width:1200px; left:50%; margin-left:-600px;  height:600px; z-index:10000001;  margin-top:-300px; }

.prem1, .prem2, .prem4 { width:300px; height:600px;}
.prem3 { width:300px; height:600px; float:left;}
.prem1, .prem2 {float:left;}
.prem4 {float:right; position:relative; top:245px;}
.prem-dop { display:none;}
#perestroy { margin-top:-124px;}
#rela { position:relative; top:120px;}

.zg {font-family: 'pfdindisplaypro-bold', sans-serif;	font-weight:600; font-size:24px; color:#26384a;}
.nav-list-map { list-style:none; text-decoration:none;}
.tok {list-style:none; text-decoration:none;}
#about {color:#0092C8; text-decoration:none;}
#about:hover {color:#0092C8; text-decoration:underline;}
.qqq5  { text-decoration:none; list-style:none; padding-bottom:3px; }
.qqq5 p {
    font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-style:normal;
	text-decoration:none;
	font-weight:200;
	color:#0092C8;
	text-decoration:none;
	list-style:none;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	background-color:#FFF;
	padding-bottom:3px;
	line-height:1.3;
}
.qqq5 p:hover {
    font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-style:normal;
	text-decoration:none;
	font-weight:200;
	color:#0092C8;
	text-decoration:underline;
	list-style:none;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	background-color:#FFF;
    padding-bottom:3px;
	line-height:1.3;
}
.qqq5 p:focus {
    font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-style:normal;
	text-decoration:none;
	font-weight:200;
	color:#0092C8;
	text-decoration:underline;
	list-style:none;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	background-color:#FFF;
    padding-bottom:3px;
	line-height:1.3;
}


/********************************************************************************************************************************************************************************************************************/


#modal_form1 {
	width: 550px; 
	height: 750px; /* Рaзмеры дoлжны быть фиксирoвaны */
	border: 2px #78427f solid;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: -375px;
	margin-left: -275px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 1000001; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
}

.close {
	position: absolute;
	right: -52px;
	top: -52px;
	width: 32px;
	height: 32px;
	opacity: 0.6;
	cursor: pointer;
	z-index:1000001;
}
.close:hover {opacity: 1;}

.close:before, .close:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color:#FFF;
}
.close:before {transform: rotate(45deg);}

.close:after {transform: rotate(-45deg);}

.close p {
	 text-align:left;
	 color:#26384a;
	 font-family: 'Open Sans', sans-serif;
	 font-size:19px;
	 margin-left:75px;
}

.sp1 { display:block;}
.sp2 { display:none;}



/* Пoдлoжкa */

#overlay {
	z-index:1000000; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#000; /* чернaя */
	opacity:0.6; /* нo немнoгo прoзрaчнa */
	-webkit-opacity:0.6; /* фикс прозрачности для старых браузеров */
	-ms-opacity:0.6;
	-moz-opacity:0.6;
	-o-opacity:0.6;
	filter:alpha(opacity=60);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
}

#overlay_medi1, #overlay_medi2, #overlay_medi3, #overlay_medi4, #overlay_medi5, #overlay_medi6, #overlay_medi7 {
	z-index:100000000; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	width:100%;
	height:100%;
	background-color:#000; /* чернaя */
	opacity:0.8; /* нo немнoгo прoзрaчнa */
	-webkit-opacity:0.8; /* фикс прозрачности для старых браузеров */
	-ms-opacity:0.8;
	-moz-opacity:0.8;
	-o-opacity:0.8;
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
}

.btn-nav5 {
  position: fixed;
  display: none;
  bottom: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  background-image:url("img/zakr.svg");
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
  outline:none;
  opacity:0.6;
  z-index: 100000001;
}

#modal_form1_medi1, #modal_form1_medi2, #modal_form1_medi3, #modal_form1_medi4, #modal_form1_medi5, #modal_form1_medi6, #modal_form1_medi7 {
	position: fixed;
	background-position:center;  
    width: 100%;
	display: none; 
	opacity: 0;
	top:0;
	margin-top:0px;	
	z-index: 100000001;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

/*СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  */
/*СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  */
/*СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  СЦЕНАРИИ  */


@media screen and (max-width:1800px) {
.nav-usloviya {	position:fixed; display:none; top: 50%; left:50%; width:1500px; height:500px; margin-left:-750px; margin-top:-250px; }    
.priem1 { float:left; margin-right:120px;}
}

@media screen and (max-width:1600px) {
.nav-usloviya {	position:fixed; display:none; top: 50%; left:50%; width:1300px; height:500px; margin-left:-650px; margin-top:-250px; }    
.priem1 { float:left; margin-right:40px;}
}

@media screen and (max-width:1370px) {
.nav-usloviya {	position:fixed; display:none; top: 50%; left:50%; width:1220px; height:500px; margin-left:-610px; margin-top:-250px; }

.priem1 { float:left; margin-right:10px;width:400px;}
.priem2 { float:left;width:400px;}
.priem3 { float:right; margin-right:00px;width:400px;}

.ob-us1, .ob-us2, .ob-us3, .ob-us4 { width:400px; } 

}

@media screen and (max-width:1250px) {
#rig { position: relative; left:25px;}
.nav-usloviya {	position:fixed; display:none; top: 50%; left:50%; width:1020px; height:450px; margin-left:-510px; margin-top:-225px; }
.tolk { margin-left:56px;}
#tolk { margin-top:5px;}
.tk {position:relative; right:00px;}
.priem1 { float:left; margin-right:30px;width:320px;}
.priem2 { float:left;width:320px;}
.priem3 { float:right; margin-right:00px;width:340px;}

.ob-us1, .ob-us2, .ob-us3, .ob-us4 { width:320px; float:left; clear:both; }
.ob-us5 { width:350px; float:left; clear:both; } 
.ob-us2 {margin-bottom:30px;}

.zag {float:left; width:50px; height:50px; margin-right:17px; margin-bottom:14px; margin-top:10px; margin-left:14px; text-align:left;
   border: solid 0px #fff;
   -moz-border: solid 0px #fff;
   -ms-border: solid 0px #fff;
   -o-border: solid 0px #fff;
   -webkit-border: solid 0px #fff;
   box-shadow: 4px 4px 4px rgba(11,8,1,.3);
   box-shadow: 4px 4px 4px rgba(11,8,1,.1);
   -moz-boxbox-shadow: 4px 4px 4px rgba(11,8,1,.1);
   -webkit-box-shadow: 4px 4px 4px rgba(11,8,1,.1);
   -o-box-box-shadow: 4px 4px 4px rgba(11,8,1,.1);
   -ms-box-box-shadow: 4px 4px 4px rgba(11,8,1,.1);
   border-radius:25px;
   -moz-border-radius: 25px;
   -ms-border-radius: 25px;
   -webkit-border-radius: 25px;
   -o-border-radius: 25px;
}
.buki { display:block !important;}
.opa { position:relative; left:25px;}
.zaglav1, .zaglav2, .zaglav3, .zaglav4 {font-family: 'pfdindisplaypro-bold', sans-serif; font-weight:600; font-size:25px; color:#fff;	line-height:1.1; text-align:left;  }
.zaglav1 { padding-top:10px;}
.zaglav2 { padding-top:29px;}
.zaglav3 { padding-top:0px;}
.zaglav4 { padding-top:29px;}
.opra { line-height:1.0;}


/********************************************************************************************************************************************************************************************************************/

.uslo2 {position:fixed; display:none;  z-index:10000001; top:75px; width:900px; left:50%; margin-left:-450px;}
.nav-map {	position:fixed; display:none; top: 50%; width:900px; left:50%; margin-left:-450px;  height:600px; z-index:10000001;  margin-top:-300px; }
.prem1, .prem2, .prem4 { width:300px; height:600px;}
.prem1 {float:left;}
.prem4 {float:right;}
.prem4 {float:right; position:relative; top:0px;}

.prem2 {float:left;}
.prem3 {display:none;}
.prem-dop { display:block;}
#perestroy { margin-top:120px;}
#rela { position:relative; top:00px;}
#razvi { position:relative; left:25px;}
	
	
}

@media screen and (max-width:1000px) {#krugg3 { display:none;}}


/*СЦЕНАРИИ  СЦЕНАРИИ  ВЫСОТААААААААААААААААААААААААААААААА*/

@media screen and (max-height:850px) {
.uslo2 {top:25px;}
.tok {position:relative; right:00px; }
/*.tk {visibility:hidden;}*/
}

@media screen and (max-height:750px) {
.kuka { display:none !important;}
.uslo2 {visibility:hidden;}
/*.tok2 {visibility:hidden;}*/
}

@media screen and (max-height:730px) {
.btn-nav7 {visibility:hidden;}
}

@media screen and (max-height:690px) {
.uslo {visibility:hidden;}
.btn-nav4 {visibility:hidden;}
#krugg5 { margin-top:18px;}
#moi-kartiny { margin-top:18px;}
.prem4 { position:relative; top:158px !important;}
}


@media screen and (max-width:1250px) and (max-height:690px) {
.prem4 { position:relative; top:-85px !important;}
.kuka { display:none !important;}
}


@media screen and (max-height:650px) {
#opusk { position:relative; top:35px;}
}


@media screen and (max-height:600px) {
.nav-usloviya { margin-top:-280px; }
}

@media screen and (max-height:650px) and (max-width:1250px) {
.nav-usloviya { margin-top:-300px; }
.prem-dop {margin-top: 25px;}	
	
	
	
	
}

/*СЦЕНАРИИ  СЦЕНАРИИ  ВЫСОТАААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААААА*/
@media screen and (max-height:870px) {
	
#modal_form1 {
	width: 550px; 
	height: 500px !important; /* Рaзмеры дoлжны быть фиксирoвaны */
	border: 2px #78427f solid;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: -250px !important;
	margin-left: -275px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 1000001;  /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
}

.scro-out {
	position:relative;
	top:0px;
	width:480px;
	height:300px; 
	display:block;
	overflow:hidden;
}

.scro {
	margin-top:0px;     /*!!!*/
	display:block;
	padding-bottom:0px; /*!!!*/
	padding-top:0px;    /*!!!*/  
	margin-bottom:0px;  /*!!!*/  
	width:100%;
	height:100%;
	overflow:auto;
	text-align:center;
	padding: 0px 10px 0px 0px;
}
	
	
}

@media screen and (max-height:650px) {
	#moi-kartiny { position:relative; left:300px; bottom:45px;}
	#gip {margin-top: 100px;}
	.prem3 {margin-top: 185px;}
}


@media screen and (max-height:610px) {
	
#modal_form1 {
	width: 550px; 
	height: 300px !important; /* Рaзмеры дoлжны быть фиксирoвaны */
	border: 2px #78427f solid;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: -150px !important;
	margin-left: -275px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 1000001;  /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
}

.close {
	position: absolute;
	right: -52px;
	top: -5px;
	width: 32px;
	height: 32px;
	opacity: 0.8;
	cursor: pointer;
	z-index:100001;
}

.scro-out {
	position:relative;
	top:0px;
	width:520px;
	height:150px; 
	display:block;
	overflow:hidden;
}

.scro {
	margin-top:0px;     /*!!!*/
	display:block;
	padding-bottom:0px; /*!!!*/
	padding-top:0px;    /*!!!*/  
	margin-bottom:0px;  /*!!!*/  
	width:100%;
	height:100%;
	overflow:auto;
	text-align:center;
	padding: 0px 10px 0px 0px;
}


}






@media screen and (max-width:700px) {
	
#modal_form1 {
	width: 320px; 
	height: 300px !important; /* Рaзмеры дoлжны быть фиксирoвaны */
	border: 2px #78427f solid;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: -150px !important;
	margin-left: -160px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 1000001;  /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
}

.close:before, .close:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color:#78427f;
}

.close {
	position: absolute;
	right: 25px;
	top: 15px;
	width: 32px;
	height: 32px;
	opacity: 0.8;
	cursor: pointer;
	z-index:100001;
}

.scro-out {
	position:relative;
	top:0px;
	width:300px;
	height:200px; 
	display:block;
	overflow:hidden;
}

.scro {
	margin-top:0px;     /*!!!*/
	display:block;
	padding-bottom:0px; /*!!!*/
	padding-top:0px;    /*!!!*/  
	margin-bottom:10px;  /*!!!*/  
	width:100%;
	height:100%;
	overflow:auto;
	text-align:center;
	padding: 0px 10px 0px 0px;
}
	
.recti {
	display:none;
}
.sp1 { display:none;}
.sp2 { display: block;}

}