@charset "uts-8";
/* CSS Document */

@font-face { font-family: 'gothic'; src: url('gothic.eot#') format('eot'), url('gothic.ttf') format('truetype'); font-weight: normal; font-style:  normal;}
@font-face {font-family: 'gothicb'; src: url('gothicb.eot#') format('eot'), url('gothicb.ttf') format('truetype'); font-weight: normal; font-style:  normal;}
@font-face {font-family: 'symbol'; src: url('pulsarjs.eot#') format('eot'), url('pulsarjs.ttf') format('truetype'); font-weight: normal; font-style:  normal;}

html { width:100%; height:100%; min-height:100%; font-family:gothic;}
body { width:100%; height:100%; min-height:100%; line-height: 1; margin:0; padding:0; border:0; outline:0; background:#fff; text-align:center; position:relative; overflow:hidden;}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
table {border-collapse: collapse; border-spacing: 0;}

/*========================= Левый блок =========================*/
.clear {clear: both;height: 0;font-size: 0;}
.left_block { width:12%; color:#F2F2F2;  left:0px; background:#1A1A1A; position:fixed; min-height: 100%; height: auto !important; height: 100%;}

/* Логотип */
.left_block_logo_conteyner { background:#FE0000;}
.left_block_logo { width:80%; margin:0px auto; padding:30px 0px;}
.left_block_logo img{ width:100%;}
.left_block_logo_inst img{ width:20%;  }
.left_block_logo_inst a {font-size:14px;color:white;  display: flex; justify-content: center;}
.left_block_logo_inst a:hover { color:#ffffff; display: flex; justify-content: center;}
.left_block_logo_inst a:active {  color:#ffffff;  text-decoration:  display: flex; justify-content: center; } 

/* Меню */

/* Меню */

.left_block_menu { width:100%; padding-top:30px; text-align:left;font-size:14px; text-decoration:none;}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 2px;
  padding-left: 5px;
text-decoration:none; 
  
  width: 10%;
min-width:150px;
  }

ul#menu a,ul#menu span { display: block; text-decoration: none; }

ul#menu li { margin-top: 0px; }

ul#menu li a,ul#menu li span {
  background: none;
  color: #FFFFFF;
  padding: 5px;
  
}

ul#menu li a:hover,ul#menu li span:hover { background: #000000; border-right: 5px #FE0000 solid;}

ul#menu li ul li a {
  background: #1A1A1A;
  color: #FFFFFF;
  padding-left:20px;
  font-size:small;
  line-height:1.2;
}

ul#menu li ul li a:hover {
  background: #000000;
  border-left: 5px #FE0000 solid;
  border-right: 0px #FE0000 solid;
  padding-left: 15px;
}


/* Контактные данные */
.left_block_contact { width:100%; padding-top:30px; margin:0px auto; text-align:center; }
.left_block_contact p{ font-size:14px; padding-top:5px;}

/* Футер */
.left_block_footer{ width:100%; position:absolute; bottom:10px;}
.left_block_footer p{ font-size:10px;}

/* Центральный блок */
.center_block {  width:68%; left:12%; background:#1A1A1A; position:absolute; min-height: 100%; height: auto !important; height: 100%; overflow:auto;}

.center_block_full {  width:88%; left:12%; background:#414141; position:absolute; min-height: 100%; height: auto !important; height: 100%; overflow:auto;}

.left_block_footer_b1 { border-bottom: 3px #fff solid; padding-bottom:10px; margin:0px 4px;}
.left_block_footer_b2 { padding-top:10px;}
.left_block_footer a{ color:#FFFFFF; text-decoration:none;}

/* Текст */
.center_block_text { z-index:999; width:100%;  min-height: 100%; height: auto !important; left:0%; background:#fff; top:auto;; position:absolute; }
.center_block_text img { float:left; position:relative; padding:10px;}
.center_block_text h1{ padding:10px 0px; color:#FFFFFF; background:#000000;}
.center_block_text h2{ font-size:14px; text-align:left; padding:5px;}
.center_block_text p{padding:10px;}

/* Правый блок */
.right_block { margin:0px; width:20%; left:80%; background:#1A1A1A; position:absolute; min-height: 100%; height: 100%; overflow:auto;}
.right_block_title {background:#FE0000; color:#FFFFFF; font-size:24px; font-family:gothicb; padding:10px;}

.right_block_conteyner { width:100%; min-height: 90%; background:#FF0000; position:relative;  float:left;}
.right_block_conteyner { width:100%;   background:#1A1A1A; position:relative; overflow:hidden;float:left;}
.right_block_conteyner img{ width:100%; position:relative; left:0%;}
.right_block_conteyner img:hover {z-index:2; 
transform:scale(1.2); 
-webkit-transform:scale(1.2); 
transition:.4s ease-out; 
}

/* Странца Работы */
/* Центральный блок */
.center_block_work { width:88%; left:12%; background:#414141; position:absolute; min-height: 100%; height: 100%; overflow:auto ; }
.work_conteyner{max-width:800px; max-height:1000px; width:48%; height:62%;   background:#FF0000; position:relative;  float:left; margin:5px;}
 /*{ width:20%; height:38%; background:#FF0000; position:relative;  float:left;}*/
.work_img_conteyner { width:100%; height:100%;  background:#595959; position:relative; overflow:hidden;}
.work_img_conteyner img{ width:100%; position:absolute; left:0%;}
.work_text_conteyner { overflow:hidden; width:100%; position:absolute; bottom:0; z-index:100; color:#F1F3F2; background:#FF0000;}
.work_text_conteyner h1{ min-height:30px; font-size:16px; padding:10px; font-family:gothicb;}
.work_text_conteyner h2{ font-size:12px; padding:0px 5px; text-align:left; line-height:1.2;}

.work_conteyner button{ position:absolute; width:100%; height:100%; left:0; top:0; border:none; background:#000000; z-index:101; opacity:0; }
.work_conteyner:hover button{ opacity:0;}

/*Вывод миниатюр в работах*/
/*#vertical{height:120%;width:100%;max-width:600px; max-height:800px; margin-left:0px;  position:absolute; left:0%;}*/
#vertical{height:101%;width:100%; margin-left:0px;  position:absolute; left:0%;}
#horisontal{width:101%;height:100%;margin-left:0px;  position:absolute; left:0%;}



/* Странца Работы - просмотр страници */
/* Центральный блок */
.center_block_work_view { margin:0px; width:68%; left:12%; background:#fff; position:absolute; min-height: 100%; height: 100%; overflow:auto;}

.center_block_work_view_conteyner {text-align:left; width:100%; margin:0px auto 0px auto; color:#F2F2F2;}

.center_block_work_view_title h1{ background:#FE0000; font-size:22px; font-family:Times New Roman; padding:10px;}

/* Поле галлереи */
.center_block_work_view_gallery_contayner { margin-top:10px;width:100%; position:relative;  float:left;padding:5px 20px  20px;}
.center_block_work_view_gallery_main_img { width:60%; height:300px; overflow:hidden; position:relative; float:left;}
.center_block_work_view_gallery_main_img img{ width:100%; position:absolute; left:0%; z-index:99;}
.center_block_work_view_gallery_main_all { width:40%; top:0; right:0; position:relative; float:left; }
.center_block_work_view_gallery_main_all_img { width:46%; padding:0px 0px 10px 4%; float:left;}
.center_block_work_view_gallery_main_all_img img{ max-width:100%;}

.center_block_work_view_gallery_main_all2 { width:100%; top:0; right:0; position:relative; float:left; }
.center_block_work_view_gallery_main_all_img2 { width:24%; height:90px; overflow:hidden; padding:10px 0px 10px 1%; float:left;}
.center_block_work_view_gallery_main_all_img2 img{ width:100%;}
/* Поле текста */
.center_block_work_view_text_contayner { color:#222;  float:left;}
.center_block_work_view_text_contayner p{ padding:5px 20px;}
/*Для вывода ссылок в нижней части */
#submenu a{font-size:16px; color:#ff6b40; font-weight:bold}
#submenu a:hover {font-size:18px; color:#cccccc; font-weight:bold}
#submenu a:active { font-size:16px; color:#cccccc; font-weight:bold; text-decoration:  underline overline; } 

/* О нас */
#about {text-align:justify; text-indent: 40px;line-height: 1.5;}

.center_block_about { z-index:999; width:100%; min-height:100%; left:0%; background:#fff; top:0%; position:absolute;}
.center_block_about_h1 {padding:10px 0px; color:#FFFFFF; background:#FE0000;}
.contact { width:38%; height:250px;  background:#F5F5F5; float:left; margin:1% 1% 1% 1%; padding:10px 0px;}
.contact_info { padding:5px; text-align:left;}
.contact_info span { font-family:symbol; font-size:25px; line-height:0.5; padding:0; margin:0;}
.contact_info h1 { font-size:14px; font-family:gothicb; padding:5px 0px; text-align:center;}
.contact_info h2 { font-size:12px; padding:5px 0px;}
.form_con { width:59%; height:250px; background:#F5F5F5; float:left; margin:1% 1% 1% 0; padding:10px 0px;}
.form_con td { padding:10px;}
.form_con input[type="name"],input[type="mail"],input[type="title"] { width:100%; height:20px;}
.form_con input[type="text"] { width:100%; height:50px;}


.form_con input[type="name"]:focus,input[type="mail"]:focus,input[type="title"]:focus{ background:#FEF2F2;				
    box-shadow:0 0 15px rgba(100,0,0, 10);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
    outline:none;}
.form_con input[type="text"]:focus{ background:#FEF2F2;			
    box-shadow:0 0 15px rgba(100,0,0, 10);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
    outline:none;}
	
.form_con input[type="submit"]{ border:none; background:#FE0000; color:#FFFFFF; font-size:16px; padding:10px;}
.form_con input[type="submit"]:hover{ background:#D50000;}
/* Карта 2GIS */
.mega_2gis_map { width:50%; height:400px; float:left;}

/*.horisont {width:400px;height:300px;}*/

/* wm от Di */
.di_wm { width:100%; height:100%; background:none; background-size:cover; position:absolute; background-image:url(watermark_max.png); z-index:99; opacity:0.5;}
.di_wm2 { width:100%; height:100%; background:none no-repeat; background-size:30%; background-position:left top; position:absolute; background-image:url(watermark_max.png); z-index:99; opacity:0.7;}


/*Промо Новый год*/
.promo2
{/*width:100%; height:8%;background: rgba( 255, 253, 255,0.4); max-height:140px; position: fixed; left: 0; bottom: 0; z-index:100;background-image:url(../img/promocenter4.png); background-position:bottom left;background-repeat: no-repeat,repeat-x; background-size: 100% 100% ; */
width:100%; height:8%;background: rgba( 255, 253, 255,/*255,0,0,*/ 0.4); max-height:140px; position: fixed; left: 0; bottom: 0; z-index:100;background-image:url(../img/promocenter3.png); background-position:bottom left;background-repeat: repeat-x; background-size: contain;
}
.promo2 h1{color:#fcfbfb;font-size:24px;font-weight:900;text-shadow:-15px 0px 6px rgba(255, 255, 102, 1);margin-top:0px;} 
.promo2 h1:hover{
color:#ffffff;
box-shadow:0 0 0 2px #FFF, 0 0 20px 5px #000; 
font-size:28px;
transition:.2s; 
-webkit-transition:0.2s; } 
.promo3
{width:20%; min-height:12%; max-height:150px; position: fixed; /* Фиксированное положение  background-color:#045787;*/
    right: 0; bottom: 0; /* Левый нижний угол */ z-index:101;background-image:url(../img/promo2right.png); background-position:bottom right; background-size:100% 100%;}
/*matras*/
#matras img:hover{z-index:2; 
transform:scale(1.2); 
-webkit-transform:scale(1.2); 
transition:.4s ease-out; }	
#matras img {width:50%;}	
.hide_show {display:none;}
/*------- media queries -----------*/ 
@media only screen and (max-device-width: 700px)  {
.hide_show{display: block; font-size:14px; padding-top:15px;} 
body {overflow:auto;}
.left_block { width:100%;  color:#F2F2F2;min-height:130px; max-height:140px; left:0px; background:#FE0000; position:fixed; min-height: 23%; height: auto !important; height: 23%;z-index:9999;}
/* Логотип */
.left_block_logo_conteyner {width:25%;min-height:100px; min-width:100px; max-width:80px; background:#FE0000;float:left;}
.left_block_logo { width:20%;min-width:80px; margin:0px ; padding:10px;}
.left_block_logo img{ width:100%;left:5px;}

.left_block_logo_inst img{ width:15px; float:right ;padding-top:1px; }
.left_block_logo_inst a {font-size:10px;color:white;  }
.left_block_logo_inst a:hover { color:#ffffff;font-size:10px; }
.left_block_logo_inst a:active {  color:#ffffff;font-size:10px;  } 


/* Меню */
.left_block_menu { width:30%; padding-top:0px; text-align:left;font-size:14px; text-decoration:none; height: auto !important;position:fixed; left:80px;}
ul#menu li a,ul#menu li span {
  background: none;
  color: #FFFFFF;
  padding: 4px; 
}
ul#menu li ul li a {
	width:300px;
  background: #1A1A1A;
  color: #FFFFFF;
  padding-left:20px;
  font-size:medium;
  line-height:1.5;
}

/* Контактные данные */
.left_block_contact {  width:100%; padding-top:0px; margin:0px auto; text-align:right;background:#FE0000;  }
.left_block_contact p{ font-size:10px; padding-top:5px;}
/* Футер */
.left_block_footer{  left:70%;margin-top:20px; width:30%;text-align:right; top:40px;}
.left_block_footer p{ font-size:10px; }
.left_block_footer_b2 { display:none;}
.left_block_footer_b1 { border-bottom: 0px;}
.left_block_footer_b1 p{ font-size:10px; }
/* Центральный блок */
.center_block {  width:100%; left:0px;top:20%; background:#1A1A1A; position:absolute; min-height: 80%; height: auto !important; height: 80%; overflow:auto;}
.center_block_full {  width:100%; left:0%; background:#414141; position:absolute; min-height: 100%; height: auto !important; height: 100%; overflow:auto;}
/* Центральный блок */
.center_block_work { width:100%; left:0px; background:#1A1A1A; position:relative;top:20%; min-height: 80%; height: 80%; overflow:auto;}
.center_block_work_view { margin:0px; margin-top:15px; width:100%; left:0px; background:#fff;top:20%; position:absolute; min-height: 80%; height: 80%; height: auto !important; overflow:auto;}
.center_block_work_view_title h1{ background:#FE0000; font-size:normal; font-family:gothicb; padding:15px; padding-top:35px;}
.work_conteyner {  max-width:800px; max-height:600px; width:100%; height:44%; background:#FF0000; position:relative;  float:left;}

/* Правый блок */
.right_block {margin:0px; width:100%; left:0px; background:#1A1A1A; position:relative; min-height: 80%; height: 80%;height: auto !important; top:20%; overflow:scroll;}

.view {margin:0px; width:100%;}
.hide_right {display:none;}
.horisont {min-width:300px;max-width:800px; width:100%;min-height:225px;height:100%; margin:0 auto;}


.right_block_conteyner img:hover {z-index:2; 
transform:scale(1.0); 
-webkit-transform:scale(1.0); 
transition:.2s ease-out; 
}



/*about*/
.big-link img {width:100%;height:100%; margin:0px;padding:0px;padding-top:5px;}
.reveal-modal img {width:100%;height:100%; margin:0px;padding:0px;padding-top:5px;}
.promo3
{ width:40%; min-height:12%;max-height:150px;  position: fixed; /* Фиксированное положение  background-color:#045787;*/
    right: 0; bottom: 0; /* Левый нижний угол */ z-index:101;background-image:url(../img/newyearpromo3s.png); background-position:bottom right; background-size:100% 100%;}
.promo2
{width:100%; min-height:8%;text-align: left; max-height:140px; position: fixed; left: 0; bottom: 0; z-index:100;background-image:url(../img/promocenter3.png); background-position:bottom left;background-repeat: no-repeat,repeat-x; 
background-size:100% 100%;}
.promo2 h1{color:#0000ff;font-size:20px;font-weight:900;text-shadow:-5px 0px 6px rgba(255, 255, 255, 1); margin-top:5px;}
.promo2 h1:hover{font-size:20px;}

}
/*------- media queries -----------*/