@import url(../fonts/font.css);

/*pt1 - bold | pt2 - bold italik | pt13 - italik | gillroy_reg - regular*/
/*gillroy_bol | gillroy_reg*/
/*hel1 - black | hel2 - bold | hel3 - heavy | hel4 - light | gillroy_reg - medium | gillroy_reg - regular | hel7 - thin | hel8 - ultraLight*/

/*------------------------------*/
/*   Author: Sgurskiy Andrey    */
/*------------------------------*/
/*-------framework_pack1--------*/

/* ========= {Scroll bar} =========== */
::-webkit-scrollbar-button {background-image:url(''); background-repeat:no-repeat; width:8px; height:0px}
::-webkit-scrollbar-track { background:none; }
::-webkit-scrollbar{width: 0px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background-color:#a4a4a4;}
::-webkit-scrollbar-thumb:hover{ background-color:#53c2c8;}
::-webkit-resizer{background-image:url(''); background-repeat:no-repeat;  width:8px; height:0px}
::-webkit-scrollbar{width: 8px; background-color:#e1e5e4;}
/* ========= {Scroll bar} =========== */

html, html { -webkit-font-smoothing: antialiased; background-color:#FFFFFF; font-family:'gillroy_reg',Verdana !important; height:100% !important; overflow-y:scroll !important;}
body{ height:100% !important; background-color:#FFFFFF; }
body, select, input, textarea, button {outline: none; padding:0px; margin:0px; }

/* ============ {body} ============== */
body, select, input, textarea, button {outline: none; padding:0px; margin:0px;}
.clear{ clear:both;}
/* ============ {body} ============== */

li {
    list-style-type: none; /* Убираем маркеры */
   }

/* ============ offile ============== */
#offline{ background-color:#fff !important; height:100%; } /*background-color:#24abbf !important;*/
.off{ height:100%; width:100%; display:table; text-align:center;}
.logopos{ width:200px; height:auto; display:table; margin-left:auto; margin-right:auto;}
.offsubj{font-family:'gillroy_bol',Verdana; font-size:36px; display:table; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; color:#000000;}
.offlinetext{font-family:'gillroy_reg',Verdana; color:#000000; font-size:22px;}
/* ============ offile ============== */


/* ========= {inpyt_form} =========== */
.input-form input[type="text"] {
	border:none;
	background:none;
	border-bottom: 3px solid #fff;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.3s;
	
}

.input-form input[type="phone"] {
	border:none;
	background:none;
	border-bottom: 3px solid #fff;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.3s;
}

.input-form input[type="password"] {
	border:none;
	background:none;
	border-bottom: 3px solid #fff;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.3s;
}

.input-form textarea {
	border:none;
	border-bottom: 1px solid #000;
	width: 100%;
	margin-bottom: 2%;
	outline: none;
	font-size: 12px;
	padding:10px;
	color:#000;
	transition: 0.3s;
	min-height:90px;
	resize: vertical;
}

.input-form input[type="email"] {
	border:none;
	background:none;
	border-bottom: 3px solid #fff;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.3s;
}

.input-form select {
	border:none;
	background:none;
	border-bottom: 3px solid #fff;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.3s;
}

.input-form input[type="text"]:hover{ border-bottom: 3px solid #000;}
.input-form input[type="email"]:hover{border-bottom: 3px solid #000; }
.input-form input[type="phone"]:hover{border-bottom: 3px solid #000; }
.input-form input[type="password"]:hover{border-bottom: 3px solid #000; }
.input-form textarea:hover{ border-bottom: 1px solid #D5B012; }

/* ========= {inpyt_form2} =========== */
.input-form2 input[type="text"] {
	border:none;
	background-color:#F8F8F8;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.1s;
	
}

.input-form2 input[type="phone"] {
	border:none;
	background-color:#F8F8F8;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.1s;
}

.input-form2 input[type="password"] {
	border:none;
	background-color:#F8F8F8;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.1s;
}

.input-form2 textarea {
	border:none;
	background-color:#F8F8F8;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.1s;
	resize: vertical;
	min-height:150px;
}

.input-form2 input[type="email"] {
	border:none;
	background-color:#F8F8F8;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.1s;
}

.input-form2 input[type="number"] {
	border:none;
	background-color:#F8F8F8;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.1s;
}

.input-form2 input[type="date"] {
	border:none;
	background-color:#F8F8F8;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.1s;
}




.input-form2 select {
	border:none;
	background-color:#F8F8F8;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.1s;
}

.input-form2 input[type="text"]:hover{ background-color:#FFFFFF;}
.input-form2 input[type="number"]:hover{ background-color:#FFFFFF;}
.input-form2 input[type="email"]:hover{background-color:#FFFFFF; }
.input-form2 input[type="phone"]:hover{background-color:#FFFFFF; }
.input-form2 input[type="password"]:hover{background-color:#FFFFFF; }
.input-form2 input[type="date"]:hover{background-color:#FFFFFF; }
.input-form2 select:hover{background-color:#FFFFFF; }
.input-form2 textarea:hover{background-color:#FFFFFF;; }
/* ========= {inpyt_form2} =========== */

/* Checkbox */
input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: relative;
  border: none;
  margin-bottom: -4px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer; }

input[type="checkbox"]:focus,
.checkbox input[type="checkbox"]:focus,
.checkbox-inline input[type="checkbox"]:focus {
  outline: none; }

input[type="checkbox"]:after,
.checkbox input[type="checkbox"]:after,
.checkbox-inline input[type="checkbox"]:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin-top: -1px;
  margin-right: 0px;
  border: 1px solid #999999;
  border-radius: 2px;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
  margin-left:auto;
  margin-right:auto;
  margin-left: 1px;
  }

input[type="checkbox"]:checked:before,
.checkbox input[type="checkbox"]:checked:before,
.checkbox-inline input[type="checkbox"]:checked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  display: table;
  width: 6px;
  height: 12px;
  border: 2px solid #ffffff;
  border-top-width: 0;
  border-left-width: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
  background-color: #f18c72;
  border-color: #f18c72; }

input[type="checkbox"]:disabled {
  opacity: 0.5; }

input[type="checkbox"]:disabled:after,
.checkbox input[type="checkbox"]:disabled:after,
.checkbox-inline input[type="checkbox"]:disabled:after {
  border-color: #626773; }

input[type="checkbox"]:disabled:checked:after,
.checkbox input[type="checkbox"]:disabled:checked:after,
.checkbox-inline input[type="checkbox"]:disabled:checked:after {
  background-color: #626773;
  border-color: transparent; }



.checkbox.checkbox-circle input[type="checkbox"]:checked:before, .checkbox-inline.checkbox-circle input[type="checkbox"]:checked:before {
  top: 2px;
  left: 7px;
  width: 4px;
  height: 8px; }

.checkbox.checkbox-custom input[type="checkbox"]:checked:after,
.checkbox-inline.checkbox-custom input[type="checkbox"]:checked:after {
  background-color: #ffffff;
  border-color: #626773; }

.checkbox.checkbox-custom input[type="checkbox"]:checked:before,
.checkbox-inline.checkbox-custom input[type="checkbox"]:checked:before {
  border-color: #626773; }
  
.fileform { background-color: #f4f4f4; border: 1px dashed #c2c2c2; border-radius: 2px; cursor: pointer; height: 160px; padding: 2px; position: relative; width: 100%;}
.fileform:hover {opacity: 0.5; }
.fileform .selectbutton { width: 50px; height:50px; margin-left:auto; margin-right:auto; margin-top:55px; line-height:50px;}
.fileform #upload{ position:absolute; top:0; left:0; width:100%; -moz-opacity: 0;  filter: alpha(opacity=0); opacity: 0; font-size: 60px; height: 30px; z-index:20;}
.btn-default span{  margin-top:-10px; display:block;}

/*tagsinput*/
.bootstrap-tagsinput {
  box-shadow: none;
 
  width: 100%;
  line-height: 1;
  border: 1px solid #e3e3e3; }
.bootstrap-tagsinput .label-info {
background-color:#3e6a8f;
display: inline-block;
font-family:'gillroy_bol',Verdana !important;
font-size:12px !important;
color:#FFFFFF !important;
padding: 4px 8px;
margin: 1px 1px;
border-radius: 5px; }


.bootstrap-tagsinput {
  background-color:#fafafa;
  border: 1px solid #efefef;
  border-radius:4px;
  padding-top:0;
  min-height:40px; line-height:18px; padding-left:8px; padding-right:8px;
  width: 100%;
  margin-bottom:5px;
  margin-top:5px;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  cursor: text;
}
.bootstrap-tagsinput input {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: transparent !important;
  padding: 0 6px !important;
  margin: 0 !important;
  width: auto !important;
  max-width: inherit !important;
  
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
  color:#FFFFFF !important;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/* ========= {inpyt_form} =========== */



/* ========= {modal pack} =========== */
.dm-overlay {position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.90); display: none; overflow: auto; width: 100%; height: 100%; z-index:9000 !important;}
.dm-overlay:target {display: block; -webkit-animation: fade .6s; -moz-animation: fade .6s; animation: fade .6s;}
.dm-table { display: table; width: 100%; height: 100%;}
.dm-cell { display: table-cell; padding: 0 1em; vertical-align: middle; text-align: center;}
.dm-modal { display: inline-block;   background: #fff; -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); color: #cfd8dc; text-align: left; position:relative; z-index:9 !important;}
.closers{ width:30px; height:30px; line-height:30px; font-family:'gillroy_reg',Verdana; font-size:16px; display:block; float: right; clear:both;}
@-moz-keyframes fade {
	from {opacity: 0;}
    to { opacity: 1;}
}
@-webkit-keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fade {
    from {opacity: 0; }
    to {opacity: 1;}
}
/* ========= {modal pack} =========== */




/* ======= {Хлебные крошки} ========= */
/*-----------Табы----------*/
.korpus > div, .korpus > input { display: none; }
.korpus{ padding-right:30px;}
.korpus label { padding-left:15px; padding-right:15px; font-size:14px; background-color:#fff; display:block; float:left; font-size:16px;  line-height: 50px; font-family:'gillroy_med',Verdana;  cursor: pointer; position: relative; bottom: -1px;  }
.korpus label:hover{ background-color:#F8F8F8; border-bottom: 2px solid #F8F8F8;}
.korpus input[type="radio"]:checked + label { border-bottom: 2px solid #F18C72; color: #000; }

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.korpus > input:nth-of-type(6):checked ~ div:nth-of-type(6),
.korpus > input:nth-of-type(7):checked ~ div:nth-of-type(7),
.korpus > input:nth-of-type(8):checked ~ div:nth-of-type(8),
.korpus > input:nth-of-type(9):checked ~ div:nth-of-type(9),
.korpus > input:nth-of-type(10):checked ~ div:nth-of-type(10),
.korpus > input:nth-of-type(11):checked ~ div:nth-of-type(11),
.korpus > input:nth-of-type(12):checked ~ div:nth-of-type(12),
.korpus > input:nth-of-type(13):checked ~ div:nth-of-type(13) { display: block; padding: 5px;  }
.korpus .panelsd{border-bottom:2px solid #F8F8F8; display:block; margin-top:-3px;}
.korpus h3{ font-size:16px; font-family:'gillroy_med',Verdana; padding-top:2%; padding-bottom:1%;}
.korpus .disabledkor{ color:#F8F8F8 !important;}
/*-----------Табы----------*/


/*------------ошибки--------*/
.dm-overlay_errors {position: fixed; top: 0; left: 0; background-color:#FFFFFF; display: block; overflow: auto; width: 100%; height: 100%; z-index: 99999;}
.dm-overlay_errors:target {display: block; }
.dm-modal_errors{-webkit-animation: bounceIn .9s; -moz-animation: bounceIn .9s; animation: bounceIn .9s; display: inline-block; animate:bounce;  max-width: 50em; background: #fff;  color: #cfd8dc; text-align: left; border-radius:6px; min-width:400px; height: auto; padding:20px !important;}
.error_style1 .panel_info{height: auto; width:100%; text-align:center; color:#577e3a; font-size:66px; margin-top:50px;}
.error_style1 .panel_text{ text-align:center; margin-bottom:30px; margin-top:20px;}
.error_style1 .panel_text .title{ font-family:'gillroy_bol',Verdana !important; font-size:22px; color:#181818; padding-bottom:8px;}
.error_style1 .panel_text .content{font-family:'gillroy_reg',Verdana; font-size:13px; color:#181818;}
.error_style1 .link{ display:table; margin-left:auto; margin-right:auto; margin-top:20px;}
.error_style1 .link .ebutom1{ margin-left:10px; background-color:#57ae1d; border-color:#57ae1d; color:#FFFFFF; height:40px; line-height:40px; float:left; padding-left:12px; padding-right:12px;}
.error_style1 .link .ebutom1:hover{background-color:#e5e5e5; border-color:#e5e5e5; color:#181818;}
.error_style1 .link .ebutom2{ height:40px; line-height:40px; float:left; padding-left:12px; padding-right:12px;}

.error_style2 .panel_info{height: auto; width:100%; text-align:center; color:#e13d22; font-size:66px; margin-top:50px;}
.error_style2 .panel_text{ text-align:center; margin-bottom:30px; margin-top:20px;}
.error_style2 .panel_text .title{ font-family:'gillroy_bol',Verdana !important; font-size:22px; color:#181818; padding-bottom:8px;}
.error_style2 .panel_text .content{font-family:'gillroy_reg',Verdana; font-size:13px; color:#181818;}
.error_style2 .link{ display:table; margin-left:auto; margin-right:auto; margin-top:20px;}
.error_style2 .link .ebutom1{ margin-left:10px; background-color:#e13d22; border-color:#e13d22; color:#FFFFFF; height:40px; line-height:40px; float:left; padding-left:12px; padding-right:12px;}
.error_style2 .link .ebutom1:hover{background-color:#e5e5e5; border-color:#e5e5e5; color:#181818;}
.error_style2 .link .ebutom2{ height:40px; line-height:40px; float:left; padding-left:12px; padding-right:12px;}

.error_style3 .panel_info{height: auto; width:100%; text-align:center; color:#31b4ff; font-size:66px; margin-top:50px;}
.error_style3 .panel_text{ text-align:center; margin-bottom:30px; margin-top:20px;}
.error_style3 .panel_text .title{ font-family:'gillroy_bol',Verdana !important; font-size:22px; color:#181818; padding-bottom:8px;}
.error_style3 .panel_text .content{font-family:'gillroy_reg',Verdana; font-size:13px; color:#181818;}
.error_style3 .link{ display:table; margin-left:auto; margin-right:auto; margin-top:20px;}
.error_style3 .link .ebutom1{ margin-left:10px; background-color:#31b4ff; border-color:#31b4ff; color:#FFFFFF; height:40px; line-height:40px; float:left; padding-left:12px; padding-right:12px;}
.error_style3 .link .ebutom1:hover{background-color:#e5e5e5; border-color:#e5e5e5; color:#181818;}
.error_style3 .link .ebutom2{ height:40px; line-height:40px; float:left; padding-left:12px; padding-right:12px;}
/*------------ошибки--------*/

/*------------информационные окна-----------*/
.dm-modal_information{ background-color:#FFFFFF; border-radius:6px; width:800px;  display:table; margin-left:auto; margin-right: auto; padding:0px; overflow:hidden; height:400px;}
.dm-modal_information .bg_info{width:500px; height:400px; display:table; float:right;  
background-position:right; 
background-size:cover !important;
-webkit-background-size: cover  !important;
-o-background-size: cover  !important;
-ms-background-size: cover  !important;
-moz-background-size: cover  !important;}
.dm-modal_information .bg_contents{ position:relative; z-index:99;  height:400px; margin-bottom:-400px; padding:2%; display:table; text-align:left;}
.dm-modal_information .bg_contents h1{font-family:'gillroy_bol',verdana; font-size:22px;}
.dm-modal_information .bg_contents p{font-family:'gillroy_reg',verdana; font-size:14px;}
.dm-modal_information .bg_contents h2{font-family:'gillroy_reg',verdana; font-size:10px; color:#666666; line-height:12px;}
.dm-modal_information .bg_contents h3{font-family:'gillroy_reg',verdana; font-size:12px; color:#bc2d2d; display:block; margin-bottom:5px; margin-top:5px;}
.dm-modal_information .bg_contents .opisbar{ margin-top:10px; margin-bottom:10px; }

.dm-modal_files{ background-color:#FFFFFF !important; border-radius:6px;  display:table; margin-left:auto; margin-right: auto; padding:1%; overflow:hidden; }
.dm-modal_files .filimgbl{
width:300px;
height:300px;
display:block;
border:10px solid #eeeeee;
display:table;
margin-left:auto; margin-right:auto;
}
.dm-modal_files .d_file_img{
background-size:cover !important;
-webkit-background-size: cover  !important;
-o-background-size: cover  !important;
-ms-background-size: cover  !important;
-moz-background-size: cover  !important;
height:280px;
display:table;
margin-left:auto;
margin-right:auto;

}

.dm-modal_files .d_file_file{
width:280px;
height:280px;
line-height:280px;
font-size:180px;
color:#eeeeee;
}

.dm-modal_files .vidoes{

height:280px !important;
object-fit: cover !important;
}

.dm-modal_files .linkfiles{ width:50px; height:50px; position: relative; z-index:89; margin-top:-150px; display:table; margin-left:auto; margin-right:auto; }
.dm-modal_files .linkfiles .iconslin{width:50px; height:50px; line-height:50px; text-align:center;  font-size:24px; color:#FFFFFF; position:relative; z-index:99; margin-bottom:-50px; display:block;}
.dm-modal_files .linkfiles .bglink{width:50px; height:50px; background-color:#000000; opacity:0.5; border-radius:6px;}
.dm-modal_files .linkfiles:hover .bglink{opacity:0.2; transition: 0.3s;}
.dm-modal_files .filposition{ margin-top:10px; margin-bottom:10px; }
.dm-modal_files .filposition2{ display:table; margin-left:auto; margin-right:auto;}
.dm-modal_files .filposition span{ font-size:12px; font-family:'gillroy_reg',verdana; text-align:left !important; display:block;}
/*------------информационные окна-----------*/

/*/////////////////////////Таблицы/////////////////////////*/
.xb_table_viou1{ margin-top:1%; height:40px; line-height:40px; margin-bottom:1%; border-bottom:2px solid #5a37ef;}
.xb_tab_vio_text1{ font-size:14px; text-transform:none;  color:#5a37ef;}
.xb_tab_vio_icon1{ font-size:12px; text-transform:none; color:#5a37ef; text-align:center;}
.xb_tab_vio_sort{ color:#5a37ef; padding-right:5x; display:block; float:left; width:23px;}
.xb_tab_vio_sort:hover{ color:#323232;}

.xb_table1{ display:block; color:#242424; height:38px; line-height:38px; border-top:1px solid #f4f4f4; border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4;  margin-bottom:3px;}
.xb_table2{ display:block; color:#242424; padding-top:1%; padding-bottom:1%; border-top:1px solid #f4f4f4; border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4;  margin-bottom:3px;}
.xb_color1{background-color:#f6f8f9; }
.xb_color2{background-color:#fff;}
.xb_color3{background-color:#e5f3fd; }
.xb_color4{background-color:#fdf8e5; }
.xb_color5{background-color:#fdeee5; }
.xb_color1:hover{background-color:#efefef; }
.xb_color2:hover{background-color:#efefef;}
.xb_color3:hover{background-color:#efefef; }
.xb_color4:hover{background-color:#efefef; }
.xb_color5:hover{background-color:#efefef; }

.xb_tab_text1{ font-size:12px; text-transform:none; padding-left:1%; padding-right:1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xb_tab_text2{ height:40px; line-height:40px; font-size:12px; text-transform:none; padding-left:1%; padding-right:1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xb_tab_text3{ font-size:14px; font-family:'gillroy_bol',verdana;  text-transform:none; padding-left:1%; padding-right:1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xb_tab_icon1{ font-size:12px; text-transform:none; text-align:center !important;}

.xb_title2{ text-align:right; font-size:12px; text-transform:none; font-family:verdana;}
/*/////////////////////////Таблицы/////////////////////////*/

/*////////////////////////Индикаторы///////////////////////*/
.xb_indicators1{ color:#c24013; }
.xb_indicators2{ color:#6a820b; }
.xb_indicators3{ color:#207fc4; }
/*////////////////////////Индикаторы///////////////////////*/

/*-------------------------- { контент } -----------------------------------*/
.containerall2{ background-color:#FFFFFF; margin-bottom:2%; border-radius:0px; height: auto; flex:1 1; min-width:31.3333333%; margin-left:1%; margin-right:1%; padding:30px;  display:block;}
.containerall2 .tol1{width:29%; margin-right:1%;}
.containerall2 .tol2{float:left !important; width:34% !important; margin-top:-1px !important; margin-right:1% !important;}
.containerall2 .tol3{float:left !important; width:34% !important; margin-top:-1px !important;}
.containerall2 .tol4{float:left !important; width:70% !important; margin-top:-1px !important;}
.containerall2 .tol5{float:left !important; width:22.3% !important; margin-left:1%; margin-top:-1px !important;}
.containerall2 .tol6{width:100% !important; }
.texteter{  }

.containerall2 h1{font-family:'gillroy_bol',Verdana; font-size:18px;}
.containerall2 .input-form textarea{ min-height:200px; }
.systemnews{ font-family:'gillroy_reg',Verdana; font-size: 14px; margin-top:2%;}
.sys1{ float:left; width:30%; padding:20px; }
.sys2{ float:left; width:70%; padding:20px;}
.systemnews .hoverssys{ height:1px; background-color:#eeeeee; margin-top:5%; margin-bottom:5%; width:100%;}
.systemnews h4{ font-family:'gillroy_bol',Verdana; padding-bottom:10px; text-align:center;}
.systemnews h2{ font-family:'gillroy_bol',Verdana; padding-bottom:10px; text-align:center;}
.systemnews h1{ font-family:'gillroy_bol',Verdana; padding-bottom:10px; text-align:center;}
.systemnews h3{ font-family:'gillroy_bol',Verdana; padding-bottom:10px; text-align:center;}
.systemnews img{ display:table; max-width:100%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}
.systemnews a{ color:#3d8eda;}
.systemnews .buttonsystem{ background-color:#3d8eda; height:40px; line-height:40px; padding-left:25px; margin-top:10px; margin-bottom:10px; padding-right:25px; border-radius:4px; text-align:center; color:#ffffff; display:table; margin-left:auto; margin-right:auto;}
.qrimg{ max-width:150px; display:block;}
.qrimg img{ max-width:150px; display:table; margin-left:auto; margin-right:auto;}

.redtextanal text{ font-family:'gillroy_bol',Verdana !important; }
.analysistable{ display:table !important; margin-left:auto; margin-right:auto; }

.flextools{flex:1 1; height:auto; padding:3px;}

.faqinforms{ padding-top:2%;}
.faqinforms h1{font-family:'gillroy_bol',Verdana; padding-bottom:0px;  padding-bottom:3px; font-size:14px; color:#000;}
.faqinforms span{font-family:'gillroy_reg',Verdana; font-size: 12px; color:#333333;}
.fqsr1{ float:left; width:5%;  height:50px; line-height:50px; font-size:36px; color:#000000;}
.fqsr2{ float:left; width:95%; min-height:50px;  padding-top:5px;}
.fqtblock{ border-bottom:1px solid #eee; margin-bottom:15px; padding-top:10px; padding-bottom:10px;}

.containerall{ background-color:#FFFFFF; border-radius:0px; width:100%; height: auto; }
.containerall .t{ height:70px; line-height:70px;  width:100%; border-bottom:1px solid #eeeeee; }
.containerall .t .t1{ float:left; height:70px; line-height:70px; padding-left:1%; padding-right:1%; font-family:'gillroy_reg',Verdana; color:#444444; font-size:16px; min-height:1px;}
.containerall .t .t2{ float:right; height:70px; line-height:70px; padding-left:1%; padding-right:1%; font-family:'gillroy_reg',Verdana; color:#444444; font-size:14px; min-height:1px;}

.containerall .c{ font-family:'gillroy_reg',Verdana; color:#181818; font-size: 14px;}
.containerall .e{ padding:1%; font-family:'gillroy_reg',Verdana; color:#181818; font-size: 12px;}
.containerall .c table{ width:100%; background-color:#ffffff; font-family:'gillroy_sem',Verdana; color:#181818; font-size: 14px;}
.containerall .c table tr{ min-height:40px !important;   vertical-align:middle;}
.containerall .c table tr:hover{ background-color:#f6f6f6;  }
.containerall .c table td{ padding-left:5px;  padding-right:5px; border-bottom:1px solid #F8F8F8;  padding-top:10px; padding-bottom:10px; border-right:1px solid #eeeeee;  vertical-align:middle;} 
.containerall .c table tr:nth-child(2n+1){ background-color:#fff; }
.containerall .c table tr:nth-child(2n+1):hover{ background-color:#f6f6f6;}
.containerall .c table .icon-arrow-combo{ cursor:pointer;}
.containerall .c table .icon-arrow-combo:hover{ color:#323232;}
.containerall .tabltitl{ height:40px; line-height:40px; background-color:#FFFFFF !important; border-bottom:1px solid #eeeeee; font-family:'gillroy_bol',Verdana; font-size:13px;}
.containerall .tbcent{ text-align:center !important;}
.containerall .tbraz1{  text-align:center !important;}
.containerall .tbraz2{ width:40px !important;}
.containerall .tbraz3{ width:50% !important;}
.containerall .tbraz4{ width:40% !important;}
.containerall .tbraz5{ width:33% !important;}
#tbr1{ width:40px !important;}
#tbr2{ width:80px !important; text-align:center !important;}
#tbr3{ width:60px !important; text-align:center !important;}

.containerall .padd1{  padding-top:10px; padding-bottom:10px; }
.containerall .tabltitl td button{ padding-left:3px; font-size: 14px; border:none; background:none; cursor: pointer;}
.containerall .input[type="checkbox"]{ display:block; margin-left:auto; margin-right:auto; background-color:#0099FF;}
.containerall .cstb_ed{ display:block; margin-left:auto; margin-right:auto; font-size:14px; color:#181818; cursor: pointer;}
.containerall .cstb_editform{ position: absolute; z-index:2; height: auto; width:150px; background-color:#ffffff; margin-left:-76px; display:none; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); text-align:left;}
.containerall .cstb_editform a{ height:40px; line-height:40px; padding-left:7px; padding-right:7px; font-family:'gillroy_reg',Verdana; color:#666666; font-size:12px; display:block;}
.containerall .cstb_editform a span{ padding-right:5px; }
.containerall .cstb_editform a .otch1:before{content: '\f205'; font-family: 'fontello';}
.containerall .cstb_editform a:hover .otch1:before{content: '\f204'; font-family: 'fontello';}
.containerall .cstb_editform a .otch2:before{content: '\f204'; font-family: 'fontello';}
.containerall .cstb_editform a:hover .otch2:before{content: '\f205'; font-family: 'fontello';}
.containerall .cstb_editform a:hover{ background-color:#f3f6ef;}
.containerall .cstb_ok{ color:#4e8972;}
.containerall .cstb_er{ color:#b9532f;}
.containerall .cstb_in{ color:#3c729b;}
.superuser{ padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px; background-color:#e7b83a; border-radius:10px; color:#333333; font-family:'gillroy_bol',Verdana; font-size:10px; margin-right:4px;}

.form_set .form_set_bl{ margin-top:1%; margin-bottom:3%;}
.form_set .sdlab{ background-color:#003399; display:block; height:30px; line-height:30px;}
.form_set .form_set_bl span{font-family:'gillroy_reg',Verdana; color:#000000; font-size:14px;}
.form_set .form_set_bl input{background-color:#ffffff;}
.form_set .formsd1{padding-right:1%;}
.form_set .formsd2{ padding-left:1%;}
.form_set .formsd3{ padding-left:1%; padding-right:1%;}
.form_set .toolsub1{ margin-left:0;}
.form_set .toolsub2{ background-color:#ffffff; color:#181818;}

.form_set2 .form_set_bl{ margin-top:1%; margin-bottom:3%;}
.form_set2 .form_set_bl span{font-family:'gillroy_reg',Verdana; color:#000000; font-size:14px;}
.form_set2 .form_set_bl input{margin:0; margin-top:5px; margin-bottom:5px;}
.form_set2 .formsd1{padding-right:1%;}
.form_set2 .formsd2{ padding-left:1%;}
.form_set2 .formsd3{ padding-left:1%; padding-right:1%;}
.form_set2 .toolsub1{ margin-left:20px;}
.form_set2 .toolsub2{ color:#181818; }
.form_set2 .elsub{ margin-left:20px;}
.form_set_bl .btn{ background-color:#e4e3e3 !important; height:40px; margin-top:5px;}

.navigations{ display:table; margin-left: auto; margin-right:auto;  margin-top:1%;}
.navigations .prev{ height:40px; width:40px; float:left; text-align:center; line-height:40px; font-size:14px; padding:0;}
.navigations .pun{ height:40px; width: auto; padding-left:4px; padding-right:4px; min-width:30px; margin-left:5px; margin-right:5px; float:left; text-align:center; line-height:40px; font-size:14px; background:none; border:none; font-family:'gillroy_reg',Verdana;}
.navigations .pun:hover{ color:#3e6a8f;}
.navigations .next{ height:40px; width:40px; float:left; text-align:center; line-height:40px; font-size:14px; padding:0;}
.navigations .actinavig{ background-color:#fafafa !important; border-radius:5px; border: 1px solid #efefef;}
/*-------------------------- { контент } -----------------------------------*/

/*-----------Константы------*/
.vertical_table{ display:table; height:100%;}
.vertical_center{display: table-cell; vertical-align: middle; height:100%;}

.flex-container { -webkit-display: flex;    display: flex; flex-wrap: wrap; margin: 0 auto; max-width:100%;}
.flex-container #dle-content{display: flex; flex-wrap: wrap; margin: 0 auto; max-width:100%;}

a{ color:#000; font-family:'gillroy_reg',Verdana; text-decoration:none;}
a:hover{ color:#000;}

#wrapper{ position:relative; min-height:100%;}
#content{ min-height: calc(80vh - 80px);}

.desctop{ display:block; }
.mobilebl{ display:none;}

h2{font-family:'gillroy_reg',Verdana; font-size:38px; color:#000000;}
/*-----------Константы------*/

/* ======= {Хлебные крошки} ========= */


/*=========================================================Основное============================================================*/

/*--------------------секции-----------------------------*/
#wrapper{ width:100%; height:100%;}
/*--------------------секции-----------------------------*/

/*--------------------- offline and errors page -------------------------*/
#errorpage{height:100%; }
.err_topmenu{ width:100%;  height:80px; position:absolute; z-index:9; top:0; left: 0px;}
.err_content{  width:100%;  height:100%; position:absolute;  }
.err_footer{  width:100%;  height:80px; position:absolute; left:0; bottom:0; text-align:right; line-height:80px;}
.err_footer a{font-family:'gillroy_reg',verdana; font-size:14px; padding-right:20px;  }
.err_men{-webkit-flex-grow: 1;  flex-grow: 1; }
.errlogo{ height:80px; margin-top:5px; margin-left:20px;}
.err_link{text-align:right; padding-right:20px; height:80px; line-height:80px;}
.err_men a{  padding-left:20px; padding-right:20px; color:#000000; font-family:'gillroy_reg',verdana; font-size:16px;}
.err_men a:hover{ color:#999999;}
.err_block{ display:table; margin-left:auto; margin-right:auto; height:100px;}

.err_block_text{-webkit-flex-grow: 1;  flex-grow: 1;  max-width:600px;}
.err_block_text img{ width: 400px;}
.err_block_text h1{font-family:'gillroy_sem',verdana; font-size:80px;}
.err_block_text span{font-family:'gillroy_reg',verdana; font-size:20px;}
.err_block_text div{ margin-top:25px;}
.err_block_text div a{ margin-right:20px;}

.sys_but_design1{ padding-left:24px; padding-right:24px; padding-top:12px; background-color:#FFFFFF;  transition: 0.3s; padding-bottom:12px; border: solid #000000 1px; border-radius:50px; font-family:'gillroy_med',Verdana; font-size:14px; color:#000000; }
.sys_but_design1:hover{ color:#FFFFFF; border: solid #000000 1px; background-color:#000000; }

.sys_but_design2{ padding-left:24px; padding-right:24px; padding-top:12px; background-color:#000;  transition: 0.3s; padding-bottom:12px; border: solid #000A56 1px; border-radius:50px; font-family:'gillroy_med',Verdana; font-size:14px; color:#FFFFFF;  }
.sys_but_design2:hover{ color:#000; border: solid #000 1px; background-color:#FFFFFF; }
/*--------------------- offline and errors page -------------------------*/

/*=========================================================Основное============================================================*/


/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/
.registarations{ height:100%; width:100%; background-color:#0033CC;}
.reg1{ width:70%; position:absolute; left:0; padding:50px; height:100%; background-color:#FFFFFF;}
.reg2{ width:30%; display:table; position:absolute; z-index:2; right:0; padding:50px; background-color:#F9F9F9; height:100%;}

.topreg{ position:absolute; top:0; height:100px; z-index:1; width:100%;}
.centreg{ width:100%; position:absolute; height:100%;  padding-top:100px; margin-top:-50px; z-index:0; padding-bottom:60px;  width:100%;}
.botreg{ position:absolute; bottom:0;  z-index:1; height:60px; width:100%;}

.log1_reg{ float:left;  }
.log1_reg img{ height:100px; padding-right:20px;}
.log2_reg{ float:left; border-left:1px solid #CCCCCC; padding-left:20px; height:70px; margin-top:15px; font-family:'gillroy_reg',Verdana; padding-top:17px; font-size:16px; }
.log3_reg{ float:right; padding-left:20px; height:70px; margin-top:15px; padding-top:26px;  padding-right:10%;}
.log3_reg a{font-family:'gillroy_med',Verdana; font-size:16px;}

.reg_text{ float:left; display:table; width:40%; height:100%; font-family:'gillroy_hea',Verdana; font-size: 62px; color:#000000;}
.reg_img{ width:60%; float:left; display:table;  height:100%; overflow:hidden;}
.reg_img img{ width:90%; max-height:760px;}


.reg_block{ display:table; margin-left:auto; margin-right:auto; width:70%;}
.reg_block h1{ font-family:'gillroy_hea',Verdana; font-size: 32px; color:#000000; text-align:center;  padding-bottom:30px;}
.reg_b_p{ padding-bottom:30px;}
.reg_b_p span{ font-family:'gillroy_reg',Verdana; color: #CCCCCC; font-size:14px; padding-bottom:5px; display:block;}
.submit1{ display:table; margin-left:auto; margin-right:auto; border:none; background-color:#000000; padding-top:12px; padding-bottom:12px; padding-left:22px; padding-right:22px; border-radius:30px; color:#FFFFFF; font-family:'gillroy_med',Verdana; font-size:14px; transition: 0.3s; cursor: pointer;}
.submit1:hover{ background-color:#FFFFFF; color:#000000; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}

.submit2{ display:table; margin-left:auto; margin-right:auto; border:none; background-color:#e94938; padding-top:12px; padding-bottom:12px; padding-left:22px; padding-right:22px; border-radius:30px; color:#FFFFFF; font-family:'gillroy_med',Verdana; font-size:14px; transition: 0.3s; cursor: pointer;}
.submit2:hover{ background-color:#FFFFFF; color:#000000; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}


.errorsdfol{ display:table; width:100%; padding-top:12px; padding-bottom:12px; background-color:#F9CDC2; border-radius:5px; margin-bottom:20px; padding-left:12px; padding-right:12px;}
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////Основное окно/////////////////////////////////////////////////////////////////////////////*/
.controls{height:100%; width:100%; }
.control_left{ position:fixed; z-index:800; overflow:hidden; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);  transition: 0.4s; padding:30px; background-color:#F8F8F8;  display: flex; flex-direction: column;	min-height: 100%;}
.cl_position1{ float:left; transition: 2s;}
.cl_position2{ float:left; transition: 0.5s; font-family:'gillroy_med',Verdana; padding-left:30px; opacity:0; height:50px; margin-right:-300px; display:table; }

.control_left:hover{ box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.4);}
.control_left:hover .cl_position2{ display:table; opacity:1; margin-right:0; }

.c_logo{flex: 1 0 auto;  }
.c_logo svg{ width:50px; margin-bottom:50px;}
.c_menu{ flex: 2 0 auto; }
.c_cont{flex: 1 0 auto; }
.cm_menus{ display:table; height:100%; width: auto; }
.cmm_link{ height:50px;  display:block; margin-bottom:60px; }
.cmm_link svg{ height:50px; fill:#000;  transition: 0.4s;}
.cmm_link .cl_position1{ width:50px; height:50px; border-radius:50px; background:none; transition: 0.4s;}
.cmm_link .cl_position2{font-family:'gillroy_reg',Verdana; }
.cmm_link:hover .cl_position2{font-family:'gillroy_med',Verdana; }

.cmm_link:hover .cl1 svg{fill:#E94938;}
.cmm_link:hover .cl1 {background-color:#F18C72;}

.cmm_link:hover .cl2 svg{fill:#846307;}
.cmm_link:hover .cl2 {background-color:#FEF0C2;}

.cmm_link:hover .cl3 svg{fill:#64891F;}
.cmm_link:hover .cl3 {background-color:#E9F2DB;}

.cmm_link:hover .cl4 svg{fill:#0A557F;}
.cmm_link:hover .cl4 {background-color:#BCD8EA;}

.cmm_link:hover .cl5 svg{fill:#46107A;}
.cmm_link:hover .cl5 {background-color:#D4BCE8;}

.cmm_link .wr1 svg{fill:#E94938;}
.cmm_link .wr1 {background-color:#F18C72;}

.cmm_link .wr2 svg{fill:#846307;}
.cmm_link .wr2 {background-color:#FEF0C2;}

.cmm_link .wr3 svg{fill:#64891F;}
.cmm_link .wr3 {background-color:#E9F2DB;}

.cmm_link .wr4 svg{fill:#0A557F;}
.cmm_link .wr4 {background-color:#BCD8EA;}

.cmm_link .wr5 svg{fill:#46107A;}
.cmm_link .wr5 {background-color:#D4BCE8;}


.cс_control{display:table;  height:100%; width: auto;}
.ccc_link{height:50px;  display:block; margin-top:30px; }
.ccc_link svg{ height:50px; fill:#000;  transition: 0.4s;}
.ccc_link .cl_position1{ width:50px; height:50px; border-radius:50px; background:none; transition: 0.4s;}
.ccc_icons{ font-size:18px; line-height:50px; text-align:center; border:1px solid #CCCCCC; background: none; transition: 0.4s;}

.ccc_link:hover .cl_position1{ width:50px; height:50px; border-radius:50px; background:none; transition: 0.4s;}
.ccc_link:hover .ccc_icons{ font-size:18px; line-height:50px; text-align:center; background-color:#000000; color:#FFFFFF; border:1px solid #000;}


.control_center{ position:absolute; z-index:2; width:100%; height:100%; top:0; left:0; overflow:hidden; overflow-y:scroll;}
.control_right{ position:absolute; z-index:900; width:30%; display:none; box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.4); height:100%; right:0; top:0; background-color: #3A3A3A;}
.cc_panel{ height:100%; padding-left:150px; }
.projectsnot{ padding:50px;}
.projectsnot span{font-family:'gillroy_hea',Verdana; font-size:56px; display:block; margin-top:100px; position:absolute;}
.projectsnot img{ max-width:40%; display:table; margin-left:auto; margin-right:auto; }

.cc_speedbar{ height:110px;}
.ccs_h1{ float:left; font-family:'gillroy_hea',Verdana; font-size:36px; display:table; height:110px;}
.ccs_text{ float:right; display:table; display:table; height:110px;  padding-right:30px;}
.ccst_text span{ display:block; font-family:'gillroy_reg',Verdana; font-size:10px; }
.ccst_text strong{ font-family:'gillroy_med',Verdana; font-size:16px; display:block;}
.korpus_block{ padding-top:30px; padding-bottom:30px; display:block;  position:relative; }

.subposbl1{margin-left:1px; float:left; margin-bottom:30px; margin-right:30px;}
.subposbl2{margin-left:1px; margin-bottom:30px;}
.formstyle{ }
.form_control{}
.form_data{}
.fd_pos{-webkit-flex-grow: 1; min-height:1px; flex-grow: 1; max-width:50%;}
.fdp_tabl{ margin-bottom:20px; display:block;}
.fdp_tabl span{ font-family:'gillroy_med',Verdana; font-size:14px; padding-bottom:10px; display:block; }
.fdp1{ padding-right:30px;}
.fdp2{ padding-left:30px;}


.tickets{ background-color:#FFFFFF; border-radius:10px; transition: 0.3s;  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); margin-bottom:20px; width:100%; padding:20px;}
.tickets:hover{box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); background-color:#f8f8f8;}
.tp_panel1{ }
.tp_panel2{ display:none;   }
.tpp2_pan{ padding:20px; margin-bottom:20px; margin-top:20px; background-color:#FFFFFF; border-radius:7px; border-top:2px solid #f8f8f8;}

.tpp1{ height:60px; float:left; width:10%; padding-left:20px; line-height:60px; font-size:30px; text-align:left;}
.tpp2{ height:60px; display:table; float:left; width:20%;}
.tpp2 span{font-family:'gillroy_med',Verdana; font-size:12px; display:block;}
.tpp2 strong{font-family:'gillroy_reg',Verdana; font-size:16px; display:block;}

.tpp3{ height:60px; display:table; float:left; width:20%;}
.tpp3 span{font-family:'gillroy_med',Verdana; font-size:12px; display:block;}
.tpp3 strong{font-family:'gillroy_reg',Verdana; font-size:16px; display:block;}

.tpp4{ height:60px; display:table; float: right;}
.tpp4 span{font-family:'gillroy_med',Verdana; padding-bottom:4px; font-size:12px; display: table;}
.tpp4 strong{ padding-top:4px; padding-bottom:4px; padding-left:30px; padding-right:30px; border-radius:50px; font-family:'gillroy_reg',Verdana; font-size:14px; display: table;}
.status1{background-color:#64891F; color:#FFFFFF; }
.status2{background-color:#e94938; color:#FFFFFF; }

.tppanel2_block{ margin-top:35px; margin-bottom:35px;}
.tppb_date{ padding-top:6px; padding-bottom:6px; padding-left:30px; padding-right:30px; border-radius:50px; display:table; font-family:'gillroy_med',Verdana; font-size:12px;}
.tppb_hr{ margin-top:5px; width:100%; border-top:1px solid #999999; margin-bottom:20px;}
.tppb_text{}

.user_d{ background-color:#000; color:#FFFFFF;}
.admin_d{ background-color:#e94938; color:#FFFFFF;}

.ques{}


.add_but{ display:table; width:60px; height:60px; line-height:60px; text-align:center; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border-radius:60px; background-color:#000000; color:#FFFFFF; font-size:36px; margin-left:auto; margin-right:auto; margin-top:100px;  transition: 0.3s;}
.add_but:hover{ background-color:#FFFFFF; color:#000000; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
.add_panel{ display:none;}
.add_panel h1{font-family:'gillroy_thin',Verdana; font-size:36px; padding-bottom: 20px; border-bottom:1px solid #CCCCCC;}



.proje_panel1{ display:flex;}
.prp_j1{background-color:#f8f8f8; padding:20px; min-width:300px; display:table; flex: 0 1 auto; }
.prp_j2{flex: 2 1 auto; padding-left:10px;}
.prp_j1 h1{ font-family:'gillroy_thin',Verdana; font-size:14px; padding:0; margin:0; color:#CCCCCC; padding-bottom:20px;}

.prpj_block{ margin-bottom:20px;}
.punkt1{ display:block; background-color:#CCCCCC; transition: 0.2s; padding:10px; font-family:'gillroy_bol',Verdana; font-size: 16px; cursor:pointer;  }
.punkt1:hover{background-color:#E5E5E5;}
.punkt1 span{ padding-right:20px;}
.punkt2{ display:block; background-color:#fcfcfc; transition: 0.2s; padding:10px; font-family:'gillroy_med',Verdana; border-top:1px solid #F8F8F8; cursor:pointer; padding-top:13px; padding-bottom:13px; font-size: 14px;  }
.punkt2:hover{background-color:#F8F8F8;}

.files{flex: 0 1 auto; position: relative; margin:10px; padding:10px; cursor:pointer; border-radius:6px; transition: 0.2s; min-width:100px; max-width:100px; max-height:100px; background-color:#fff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
.f_im svg{ max-width:60px; display:table; margin-left:auto; margin-right:auto; font-family:'gillroy_bol',Verdana;}
.f_te{ width:100%; height:25px; overflow:hidden; text-align:center; font-size: 11px; font-family:'gillroy_bol',Verdana; color:#000000;}
.files:hover{box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);}
.files:hover .fdelets{ display:block;}

.example-2 .btn-tertiary{color:#555; padding:0; background:none !important; border:none ; line-height:40px;  width:100%; margin:auto; display:block;  border-radius:5px; text-align:center; border:1px dashed #555}
.example-2 .btn-tertiary:hover{color:#888;background:none !important; border:none;  border:1px dashed #555}
.example-2 .input-file{width:.1px; height:.1px; opacity:0; overflow:hidden;  z-index:-1}
.example-2 .input-file + .js-labelFile{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px; cursor:pointer}
.example-2 .input-file + .js-labelFile .icon:before{content:"\f093"}
.example-2 .input-file + .js-labelFile.has-file .icon:before{content:"\f00c";color:#5AAC7B}

.addfolder{border:1px dashed #555; width:100%; padding:10px; border-radius:4px; margin-top:20px; text-align:center;}
.addfolder a{ height:20px; line-height:20px; width:100%; text-align:center; font-family:'gillroy_med',Verdana; font-size: 16px; color:#555;}
.addfolder a span{ padding-right:5px;}
.formfolder{ display:none;}
.forinput{ padding-top:30px;}

.submitfop{ margin-top:5px; display:table; margin-left:auto; margin-right:auto; transition: 0.2s; cursor:pointer; text-align:center; font-family:'gillroy_med',Verdana; font-size: 14px; color:#FFFFFF; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; background-color:#000000; border-radius:50px; }
.submitfop:hover{ background-color:#FFFFFF; color:#000000; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);}

.forinputt{
	border:none;
	background-color:#fff;
	border-bottom:1px solid #555;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.1s;
}

.navigats{ border-bottom:1px solid #CCCCCC;  padding-bottom:20px; display:block; font-family:'gillroy_med',Verdana; margin-bottom:20px; font-size: 14px; color:#999999; padding-top:20px;}
.navigats strong{ font-weight:normal;  font-family:'gillroy_bol',Verdana;  font-size:14px; padding:0; margin:0; color:#000;}

.file_xls{fill:#1F7246; font-size:8px; font-family:'gillroy_bol',Verdana;}
.file_doc{fill:#285A9E; font-size:8px; font-family:'gillroy_bol',Verdana;}
.file_txt{fill:#DBDBDB; font-size:8px; font-family:'gillroy_bol',Verdana;}
.file_pdf{fill:#FA281B; font-size:8px; font-family:'gillroy_bol',Verdana;}
.file_ppt{fill:#D04626; font-size:8px; font-family:'gillroy_bol',Verdana;}
.file_arx{fill:#452F37; font-size:8px; font-family:'gillroy_bol',Verdana;}
.file_php{fill:#8EA41F; font-size:8px; font-family:'gillroy_bol',Verdana;}
.file_mp3{fill:#BA2ECE; font-size:8px; font-family:'gillroy_bol',Verdana;}
.file_mp4{fill:#0E27A5; font-size:8px; font-family:'gillroy_bol',Verdana;}
.file_img{fill:#62BDEC; font-size:8px; font-family:'gillroy_bol',Verdana;}
.file_fol{fill:#D3922A;}
.file_fol2{fill:#626270;}
.file_unq{fill:#999999; font-size:8px; font-family:'gillroy_bol',Verdana;}

.fdelets{ position:absolute; top:5px; right:5px; background-color:#FFFFFF; height:23px; width:23px; border-radius:23px; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3); line-height:23px; color:#990000; font-size: 12px; text-align:center; z-index:9; cursor:pointer; display:none;}
.polerename{ display:none; background-color:#FFFFFF; position:absolute; width:100px; margin-top:-25px; margin-left:-10px; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);}
.polerename input[type="text"] { border:none; background-color:#F8F8F8; width: 100%; outline: none; font-size: 10px; padding:5px; color:#000; transition: 0.1s;}

.panel_up_file{ background-color:#0099FF; padding-top:10px; background-color:#F9F9F9; padding-bottom:10px; padding-left:10px; padding-right:10px; border-radius:8px; margin-top:20px;}


.contrightpanel{ width:100%; height:100%; padding:20px; overflow-y: scroll;}
.blockview{ height:50%; width:100%; background-color:#FFFFFF; position:relative;  z-index:99999;}
.panel_information{}
.pn_text{ border-bottom:1px solid #666666; padding-top:20px; padding-bottom:20px; margin-bottom:5px;}
.pn_text span{ font-family:'gillroy_bol',Verdana; display:block; font-size: 10px; color:#999999;}
.pn_text strong{ font-weight:normal; font-family:'gillroy_med',Verdana; display:block; font-size:16px; color:#FFFFFF;}
.pn_text p{ font-family:'gillroy_med',Verdana; display:block; font-size:12px; color: #CCCCCC;}

.panel_uprav{ display:table; position:absolute; top:10px; right:10px;}
.panel_uprav span{ background: url('../images/bg.png') repeat; transition: 0.2s; margin:6px; width:40px; height:40px; border-radius:6px; color:#fff; line-height:40px; text-align:center; float:left; font-size:16px; display:block;}
.panel_uprav span:hover{box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3); color:#666666;}
#resize{ display:block;}
#unresize{ display:none;}
.file_images{ display:table; height:100%; max-height:100%; width:auto; margin-left:auto; margin-right:auto;}
.file_obsh_pan{ width:100%; height:100%;  overflow:hidden;}

.locked {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}
.file_textst{ width:100%; height:100%; padding:60px; display:block; border: none; font-family:'gillroy_reg',Verdana; overflow-y:scroll;}
.file_pdfst{width:100%; height:100%;}


/*////////////////////////////////////////////////////////////////////////Основное окно/////////////////////////////////////////////////////////////////////////////*/





@media (min-width: 1400px) and (max-width: 1500px) {
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/
.reg1{ padding:30px; }
.reg2{ padding:30px; }
.botreg{ font-size:14px;}
.log1_reg img{ height:70px; padding-right:20px;}
.log2_reg{ padding-left:20px; height:45px; margin-top:15px; padding-top:6px; font-size:14px; }
.log3_reg{padding-left:20px; height:45px; margin-top:15px; padding-top:14px;  padding-right:10%;}
.log3_reg a{font-size:14px;}
.reg_text{ font-size: 48px;}
.reg_img img{ width:70%; }
.reg_block h1{ font-size: 26px;}
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/
}


@media (min-width: 1300px) and (max-width: 1400px) {
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/
.reg1{ padding:30px;}
.reg2{ padding:30px; }
.botreg{ font-size:14px;}
.log1_reg img{ height:70px; padding-right:20px;}
.log2_reg{ padding-left:20px; height:45px; margin-top:15px; padding-top:6px; font-size:14px; }
.log3_reg{padding-left:20px; height:45px; margin-top:15px; padding-top:14px;  padding-right:10%;}
.log3_reg a{font-size:14px;}
.reg_text{ font-size: 48px;}
.reg_img img{ width:70%; }
.reg_block h1{ font-size: 26px; }
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/
}



@media (min-width: 1200px) and (max-width: 1300px) {
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/
.reg1{ padding:30px; }
.reg2{ padding:30px; }
.botreg{ font-size:14px;}
.log1_reg img{ height:70px; padding-right:20px;}
.log2_reg{ padding-left:20px; height:45px; margin-top:15px; padding-top:6px; font-size:14px; }
.log3_reg{padding-left:20px; height:45px; margin-top:15px; padding-top:14px;  padding-right:10%;}
.log3_reg a{font-size:14px;}
.reg_text{ font-size: 48px;}
.reg_img img{ width:70%; }
.reg_block h1{ font-size: 26px; }
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/
}


@media (min-width: 992px) and (max-width: 1199px) {
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/
.reg1{ padding:30px; }
.reg2{ padding:30px; }
.botreg{ font-size:14px;}
.log1_reg img{ height:70px; padding-right:20px;}
.log2_reg{ padding-left:20px; height:45px; margin-top:15px; padding-top:6px; font-size:14px; }
.log3_reg{padding-left:20px; height:45px; margin-top:15px; padding-top:14px;  padding-right:10%;}
.log3_reg a{font-size:14px;}
.reg_text{ font-size: 48px;}
.reg_img img{ width:70%; }
.reg_block h1{ font-size: 26px; }
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/
}


@media(min-width: 768px) and (max-width: 991px) {
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/
.registarations{ height:100%; width:100%;}
.reg1{ width:100%; position: static; left:0; padding:50px; height: auto; display:block;}
.reg2{ width:100%; display: block; position: static; padding:50px; height: auto;}
.reg2 .vertical_center{  display:table; width:50%; margin-left:auto; margin-right:auto; padding-bottom:60px;}
.topreg{ position: static; height: auto; z-index:1; width:100%;}
.centreg{ width:100%;  position: static; height: auto;  padding-top:60px; margin-top:0px;  padding-bottom:60px; }
.botreg{ position: static;  height: auto; width:100%; text-align:center; font-size:15px;}

.log1_reg{ float:left;  }
.log1_reg img{ height:80px; padding-right:10px;}
.log2_reg{ float:left; border-left:1px solid #CCCCCC; padding-left:10px; height:50px; margin-top:17px; padding-top:7px; font-size:15px; }
.log3_reg{ float:right; padding-left:0px; height:40px; margin-top:12px; padding-top:13px;  padding-right:0px;}
.log3_reg a{ font-size:15px;}

.reg_text{ float: none; width:100%; height: auto; text-align:center;  font-size: 62px; }
.reg_img{ width:100%; float: none;   height: auto; overflow: auto;}
.reg_img img{ width:60%; max-height:760px; display:table; margin-left:auto; margin-right:auto;}

.reg_block{ display:table; margin-left:auto; margin-right:auto; width:100%; text-align:center;}
.reg_block h1{  font-size: 32px;  color:#000000; text-align:center;  padding-bottom:30px;}
.reg_b_p{ padding-bottom:30px;}
.reg_b_p span{ font-size:14px; padding-bottom:5px; display:block;}
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////Основное окно/////////////////////////////////////////////////////////////////////////////*/
.controls{height:100%; width:100%; }
.control_left{ position:fixed; width:100%; padding:10px; display: block; 	min-height: inherit; height:50px;}
.cl_position1{ float: none; width: 30px;  height:30px;  display:block; }
.cl_position2{ display: none;}

.c_logo{width:10%; float:left;  }
.c_menu{float:left; width: 65%;}
.c_menu .cl_position1{ float: none; width: 30px;  height:30px; display:block; }
.c_cont{float:left; width: 25%; }
.c_menu .clear{ display:none;}

.c_logo svg{ width:30px; margin-bottom:0;}
.cm_menus{ display: block; height: auto;  width:100%; }
.cm_menus .vertical_center{ width:100%; display:block; height:auto;}
.cmm_link{width: 20%;  height:30px;  display:block; float:left; margin:0; padding:0; }
.cmm_link svg{ height:30px; }


.cс_control{display: block;  height: auto; width: 100%;  float:none;}
.ccc_control{width: 100%; }
.ccc_control .vertical_center{width:100%; display:block; height:auto;}

.ccc_link{height:20px; width:50%; padding:0px; float:left;  display:block; margin-top:0px; }
.ccc_link svg{ height:20px; }
.ccc_link .cl_position1{ width:30px; height:30px; display:table; margin-left:auto; margin-right:auto;}
.ccc_icons{ font-size:12px; line-height:30px;  }

.ccc_link:hover .cl_position1{ width:30px; height:30px; }
.ccc_link:hover .ccc_icons{ font-size:12px; line-height:30px; }


.proje_panel1{ display: block;}
.prp_j1{ padding:10px; min-width:100%; width:100%; display: block; flex: 0 0 auto; }

.prpj_block{ margin-bottom:10px;}

.projectsnot{ padding:0px; text-align:center;} 
.projectsnot span{font-size:26px; display:block; margin-top:30px; display:block; position: static;}
.projectsnot img{ max-width:100%; padding-top:20px; display:table; margin-left:auto; margin-right:auto; }

.control_center{ position: static;  width:100%; height: auto; top:0; left:0; overflow:hidden; overflow-y:scroll;}
.control_right{ position: fixed; z-index:900; width:100%; display:none; box-shadow: 0px 0px 00px rgba(0, 0, 0, 0.0); height:100%; }
.cc_panel{ height: auto; padding-left:0px; padding:20px; padding-top:50px; }


.cc_speedbar{ height: auto;  text-align:center; padding-top:50px; }
.ccs_h1{ float: none;  font-size:26px; height: auto; display:block; }
.ccs_h1 .vertical_center{ width:100%; display:block;}
.ccs_text{ float:none; display:block; height: auto; text-align:center;  padding-right:0px; padding-top:20px;}
.ccs_text .vertical_center{ width:100%; display:block;}

.korpus_block{ padding-top:30px; }

.subposbl1{margin-left:0px; float: none; margin-bottom:20px; margin-right:0px; display:table; margin-left:auto; margin-right:auto;}
.subposbl2{margin-left:0px; float: none; margin-bottom:20px; margin-right:0px; display:table; margin-left:auto; margin-right:auto;}
.formstyle{ }
.form_control{}
.form_data{ padding-top:20px;}
.fd_pos{ max-width:100%;}
.fdp_tabl{ margin-bottom:20px; display:block;}
.fdp1{ padding-right:0px;}
.fdp2{ padding-left:0px;}


.tickets{ margin-bottom:20px; width:100%; padding:20px;}
.tpp2_pan{ padding:20px; margin-bottom:20px; margin-top:20px; background-color:#FFFFFF; border-radius:7px; border-top:2px solid #f8f8f8;}

.tpp1{ height: auto; float:none; display:block; width:100%; padding-left:0px; padding-bottom:20px; line-height: normal; font-size:30px; text-align: center;}
.tpp1 .vertical_center{ display:block; text-align:center; width:100%;}
.tpp2{ height: auto; display:block; float:none; width:100%; padding-bottom:20px; }
.tpp2 .vertical_center{ display:block; text-align:center; width:100%;}
.tpp3{ height: auto; display: block; float:none; width:100%; padding-bottom:20px; }
.tpp3 .vertical_center{ display:block; text-align:center; width:100%;}
.tpp4{ height: auto; display: table; margin-left:auto; margin-right:auto; float: none;}
.tpp4 .vertical_center{ display:block; text-align:center; width:100%;}



.tppanel2_block{ margin-top:35px; margin-bottom:35px;}
.tppb_date{ padding-left:20px; padding-right:20px;  font-size:10px;}



.add_but{ display:table; width:40px; height:40px; line-height:40px;  border-radius:40px; font-size:26px;}

.add_panel{ display:none; text-align:center;}
.add_panel h1{font-size:26px; }
/*////////////////////////////////////////////////////////////////////////Основное окно/////////////////////////////////////////////////////////////////////////////*/

/* ======= {Хлебные крошки} ========= */
/*-----------Табы----------*/
.korpus > div, .korpus > input { display: none; }
.korpus{ padding-right:0px; padding-top:30px;}
.korpus label { padding-left:0px; text-align:center; padding-right:0px; display:block; float:none; font-size:14px;  line-height: normal; padding-top:15px; padding-bottom:15px;  }
.containerall{ overflow-x:scroll;}
/*-----------Табы----------*/
/* ======= {Хлебные крошки} ========= */
}


@media(max-width:748px){
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/
.registarations{ height:100%; width:100%;}
.reg1{ width:100%; position: static; left:0; padding:20px; height: auto; display:block;}
.reg2{ width:100%; display: block; position: static; padding:20px; height: auto;}
.reg2 .vertical_center{  display:table; margin-left:auto; margin-right:auto; padding-bottom:60px;}
.topreg{ position: static; height: auto; z-index:1; width:100%;}
.centreg{ width:100%;  position: static; height: auto;  padding-top:60px; margin-top:0px;  padding-bottom:60px; }
.botreg{ position: static;  height: auto; width:100%; text-align:center; font-size:11px;}

.log1_reg{ float:left;  }
.log1_reg img{ height:60px; padding-right:10px;}
.log2_reg{ float:left; border-left:1px solid #CCCCCC; padding-left:10px; height:40px; margin-top:12px; padding-top:5px; font-size:11px; }
.log3_reg{ float:right; padding-left:0px; height:40px; margin-top:12px; padding-top:10px;  padding-right:0px;}
.log3_reg a{ font-size:11px;}

.reg_text{ float: none; width:100%; height: auto; text-align:center;  font-size: 42px; }
.reg_img{ width:100%; float: none;   height: auto; overflow: auto;}
.reg_img img{ width:80%; max-height:760px; display:table; margin-left:auto; margin-right:auto;}

.reg_block{ display:table; margin-left:auto; margin-right:auto; width:100%; text-align:center;}
.reg_block h1{  font-size: 22px;  color:#000000; text-align:center;  padding-bottom:30px;}
.reg_b_p{ padding-bottom:30px;}
.reg_b_p span{ font-size:14px; padding-bottom:5px; display:block;}

.submit1{ padding-top:10px; padding-bottom:10px; padding-left:12px; padding-right:12px;   font-size:12px; }
.submit2{ padding-top:10px; padding-bottom:10px; padding-left:12px; padding-right:12px; font-size:12px; }
/*/////////////////////////////////////////////////////////////////////////Регистрация//////////////////////////////////////////////////////////////////////////////*/



/*////////////////////////////////////////////////////////////////////////Основное окно/////////////////////////////////////////////////////////////////////////////*/
.controls{height:100%; width:100%; }
.control_left{ position:fixed; width:100%; padding:10px; display: block; 	min-height: inherit; height:50px;}
.cl_position1{ float: none; width: 30px;  height:30px;  display:block; }
.cl_position2{ display: none !important;}

.c_logo{width:10%; float:left;  }
.c_menu{float:left; width: 65%;}
.c_menu .cl_position1{ float: none; width: 30px;  height:30px; display:block; }
.c_cont{float:left; width: 25%; }
.c_menu .clear{ display:none;}

.c_logo svg{ width:30px; margin-bottom:0;}
.cm_menus{ display: block; height: auto;  width:100%; }
.cm_menus .vertical_center{ width:100%; display:block; height:auto;}
.cmm_link{width: 20%;  height:30px;  display:block; float:left; margin:0; padding:0; }
.cmm_link svg{ height:30px; }


.cс_control{display: block;  height: auto; width: 100%;  float:none;}
.ccc_control{width: 100%; }
.ccc_control .vertical_center{width:100%; display:block; height:auto;}

.ccc_link{height:20px; width:50%; padding:0px; float:left;  display:block; margin-top:0px; }
.ccc_link svg{ height:20px; }
.ccc_link .cl_position1{ width:30px; height:30px; display:table; margin-left:auto; margin-right:auto;}
.ccc_icons{ font-size:12px; line-height:30px;  }

.ccc_link:hover .cl_position1{ width:30px; height:30px; }
.ccc_link:hover .ccc_icons{ font-size:12px; line-height:30px; }


.proje_panel1{ display: block;}
.prp_j1{ padding:10px; min-width:100%; width:100%; display: block; flex: 0 0 auto; }


.projectsnot{ padding:0px; text-align:center;} 
.projectsnot span{font-size:26px; display:block; margin-top:30px; display:block; position: static;}
.projectsnot img{ max-width:100%; padding-top:20px; display:table; margin-left:auto; margin-right:auto; }


.control_center{ position: static;  width:100%; height: auto; top:0; left:0; overflow:hidden; overflow-y:scroll;}
.control_right{ position: fixed; z-index:900; width:100%; display:none; box-shadow: 0px 0px 00px rgba(0, 0, 0, 0.0); height:100%; }
.cc_panel{ height: auto; padding-left:0px; padding:20px; padding-top:50px; }


.cc_speedbar{ height: auto;  text-align:center; padding-top:50px; }
.ccs_h1{ float: none;  font-size:26px; height: auto; display:block; }
.ccs_h1 .vertical_center{ width:100%; display:block;}
.ccs_text{ float:none; display:block; height: auto; text-align:center;  padding-right:0px; padding-top:20px;}
.ccs_text .vertical_center{ width:100%; display:block;}

.korpus_block{ padding-top:30px; }

.subposbl1{margin-left:0px; float: none; margin-bottom:20px; margin-right:0px; display:table; margin-left:auto; margin-right:auto;}
.subposbl2{margin-left:0px; float: none; margin-bottom:20px; margin-right:0px; display:table; margin-left:auto; margin-right:auto;}
.formstyle{ }
.form_control{}
.form_data{ padding-top:20px;}
.fd_pos{ max-width:100%;}
.fdp_tabl{ margin-bottom:20px; display:block;}
.fdp1{ padding-right:0px;}
.fdp2{ padding-left:0px;}


.tickets{ margin-bottom:20px; width:100%; padding:20px;}
.tpp2_pan{ padding:20px; margin-bottom:20px; margin-top:20px; background-color:#FFFFFF; border-radius:7px; border-top:2px solid #f8f8f8;}

.tpp1{ height: auto; float:none; display:block; width:100%; padding-left:0px; padding-bottom:20px; line-height: normal; font-size:30px; text-align: center;}
.tpp1 .vertical_center{ display:block; text-align:center; width:100%;}
.tpp2{ height: auto; display:block; float:none; width:100%; padding-bottom:20px; }
.tpp2 .vertical_center{ display:block; text-align:center; width:100%;}
.tpp3{ height: auto; display: block; float:none; width:100%; padding-bottom:20px; }
.tpp3 .vertical_center{ display:block; text-align:center; width:100%;}
.tpp4{ height: auto; display: table; margin-left:auto; margin-right:auto; float: none;}
.tpp4 .vertical_center{ display:block; text-align:center; width:100%;}



.tppanel2_block{ margin-top:35px; margin-bottom:35px;}
.tppb_date{ padding-left:20px; padding-right:20px;  font-size:10px;}



.add_but{ display:table; width:40px; height:40px; line-height:40px;  border-radius:40px; font-size:26px;}

.add_panel{ display:none; text-align:center;}
.add_panel h1{font-size:26px; }
/*////////////////////////////////////////////////////////////////////////Основное окно/////////////////////////////////////////////////////////////////////////////*/

/* ======= {Хлебные крошки} ========= */
/*-----------Табы----------*/
.korpus > div, .korpus > input { display: none; }
.korpus{ padding-right:0px; padding-top:30px;}
.korpus label { padding-left:0px; text-align:center; padding-right:0px; display:block; float:none; font-size:14px;  line-height: normal; padding-top:15px; padding-bottom:15px;  }
.containerall{ overflow-x:scroll;}
/*-----------Табы----------*/
/* ======= {Хлебные крошки} ========= */
}