.datepicker_vista {
	position: absolute;
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	color: #000;
	line-height: normal;
	width: 172px;
	height: 135px;
	padding: 14px;
	background: url(../images/datepicker/frame.png) no-repeat;
	z-index:9000;
}

/* header
********************************************************/
.datepicker_vista .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
}

.datepicker_vista .header .datepicker_title {
	text-align: center;
	margin: 0 18px 0 18px;
}

.datepicker_vista .header .titleText {
}

.datepicker_vista .header .previous,
.datepicker_vista .header .next,
.datepicker_vista .header .closeButton {
	position: absolute;
	cursor: pointer;
	text-indent: -40px;
	overflow: hidden;
	width: 12px;
	height: 12px;
	top: 2px;
	background-image: url(../images/datepicker/buttons.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.datepicker_vista .header .previous {
	left: 4px;
}
.datepicker_vista .header .previous:hover {
	background-position: left bottom;
}
.datepicker_vista .header .next {
	right: 4px;
	background-position: -13px top;
}
.datepicker_vista .header .next:hover {
	background-position: -13px bottom;
}
.datepicker_vista .header .closeButton {
	display: none;
	right: 0px;
	top: 0px;
	background-position: right top;
}
.datepicker_vista .header .closeButton:hover {
	background-position: right bottom;
}

/* body
********************************************************/
.datepicker_vista .body {
	position: relative;
	top: 0px;
	left: 2px;
	width: 168px;
	height: 112px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker_vista .time {
	position: relative;
	width: 100%;
	height: 100%;
}

.datepicker_vista .time .hour,
.datepicker_vista .time .separator,
.datepicker_vista .time .minutes {
	border: 1px solid #ccc;
	background: #fff;
	width: 50px;
	font-size: 32px;
	position: absolute;
	top: 10px;
	text-align: center;
	padding: 2px;
}

.datepicker_vista .time .hour {
	left: 15px;
}
.datepicker_vista .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 76px;
}

.datepicker_vista .time .minutes {
	left: 95px;
}
.datepicker_vista .time .ok {
	position: absolute;
	top: 65px;
	width: 136px;
	left: 15px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker_vista .days .day {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 23px;
	height: 15px;
	margin: 0 1px 1px 0;
}


.datepicker_vista div{
font-size: 12px;
line-height: 1.2em;

}


.datepicker_vista .days .titles {
	height: 15px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 1px;
}
.datepicker_vista .days .day0 {
	margin-right: 0;
}

.datepicker_vista .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker_vista .days .week .day {
	cursor: pointer;

}
.datepicker_vista .days .week .day:hover {
	background: url(../images/datepicker/days.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .days .otherMonth {
	color: #aaa;
}

.datepicker_vista .days .selected {
	background: url(../images/datepicker/days.png) left bottom no-repeat;
	color: #316879;
}

/* months-grid
********************************************************/
.datepicker_vista .months .month {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 55px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .months .month3,
.datepicker_vista .months .month6,
.datepicker_vista .months .month9,
.datepicker_vista .months .month12 {
	margin-right: 0;
}

.datepicker_vista .months .month10,
.datepicker_vista .months .month11,
.datepicker_vista .months .month12 {
	margin-bottom: 0;
}

/* months-colors
********************************************************/
.datepicker_vista .months .month:hover {
	background: url(../images/datepicker/months.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .months .selected {
	background: url(../images/datepicker/months.png) left bottom no-repeat;
	color: #316879;
}

/* years-grid
********************************************************/
.datepicker_vista .years .year {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 32px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .years .year4,
.datepicker_vista .years .year9,
.datepicker_vista .years .year14,
.datepicker_vista .years .year19 {
	margin-right: 0;
}

.datepicker_vista .years .year15,
.datepicker_vista .years .year16,
.datepicker_vista .years .year17,
.datepicker_vista .years .year18,
.datepicker_vista .years .year19 {
	margin-bottom: 0;
}

/* years-colors
********************************************************/
.datepicker_vista .years .year:hover {
	background: url(../images/datepicker/years.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .years .selected {
	background: url(../images/datepicker/years.png) left bottom no-repeat;
	color: #316879;
}

/* global
********************************************************/
.datepicker_vista .unavailable {
	background: none !important;
	color: #fbb !important;
	cursor: default !important;
}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
.eye_open { float:left; background:url('../images/sprite_cms.png') no-repeat 0px -2898px; width:40px; height:16px; cursor:pointer; }
.eye_close { float:left; background:url('../images/sprite_cms.png') no-repeat 0px -2923px; width:40px; height:16px; cursor:pointer; }

.pm_ugol { padding-top:5px; background:url('../images/sprite_cms.png') no-repeat -8px -2841px; height:18px; width: 18px; font-weight: bold; }
.pm_vline { width: 10px; height: 35px; margin-top: 4px; background:url('../images/vline_p.gif');}
.left_pict{float: left;}
.pm_hline{width: 17px; height: 16px;margin-left: -21px; background:url('../images/sprite_cms.png') no-repeat -21px -3260px;}
.left_line{width: 17px; height: 1px;margin-left: -21px; background:url('../images/sprite_cms.png') no-repeat -21px -3274px; margin-top: 13px;  float: left;}
.for_pm_vline{ padding-left:30px;background:url('../images/vline_p.gif') repeat-y;}
.bottom_div{width: 30px; height: 42px; margin-left: -30px; margin-top: -1px; background-color: #fff;}

.partition_manager { float:left; height:57px; }

.pm_item { padding:5px; border-radius: 6px; padding-bottom: 5px; }
.pm_item:hover { background-color: #f2f2f2;  }
.pm_item:hover .link1{background-color: #b20727;}
.pm_item:hover .link2{background-color: #087cb7;}
.pm_item:hover .link3{background-color: #08b357;}
.pm_item:hover .link4{background-color: gray;}
.pm_item:hover .hidden_id{color: #444;}
.pm_item:hover .pm_item3 a{color: #fff;}
.pm_item span { padding-left:5px; }
.pm_item span a { font-size:12px; color:#036596; }

.pm_item_del {padding:5px; border-radius: 6px; padding-bottom: 5px; }
.pm_item_del:hover { background-color: silver;  }
.pm_item_del:hover .link1{background-color: #b20727;}
.pm_item_del:hover .link2{background-color: #087cb7;}
.pm_item_del:hover .link3{background-color: #08b357;}
.pm_item_del:hover .link4{background-color: gray;}
.pm_item_del:hover .hidden_id{color: #444;}
.pm_item_del:hover .pm_item3 a{color: #fff;}
.pm_item_del span { padding-left:5px; }
.pm_item_del span a { font-size:12px; color:#036596; }

.pm_item2 { height:24px; }
.pm_item3 { height:24px; }
.pm_item3  a{color: transparent; font-size: 13px; text-decoration: none;}
.pm_name{float: left; font-size: 16px;}
.pm_link{float: left;}

.link1{ float:left;padding-top:1px; padding-bottom: 2px; padding-left: 5px;padding-right: 5px; border-radius: 2px;margin-left: 2px; cursor: pointer;}
.link2{ float:left;padding-top:1px; padding-bottom: 2px; padding-left: 5px;padding-right: 5px; border-radius: 2px;margin-left: 2px; cursor: pointer;}
.link3{ float:left;padding-top:1px; padding-bottom: 2px; padding-left: 5px;padding-right: 5px; border-radius: 2px;margin-left: 2px; cursor: pointer;}
.link4{ float:left;padding-top:1px; padding-bottom: 2px; padding-left: 5px;padding-right: 5px; border-radius: 2px;margin-left: 2px; cursor: pointer;}

#made_of_moving{width: 300px;height: auto;background-color: silver;color: #fff; border-radius: 2px;float: right;padding: 5px;font-size: 16px; display: none;}
#made_of_moving div{width: 80px; padding-top: 8px; padding-left: 111px; cursor: pointer; color: #444; font-weight: 600; }
#name_moving{border: 0; background-color: silver; padding: 0; color: #444}
.hidden_id{color: transparent;}

#descr_page{margin-left: 180px; font-size: 13px;}.file_block{position:relative;}
.file_block{position:relative; width:600px; min-height:20px; border:1px solid #ccc; border-radius:5px; padding:5px; overflow:hidden; 
	border:1px solid #ccc; border-radius:5px; text-align:center;}
.file_block  .a_file .f_file {opacity:0; position:absolute; left:0; top:0;}
.file_block .a_file, .file_block .a_fil2 {display:block; position:absolute; right:5px; top:5px; padding:5px 0 8px;}
.file_block .m_file {position:relative; top:0; left:0; width:96%; height:100%; padding:0; text-align:left; padding:0 2%; color:lightgreen; font-style:italic; text-align:left;}
.file_block .m_file.a1 {margin: 20px 0 0;}
.file_block .p_file {margin:8px 0; min-height:20px;}
.file_block .file_item {float:left; position:relative; width:150px; margin:10px; border:1px solid #ccc; padding:5px;}
.file_block .file_item img {display:block; width:150px; height:100px;}
.file_block .a_file {width:150px; border:1px solid #ccc; border-radius:5px;}
.file_block .a_fil2 {width:250px;}
.file_block h2{margin-top:0; text-align:left; padding:0 10px;}

.file_block a { cursor: pointer; }

#panel_articles .file_block { border:0; width: 125px; }
#panel_articles .file_block a { border:0; }
#panel_articles .f_file { width: 125px; cursor: pointer; }

#load_block { height: 30px; }

#load_block .file_block { border:0; width: 140px; height: 20px; overflow: hidden; padding: 0px; }
#load_block .file_block a { border:0; height: 20px; overflow: hidden; padding:0px; margin:0px;  }

#gallery_panel span .file_block{width: 160px; border: 0;}
#gallery_panel span .file_block a{ border: 0;}
#gallery_panel span .file_block a input[type=file]{margin-top: -25px;}
/*спрятать инпут для хрома и оперы*/
.banner_tbl td .file_block a input[type=file],#panel_articles .file_block a input[type=file]
{margin-top: -25px;}



.file_block a input[type=file]{margin-top: -25px;}
/*Каталог*/
#admin_photo div .file_block .a_file { width: 140px !important;}
#catalog_item .file_block{border: none;width: 140px;float: left;}
#catalog_item .file_block .a_file { border: none;}
#catalog_item .file_block .a_file {top:0; padding: 0;} 
#catalog_item .file_block {min-height: 10px;}
/*Каталог*/
#site_text_page .file_block{width: 160px; border: 0;}
#site_text_page .file_block a{ border: 0;}
#site_text_page .file_block a input[type=file]{margin-top: -25px;}
#worker { }

#worker { height: 50px; margin-top: 16px; }
#worker a { display: block; height: 24px; line-height: 24px; } 
.article_block { }


/* Для админки */
#articles_form { width: 99%; position: relative; }
#articles_form select, #articles_form input[type=text] { width: 99%; }
#articles_form input[type=submit] { float: right; margin-top: 7px; }
#articles_form textarea { width: 99%; }

#articles_form select { width: 270px; position: absolute; font-size: 15px; line-height: 32px; height: 32px; right: 0px; }


#articles_form label { display: block; padding-bottom: 3px; }

#articles_form #date_block { position: absolute; right: 240px; width: 200px; }
#articles_form #date_block label { display: block; float: left; width: 140px; }
#articles_form #date_block input { display: block; float:left; width: 140px; }

#articles_form #date_block, #articles_form select { top: -46px; }

/* Панель для админки */


/* Список статей */
.articles { margin-bottom:40px; overflow: hidden; }

/*
.articles .photo { float:left; width:170px; border-radius: 8px; }
.articles .photo img { border-radius: 8px; }

.articles .content { margin-left:190px; margin-right: 20px; height: 150px; overflow: hidden; }
*/

.articles .content { margin-right: 20px; overflow: hidden; }

.articles .content div { font-size: 13px; color:#666; }

.articles .content h2 { padding-bottom: 8px; }
.articles .content h2, .articles .content h2 a { font-size:19px; line-height: 1.3; }
.articles .content p a { font-size:15px; text-decoration: none; color:#444444; }
.articles .content h2 a:hover, .articles .content p a:hover { text-decoration: none; }

/* Одна статья */
.article_item { overflow: hidden; }
.article_item .actions_panel a { display: block; }

/*
.article_item .photo { float:left; width: 300px; }
.article_item .content { margin-left:340px; }
*/

.article_item .caption_addon { padding-bottom:9px; padding-top:4px; font-size: 13px; }


/*Панель загрузчика*/
.article_item .actions_panel .file_block { min-height: 25px; height: 25px; width: 130px; border: none !important; }
.article_item .actions_panel .file_block .a_file { border: none !important; }
#panel_articles .file_block { min-height: 25px; height: 25px; }



#site_text_page { position: absolute; top: 25px; right:70px; z-index:17; }
#site_text_page { position: absolute; top: 25px; right:70px; z-index:17; }
#text_form select{width: 79%; float: right;}
#text_form label{width: 19%; float: right;}

#text_form { width:99%; height:400px; };
#text_form textarea { height:400px; }

        #login_form { }

#lk a { padding-right: 14px; }

#login_form { position:relative; height:220px; }


#login_form input[type=submit] { position: absolute; right:0; bottom:0; }
#login_form input[type=text] {font-size: 14px }

#login_form #autorize_text_block { position: absolute; left: 0px; top: 220px; }
#login_form #autorize_text_block span { padding-left: 30px; }

#reg_form { position: relative; }
#reg_form input[type=submit] { position: absolute; right:0; bottom:0; }
#reg_form input[type=radio] { width: 100%; line-height: 1.5; }

#reg_text_block { font-size: 13px; position: absolute; left:0; bottom:auto; }

#forget_form { position:relative; height:100px; }
#forget_form input[type=submit] { position: absolute; right:0; bottom:0; }


#lk_exit { width: 31px;height: 31px; background:url('../images/sprite.png') no-repeat 0px -1412px; display:block;
position: absolute; right:0px; top:0px; }

.form_out input[type=text]#whosaid { display: none; }
.form_out input[type=text]#whosaid.active { display: block; }

#panel_begin #small_panel #reg_form { height: auto !important; }
#panel_begin #small_panel #reg_form input[type=submit] { bottom: -40px; }
#panel_begin #small_panel #reg_form label { width: 300px; }



.animated input[type=submit] { bottom: -5px !important; }



#forget_form_container form { float: left; width: 44%; padding-right: 3%; position: relative; }

#forget_form_container input[type=submit] { position: static !important; }
#forget_form_container .form_out label { font-size: 13px; width: 100%; }

#auth_phone { margin-top: 40px; }
#auth_phone a { font-size: 18px; }

#reg_text { position: absolute; bottom: 58px; left: 20px; font-size: 18px; }
.reg_text_telegram { bottom: 55px !important; }
#text_bottom { position: absolute; left: 20px; right: 250px; bottom: 20px; font-size: 13px; }


#telega_info {
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 1.6;
    margin-top: 16px;
    height: 150px;
 
}

#telega_info strong { display: block; margin-top: 10px; color: #000; }


#panel_begin #small_panel form { margin-bottom: 32px; }


#code_panel_title { text-align: center; margin-top: 32px; font-size: 32px; }

#enter_panel { overflow: hidden; margin: 0 auto; width: 168px; margin-top:64px; }
#code_panel { overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; }

#enter_panel a { display: inline-block; width: 16px; height: 16px; margin-left: 12px; margin-right: 12px; border-radius: 100%; border: 1px solid #ccc; text-align: center; line-height: 32px; }
#enter_panel .selected { background: #75bb22; border: 1px solid #75bb22; }

#code_panel a { display: inline-block; float: left; width: 33.3333%; height: 96px; box-sizing: border-box; 
	border-top: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; line-height: 96px; font-size: 30px; color: #000; font-weight: 300; }
#code_panel a:nth-child(3n) { border-right: 0; }
#code_panel a:nth-child(10), #code_panel a:nth-child(12) { font-size: 24px; }


#code_panel a:hover { text-decoration: none; }
#code_panel a:active { color: #fff; background: #ff9000; }


.code_panel_bg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 150;
    background: #fff;
}.vitrina { }

/* Основная витрина */
.vitrina, #vitrina2 { position: relative; }
.vitrina .actions_panel { cursor: pointer; right: 10px; }


#vitrina1 .vd, #vitrina2 .vd { display: none; }


.vitrina_item { height: 290px; }


.vitrina_container { width: 25%; }


#vitrina1, #vitrina3, #vitrina4 { overflow: hidden; height: 300px; }

#vitrina2 .vitrina_container { width: 25%; height: 240px; }
#vitrina2 .vitrina_container .vitrina_item { height: 240px; }

/* Общие параметры для витрин */
.vitrina { overflow: hidden;  margin-bottom: 40px; }
.vitrina { margin-right: -10px; overflow: hidden; }
.vitrina_container { float: left; overflow: hidden; }

.vitrina_item { position: relative; background: #f5f5f5; border-radius: 3px;
	margin-right: 10px; margin-bottom: 30px; padding: 6px; overflow: hidden; }

.vitrina_item img { width: 100%; overflow:hidden; height: auto; }

.vitrina_item h3 { padding-top: 12px; font-size: 16px; line-height: 1.2; 
	height: 27px; overflow: hidden; margin-bottom: 12px; }

.vitrina_item h3 a { text-decoration: none; }
.vitrina_item h3 a:hover { text-decoration: underline; }

/* Это не понял че такое */

/*
.vitrina_item .vitrina_photo { background-color: #fff; display: block; height: 180px; overflow: hidden; }
*/


/* не трогай. Это под кнопки */
.vitrina_item p { float: left; padding-top: 5px; font-size: 18px; }
.vitrina_item div { float: right; background: #e25c0b;
color: #fff; padding: 3px 8px; border-radius: 3px; font-size: 15px;cursor: pointer;}


/*кнопки*/
.price_block { margin: 0;padding-left: 5px; }
.catalog_add_btn { float:right; background: #e25c0b;
color: #fff; padding: 4px 12px; border-radius: 3px;font-size: 17px; cursor: pointer;}

.catalog_col { position: relative; border: 1px solid #ff6b01; border-radius: 6px;width: 50px;height: 30px;}
.plus { background:url('../images/sprite.png') -199px -374px no-repeat;
width: 17px; height: 13px;position: absolute;border: 0;left: -8px;top:2px; }
.plus:hover { background:url('../images/sprite.png') -182px -374px no-repeat; }

.minus { background:url('../images/sprite.png') -235px -375px no-repeat;
width: 17px; height: 13px;position: absolute;border: 0;left: -8px;top:14px; }

.minus:hover { background:url('../images/sprite.png') -217px -375px no-repeat; }


/* Это текстовый инпут что-то здесь делает */
.catalog_btn input[type=text] { background: #f5f5f5; border: 0; float:right; height: 25px; 
	border-radius: 5px;padding: 0;font-size: 18px; width: 40px; margin-top: 2px; }




.vitrina_item .panel_el { opacity: 0.8; position: absolute; top:0; right:0px; width: 100%; height: 100px; 
	background-color: #fff; border-radius: 3px; border-bottom: 1px solid #ccc; }
.vitrina_item .panel_el a { display: block; font-size: 15px; padding: 20px; padding-top: 12px; padding-bottom: 0px;  }

.vitrina_item .panel_el .panel_el_mini { position: absolute; margin: 0 auto; width: 40px; height: 10px; background-color:red; }#panel_cap { }

/*Шапка панели */
#panel_cap { position: relative; overflow: hidden; background-color:#0479af; /*background:url('../../images/sprite_cms.png') repeat-x 0px -9px;*/ height:66px; }
#panel_cap { z-index: 10; position: fixed; top:0; left: 0; width: 100%; }

#panel_cap #panel_cap2 { font-size:27px; padding-left:20px; padding-top:15px; 
	float:left; color:#ffffff; padding-right: 40px; }
#panel_cap div, #panel_cap span, #panel_cap a { color:#ffffff; }
#panel_cap #panel_close { float:right; padding:23px; color:#ffffff; }

#panel_cap #menu a { text-decoration: none; font-size: 13px; text-align: center; 
	display: block; float: left; width: 80px; height: 22px; margin-top: 10px; padding-top: 26px; }



/*
#panel_cap #menu { cursor: pointer; position: absolute; left:300px; width: 370px; height: 70px; }
#panel_cap #menu { background:url('../../images/cmenu.png') no-repeat; top:-5px; }
*/

/*
#l_panel { background-color:#0479af; color:#fff; }
#l_panel a { padding-bottom: 4px; padding-top: 4px; background-color:#0479af; color:#fff; }
#l_panel a:hover { opacity: 0.9; }
*/

.circle { margin: 0; padding: 0; color:#fff; font-size: 12px; background-color: red; width: 20px; 
	height: 20px; border-radius: 13px; line-height: 18px; text-align: center; position: absolute; left: 150px; top:18px; }


#calendar_ico { background: url("../images/cmenu.png") no-repeat -9px -24px;  }
#messages_ico { background: url("../images/cmenu.png") no-repeat -102px -24px; }
#tasks_ico { background: url("../images/cmenu.png") no-repeat -189px -24px; }
#uch_ico { background: url("../images/cmenu.png") no-repeat -275px -24px; display: none !important; }
#projects_ico { background: url("../images/cmenu.png") no-repeat -358px -24px; }
#objects_ico { background: url("../images/cmenu.png") no-repeat -438px -24px; }
#show_panel_ico { background: url("../images/cmenu.png") no-repeat -524px -24px; }


#panel_cap #menu a#projects_ico { display: none; }
/*

#calendar_ico:hover { background: url("../images/cmenu.png") no-repeat -9px -91px;  }
#messages_ico:hover { background: url("../images/cmenu.png") no-repeat -102px -91px; }
#tasks_ico:hover { background: url("../images/cmenu.png") no-repeat -189px -91px; }
#uch_ico:hover { background: url("../images/cmenu.png") no-repeat -275px -91px; }
#projects_ico:hover { background: url("../images/cmenu.png") no-repeat -358px -91px; }
#objects_ico:hover { background: url("../images/cmenu.png") no-repeat -438px -91px; }
#show_panel_ico:hover { background: url("../images/cmenu.png") no-repeat -524px -91px; }

*/#order_content_block { }

/*
#order_content_block h3 { text-align: right; margin-top: 20px; margin-bottom: 40px; }
*/

.o_total_blocks {
    float: left;
    margin-right: 100px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.not_reg_info {
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    display: inline-block;
    background-color: #f8f8f8;
    border-radius: 5px;
}

.not_reg_info a {
    margin-top: 5px;
     display: block;
}


#out_center a.print_order_pdf {
    position: absolute;
    left: 440px;
    top: 27px;
}

a.print_order_pdf {
    background-color: #ff9000;
    color: #fff;
    cursor: pointer;
    margin-bottom: 10px;
    display: inline-block;
    text-decoration: none;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
}

a.print_order_pdf:hover {
    opacity: .9;
    text-decoration: none;
}

#zakazi_block_form .form_out select,
#zakazi_block_form .form_out input[type=text],
#zakazi_block_form .form_out input[type=password],
#zakazi_block_form .form_out textarea {
    width: 300px;
}

#zakazi_block_form .form_out div {
    margin-bottom: 0px;
    float: left;
    width: 33.333%;
}

.order_filter_btns {
    float: left !important;
    width: 497px !Important;
    margin-left: 66.77777%;
    box-sizing: border-box;
}

.order_filter_btns > * {
    float: right !important;
}

div#zakazi_block_form {
    border: 1px solid rgb(204, 204, 204);
    overflow: hidden;
    padding: 10px;
    /*width: 500px;*/
    background-color: rgba(242, 242, 242, 0.49);
    border-radius: 3px;
}


.orderClearInput {
    margin-left: 4px;
    font-size: 17px;
    position: relative;
    top: 0px;
    background-color: rgb(84, 84, 84);
    height: 18px;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    width: 18px;
    display: inline-block;
    line-height: 15px;
}
.orderClearInput:hover {
    opacity: .9;
}
.fullClearOrderFilterBtn {
    margin-right: 20px;
    display: inline-block;
    line-height: 34px;
    height: 34px;
  /*  background: none repeat scroll 0 center #545454;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-appearance: none;
    border-radius: 3px;
    float: right;*/
}
.fullClearOrderFilterBtn:hover {
    opacity: .9;
}


#order_header { overflow: hidden; margin-bottom: 30px; }
#order_header div { float: left; width: 50%; }

#order_header div p span { color:red; }


#itogo { float: right; overflow: hidden; margin-top: 20px; }
#itogo p, #itogo p span { font-size: 19px; line-height: 1.3;  }

#order_form > div select {
    color: #444;
}
#order_form > div{

    padding-left: 2px;
}

#order_list .catalog_full {
    border: 1px solid #e2e2e2 !important;
    border-radius: 5px;
    margin-top: 10px !important;
    box-sizing: border-box;
    height: 125px !Important;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px !Important;
    padding-right: 10px;
}









#order_form .leaflet-popup-content-wrapper .popup_block .popup_img_div { width:170px; height:127px; overflow: hidden; display: inline-block; border: 2px solid #fff;}
#order_form .leaflet-popup-content-wrapper .popup_block .popup_img_div a,
#order_form .leaflet-popup-content-wrapper .popup_block .popup_img_div img
{ margin: 0px !important; padding: 0px !important;}

#order_form .leaflet-popup-content-wrapper { max-height: 500px !important; padding-bottom: 10px; }
#order_form .leaflet-popup-content-wrapper .popup_block { text-align: center;}
#order_form .leaflet-popup-content-wrapper .popup_block p { 
	float: none; 
	white-space: nowrap;
}
#order_form .leaflet-popup-content-wrapper .popup_obj_name { 
	margin-right: -15px !important;
    display: inline-block;
}

#order_form label > span {
    padding: 0px;
    display: inline-block !important;
    color: #e43737;
    font-size: 20px;
    position: relative;
    bottom: -4px;
}


#order_form .req_text {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
}


#order_form .req_text > span {
    padding: 0px;
    display: inline-block !important;
    color: #e43737;
    font-size: 20px;
    position: relative;
    bottom: -4px;
}


#order_form .leaflet-container a { color:#fff; text-decoration: underline;}


#order_form select, #order_form input[text], #order_form div input, #order_form textarea{
    border: 1px solid #9ACA02 !important;
    border-radius: 3px;
    background-image: url('../images/order_input_top.png');
    background-repeat: repeat no-repeat;
    background-size: 1px 2px;
}

#order_form label {width: 100% !important; margin-top: 15px !important;}


.bnt_sn { position: relative; }
.bnt_sn a { position: absolute; font-size: 14px; margin-left: 10px; top: 12px; }


#cms_table input[type=text], #cms_table select { padding: 3px; height: 24px; border: 1px solid #ccc; width: 200px; }

#my_order .reorder {
    position: static !important;
    /* right: 0; */
    /* top: 0; */
    /* background: #ff9000; */
    /* color: #fff; */
    /* text-decoration: none; */
    /* padding: 0 10px; */
    /* border-radius: 5px; */
    /* font-size: 14px; */
    /* line-height: 24px; */
    /* height: 24px; */
    background-color: #ff9000;
    color: #fff;
    cursor: pointer;
    margin-bottom: 10px;
    display: inline-block;
    text-decoration: none;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    margin-left: 10px;
}


#orders_xml { overflow: hidden; position: absolute; right: 80px; top: 32px; }
#orders_xml a { margin-left: 16px; font-size: 14px; }

#order_edit_form { background: #ff9000; color: #fff; }

#goods_block { background: #f2f2f2; padding: 16px; margin-bottom: 32px; }
#goods_block input[type=text] { padding: 10px; border-radius: 4px; border: 0; width: 560px; }
#goods_block input[type=submit] { border-radius: 4px; background: #ff9000; color: #fff; margin-left: 8px; height: 34px; }

#cms_table .null td { color: #ccc; }

#goods_block_out { margin-top: 16px; background: #fff; max-height: 200px; overflow-y: scroll; }
#goods_block_out h3 { padding: 8px; padding-top: 16px; font-weight: bold; }
#goods_block_out p { line-height: 1.3; padding: 8px; }
#goods_block_out p span { font-weight: bold; }

.life_time_panel #cms_table input[type=text] { width: 40px; padding: 2px; border-radius: 4px; }



#orders_status_list {
    overflow: hidden;
    margin-bottom: 16px;
}

#orders_status_list > div { padding-top: 4px; }
#orders_status_list div { padding-right: 8px; margin-bottom: 8px; }
#orders_status_list div a { display: block; border-radius: 10px; border: 1px solid #ccc; padding: 4px; padding-left: 8px; padding-right: 8px; }


#ban_list { clear: both; margin-bottom: 16px; }
#ban_list h3 { padding-top: 32px; }
#ban_list .form_out { width: 500px; position: relative; }
#ban_list .form_out input[type=text] { width: 390px; }
#ban_list .form_out input[type=submit] { position: absolute; right: 0; top: 2px; width: 100px; border-radius: 5px; }

#ban_list p { background: yellow; padding: 4px; padding-left: 8px; padding-right: 8px; border-radius: 4px; display: inline-block; }


#orders_total { overflow: hidden; margin-top: 16px; margin-right: 16px; }
#orders_total p { font-size: 17px; }
#orders_total p span { font-weight: bold; }

#search_panel { background: #f2f2f2; padding: 20px; border-radius: 5px; overflow: hidden; }
#search_panel .form_out input[type=text] { width: 400px; float: left; }
#search_panel .form_out input[type=date] { width: 190px; float: left; margin-left: 10px; height: 36px; color: #666; }
#search_panel .form_out input[type=submit] { width: 100px; float: left; border-radius: 5px; margin-left: 10px; margin-top: 2px; }
#search_panel a { display: block; float: left; width: 140px; margin-left: 36px; margin-top: 10px; }.calendar_item {}

.calendar_item, .calendar_empty { width:14.2857%; float:left; }
.calendar_item div, .calendar_empty div { height:32px; border-right:1px solid #cccccc; border-top:1px solid #cccccc; }

.calendar_item div p { font-size: 14px; text-align: center; padding-top: 6px; }

.current_date { background-color:#a7d6f1; }
.class_vix { color:red; }

#calendar_block { width: 100%; height: auto; overflow: hidden; border-left: 1px #ccc solid; border-bottom: 1px #ccc solid; }.ico_add {  }
.ico_add { width: 20px; height: 20px; background-color: #ccc; }#personal_block { }
#personal_block { overflow: hidden; position: relative; height: 130px; }


.user_online { background-color: green; color: #fff; padding: 3px 6px; }
.user_offline { background-color: grey; color: #ccc; padding: 3px 6px; }
.user_online, .user_offline { border-radius: 3px; }

#personal_block .user_online, #personal_block .user_offline { margin-left: 10px; }


/*
#cabinet_left { float: left; width: 200px; border-left: 1px #ccc solid;
	border-right: 1px #ccc solid; height: 100%; border-bottom: 1px #ccc solid; }
#cabinet_center { margin-left: 230px; overflow: hidden; height: 100%; }
*/

/* display: block; - тогда панели не видно */

#cabinet_left { width: 180px; overflow: hidden; display: block; background-color: #fff; 
	position: absolute; top:87px; border-left: 1px #ccc solid;
	border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; }

#cabinet_left a { position: relative; text-decoration: none; display: block; padding: 14px 0; border-top:1px #ccc solid; padding-left: 20px; }
#cabinet_left a:hover { background-color: #f2f2f2; }

/*
#user_photo { float:left; width:160px; height:180px; }
#user_info {  margin-left:190px;  height:180px; }
*/

#user_info { height:100px; }


#load_photo { background-color:#f7c263; padding:4px; width:152px; position: absolute; top:0; right:0; }
#load_photo a { font-size:12px; color: #333; }

#load_photo .file_block { border: 0; }

#my_data, #my_password, #my_dostavka { padding-bottom:14px; }

#my_data input[type=submit]   { float:right; text-align;right; }

.block_submit  { height:30px; }

#my_data input[type=text], 
#my_password input[type=text], 
#my_dostavka input[type=text], 
#my_dostavka input[type=select], 
#my_social input[type=text], 
#my_mobile input[type=text], 
#my_card input[type=text], 

#my_password input[type=password], 
#my_dostavka input[type=password], 
#my_social input[type=password], 
#my_mobile input[type=password], 
#my_card input[type=password] 

{ background: none; border: 1px solid rgba(0,0,0,0) }

#my_data input[type=submit],
#my_password input[type=submit], 
#my_dostavka input[type=submit], 
#my_social input[type=submit], 
#my_mobile input[type=submit], 
#my_card input[type=submit]

{ display:none }
#mailing_off{}
#mailing_off p{}

#msg_left { }

.msg_item { padding-bottom:6px; overflow: hidden; }

.msg_item div { float:left; font-size: 13px; }
.msg_item p { margin-left: 200px; margin-right: 100px; } 

.msg_item span { display: block; float:right; font-size: 13px; }


#msg_left { float:left; width:30%; height:150px;  }

#msg_left .form_out label { display: block; float:left; width: 60px;  }
#msg_left .form_out input[type=text] { display: block; float:left; width: 140px; border: 1px solid #ccc; }
#msg_left .form_out input[type=submit] { display: block; float:left; width: 50px; }



#msg_right { float:right; width:68.5%; text-align: left; }

#msg_personal { height:100px; border: 1px solid #ccc; padding: 14px; overflow: hidden; }
#messages_list { height:300px; overflow-y:scroll; border: 1px solid #ccc; margin-top: 14px; padding: 14px; }

#msg_personal h3 { font-size: 24px; line-height: 1.2; }

#msg_form { height:100px; border: 1px solid #ccc; margin-top: 14px; }
#msg_users_search { height:100px; border: 1px solid #ccc; padding: 14px; }


#messages_users { height:418px; overflow-y:scroll; border:1px #ccc solid; margin-top: 14px; padding: 14px; }

#messages_users .textsmall2, #messages_list .textsmall2 { 
	font-size:12px; color:#666; line-height: 1.2; }


#msg_form div { padding: 10px; }
#msg_form textarea { width: 100%; border: 0; }
#msg_form input[type=submit] { float: right; margin-top: 14px; }

#tasks_form { }

#tasks_form { width: 700px; background: #fff; padding: 16px; }
#tasks_form textarea { height: 200px !important; }


#tasks_form #priority { display: block; overflow: hidden; margin-top:16px; height:40px; }

#task_period { overflow: hidden; }
#task_period input { width: 110px !important; margin-right: 1px; font-size: 14px; }

#tasks_left {
    
    width: 240px;
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    border: 1px solid #ccc;
    transition: 1s all; 
    background: #fff;
    margin-left: 0 !important;

}


#tasks_left div { padding: 16px; }
#tasks_left div p { font-weight: bold; margin-bottom: 16px; }
#tasks_left div a { display: block; margin-bottom: 7px; padding-left: 32px; }

#tasks_right { margin-left: 356px; }

#tasks_balance { position: absolute; right: 36px; top: 24px; width: 210px; }
#tasks_balance p { font-weight: bold; float: left; margin-right: 12px; line-height: 32px; color: #fff; font-size: 20px; }
#tasks_balance a { float: left; display: block; font-size: 14px; width: 70px; height: 32px; color: #fff; text-align: center; line-height: 32px; text-decoration: none; }


#tasks_form_admin input[type=submit] {
    width: 36px !important;
    top: 13px;
    right: 10px;
    font-size: 13px;
    border-radius: 5px;
    height: 28px;
    float: left;
    display: none;
}


#tasks_form_admin { margin-bottom: 16px !important; position: relative; }

#current_status_priority { overflow: hidden; margin-bottom: 32px; }
#current_status_priority p { float: left; margin-right: 16px; font-size: 14px; }
#current_status_priority p span { font-weight: bold; }

#tasks_status_history { font-size: 14px; color: #666; border-left: 4px solid #ebdb93; padding-left: 16px; padding-top: 8px; padding-bottom: 8px; margin-top: 16px; }
#tasks_status_history p { margin-top: 16px; margin-bottom: 16px; font-size: 14px; position: relative; }
#tasks_status_history span { font-weight: bold; font-size: 15px; color: #444; }

#tasks_status_history p:before { content:''; display: block; width: 16px; height: 16px; border-radius: 8px; background: #ebdb93; position: absolute; left: -26px; top: 2px; }

#tasks_status_history p:first-child:before { background: #D20F37 !important; }



.tasks_form { width: 800px !important; }

.tasks_form h3 { margin-left: 5px; font-weight: normal; font-size: 17px; }
.tasks_form .close_form2 { top: 12px; }

#task_selected	{ margin-top: 16px; }
#task_selected h4 { margin-bottom: 18px; font-weight: 500; font-size: 17px; }

#task_selected textarea { height: 200px !important; margin-bottom: 10px; width: 100% !important; }


#task_about {
    font-size: 12px;
    margin-top: 5px;
    color: #666;
    margin-left: 5px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: right;
}

#task_form_tabs { position: absolute; right: 10px; top:12px; }
#task_form_tabs a { font-size: 14px; }

#tasks_items { margin-right: -16px; }

.task_item { float: left; width: 33.3333%; }

.task_item div { background: #fff; padding: 10px; position: relative; 
cursor: pointer; margin-bottom: 16px; margin-right: 16px; height: 130px; overflow: hidden; }


/*
.task_item.my { margin-right: 0; } 
*/

.task_item h3 {
    color: #000 !important;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 24px;
    margin-top: 0;
}


.task_item i { display: block; position: absolute; right: -15px; bottom: -15px; width: 30px; height: 30px; transform: rotate(45deg); }
.task_item s { display: block; position: absolute; right: 32px; top:10px; font-size: 18px; font-weight: 500; text-decoration: none; display: none; }
.task_item span { display: block; }


.task_item p, .task_item span { font-size: 14px; }



.polzun { display: block; width: 48px; height: 24px; box-sizing: border-box; background: #ccc; border-radius: 12px; position: relative; }
.polzun i { display: block; width: 24px; height: 24px; border-radius: 12px; background: #666; position: absolute; left: 0; transition: all 0.3s;  }
.off i { left: 24px !important; transition: all 0.3s; }


#detector_left3 { background: #fff; }

#filter_priority a { float: left; display: block; width: 32px; height: 16px; margin-right: 16px; margin-left: 0; }

#task_line { background: #fff; padding-bottom: 16px; }
#task_line a { line-height: 2; }

#task_selected_left { float:left; width: 60%; background: #fff; position: relative; }
#task_selected_left > div { padding: 16px; }
#task_selected_right { float: left; width: 40%; position: relative; }
#task_selected_right > div { padding: 16px; margin-left: 32px; background: #fff; }
#task_selected_right > div h3 { font-weight: bold; margin-bottom: 10px; }

#task_change_status_block { background: none !important; margin-top: 16px; display: none; }


#task_change_status_block a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px;
    background: #ebdb93;
    color: #000;
    text-align: center;
    line-height: 32px;
    height: 32px;
    border-radius: 5px;
}



#task_change_status_button {
    display: block;
    border-radius: 5px;
    line-height: 38px;
    height: 38px;
    background: #75bb22;
    border: 0 none;
    color: #fff;
    font-size: 15px;
    text-align: center;
    width: 220px;
    text-decoration: none;

}


#task_selected h1 {
    font-size: 22px;
    padding-bottom: 10px;
    line-height: 28px;
    padding-right: 150px;
}


.task_selected_p { font-size: 17px; line-height: 1.5; }


#task_comments div i { display: block; width: 32px; height: 32px; position: absolute; left: -50px; top: 6px; border-radius: 16px; background: #f2f2f2; font-style: normal; text-align: center; line-height: 32px; font-size: 12px; }
#task_comments div span { font-weight: 500; color: green; font-size: 14px; }
#task_comments div { background: #f2f2f2; padding: 16px; border-radius: 10px; margin-bottom: 16px; margin-left: 70px; margin-right: 70px; position: relative; }
#task_comments .task_comment_my { background: #fef6d5; margin-right: 0; }


#task_file_button .file_block { width: 100%; padding: 0; line-height: 32px; }
#task_file_button .file_block .a_file { width: auto; border: none; border-radius: 0; line-height: 32px; }
#task_file_button .file_block .a_file, .file_block .a_fil2 { display: block; position: static; padding: 0; }


#filter_out { position: relative; background: #fff; padding: 16px; margin-bottom: 16px; overflow: hidden; height: 20px; }

#filter_out h1 { font-size: 18px; line-height: 19px; float: left; font-weight: bold; }
#filter_out h1 span { font-size: 13px; margin-left: 10px; font-weight: normal; }


.filter_out { float: left; margin-left: 64px;  overflow: hidden; }



.filter_out a {
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    margin-right: 16px;
    border: 1px solid #ccc;
    padding: 4px;
    padding-left: 8px;
    padding-right: 30px;
    position: relative;
    font-size: 14px;
    border-radius: 5px;
}


.filter_out a span {
    display: block;
    position: absolute;
    right: 7px;
    top: 5px;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}



#tasks_filter_left {
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    color: #000;
    text-align: center;
    line-height: 32px;
    border-radius: 5px;
    position: absolute !important;
    top: 7px;
    right: 10px;
    z-index: 101;
}


#tasks_add {
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    color: #000;
    text-align: center;
    line-height: 32px;
    border-radius: 5px;
    position: absolute !important;
    top: 7px;
    right: 52px;
}











#my_profile { }





#my_profile_left { float: left; width: 320px; }
#my_profile_right { margin-left: 356px; }

#my_profile_left div { width: 300px; min-height: 200px; border: 1px solid #ccc; margin-left: 16px; }


#my_profile h3 { font-size: 15px; margin-top: 15px; margin-bottom: 20px; text-transform: uppercase; font-weight: bold; }

#my_profile  {
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    background-color: #fff;
    min-height: 63px;
    overflow: hidden;
    padding: 20px;
    padding-top: 32px;
    margin-bottom: 10px;
    position: relative;
}

#my_profile div img { width: 100%; height: auto; display: block; }
#my_profile div p { font-weight: bold; margin-top: 7px; margin-bottom: 16px; font-size: 17px; }

.my_profile_edit { position: absolute; right: 20px; top: 20px; border-radius: 16px; background: #75bb22; color: #fff; text-align: center; 
    text-decoration: none !important; padding: 4px; padding-left: 12px; padding-right: 12px; font-size: 14px; height: 27px; line-height: 27px; }

.my_profile_edit:hover { background: #fd931b; }



#password_edit a { position: static !important; display: inline-block; background: #fd931b !important; color: #fff; border-radius: 16px; text-align: center; text-decoration: none; padding: 4px;
    padding-left: 12px; padding-right: 12px; font-size: 14px; height: 27px; line-height: 27px;  width: auto !important; }

#password_edit a:hover { background: #75bb22 !important; }

#telegram_edit i, #telegram_edit i a { font-style: normal; font-size: 14px; }

/*
.my_orders_filter a {
    float: left;
    margin-left: 20px;
    margin-right: 10px;
    text-decoration: none;
    font-size: 15px;
}

.my_orders_filter a.my_status_active,
.my_orders_filter a:hover {
    text-decoration: underline;
}

*/




.sum_total { font-weight: bold; text-align: right; font-size: 19px; margin-top: 32px; }

#my_orders_block_left { overflow: hidden; float: left; width: 50%; }
#my_itogo { float: left; width: 50%; overflow: hidden; }

#link_company { position: absolute; right: 32px; top:32px; width: 320px; background-color: #f2f2f2; padding: 16px; border-radius: 12px; }
#link_company h3 { font-size: 24px; padding-bottom: 4px; }
#link_company p { line-height: 1.2; }

#my_orders_open { background: #fff; }
#my_orders_block_left p span, #my_itogo p span { font-weight: bold; }

.button_pay { display: block; width: 200px; height: 44px; border-radius: 5px; background: #e6040b; color: #fff; text-align: center; line-height: 44px; text-decoration: none; }
.button_pay:hover { color: #fff; opacity: 0.85; }

/*

#subscribe_div { margin-left: 16px; margin-top: 32px; }

.link_gal {
    display: block;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    margin-bottom: 7px;
    padding-left: 44px;
    position: relative;
    padding-left: 48px;
}


.link_gal a { text-decoration: none; }

.link_gal .selected:before {
    content: "";
    background: url('../images/icons_gal_mini.svg') no-repeat 0 0;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 5px;
    width: 28px;
    height: 28px;
}


.link_gal a:before {
    content: "";
    background: url('../images/icons_gal_mini.svg') no-repeat 0 -38px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 5px;
    width: 28px;
    height: 28px;
}



#edit_telegram i { display: block; font-style: normal; margin-top: 7px;  margin-bottom: 7px; color: #666; }
#edit_telegram i, #edit_telegram i a { font-size: 14px; }
#edit_telegram i a { position: static !important; }

#my_profile input[type=submit] { padding: 0; height: 47px; line-height: 47px; }

*/

#orders_tab { clear: both; overflow: hidden; height: 60px; }
#orders_tab a { display: inline-block; padding: 8px; padding-left: 16px; padding-right: 16px; border: 1px solid #ccc; border-radius: 5px; margin-right: 8px; }
#orders_tab a:hover { text-decoration: none; }
#orders_tab .selected { background: #85bc39 !important; color: #fff; }


/* Итоги */
.sum_total { position: relative; }
.sum_total span { display: block; }

.sum_total span s { color: #ccc; font-size: 15px; font-weight: normal; }
.sum_total span em { color: #fd931b; font-size: 15px; font-weight: normal; font-style: normal; }

.sum_total p { font-weight: bold; margin-bottom: 16px; }
.sum_total div { position: absolute; left: 0; top: 0; }
.sum_total div p { text-align: left; font-weight: normal !important; }


#order_accept { display: block; width: 200px; height: 44px; line-height: 44px; background: #fd931b; color: #fff; text-align: center; text-decoration: none; border-radius: 5px; margin-right: 16px; }
#order_otkaz { display: block; width: 200px; height: 44px; line-height: 44px; background: #f2f2f2; text-align: center; text-decoration: none; border-radius: 5px; font-size: 16px; }
#order_accept, #order_otkaz { float: left; }


/* Баллы */
#fox_trail .right { overflow: hidden; }
#fox_trail .right div { width: 20%; float: left; text-align: center; }

#fox_trail .right div p { margin-bottom: 8px;  }
#fox_trail .right div p span { margin-top: 10px; display: block; width: 64px; height: 64px; line-height: 64px; background: #fd931b; border-radius: 100%; color: #fff; text-align: center; margin: 0 auto; }


.hsw { color: #2ea5bb; text-decoration: none; font-size: 19px; transition: 0.3s; position: absolute; right: 0; top: 10px; }
.hsw:hover { text-decoration: none; color: #fd931b; }



.sum_total h3 { text-align: left; clear: both; }
.sum_total p {  }



#fox_trail { margin-bottom: 32px; }

#fox_trail .right div p {
    margin-bottom: 8px;
    padding-top: 10px;
}


#form_charity { width: 250px; position: relative; margin-bottom: 32px; }
#form_charity input[type="number"] { width: 100px; }
#form_charity input[type="submit"] { position: absolute; right: 0; top: 3px; border-radius: 5px; background: #2ea5bb; }

.cafo_text { margin-top: 16px; }


#fox_trail { background: #f2f2f2; margin-top: 16px; }
#detector_left { }
#detector_left { position: absolute; bottom: 0; box-sizing: border-box; }
#detector_left2 { position: relative; right: 0; left: 0; top:0; }
#detector_left3 { position: fixed; width: 324px; padding: 16px; box-sizing: border-box; }




#detector_left {
    position: absolute;
    box-sizing: border-box;
    background: #333;
    left: 0;
    height: 100%;
    width: 324px;
}








#detector_left h3 { font-weight: bold; margin-bottom: 10px; }

/*
#detector_left a { display: block; margin-bottom: 7px; font-size: 15px; color: #444; }
*/

#detector_left a {
    display: block;
    margin-bottom: 7px;
    font-size: 15px;
    color: #444;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    margin-right: 10px;
}


#detector_items { margin-right: -16px; overflow: hidden; }

#detector_right { margin-left: 356px; overflow: hidden; margin-right: -16px; }
#detector_right .detector_item { width: 20%; float: left; }
#detector_right .detector_item > div { position: relative; padding: 16px; margin-right: 16px; margin-bottom: 16px; background: #fff; height: 340px; overflow: hidden; }

#detector_right .detector_item s { display: block; width: auto; height: 130px; overflow: hidden; margin-top: 7px; margin-bottom: 10px; }
#detector_right .detector_item s img { display: block; width: 100%; height: auto; }
#detector_right .detector_item h3 { font-weight: bold; color: #000; height: 44px; font-size: 16px; text-decoration: none; }
#detector_right .detector_item p { font-size: 13px; }

.detector_info { overflow: hidden; }

.detector_info p { display: block; width: 50px; height: 55px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; }
.detector_info img { display: block; width: 100% !important; height: auto; }


.detector_del {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 80px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    z-index: 100;
    font-size: 13px;
}

#detector_filter { overflow: hidden; margin-bottom: 16px; padding-left: 8px; background: #fff; height: 48px; }
#detector_filter p { float: left; padding-right: 16px; font-size: 14px; line-height: 24px; }
#detector_filter a { display: block; float: left; height: 16px; line-height: 16px; margin-right: 16px; border: 1px solid #ccc; 
	padding: 4px; padding-left: 8px; padding-right: 30px; position: relative; font-size: 14px; border-radius: 5px; }


#detector_filter a { text-decoration: none; position: relative; }
#detector_filter #detector_menu { position: absolute; right: 0; top: 0; }
#detector_filter #detector_menu a { display: inline-block; margin-left: 8px !important; height: 16px; padding-left: 8px; padding-right: 8px; background: yellow; }


#detector_filter a span { display: block; position: absolute; right: 7px; top: 5px; width: 16px; height: 16px; border-radius: 10px; font-size: 12px; line-height: 16px; text-align: center; }

.detector_window { position: relative; min-height: 260px; }
.detector_window .img {  }
.detector_window .img img { display: block; width: 100%; height: auto; }

.detector_window p { padding-bottom: 7px; }
.detector_window p span { margin-left: 16px; font-weight: bold; }


#detector_objects_photos { overflow: hidden; height: 270px; margin-top: 32px; }

#detector_objects_photos h3 { font-weight: normal; font-size: 18px; }

#detector_objects_photos p { float: left; width: 100px; margin-right: 16px; }
#detector_objects_photos p img { display: block; width: 100%; height: auto; }

#detector_objects { overflow: hidden; }
#detector_objects h3 { font-size: 20px; margin-top: 16px; font-weight: 500; }
#detector_objects .img { width: 100px; float: left; margin-right: 10px; margin-bottom: 10px; }



#detector_objects > div { position: relative; overflow: hidden; }

#detector_objects > div i {
    display: block;
    position: absolute;
    right: -15px;
    bottom: -15px;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    background: #D20F37;
}#docs { }

/*
#docs_left { float:left; width: 20%; background: #f2f2f2;  }

#docs_left > div { padding: 32px; padding-top: 0; }
#docs_left > div h3 { font-size: 19px; padding-bottom: 16px; font-weight: 500; }

*/



#docs_right { float:right; width: 400px; position: absolute; right: 0; top: 0; }
#docs_center_container { margin-left: 354px; margin-right: 400px; overflow: hidden; position: relative; }

#docs_center1 { background: #fff; margin-bottom: 16px; padding: 16px; }
#docs_center {  }

#docs_center img { display: block; }
#docs_center textarea { width: 100% !important; height: 1000px !important; overflow-y: scroll; }

#docs_right > div { padding: 32px; padding-top: 0; padding-right: 0; }
#docs_right a { display: block; margin-bottom: 7px; }


#docs_center b { color: red; }


#docs_items { overflow: hidden; margin-right: -16px; }
.docs_item { width: 50%; float: left; }
.docs_item > div { margin-right: 16px; margin-bottom: 16px; background: #fff; }

.docs_item > div a { display: block; height: 100px; overflow: hidden; }

.docs_item > div s {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

.docs_item > div s img { display: block; width: 100%; height: auto; }

.docs_item > div h3 { float: none; margin-left: 100px; font-weight: bold; margin-top: 10px; font-size: 17px; }
.docs_item > div p { float: none; margin-left: 100px; font-size: 14px; }




#docs_create_button { display: block; width: 100%; height: 44px; background: #ccc; color: #fff; text-align: center; line-height: 44px; border-radius: 5px; margin-bottom: 16px; }

#search_open { margin-bottom: 32px; position: relative; margin-top: 16px; width: 300px; position: absolute; left: -350px; top: -11px; transition: 0.7s all; }
#search_open input[type=text] { width: 234px; height: 33px !important; }
#search_open input[type=submit] { position: absolute; right: 0; top: 2px; border-radius: 5px; background: #ccc; color: #000; width: 70px; }

.search_open { left: 15px !important; }

#docs_info { overflow: hidden; background: #fff; padding: 16px; margin-bottom: 32px; transition: 0.7s all; }
#docs_info h3 { font-weight: 500; font-size: 16px; margin-bottom: 7px; }
#docs_info p { margin-bottom: 7px; }
#docs_info p span { margin-left: 7px; font-weight: 500; }

#docs_info a {
    
    display: block;
    border-radius: 5px;
    line-height: 34px;
    height: 34px;
    background:  #D20F37;
    border: 0 none;
    color: #fff;
    font-size: 13px;
    text-align: center;
    width: 110px;
    margin-top: 6px;
    float: left;
    margin-right: 6px;
    
}


#docs_button { position: absolute; right: 12px; top:12px; width: 32px; height: 32px; line-height: 32px; border: 1px solid #ccc; border-radius: 5px; text-align: center; text-decoration: none; }

#docs_photos_small { overflow: hidden; clear: both; margin-top: 32px; }
#docs_photos_small p { float: left; width: 32%; margin-right: 10px; height: 300px; }
#docs_photos_small p img { width: 100%; height: auto; }









#docs_types, #docs_params { overflow: hidden; }
#docs_types a, #docs_params a { display: inline-block; margin-right: 10px; margin-bottom: 10px; padding-left: 12px; padding-right: 12px; background: #ebdb93; color: #000; 
	text-align: center; line-height: 32px; height: 32px; border-radius: 5px; }

#docs_types h3, #docs_params h3 { font-size: 19px; padding-bottom: 16px; font-weight: 500; }

#docs_types .form_out textarea { height: 100px; overflow-y: scroll; }

#docs_params { margin-top: 16px; }
#docs_params a { padding-top: 7px; font-weight: 500; height: 44px; line-height: 1; background: #c9efb8; }
#docs_params a span { display: block; font-weight: 500; margin-top: 5px; }

.docs_types { background: #fff; padding: 16px; }


#upload_block .file_block { width: 120px; padding: 0; line-height: 32px; position: absolute; right: 32px; top:32px; }
#upload_block .file_block .a_file { width: auto; border: none; border-radius: 0; line-height: 32px; }
#upload_block .file_block .a_file, .file_block .a_fil2 { display: block; position: static; padding: 0; }

#block_nav { margin-bottom: 16px; }
#block_nav a { margin-right: 16px; }

#docs_types .selected_button { background: #66cc33; color: #fff; text-decoration: none; }
 
.info_height {  }
.info_height p { display: none; }



.form_out label {
    float: left;
    padding: 4px;
    text-align: left;
    position: relative;
    top: 0px;
    margin-right: 5px;
    font-size: 13px;
    padding-bottom: 0;
    color: #666;
}


#docs_form { max-height: 500px; overflow-y: scroll; }


#docs_button_big { display: block; width: 240px; height: 44px; background: red; color: #fff; text-align: center; 
    line-height: 44px; border-radius: 5px; margin-top: 16px; text-decoration: none; }


#docs_template_form { position: relative; }
#docs_template_form .form_out_first { margin-bottom: 10px; }
#docs_template_form .form_out_first input[type=text] { margin-bottom: 10px; line-height: 44px !important; height: 40px; font-weight: bold; }

#docs_template_form input[type=submit] { position: absolute; right: -2px; top: 28px; border-radius: 5px; height: 40px; width: 120px; }



#block_images { overflow: hidden; margin-top: 32px; }
#block_images div { float: left; width: 25%; overflow: hidden; }
#block_images div p {  background: red; margin-right: 10px; margin-bottom: 10px; height: 110px; overflow: hidden; box-sizing: border-box; box-shadow: 0 0 5px rgba(0,0,0,0.5); }




#block_images div img { display: block; width: 100%; }
#block_images div a { display: block; width: 100%; height: 100%; padding: 0; }


#upload_block .file_block { display: none; }


#docs_comments { border-left: 4px solid #D20F37; padding-left: 10px; margin-top: 36px; margin-bottom: 36px; }

#comment_button {
    
    margin-top: 16px;
    display: block;
    margin-bottom: 24px;
    font-size: 15px;
    color: #444;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    margin-right: 10px;
    background: #fff !important;
}


#docs_comments_form { display: none; }
.docs_comments_form { display: block !important; }


#button_back { position: absolute; width: 200px; height: 32px; background: #ebdb93; text-align: center; 
    line-height: 32px; left: 0; right: 0; margin: 0 auto; overflow: hidden; border-radius: 0 0 15px 15px;  }

* { margin: 0px; padding: 0px; }
html { -webkit-text-size-adjust: none; overflow-y: scroll; }
html, body { height:100%; }

img { border: 0px;}
ul, ol { list-style:none; }
ul, ol, li, dl, dt, dd, h1, h2, h3, pre, form, body, html, p, blockquote, input, td, th, a, textarea
{
    margin:0;
    padding:0;
    FONT-FAMILY: "Roboto", sans-serif;
    COLOR:#333;
    FONT-SIZE: 17px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 22px
}



textarea, input { border: 1px solid #444; outline:none; resize: none; padding:4px; }

input[type=radio], input[type=checkbox]
{
    border: none;
}

h1{ COLOR: #000; font-size:34px; line-height:43px; padding-bottom: 14px; font-weight: 500; }
h2{ COLOR: #000; FONT-SIZE: 28px; line-height: 1; padding-bottom: 15px; font-weight: 500; }
h3{ COLOR: #000; FONT-SIZE: 18px; LINE-HEIGHT: 19px; padding-bottom:4px;}

h2 a { font-weight: 500; }

a { COLOR: #d20f37; TEXT-DECORATION: none; cursor:pointer; outline:none; }
a:hover { text-indent: 0; TEXT-DECORATION: underline; color: #d20f37; }

.newstext { COLOR:#444444; }

ul{
    list-style-type: circle;
    margin-left: 15px;
}

ol
{
    list-style-type: decimal;
    margin-left: 20px;
}

select
{
    border: 1px solid #aaa;
}

table
{
    border-spacing: 0;
}
/*-------------------------- end of reset --------------------*/


hr { width:100%; height:1px; border:none; color:#DDDDDD; border-bottom:1px solid #DDDDDD; margin:1em 0 1em 0; clear:both; }
*html hr { margin:0.1em 0 0.1em 0; }	
	

legend {padding: 3px; background-color: #ffffff;}
fieldset { border:solid 1px #5b5b5b; padding:10px; }



input[type=submit] { background: none repeat scroll 0 center #D20F37;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 26px;
    line-height: 1.1;
    text-align: center;
    width: 100px; 
   -webkit-appearance: none;

}

input[type=submit]:hover { opacity: 0.85; }



ol li { padding:0px 0px 4px 0px; margin:0 0 0 0px; }
ol { margin-left: 20px; }

table { border-spacing: 0; }

legend {padding: 3px; background-color: #000000;}
fieldset { border:solid 1px #5b5b5b; padding:10px; }


.message, .message_link { COLOR:#f59823; TEXT-DECORATION: none; font-weight: bold; }
.message_link:hover { TEXT-DECORATION: underline }

#tinymce .small_text, .small_text { font-size: x-small; margin-bottom:0; font-weight: normal;}

ul li { list-style-type: none; background: url("../images/v.png") no-repeat 0px 4px; 
padding-left: 24px; padding-bottom: 8px; }
ol li { padding:0px 0px 4px 0px; margin:0 0 0 0px; 
list-style-type: decimal;padding-left: 24px;}


/* Стили оформления для редактора */
.style_hitech { font-size:86%; color:#444444; background-color: #f8e6d1; padding:20px; 
    border-top: 5px #c56c01 solid; border-radius:0 0 6px 6px; }

.style_barokko { font-size:86%; color:#444; background-color: #fff6d9; padding:20px; 
    border-top: 5px #fe9941 solid; border-radius:0 0 6px 6px; }

.style_modern { font-size:86%; color:#478b5c; background: url("../images/style_modern.gif") repeat-y; 
background-color: #d7f3d0; padding:20px; border-radius:6px; }


/* Отступы между абзацами */
#block_index p, #tinymce p, #catalog_item p { padding-bottom:8px; }
.style_hitech, .style_barokko, .style_modern { margin-top:10px; margin-bottom: 20px; padding-bottom: 25px !important }

#index_text_page p { padding-bottom:8px; }

#tinymce .small_text, .small_text { font-size: 13px; font-weight: normal; }

#tinymce ul li { list-style-type: none; background: url("../images/v.png") no-repeat 0px 4px; 
padding-left: 24px; padding-bottom: 8px; }
#tinymce ol li { padding:0px 0px 4px 0px; margin:0 0 0 0px; 
list-style-type: decimal;padding-left: 24px;}

/*таблицы*/
#tinymce table { width: 99%; }

.main_table { border: 1px solid #ccc;  padding: 4px; width: 100%;
     border-collapse:collapse; empty-cells:show; margin:0; vertical-align:top; 
     border-spacing: 0; font-size:80%; }

/*
.main_table tr:first-child { background-color: #fff; }
.main_table tr:first-child td { border-color:#fff; border-bottom: 4px #ff6c02 solid; }
.main_table tr:nth-child(even) { background-color: #f8e6d1; }
*/

.main_table td:first-child { width: 70%; }
.main_table tr:nth-child(even) { background-color: #f2f2f2; }

.main_table tr td { border: 1px #ccc solid; padding: 8px; text-align: left; }


#wrap { width: 100%; overflow-x: hidden; background: #000; }

#menu_open { display: none; width: 25px; height: 20px; background: url('../images/ico_menu.png') no-repeat 0 0; position: absolute; left: 10px; top: 32px; z-index: 1153; }

#logo_container { left: 44px; top:12px; }
.menu_open { display: block !important; }

#new_generation { position: relative; overflow: hidden; }

#new_generation > div {
    float: left;
    width: 31%;
    height: 260px;
    box-sizing: border-box;
    margin-right: 20px;
    margin-left: 5px;
}


#new_generation > div {  margin-bottom: 20px; margin-top: 10px; box-shadow: 2px 2px 14px 0px rgba(112, 120, 211, 0.16); box-sizing: border-box; position: relative; cursor: pointer; overflow: hidden; }
#new_generation > div:hover { box-shadow: 2px 2px 14px 0px rgba(112, 120, 211, 0.4); }

#new_generation > div div { position: absolute; left: 20px; right: 20px; top:20px; }
#new_generation > div:hover div {  }


#new_generation div i { display: block; background: #fbe7a7; width: 20px; height: 20px; border-radius: 100%; position: absolute; right: 0; bottom: 0; }
#new_generation div s { width: 60px; height: 60px; display: block; background: url('../images/ico_u_m2.svg') no-repeat center center;  
background-size: 100%; position: absolute; left: 0px; top: 16px; z-index: -1; }

#gen1 { background: url('../images/ico_u_m.svg') no-repeat center center !important; background-size: 100% !important; }
#gen2 { background: url('../images/ico_u_s.svg') no-repeat center -10px !important; background-size: 90% !important; }
#gen3 { background: url('../images/ico_u_w.svg') no-repeat center center !important; background-size: 75% !important; }
#gen4 { background: url('../images/ico_u_call.svg') no-repeat center center !important; background-size: 85% !important; }
#gen7 { background: url('../images/ico_u_h.svg') no-repeat center 10px !important; background-size: 100% !important; }
#gen9 { background: url('../images/ico_u_v.svg') no-repeat center center !important; background-size: 90% !important; }

#new_generation div h2 { font-size: 26px; padding-top: 16px; padding-bottom: 12px; padding-left: 72px; }
#new_generation div h2 span { color: #d20f37; }
#new_generation div p { font-size: 15px; color: #000; line-height: 1.3; margin-top: 32px; }


#new_best { background: #F5F6FF; overflow: hidden; height: 120px; border-radius: 5px; margin-top: 32px; margin-bottom: 32px; }
#new_best div { padding-top: 24px; }
#new_best div div { float: left; width: 33.3333%; min-height: 150px; padding: 10px; box-sizing: border-box; }
#new_best span { font-weight: bold; color: #d20f37; display: block; }

#partners_block { padding: 32px; border: 1px solid #ccc; box-sizing: border-box; margin-bottom: 64px; }
#partners_block h2 { font-size: 30px; font-weight: bold; }

#logo { background:url('../images/logo_new.png') no-repeat 0 0; width:258px; height:65px; }
#logo_gradient { display: block; position: absolute; z-index: 3; width: 300px; height: 300px; mask-image: url('../images/mask2.png');
    background-image: linear-gradient(145deg, transparent 30%, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.6) 27%, transparent 27%, transparent 100%);

    -webkit-animation: flare 6s infinite;
    -webkit-animation-timing-function: linear;
    background-position: -300px;
    -webkit-mask-image: url('../images/mask2.png');
}


#slider_so { display: none; }

#logo_container { background: transparent !important; overflow: hidden; z-index: 1; }
#logo_container, #logo { display: block; width:258px; height:65px; position: absolute; }

@-webkit-keyframes flare {
    100% { background-position: 300px; }
}



/*

#slider_so { height: auto; position: relative; background-color: #fff; overflow: hidden; margin: 0 auto; margin-top: -60px; clear: both; }


#slider_so .bn_s, #slider_so .bp_s { position: absolute; display: block; text-align: center; line-height: 48px; border-radius: 30px;
width: 48px; height: 48px; background-color: #ededed !important; text-decoration: none; color: #444 !important; }

#slider_so .swiper-slide { padding-bottom: 0 !important; height: 200px; }

#slider_so .swiper-slide .container div { margin-top: 32px; }
#slider_so .swiper-slide .container div h3 { font-size: 40px; color: #fff; line-height: 1.1; font-weight: bold; }

#slider_so .bn_s { right: 16px; top: 82px; }
#slider_so .bp_s { left: 16px; top: 82px; }

*/




#sender_block {  margin:0px auto; padding-top:80px; width:487px; text-align:center; }

#kroxi { padding-bottom: 9px; }
#kroxi, #kroxi a { font-size: 13px; }



.background { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000;
background-color:#ccc; background: rgba(102,102,102,0.8) !important; }


.background_so { position: fixed; left: 0; top: 117px; right: 0; bottom: 0; z-index: 1000;
background-color:#ccc; background: rgba(102,102,102,0.8) url('../images/textures.jpg') 0 -12px !important; }


#form_num_container { overflow: hidden; margin-top: 32px; }
#form_num_container p { display: block; width: 33%; float: left; margin-bottom: 24px; outline: none; }
#form_num_container p a { margin: 0 auto; text-align: center; color: #ccc; display: block; outline: none;
  width: 56px; height: 56px; border-radius: 28px; line-height: 56px; font-size: 30px; font-weight: 500; border: 1px solid #6c7482; }

.num_exit { font-size: 20px !important; border: 0 !important; }
.num_del { font-size: 30px !important; border: 0 !important; }



#form_num_msg { margin: 0 auto; height: 40px; line-height: 40px; color: #fff; text-align: center; margin-top: 20px; }


#form_num_container p a:hover { text-decoration: none; outline: none !important; }
#form_num_container p a:active { background: #fff !important; color: #000 !important; outline: none !important; }

#form_num_container p a:hover, #form_num_container p a:active {
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }


#num_small_container { width: 120px; margin: 0 auto; height: 24px; margin-top: 10px; }
#num_small_container p { float: left; width: 25%; }
#num_small_container p span { display: block; width: 16px; height: 16px; border-radius: 8px; border: 1px solid #666; margin: 0 auto; }

.num_small_fill { background: #6c7482 !important; }

:active, :hover, :focus {
    outline: 0 !important;
    outline-offset: 0 !important;
}




#block_autorize { border-radius:6px; opacity:1; background-color: #fff; width: 624px; position: relative; 
    margin: 0 auto; margin-top: 110px; height: auto; padding: 30px; padding-top: 20px; overflow: hidden; }

.close_form, .close_form2  { position: absolute; top:24px; right:24px; width: 31px; height: 31px; 
    background-color: #ccc; cursor: pointer; background: url('../images/sprite.png') 70px -20px; }

.close_form:hover, .close_form2:hover { opacity: 0.9; }

#block_autorize h1 { padding-bottom: 36px; }


#sender_block h1 { color:#ffffff; font-size:24px; }
#sender_block div span { color:#999999;  font-size:13px; }

#send_clock { margin:0px auto; background:url('../images/sprite.png') no-repeat -892px -1160px; width:75px; height:93px; }
#send_raduga { background:url('../images/sprite.png') repeat-x 0px -1360px; width:487px; height:15px; }
#send_raduga_shadow { position:relative; z-index:75; background:url('../images/sprite.png') no-repeat -19px -1325px; height:15px; width:487px; }
/* Отправка данных. Конец */


/* Вопросы и ответы. Начало */

.questions_main {
    float: left;
    width: 50%;
    padding-right: 30px;
    box-sizing: border-box;
}

.questions_main_w_photo p { padding-left:45px; padding-bottom:17px; font-style:italic; font-size:15px; line-height:1.3; }
.questions_main_w_photo div { padding-left:55px; font-size:13px; line-height:1.3; text-align: right; color: #757575;}

.questions_main_w_photo.last { float: right; }

#portfolio_container { background:url('../images/portfolio_all2.jpg') no-repeat; width:980px; height:310px; }
#portfolio_container1 { float: left; width:301px; height:310px; position: relative; }
#portfolio_container2 { margin: auto; width:301px; height:310px; position: relative; }
#portfolio_container3 { float: right; width:301px; height:310px; position: relative; }


.site_title { 
    width: 102%; 
    height: 30px; 
    position: absolute; 
    color: #464646;
    bottom: -40px; 
    margin-left: -3px; 
    text-align: center;
    line-height: 23px;
    padding-top: 20px; 
    text-decoration: none;  
}


.site_title span { color: #D20F37; }

#portfolio_container1 a, #portfolio_container2 a, #portfolio_container3 a { 
    float: left;
    height: 310px;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%;
}

.site_title:hover { text-decoration: none !important; }
#portfolio_container1 a:hover div span, #portfolio_container2 a:hover div span, #portfolio_container3 a:hover div span{
    text-decoration: none !important; 
}

#portfolio_container div { float:left; width:326px; height:305px; text-align:center; padding-top:100px; color:#ffffff; }
#portfolio_container div:hover { background:url('../images/sprite.png') no-repeat -18px -1199px; }

#portfolio_container .p2 { padding-left:25px; width:315px; }
#portfolio_container .p3 { padding-left:0px; }

.portfolio_item { width: 302px; height: 310px; float: left; margin: 0px 24px 40px 0px; position: relative; }
.portfolio_item a { width: 100%; height: 310px; float: left; }


#lmenu {
    float: left;
    width: 240px;
    padding-right: 30px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    padding-bottom: 32px;
}

#bg_top { margin:0 auto; /* height:119px; */ background:url('../images/bg_lights.jpg') no-repeat; position: relative; }

#container_top { background: #fff; height:90px; position: relative; transition: all 0.5s; margin: 20px; margin-top: 0; border-radius: 0 0 10px 10px; position: fixed; left: 0; right: 0; top: 0; z-index: 20; }

#shadow_top { background:url('../images/textures.jpg') repeat-x 0px -623px; height:50px; }

#shadow_top2 { background: url("../images/textures.jpg") repeat-x scroll 0 -1268px #E5E5E5;
               height: 39px; position: relative; z-index: 1; }

#shadow_top3 { background: url("../images/shadow.png") repeat-x scroll top center transparent;
               height: 60px; position: relative; z-index: 1; }

#clients2 { background:url('../images/clients.gif') no-repeat; height:200px; }


#bg_work { height:470px; position: relative;}

#bg_news { height:auto; background:url('../images/texture_w2.gif') #E8E8E8; padding-top: 44px; padding-bottom: 50px;}

#about { height:auto; padding-top: 44px; padding-bottom: 50px; }
#about h1{ color: #2E2E2E; font-size: 30px; line-height: 32px; padding-bottom: 24px; }

#bg_clients {background: url("../images/texture_w.gif") repeat scroll 0 0 transparent;
             min-height: 100px;
             padding-bottom: 50px; 
             position: relative;
             padding-top: 44px;
}

#block_q { background:url('../images/texture_w2.gif') #E8E8E8; height:auto; padding-top: 44px; padding-bottom: 50px; }

#block_q h2, #our_clients h2 { margin-bottom: 20px; }

#our_clients { height:auto; padding-top: 44px; }

#our_clients div div { width: 20%; height: auto; float: left; }
#our_clients div div img { display: block; width: auto; }


.lines { background:url('../images/textures.jpg') repeat-x 0px -698px; height:1px; }

.lines_1 { height: 20px; background:url('../images/textures.jpg') repeat-x 0 -755px #E5E5E5; }
#z_top, #z_top2 { position:relative; z-index:0; bottom:-25px; left:760px; background:url('../images/sprite.png') no-repeat -467px -6px; width:210px; height:43px; color:#ffffff; text-align:center; cursor:pointer; }


#z_top:hover, #z_top2:hover { color:#f5f360; }
#z_top p, #z_top2 p { padding-top:8px; font-size:13px; text-decoration:none; color:#fff; font-weight:bold; }
#z_top2 { z-index:41; display:none; }

/* Выпадающая панель */
#panel { background: #1c1c26; overflow: hidden; }
#panel { position: absolute; right: -40%; top: 0; bottom: 0; width: 30%; z-index: 151; transition: 1s all; }

.panel_lights { margin:0 auto; height:500px; background:url('../images/bg_lights.jpg') no-repeat 0px -120px; border:1px; }

.panel_top { right: 0 !important; }

/*
#telek { background:url('../images/sprite.png') no-repeat -420px -155px; width:470px; height:370px;}
*/

#panel h2, #box h2 { font-size:30px; color:#ffffff; 
                     text-shadow: 0px 2px 0px #000000; 
}


#panel label, #box label {color: #BFBFBF;
                          float: left;
                          font-size: 18px;
                          line-height: 34px;
                          width: 90px; }
#panel p, #panel p a, #box p, #box p a { color:#bfbfbf; font-size:18px; line-height:1.4; }
#panel p a, #box p a { color:#d41c41; }



#panel_lights p { color:#999999;  FONT-WEIGHT: normal;
                  text-shadow: 0px 1px 0px #000000; 
                  filter: dropshadow(color=#000000,offX=0,offY=1);
}


/*
.zak {background: url("../images/sprite.png") no-repeat scroll -482px -760px transparent;
      border: 0 none;
      color: #FEFEFE;
      font-size: 18px;
      height: 34px;
      line-height: 34px;
      margin-bottom: 8px;
      padding: 0 4px;
      width: 373px; }
*/

.zak {
  /* background: url("../images/sprite.png") no-repeat scroll -482px -760px transparent; */
  border: 0 none;
  color: #FEFEFE;
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  margin-bottom: 8px;
  padding: 0 4px;
  width: 373px;
  background: rgba(0, 0, 0, 0.2) !important;
  border: 1px solid #555;
}














.zak.input_error { background:url('../images/sprite.png') no-repeat -482px -716px;}




#zak_send {  position:relative; z-index:5; top:-16px; left:70px; cursor:pointer;
             padding-left:62px; padding-top:30px; background:url('../images/sprite.png') no-repeat -710px -3px; width:60px; height:33px; }
#zak_send:hover {background:url('../images/sprite.png') no-repeat -920px -142px; width:60px; height:60px; color:#ffffff; }


#zak_send_footer {  position:relative; z-index:5; top:-14px; left:220px; cursor:pointer; color:#999999; font-size:14px;
                    padding-left:62px; padding-top:30px; background:url('../images/sprite.png') no-repeat -710px -3px; width:60px; height:33px; }

#zak_send_footer:hover { background:url('../images/sprite.png') no-repeat -920px -142px; width:60px; height:60px; color:#ffffff; }



#skrepka {  position:relative; z-index:6; top:-447px; left:440px; cursor:pointer; color:#777680; font-size:13px;
            padding-left:48px; padding-top:3px; background:url('../images/sprite.png') no-repeat -725px -65px; width:40px; height:41px; line-height:1.2; }

#center { min-height: 600px; position: relative; padding-bottom: 48px; margin-top: 106px; }


#container {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    margin-left: 32px;
    margin-right: 32px;
}


.second_left #container { margin-top: 48px; }



.container { margin:0px auto; width: 75%; }

#left { margin-top: 64px; }
#left ul { margin-top: 48px; width: 200px; }

#left ul p { font-size: 15px; font-weight: 700; margin-bottom: 24px; }

#left ul li { line-height: 1.4; margin-bottom: 18px; list-style-type: none; width: max-content;  background: none; padding-left: 0; margin-left: 0; padding-bottom: 0; }
#left ul li a { display: block; text-decoration: none; color: #666; font-size: 15px; border-bottom: 5px solid #fff; }

#left ul .selected a { border-bottom: 5px solid #fe9941; }


#hfooter { clear: both; height: 220px; }
#footer  { height:162px; padding-top:40px; padding-bottom:20px; position:absolute; z-index:6; left:0; bottom:0; height:70px; 
width:100%; FONT-SIZE:12px; LINE-HEIGHT:14px; }


#footer_item1 { width:180px; float:left; color: #999999; padding-top:33px !important; }
#footer_item2 { width:110px; float:left; text-align:left; color: #999999; }
#footer_item22 { width:70px; float:left; text-align:left; background:url('../images/sprite.png') repeat-x 1px -72px; height:36px; }

#footer_item3 { width:410px; float:left; text-align:left; color: #999999; }
#footer_item4 { width:190px; float:left; text-align:left; color: #999999; }

/*
#footer_item1, #footer_item2, #footer_item3, #footer_item4 { width:25%; }
*/

#footer_item1, #footer_item2, #footer_item3, #footer_item4 { padding-top: 24px; }


#footer_item1 div { font-size:26px; color:#ffffff;  }
#footer_item1 div span { font-size:18px; color:#999999; }
#footer_item1 p { padding-top:10px; font-size: 12px; color:#999999; line-height:1.3; }

#footer_item2 a { TEXT-DECORATION:underline; color: #999999; FONT-SIZE:12px; LINE-HEIGHT:1.3; }



#box {  position:absolute; z-index:8; left:0; height:0px; bottom:130px; width:100%;
        background:url('../images/textures.jpg') repeat-x 0px -120px; }

#box h2 { padding-bottom:16px; padding-top: 32px; }

/*
#box_telek { background:url('../images/sprite.png') no-repeat -420px -537px; height:155px; padding-top: 7px !important;}
*/

#box .panel_lights{
    height:0px; overflow:hidden;
    margin-top: -30px;
}

#box .site_width{
    position: relative;
    height: 0px;
}

.site_width{
    width: 1000px;
    margin: auto;
}


#otz1 { background:url('../images/sprite.png') no-repeat -890px -826px; width:80px; height:80px; }
#otz2 { background:url('../images/sprite.png') no-repeat -890px -1029px; width:80px; height:80px; }

#otz1 div, #otz2 div { padding-left:90px; padding-top:8px; font-size:13px; font-style:italic; color:#666666; }
#otz1 p, #otz2 p { padding-left:90px; padding-right:30px; }

/* Дурацкая кнопка внизу)) */

#z_footer, #z_footer2 { 
    background: url("../images/sprite.png") no-repeat scroll -247px -1088px transparent;
    color: #FFFFFF;
    position: relative;
    cursor: pointer;
    height: 29px;
    margin-left: 665px;
    margin-top: -10px;
    text-align: center;
    width: 213px;
    z-index: 12;
    padding-top:11px;

    font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none;
    text-align: center;
    line-height:22px;
}

#z_footer:hover, #z_footer2:hover { background:url('../images/sprite.png') no-repeat -247px -1149px; width:213px; height:29px;  }

#z_footer p, #z_footer2 p { 
    padding-top:11px; padding-left:4px; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; 
}


#box #z_footer{
    /*background: url("images/sprite_test.png") no-repeat scroll -5px -2px transparent;*/
}


#z_footer2 { display:none; }


/* ==============*/

#r1 { 
    position:absolute; 
    z-index:0; 
    top:90px; 
    right:72px; 
    background:url('../images/sprite.png') no-repeat -710px -813px; 
    width:100px; 
    height:242px;
    padding-top:230px; 
    color:#777777; 
    font-size:13px; 
    line-height:1.3; 
    cursor:pointer;

}



#rm1{  
    background: url("../images/sprite.png") no-repeat scroll -375px -934px transparent;
    top: -22px;
    cursor: pointer;
    height: 84px;
    position: absolute;
    right: 280px;
    width: 81px;
    z-index: 1;
    display: none;
}

#rm1.handle_down{  
    background: url("../images/sprite.png") no-repeat scroll -295px -934px transparent;
}



#bg_work #out_center22 { position: relative; }

#r1.handle_down { height:0px; padding-top:472px; overflow:hidden;
    background:url('../images/sprite.png') no-repeat -785px -813px; 
}



#r2 { 

    position:absolute; z-index:6; top:148px; right:66px; background:url('../images/sprite.png') no-repeat -791px -961px; width:100px; height:242px;
    display:none; 

}


#elka { position:absolute; z-index:5; top:312px; left:0px; background:url('../images/sprite.png') no-repeat -27px -315px; width:210px; height:880px;}
#elka2 { position:absolute; z-index:5; bottom:0px; left:0px; background:url('../images/sprite.png') no-repeat -30px -315px; width:210px; height:715px;}

#divan { position:absolute; z-index:1; top:0px; right:0px; background:url('../images/sprite.png') no-repeat -463px -823px; width:200px; height:494px;}
#divan2 { position:absolute; z-index:1; bottom:20px; right:0px; background:url('../images/sprite.png') no-repeat -463px -823px; width:200px; height:500px;}


/*
#qrcode { position:relative; z-index:4; top:-135px; right:-900px; background:url('../images/sprite.png') no-repeat -106px -85px; width:225px; height:235px; }
*/



.sub_menu{
    float:right;  padding-right:233px;
}

.sub_menu .item{
    float:left; 
    margin-right:23px;
    padding-top:24px;
    line-height: 16px;
}

.sub_menu .item.last{   
    margin-right:0px; 
}

.sub_menu .item a{   
    line-height: 16px;
    color: #d20f37;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0px 1px 0px white;
    text-decoration: none;
}

.sub_menu .item a:hover{   

    text-decoration: underline;
}

.sub_menu .item.active{
    background:url('../images/sub_menu_active.png') no-repeat top center;
}


.project_el { height:30px; padding-bottom:5px; }
.line { background:url('../images/line.gif') repeat-x left; padding-top:4px; padding-bottom:4px; }

textarea { border:1px #cccccc solid; }

.ico_del { background:url('../images/icons.png') no-repeat -9px -297px; width:20px; height:20px; cursor:pointer; }
.ico_add { background:url('../images/icons.png') no-repeat -9px -362px; width:20px; height:30px; padding-left:27px; cursor:pointer; line-height:2; }
.ico_user_add { background:url('../images/icons.png') no-repeat -9px -968px; width:20px; height:30px; padding-left:27px; cursor:pointer; line-height:2; }

/*

.tasks_item div { padding-bottom:6px; font-size:12px; color:#666;}
.tasks_item div a { font-size:12px; }

.tasks_item h2 { word-wrap:break-word; line-height:1; }
.tasks_item h2 a { font-size:18px; text-decoration:none; }
*/

#site_pagenator { margin-left: 16px; padding: 10px 0; }
#site_pagenator .site_pege_back { padding-left: 11px; background: url(../../../images/st_back.png) no-repeat left 5px; padding-right: 10px; }
#site_pagenator .site_pege_next { padding-right: 11px; background: url(../../../images/st_next.png) no-repeat right 5px; padding-left:  10px; }
#site_pagenator .p_item { padding: 0 5px; }
#site_pagenator .p_item.current { color: black; background: url(../../../images/round.png) no-repeat center center; text-decoration: none; padding: 10px; }

/*
.calendar { background:url('../images/calendar.gif') no-repeat top right; background-color:#ffffff; cursor:pointer; } 
*/

/*
.param_item div { float:left; width:250px; }

.param_form_item { width:470px;}
.param_form_item label { float:left; width:185px; padding-top:4px; }
.param_form_item input { float:left; width:250px; }


#blog_search_container { background-color:#c7e899; padding-bottom:2%; width:100%; padding:10px;  }
#blog_search_container div { float:left; }
#blog_search_container input[type=text] { width:190px; border:1px #8dc63f solid; }


.blog_forward { padding-bottom:2%; text-align:right; }
.blog_forward a { color:#ef4036; font-size:120%; }
.blog_item h2, .blog_item h2 a { color:#8dc63f; text-decoration:none; }
.blog_item h2 a:hover { text-decoration:underline; }
.blog_item div a { font-size:100%; }

.blog_item { padding-top:1.2%; }
.blog_item h2 { padding-bottom:0.6%; }
.blog_item div { font-size:80%; color:#666666; padding-bottom:0.5%; }
.blog_item p {}

*/

.clear { clear:both; height:0 }




nav { position: absolute; left: 28%; top:32px; display: inline-block; padding-right: 280px; }

nav li { display: block; float: left; margin-right: 20px; padding-left: 0; }
nav li a { color: #000; font-weight:bold; text-transform: uppercase; font-size: 18px; font-weight: bold; }
nav li a:hover { color: red; text-decoration: none; }


.topmenu:after {
  content: "";
  display: table;
  clear: both;
}
.topmenu > li {
  float: left;
  position: relative;
  background: none;

}


/*
.topmenu > li > a {
  font-size: 15px;
  color: #2e454f;
  padding: 15px 15px;
  text-decoration: none;
}
.topmenu li a:hover { color: #D5B45B; }
*/




.submenu-link:after {
  content: "\f107";
  font-family: "FontAwesome";
  color: inherit;
  margin-left: 10px;

}
.submenu {
  background: rgba(35, 35, 45, 1);
  position: absolute;
  left: -31px;
  top: 100%;
  z-index: 10000;
  width: 250px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: .5s ease-in-out;
  line-height: 56px;
  padding-bottom: 32px;
  padding-top: 32px;

/*
  border: 1px solid #f3f3f3;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);
  border-top: 0;
*/
}
.submenu a {

  text-align: left;
  padding: 6px 16px;
  font-size: 17px;
  /* border-bottom: 1px solid rgba(255,255,255,.1); */
  text-decoration: none;
  color: #afc7cd; font-weight:500; text-transform: uppercase; font-size: 14px;
  line-height: 32px;

}

.submenu li { background: none; padding-left: 0; padding-bottom: 0; }

.submenu li:last-child a { border-bottom: none; }
.topmenu > li:hover .submenu {
  opacity: 1;
  transform: scaleY(1);
}




.current span { color: #d21f37; }
#line4 { background:#0071bc; width:100%; height:4px;}



.q1{ color: #b71d1d;  FONT-SIZE:13px; LINE-HEIGHT:16px; FONT-WEIGHT:normal; TEXT-DECORATION: none }
.q2{ color: #7bae00;  FONT-SIZE:13px; LINE-HEIGHT:16px; FONT-WEIGHT:normal; TEXT-DECORATION: none }
.q3{ color: #666666;  FONT-SIZE:13px; LINE-HEIGHT:16px; FONT-WEIGHT:normal; TEXT-DECORATION: none }


.history_selector{
    background-color: white;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    padding: 10px;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 20px;
    width: 150px;

}

.history_selector div {
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 2px;
    padding: 2px 0;
    text-align: left;
}

.history_selector span {
    font-size: 10px;    
}


.history_selector a.history_selector_active {
    font-weight: bold;
    color: black;

}


#telek textarea {

  color: #FFFFFF;
  width: 100%;
  height: 180px;
  overflow: hidden;
  padding: 6px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2) !important;
  border: 1px solid #555;
}















#box_telek textarea{
    
    /*background: none repeat scroll 0 0 transparent;
    border: 1px solid transparent;

    */
    color: #FFFFFF;
    width: 100%;
    height: 123px;
    overflow: hidden;
    padding: 6px;
    box-sizing: border-box;

    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid #555;

}












#box_telek textarea.input_error{
    border: 1px solid #d21139;
}


#sender_block_answer{
    display: none;
}

/* нужный блок */


/*
.table_s td { padding:4px; border-bottom:1px #cccccc solid; width:300px; }
*/



.portfolio_container_slide{
    position: absolute;
    width: 301px;
    background: url("../images/portfolio_all4.jpg") repeat-y 0 0 transparent;
    height: 13741px;

}


.portfolio_container_static{
    overflow: hidden;
    width: 301px;
    height: 310px;
    position: relative;
}

.portfolio_container{

}

.index_news_item{
    float:left; 
    width:30%; 
    padding-right:40px;
    margin-top: 32px;
}

.index_news_item.last{

    padding-right:0px;
}


#form_z { padding: 64px; padding-top: 32px; }

#form_z input{
    margin-bottom: 16px;
}

#spruce_stump{
    background: url("../images/sprite.png") no-repeat scroll 0 -931px transparent;
    height: 202px;
    left: 0;
    position: absolute;
    top: 19px;
    width: 166px;

}

#womens_day{
    background: url("../images/sprite.png") no-repeat scroll 0 -722px transparent;
    height: 198px;
    left: 20px;
    position: absolute;
    top: 34px;
    width: 157px;
}


.tree {
	background: url("../images/tree.png") no-repeat;
	width: 409px;
	height: 469px;
	position: absolute;
	top: 150px;
	right: 80%;
	z-index: 1;
  display: none;

}




.box {
	background: url("../images/box.png") no-repeat;
	width: 108px;
	height: 116px;
	position: absolute;
	right: 90%;
	z-index: 99;
}

.reload_link{
    height: 18px;
    width: 18px;
    background: url("../images/sprite.png") no-repeat scroll -14px -23px transparent;
    display: inline-block;
}

#bg_clients h2{
    float: left;
}

#bg_clients .reload_link {
    margin-left: 15px;
    margin-top: 7px;

}

.client_photo{
    margin-left: 0px;
    padding-left: 0px;
    width: 100px;
    height: 80px;
    float: left;
}

.questions_main_w_photo .client_photo {
    float: left;
    height: 90px;
    margin-left: 0;
    padding-left: 0;
    width: 100px;
}

div.questions_main_w_photo p{
    padding-left: 0px;
    margin-left: 100px;
}

div.questions_main_w_photo div{
    padding-left: 0px;
    margin-left: 100px;
}

div.questions_main_w_photo{
    padding-left: 0px;
}

.questions_main_w_photo {
    padding-left: 55px;
    float: left;
    width: 50%;
    padding-right: 64px;
    box-sizing: border-box;
}

.questions_main_w_photo.item_2{
    padding-right: 0px;
    float:right;
}

.questions_main_w_photo_5 .client_photo, .client_photo_5{
    background:url('../images/sprite.png') no-repeat -890px -827px;
}

.questions_main_w_photo_2 .client_photo, .client_photo_2{
    background:url('../images/sprite.png') no-repeat -890px -1029px;;
}


.questions_main_w_photo_7 .client_photo, .client_photo_7{
    background:url('../images/sprite.png') no-repeat -890px -1422px;
}

.questions_main_w_photo_6 .client_photo, .client_photo_6{
    background:url('../images/sprite.png') no-repeat -890px -1265px;
}

.questions_main_w_photo_8 .client_photo, .client_photo_8{
    background:url('../images/sprite.png') no-repeat -890px -931px;
}



.questions_main_w_photo_9 .client_photo, .client_photo_9 {
    background: url("../images/sprite.png") no-repeat scroll -770px -1422px transparent;
}

.clients_container { position: relative; margin-top: 32px; }
.clients_slide { top: 0px; left: 0px; }

.clients_about_us_item { padding-top: 25px; padding-bottom: 15px; }
.clients_about_us_item .client_name { margin-left: 110px; padding-bottom: 10px; }

.clients_about_us_item .client_name span { font-weight: bold; }
.clients_about_us_item .client_name br { clear: none; }

.clients_about_us_item .client_about_us { margin-left: 110px; display: block; font-style: italic; }
.all_portfolio { position: absolute; right: 0; top: -30px; }

.portfolio_request { clear: both; font-size: 17px; font-style: italic; line-height: 22px; padding-bottom: 60px;
  padding-top: 60px; text-align: center; font-weight: 600;
}


.portfolio_request span { color: #757575; font-size: 17px; line-height: 22px; font-style: normal; font-weight: normal; }


.error { border-color: red; }

.button, .btn_cancel, .btn_accept{
    cursor: pointer;
    padding:  5px 10px;
    text-decoration: none;
    border: 1px solid #666666;
    color:white;
    background-color: #CE294B;

}


.button:hover,  .btn_cancel:hover, .btn_accept:hover{
    background-color: #EF3E61;
    text-decoration: none;
}

.btn_accept { margin-right: 10px; }

.users_form_row_answer_error {
    color: red;
    font-size: 0.8em;
    padding-bottom: 5px;
    text-align: left;
    width: 325px;
}

.users_form_row_answer_complete {
    color: green;
    font-size: 0.8em;
    padding-bottom: 5px;
    text-align: left;
    width: 325px;
}




#cabinet_left a, #out_center a { color: #666; }


.actions_panel { z-index: 4; background-color: #2f8610; color:#fff; border-radius: 4px; opacity: 0.75;
  position: absolute; top:0; right:0; padding: 4px; padding-left: 8px; padding-right: 8px; }
.actions_panel a { padding-left: 4px; padding-right: 4px; color:#fff; text-decoration: none; }
.actions_panel a:hover { background-color:#246c0b; }

#out_center .actions_panel { top:20px; right:20px; }
#center .actions_panel { top:30px; right:50px; }

#about { position: relative; }
#about .actions_panel { top:30px; right:50px; }

#out_center::-webkit-scrollbar { width: 120px; }
#footer_item2 div { display: none; }

#qform_left, #qform_right { float: left; width: 50%; }
#qform_left { padding-top: 32px; }

.panel_lights_content { }


#zak_left, #zak_right {  }
#zak_left p { margin-bottom: 32px; font-size: 14px; }
#skrepka { display: none; }

.index_news_item h3 a { font-weight: 500; }
#form_z p, #form_z label, #form_q label { font-size: 14px; }
.questions_main h3 { font-weight: 500; }


.second_left #center { margin-left: 280px; }

#banner_wg { width: 100%; height: auto; display: block; }

#close_panel { display: block; position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; background: #fff; border-radius: 100%; }

#input_link { display: block; background: url('../images/lk_ico.png') no-repeat 0 0; padding-left: 40px; height: 32px; float: right; }
#order_button { background: #d20f37; color: #fff !important; display: block; border-radius: 5px; width: 100px; height: 32px; line-height: 32px; 
  text-align: center; font-size: 14px !important; position: absolute; right: 120px; top:28px; }









#index_page { height: 3300px; position: relative; margin-top: 150px; }
#index_page h1 { font-size: 48px; color: #fff; line-height: 1.3; margin-top: 64px; padding-left: 120px; padding-right: 120px; }


#index_page p { font-size: 32px; color: #fff; line-height: 1.3; position: absolute; }
#index_page .p1 { left: 0; top:350px; }
#index_page .p2 { right: 0; top:350px; text-align: right; }

#index_page .p3 { left: 0; top:820px; }
#index_page .p4 { right: 0; top:820px; text-align: right; }

#index_page .p5 { left: 0; top: 1660px; }
#index_page .p6 { right: 0; top: 1170px; text-align: right; }

#index_page .p7 { left: 0; top: 2350px; }
#index_page .p8 { right: 0; top: 1880px; text-align: right; }



#multicolor { width: 2274px; height: 2334px; position: absolute; left: -200px; top:-200px; background: url('../images/bg_multi.png'); }

#piramida1 { width: 1274px; height: 876px; background: url('../images/piramida1.png') no-repeat center center; background-size: 80%; position: absolute; left: 100px; right: 0; top:200px; z-index: 6; }
#piramida2 { width: 1009px; height: 425px; background: url('../images/piramida2.png'); position: absolute; left: 30px; right: 0; top:880px; z-index: 5; margin: 0 auto; }
#piramida3 { width: 1115px; height: 631px; background: url('../images/piramida3.png'); position: absolute; left: -120px; top:900px; z-index: 4; }
#piramida4 { width: 1471px; height: 694px; background: url('../images/piramida4.png'); position: absolute; right: -100px; top:1200px;  z-index: 3; }
#piramida5 { width: 1386px; height: 800px; background: url('../images/piramida5.png') center center; position: absolute; left: -100px; right: 0; top:1700px;  z-index: 2; margin: 0 auto; }


.text_block { background: #fff; padding: 32px; border-radius: 10px; }

#ico_authorize { background: url('../images/ico_authorize.png') no-repeat center center; width: 64px; height: 64px; position: absolute; right: 20px; top: 12px;  }

.second_left #multicolor { left: -800px; }

.autorize_form { width: 700px; }






/*=================================*/

.img-container { width: 100%; height: auto; }
.img-container img { width: 100%; }




#rec img { position: absolute; width: 100%; height:  auto; }
#holder { position: relative; }

.face { position: absolute; border: 3px solid yellow; }

canvas { position: absolute; left: -5000px; }
video { margin: 0 auto; display: block; }

#button_snapshot {
    margin: 0 auto;
    width: 180px;
    height: 38px;
    margin-top: 6px;
    cursor: pointer;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
}




#out_msg { position: fixed; left: 0; right: 0; top:-1000px; height: auto; overflow: hidden; padding-bottom: 48px; background: #fff; z-index: 19; transition: all 0.6s ease-out;   }
.out_msg { top: 60px !important; padding: 10px; padding-top: 36px; }

#out_msg img { width: 100%; height: auto; }

.button_big { display: block; width: 180px; height: 38px; line-height: 38px; text-align: center; 
    font-size: 17px; border: 1px solid #ccc; border-radius: 10px; margin: 0 auto; color: #000; margin-top: 32px; }

#wrap { overflow: hidden; }
#panel_begin { z-index: 15; }
#panel_begin #small_panel { top: 90px; transition: 0.6s all; } /* top: -500px */;

#panel_begin .small_panel { top: 35px !important;  }



#block_white { padding: 32px; position: absolute; top:2500px; left: 0; right: 0; background: #fff; border-radius: 32px; }
#block_white h2 { font-size: 44px; margin-bottom: 48px; color: #000; text-align: center; }

#block_white > div { overflow: hidden; }
#block_white > div p { float: left; width: 50%; color: #000; font-size: 16px; position: static; position: relative; }
#block_white > div s { display: block; width: 90px; height: 90px; position: absolute; left: 0; top:0; }

#block_white > div span { display: block; padding-right: 32px; padding-left: 100px; }
#block_white > div p i { display: block; margin-top: 7px; text-align: right; padding-right: 32px; font-style: normal; font-size: 14px; margin-top: 16px; font-style: italic; }

#block_white ul { margin-left: 0; margin-top: 48px; display: block; float: left; width: 50%; }
#block_white ul li { line-height: 3; }

#block_white h3 { font-size: 32px; color: #000; font-weight: bold; }

#block_siren { clear: both; background: #f0f3ff; width: 43%; height: 150px; padding: 32px; border-radius: 20px; float: left; position: relative; }
#block_siren h3 { color: #000; font-size: 28px; font-weight: bold; margin-bottom: 16px; margin-left: 170px; }
#block_siren span { padding-left: 0 !important; display: block; float: none !important; margin-left: 170px; font-size: 15px; }
#block_siren img { display: block; width: 140px; height: 140px; background: url('../images/bot.jpg') center center; background-size: 96%; position: absolute; left: 32px; top: 32px; }

#block_case { background: #ffc424; width: 43%; height: 150px; padding: 32px; border-radius: 20px; float: right; }
#block_case h3 { color: #000; font-size: 28px; font-weight: bold; margin-bottom: 16px; }
#block_case p { float: none !important; width: 100% !important; font-size: 15px; }
#block_case a { display: block; height: 56px; width: 320px; background-color: #fff; color: #000; 
  border-radius: 5px; margin-top: 16px; text-align: center; line-height: 56px; text-decoration: none; }

#block_case a:hover { background: #d20f37; color: #fff; }




#block_white > div s { background: url('../images/sprite.png') no-repeat -890px -1422px; border: none; }
#block_white > div #img2 { background: url('../images/sprite.png') no-repeat -890px -931px; }




#block_white ul { margin-bottom: 32px; }
#block_white ul li { border-left: 4px solid #ebdb93; padding-left: 32px; box-sizing: border-box; position: relative; }

#block_white ul li:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #ebdb93;
    position: absolute;
    left: -10px;
    top: 16px;
}


#telek1, #telek2 { float: left; width: 30%; margin-right: 4%; }
.zakaz_form { padding-left: 280px !important; margin-left: 48px !important; margin-right: 48px !important; padding-top: 64px !important; padding-bottom: 64px !important; }

.zakaz_form textarea { height: 134px; }

#telek2 { width: 30%; margin-right: 2%; }
#telek2 p { font-size: 15px; margin-top: 16px; margin-bottom: 16px; }



.h3w { text-align: center; }


#button_otz {
    display: block;
    height: 56px;
    width: 320px;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
    margin-top: 16px;
    text-align: center;
    line-height: 56px;
    text-decoration: none;
    margin: 0 auto;
    border: 1px solid #ccc;
    margin-top: 32px;
    margin-bottom: 48px;
}


#button_otz:hover { background: #d20f37; color: #fff; }


#index_page .p9 {
    right: 0;
    top: 2350px;
    text-align: right;
}


#examples_block h1 { padding-bottom: 48px; }
#examples_block h2 { margin-top: 24px; }

#examples_block p { margin-bottom: 24px; }

#block_left { padding: 16px; }
#block_left h3 { font-size: 15px; font-weight: bold; margin-bottom: 8px; padding-top: 32px; }
#block_left p { font-size: 14px; }

#container_top i { display: block; font-style: normal; position: absolute; right: 0; top: 0; font-size: 17px; }


#timer_block, #other_block { display: none; }
@media only screen and (max-width: 767px) {

#left { margin-top: 48px; }
#left ul { margin-top: 16px; width: auto; }
#lmenu { float: none; width: 100%; overflow: hidden; padding-bottom: 0; }
#left ul li { float: left; margin-right: 16px; }

#block_white h2 { font-size: 26px; }
#block_white h3 { font-size: 26px; margin-bottom: 32px; }
#block_white ul { margin-bottom: 0; }

#block_white > div p { font-size: 15px; }

#block_left h3 { margin-bottom: 0; padding-top: 0; }


#block_white h2 { margin-bottom: 24px; }



#examples_block h1 { padding-bottom: 0; }

#footer_item4 { display: none; }

.second_left #center { margin-top: 10px; }

.actions_panel { display: none; }

#panel_begin #small_panel { top:36px; border: none !important; border-radius: 0 !important; }
.text_block { padding: 16px; }

#menu_open { display: block; top: 40px; left: 24px; }


#logo_container {
    top: 26px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


#logo_container, #logo { width: 190px; height: 65px; background-size: 100%; }

#order_button {
    background: #d20f37;
    color: #fff !important;
    display: block;
    border-radius: 5px;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 13px !important;
    position: absolute;
    right: 60px;
    top: 35px;
    display: none;
}



#ico_authorize { right: 10px; top: 15px; }


.menu_open { display: block !important; left: 0 !important; width: 100%; right: 0; top:10px; background: #fff; height: 400px; padding-bottom: 32px; }
.menu_open ul { padding-top: 96px; }
.menu_open li { display: block; float: none !important; border-bottom: 1px solid #ccc; }


nav { display: none; }
nav li a { line-height: 2.5; text-align: center; display: block; }


#container_top i {
    
    position: static;
    text-align: center;
    font-size: 24px;
    margin-top: 32px;
    padding-bottom: 32px;
}

/*
ul, ol, li, dl, dt, dd, h1, h2, h3, pre, form, body, html, p, blockquote, input, td, th, a, textarea { font-size: 15px; }

#menu_open { display: block !important; }

#left { display: none; }
#banner_wg { width: 200%; height: auto; display: block; margin-left: -100%; }    
#input_link { width: 0; overflow: hidden; }

#input_link {
    display: block;
    background: url('../images/lk_ico.png') no-repeat 0 0;
    padding-left: 40px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 16px;
}


#logo_gradient { display: none; }

#logo_container, #logo {
    display: block;
    width: 190px;
    height: 55px;
    position: absolute;
    background-size: 100%;
    top: 10px;
    z-index: 1152;
}


#panel { width: 100%; right: -100%; }


#form_z {
    padding: 20px;
    padding-top: 96px;
}



#panel_admin_right { display: none; }

#form_num { position: absolute; z-index: 10000; right: 20px; top:20px; background: #fff; width: 32px; height: 32px; display: block; display: none; }

h1 { font-size: 29px; line-height: 1.1; }
#panel h2, #box h2 { font-size:24px; }
#telek textarea { height: 80px; }

#box h2 { padding-bottom: 0; padding-top: 16px; }
.questions_main_w_photo div { margin-left: 0 !important; text-align: left; }

#zak_send_footer { left: 40%; }
#zak_send { left: 40%; }

.site_width { width: 100%; }
#qform_left, #qform_right { float: none; width: 100%; }

.zak { width: 100%; box-sizing: border-box; }

.topmenu > li { position: static; }

.submenu { left: -15px !important; width: auto; right: 0; top: 30px !important; background: none; }

.submenu li { display: block !important; clear: both; width: 95% !important; }
.tree { display: none; }


#footer_item1 { padding-top: 7px !important; }
#form_z p { display: none; }
#box { bottom: 90px; }

#zak_left, #zak_right { float: none; width: 100%; }
.panel_lights_content { width: 90%; margin: 0 auto; }


#new_generation { margin-top: 32px; }
#new_generation div { width: 100%; }

#top1 { width: 100%; float: none; }
#top2 { float: right; width: 150px; padding-top: 16px; }
#container_top { height: 90px; }


nav { left: 0; right: 0; top:80px; background: #1c1c26; display: none; }
nav li { width: 100%; }
nav li a { line-height: 32px; }


#lmenu { display: none; }
.second #center { margin-left: 0; }


#top1 { padding-top: 10px; }

.submenu { width: 100%;
    
    position: static;
    opacity: 1;
    transform: scaleY(1);
    
}








#new_best { height: auto; }
#new_best div { width: 100%; min-height: 30px; padding-top: 0; padding-top: 5px; padding-bottom: 5px; }

#slider_so .swiper-slide .container div h3 { font-size: 28px; }

.clients_slide { width: auto; margin-bottom: 32px; }
.questions_main_w_photo { width: auto; margin-bottom: 32px;}

.index_news_item { width: 100%; padding: 0; }

#our_clients, #bg_work { display: none; }
.questions_main { float: none; width: 100%; padding-right: 0; margin-bottom: 20px; }
#divan { display: none; }

#slider_so { margin-top: 0; }

#slider_so .bp_s, #slider_so .bn_s { top: 152px; }
#slider_so .bp_s { left: 10px; }
#slider_so .bn_s { right: 10px; }

#footer { padding-top: 16px; height: auto; }
#footer_item22 { position: absolute; right: 0; top: 14px; }
#block_q { padding-bottom: 20px; }
#hfooter { height: 90px; }

#z_footer, #z_footer2 { margin-left: 37%; }
#z_top, #z_top2 { left: 37%; }

#new_generation div { float: none; min-height: 0 !important; margin-bottom: 20px; }
#new_generation div h2 { padding-bottom: 8px; }

.second_left #center { margin-left: 0; }

#top3 { margin-left: -10px; margin-right: -10px; margin-top: 0; }


}


@media only screen and (min-width: 768px) and (max-width: 1024px) {

#top2 {
    float: right;
    width: 40%;
    font-size: 12px;
    position: relative;
}

#menu_open { display: block !important; }


#left { position: fixed; background: #fff; z-index: 2; left:0; top:60px; bottom: 0; box-shadow: 2px 2px 14px 0px rgba(112, 120, 211, 0.16); border-right: 2px solid #d20f37; }
.second_left #center { margin-left: 0; }

.panel_lights_content { width: 96%; margin: 0 auto; }
.zak { width: 90%; }
#form_z p { font-size: 13px; }
#zak_send, #zak_send_footer { left: 40%; }

#box_telek textarea { height: 200px; }

.tree { display: none; }
#portfolio_container2 { display: none; }

#rm1 { display: block !important; }
#r1 { display: none !important; }

.container { width: auto; padding-left: 10px; padding-right: 10px; }
#new_generation div { width: 50%; padding-right: 20px; box-sizing: border-box; }

.panel_lights, .site_width { width: auto; }

.questions_main { width: 100%; margin-bottom: 32px; }
.index_news_item { padding-right: 5%; }
#new_best { height: 80px; }


#lmenu { width: 100%; }
.second #left { float: right; width: 100%; margin-top: 16px; }
.second #center { margin-left: 0; float: left; width: 100%; }
#left ul li { float: left; margin-right: 10px; width: 160px; padding: 5px; padding-left: 20px; }

#top2 { margin-left: 35%; margin-right: 0; }
#top3 { display: none; }
#slider_so .swiper-slide .container div h3 { margin-left: 70px; }


.index_news_item { width: 75%; }
#z_footer, #z_footer2 { margin-left: 70%; }
#z_top, #z_top2 { left: 70%; }

#footer_item2 { width: 80px; }
#footer_item4 { display: none; }

.clients_slide { width: 70%; margin-bottom: 32px; }
.questions_main_w_photo { width: 100%; }
.questions_main_w_photo div { margin-bottom: 32px; }

nav { left: 300px; right: 0; }
#new_best { margin-top: 0; }

*/









.container { width: auto; padding-left: 10px; padding-right: 10px; }

#index_page { margin-top: 120px; }
#index_page h1 {
    font-size: 28px;
    padding-left: 14px;
    padding-right: 0;
    margin-bottom: 32px;
}


#index_page p { font-size: 18px; position: static; text-align: left !important; margin-bottom: 16px; margin-left: 60px; z-index: 12; }
#multicolor { left: -800px; top: -400px; }
#piramida1 { display: none; }
#piramida2 { top:220px; background-repeat: no-repeat; background-size: 60%; left: 250px }
#piramida3 { top:500px; display: none; }
#piramida5 { display: none; }


#piramida4 {
    top: 550px;
    z-index: 1;
}

#container_top { margin: 0; top: -10px; }
#multicolor { height: 1700px; }

#container { margin-left: 0; margin-right: 0; }
#center { margin-top: 90px; }

#task_period input { width: 100px !important; }


#block_white ul { margin-top: 0; float: none; width: 100%; }

#block_siren { width: auto; float: none; margin-bottom: 32px; }
#block_case { width: auto; float: none; }



#piramida1, #piramida2, #piramida3, #piramida4, #piramida5 { }
 #piramida4 { display: none; }


#block_white { position: static; margin-top: 32px; }
#index_page { height: auto; }

#block_white { padding: 16px; padding-top: 32px; }
#block_siren, #block_case { padding: 16px; padding-top: 32px; }

#block_case { height: auto; }
#block_case p { margin-left: 0 !important; }

#block_siren { height: auto; margin-top: 32px; }
#block_siren img { width: 120px; height: 120px; left: 20px; top: 20px; }

#block_siren span { padding-left: 0 !important; margin-left: 0; font-size: 14px; margin-top: 60px; padding-right: 0 !important; padding-bottom: 16px; }
#block_siren h3 { margin-left: 140px; line-height: 1.1; width: 100px; }

#block_case a { width: auto; }
#index_page p { margin-left: 14px; margin-bottom: 16px; float: none; width: auto; }

#block_white > div p { float: none; width: auto; padding-bottom: 16px; }

}



@media(min-width: 768px) and (max-width: 1024px) {

#text_out_24 img { width: 100%; }

#lmenu { float: none; width: auto; padding-right: 0; overflow: hidden; }
#left ul li { float: left; margin-right: 16px; }
#left ul { width: auto; margin-top: 16px; }

.second_left #left { margin-top: 48px; }
.second_left #center { margin-top: 16px; }


#logo_container { left:20px; top:16px; }

#container { overflow: hidden; }





#container_top { margin: 0; top: -10px; }

.container { margin-left: 44px; margin-right: 44px; width: auto; }


#index_page { height: 2000px; margin-top: 120px; }


#index_page h1 { font-size: 32px; padding-left: 0; }
#index_page p {
    text-align: left !important;
    font-size: 24px;
    right: auto !important;
    left: 0;
}


#piramida1 { top: 0px; }
#piramida2 { left: 230px; top: 600px; }

#index_page .p1 { top: 250px; }
#index_page .p3 { top: 450px; }
#index_page .p4 { top: 550px; }

#index_page .p5 { top: 650px; }
#index_page .p6 { top: 800px; }

#index_page .p7 { top: 900px; }
#index_page .p8 { top: 1000px; }


#multicolor { left: -800px; top: -400px; }


#piramida1 { left: 160px; top:-70px; }
#piramida3 { display: none; }
#piramida4 { right: -500px; top: 760px; }
#piramida5 { display: none; }


nav { left: 270px; top: 35px; }
nav li { margin-right: 10px; }
nav li a { font-size: 16px; }

#order_button { display: none; }

}


@media(min-width: 1025px) and (max-width: 1366px) {

.container { width: auto; margin-left: 32px; margin-right: 32px; }


}  



@media(min-width: 1367px) and (max-width: 1680px) {



}



@media only screen and (max-width: 767px) {


#my_photos { display: none; }
#my_profile_left { float: none; }
#my_profile_right { margin-left: 0; }
#my_profile_left div { margin-left: 0; margin-bottom: 16px; }


#tasks_form { width: auto; }



#task_selected_left { float: none; width: 100%; }
#task_selected_right { float: none; width: 100%; margin-bottom: 16px; }
#task_selected_right > div { margin-left: 0; }



#panel_begin #small_panel input[type=submit] { position: static !important; margin-top: 10px; }
.form_out select, .form_out input[type=text], .form_out input[type=number], .form_out input[type=password] { line-height: 38px !important; height: 38px !important; }


.autorize_form { width: auto; }

.tabs a {
    font-size: 12px !important;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 4px;
    margin-bottom: 6px;
}




#tasks_left {
    width: 100%;
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    border: 1px solid #ccc;
    transition: 1s all;
    background: #fff;
    z-index: 1;
}


.tasks_left { left: 0 !important; }


#tasks_balance { display: none; }



.menu_left #detector_left3 {
    position: fixed;
    top: 92px;
    width: auto;
    border: 1px solid #ccc;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 0;
    left: 10px !important;
    bottom: 0;
    border: 0;
    right: 10px;
}


.menu_left {
    left: 0 !important;
    background: #ccc;
    z-index: 100;
    width: 100% !important;
}




ul, ol, li, dl, dt, dd, h1, h2, h3, pre, form, body, html, p, blockquote, input, td, th, a, textarea { font-size: 15px; }


#detector_left { left: -400px; }
#detector_right { margin-left: 0; }
.detector_info { right: 0; }

#detector_right .detector_item s { width: 140px; }
.detector_info { position: static; padding: 0; background: none; position: absolute; bottom: 0; left: 0; right: 0; }

#tasks_left { left: -400px; }
#tasks_right { margin-left: 0; }
.tasks_form { width: auto !important; }


#banner_wg { width: 200%; height: auto; display: block; margin-left: -100%; }    
#input_link { width: 0; overflow: hidden; }

#input_link {
    display: block;
    background: url('../images/lk_ico.png') no-repeat 0 0;
    padding-left: 40px;
    height: 32px;
    position: absolute;
    right: 5px;
    top: 3px;
}



#panel { width: 100%; right: -100%; }


#form_z {
    padding: 20px;
    padding-top: 96px;
}



#panel_admin_right { display: none; }

#form_num { position: absolute; z-index: 10000; right: 20px; top:20px; background: #fff; width: 32px; height: 32px; display: block; display: none; }

h1 { font-size: 24px; line-height: 1.1; }
#panel h2, #box h2 { font-size:24px; }
#telek textarea { height: 80px; }

#box h2 { padding-bottom: 0; padding-top: 16px; }
.questions_main_w_photo div { margin-left: 0 !important; text-align: left; }

#zak_send_footer { left: 40%; }
#zak_send { left: 40%; }

.site_width { width: 100%; }
#qform_left, #qform_right { float: none; width: 100%; }

.zak { width: 100%; box-sizing: border-box; }


#footer_item1 { padding-top: 7px !important; }
#form_z p { display: none; }
#box { bottom: 90px; }

#zak_left, #zak_right { float: none; width: 100%; }
.panel_lights_content { width: 90%; margin: 0 auto; }

.container { width: auto; padding-left: 10px; padding-right: 10px; }

#new_generation { margin-top: 32px; }
#new_generation div { width: 100%; }

#top2 { float: right; width: 150px; padding-top: 16px; }



#new_best { height: auto; }
#new_best div { width: 100%; min-height: 30px; padding-top: 0; padding-top: 5px; padding-bottom: 5px; }

#slider_so .swiper-slide .container div h3 { font-size: 28px; }

.clients_slide { width: auto; margin-bottom: 32px; }
.questions_main_w_photo { width: auto; margin-bottom: 32px;}

.index_news_item { width: 100%; padding: 0; }

#our_clients, #bg_work { display: none; }
.questions_main { float: none; width: 100%; padding-right: 0; margin-bottom: 20px; }
#divan { display: none; }

#slider_so { margin-top: 0; }

#slider_so .bp_s, #slider_so .bn_s { top: 152px; }
#slider_so .bp_s { left: 10px; }
#slider_so .bn_s { right: 10px; }

#footer { padding-top: 16px; height: auto; }
#footer_item22 { position: absolute; right: 0; top: 14px; }
#block_q { padding-bottom: 20px; }
#hfooter { height: 90px; }

#z_footer, #z_footer2 { margin-left: 37%; }
#z_top, #z_top2 { left: 37%; }

#new_generation div { float: none; min-height: 0 !important; margin-bottom: 20px; }
#new_generation div h2 { padding-bottom: 8px; }

.second_left #center { margin-left: 0; }



/*======================================================================================= */

#tasks_items { margin-right: 0; }

.task_item { border-radius: 0; float: none; width: 100%; margin-top: 0; margin-right: 0; }
.task_item div { margin-right: 0; height: auto; }


.task_item h3 { margin-top: 5px; margin-bottom: 0; padding-right: 0; line-height: 1.3; margin-bottom: 16px; }
.task_item s { display: none; }
.task_item p { font-size: 13px; }
#task_selected h1 { font-size: 20px; padding-right: 0; }
#task_comments div i { display: none; }
#task_comments div { margin-left: 0; }
.task_item span { font-size: 13px; }

/*======================================================================================= */


#detector_right .detector_item { width: 100%; float: none; }
.detector_info { display: none; }

#detector_right .detector_item s { width: 100px; height: auto; position: absolute; left: 16px; top: 4px; height: 65px; }

#detector_right .detector_item h3 { height: auto; float: left; margin-left: 114px; margin-top: -2px; margin-bottom: 6px; }
#detector_right .detector_item > div { margin-right: 0; margin-bottom: 16px; background: #fff; height: 60px; }
.detector_del { display: none; }

#detector_right .detector_item p { margin-left: 114px; clear: both; }

#detector_right { margin-right: 0; }


#detector_objects .img {
    width: 80px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 120px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #ccc;
}


#detector_objects .img img { width: 100% !important; }

/*======================================================================================= */

#center > img { width: 100%; height: auto; }



#docs_center_container { margin-left: 0; margin-right: 0; float: left; width: 100%; box-sizing: border-box; }
#docs_right { position: static; width: 100%; margin-top: 16px; }

.docs_item { width: 100%; float: none; }
.docs_item > div { margin-right: 0; }
#docs_right > div { padding: 0; }

#docs_center { background: none; padding: 0; }
.docs_item > div { border: 0; background: #fff; margin-bottom: 10px; }

}



@media only screen and (min-width: 768px) and (max-width: 1024px) {


#task_selected_left { float: none; width: auto; }
#task_selected_right { float: none; width: auto; }
#task_selected_right > div { margin-left: 0; margin-top: 16px; }

#detector_left3 { width: 260px; left: 10px; }
#tasks_right { margin-left: 275px; }

nav { left: 280px; }
nav a { margin-right: 10px; }


#input_link {
    display: block;
    background: url('../images/lk_ico.png') no-repeat 0 0;
    padding-left: 40px;
    height: 32px;
    position: absolute;
    right: 10px;
    top: 24px;
    width: 0;
    overflow: hidden;
}



#tasks_balance {
    position: absolute;
    right: 50px;
    top: 25px;
    width: 160px;
}







#top2 {
    float: right;
    width: 40%;
    font-size: 12px;
    position: relative;
}


.second_left #center { margin-left: 0; }

.panel_lights_content { width: 96%; margin: 0 auto; }
.zak { width: 90%; }
#form_z p { font-size: 13px; }
#zak_send, #zak_send_footer { left: 40%; }

#box_telek textarea { height: 200px; }

.tree { display: none; }
#portfolio_container2 { display: none; }

#rm1 { display: block !important; }
#r1 { display: none !important; }

.container { width: auto; padding-left: 10px; padding-right: 10px; }
#new_generation div { width: 50%; padding-right: 20px; box-sizing: border-box; }

.panel_lights, .site_width { width: auto; }

.questions_main { width: 100%; margin-bottom: 32px; }
.index_news_item { padding-right: 5%; }
#new_best { height: 80px; }



/*
#lmenu { width: 100%; }

.second #left { float: right; width: 100%; margin-top: 16px; }


.second #center { margin-left: 0; float: left; width: 100%; }
#left ul li { float: left; margin-right: 10px; width: 160px; padding: 5px; padding-left: 20px; }

*/

#top2 { margin-left: 35%; margin-right: 0; }


/*
.index_news_item { width: 75%; }
#z_footer, #z_footer2 { margin-left: 70%; }
#z_top, #z_top2 { left: 70%; }

#footer_item2 { width: 80px; }
#footer_item4 { display: none; }

.clients_slide { width: 70%; margin-bottom: 32px; }
.questions_main_w_photo { width: 100%; }
.questions_main_w_photo div { margin-bottom: 32px; }

nav { left: 300px; right: 0; }
#new_best { margin-top: 0; }

*/



#docs_center_container { margin-left: 274px; margin-right: 0; box-sizing: border-box; }

#docs_right {
    margin-left: 274px;
    position: static;
    width: auto;
    margin-top: 16px;
    float: none;

}


#docs_right > div { padding: 0; }
#detector_left a { font-size: 13px; }

}



@media(min-width: 1025px) and (max-width: 1366px) {

.container { width: 96%; }

}  



@media(min-width: 1367px) and (max-width: 1680px) {

.container { width: 90%; }

}



#panel_begin { }


.background {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 150;
    background: rgba(0, 0, 0, 0.5);
}


.background2 {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}



/* Панель например в модуле Forms */
#panel_begin #small_panel { z-index: 151; overflow: hidden; position: relative; border: 1px solid #ccc; 
 /*	border-radius: 10px; */ margin: 0 auto; margin-top: 36px; /*width: 666px; width: 100px;*/ padding: 20px; height: auto;
	background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5);  border-radius: 10px; }

#panel_begin #small_panel input[type=submit] { border-radius: 5px; margin-top: 10px; }
#panel_begin #small_panel .form_out { /* padding-bottom: 70px; */ }

.relative .button_edit { position: absolute; right: 10px; top: 10px; }


#block_status span { padding-left:8px; padding-right:8px; }
#block_status, #block_status span, #block_status span a { font-size:14px; }


.goocompleter_listbox {
	margin-left: 8px !important;
}


#orders_status_list { overflow: hidden; }
#orders_status_list div { float: left; padding-right: 20px; }

#cms_table { width:100%; }
#cms_table th { border-collapse:collapse; border-bottom:5px solid #85bc39; padding:8px; text-align: left; font-size: 80%; }
#cms_table td { position: relative; border-collapse:collapse; border-bottom:1px dotted #cccccc; padding:8px; 
  vertical-align: top; font-size: 14px; }
#cms_table tr:nth-child(even) { background-color: #f2f2f2; }



/*

#cms_table .border_none { border-collapse:collapse; border-bottom:none; padding:0px; vertical-align: top; }

.catalog_manager_item { padding-top:10px; }
.catalog_manager_item div { float:left; padding-right:20px; padding-bottom:8px; }


.cm_photo_ico { float:left; background:url('../images/sprite_cms.png') no-repeat -2px -3409px; width:20px; height:16px; }
.cm_descr_ico { float:left; background:url('../images/sprite_cms.png') no-repeat -25px -3409px; width:20px; height:16px; }
.cm_price_ico { float:left; width:16px; }

.cm_plus { cursor:pointer; background:url('../images/sprite_cms.png') no-repeat -14px -3500px; width:22px; height:22px; }
.cm_minus { cursor:pointer; display:none; background:url('../images/sprite_cms.png') no-repeat -14px -3450px; width:22px; height:22px; }



.form_selected div { padding-bottom:5px; }

.animation { background:url('../images/animation.gif') no-repeat; margin:0 auto; margin-top:90px; width:200px; height:10px; }

*/

/* users */

/*
#users_groups_list { padding-top:15px; }
#users_groups_list h3 { padding-bottom:12px; }
*/


.checkbox_full, .checkbox_empty { height:25px; padding-left:28px; } 
.checkbox_full { background:url('../images/sprite_cms.png') no-repeat -9px -3030px; }
.checkbox_empty { background:url('../images/sprite_cms.png') no-repeat -9px -3059px; }

/* Сама панель здоровая */

/*
.shim > * {
    -webkit-transform: translateZ(0px);
}
*/

#panel_container { 


/*
position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000;
background-color:#fff; display: none;
*/

	width:100%; min-height: 100%; height:auto; overflow: hidden; display: none; 
	position:absolute; z-index:34; background-color:#fff; 


	}

.button_edit {cursor: pointer;}


/* Плавающая кнопка для вызова панели */
#panel_admin_right { position:fixed; z-index:100; top:325px; right:0px;
  background:url('../images/sprite_cms.png') no-repeat -188px -3358px; width:37px; height:262px; }

#panel_fast_on { position:fixed; z-index:100; top:450px; right:0px; display: none;
  background:url('../images/sprite_cms.png') no-repeat -174px -3706px; width:51px; height:84px; }

#panel_fast_off { position:fixed; z-index:100; top:450px; right:0px;
  background:url('../images/sprite_cms.png') no-repeat -174px -3648px; width:51px; height:55px; }


/* Основные формы. Начало */

.form_out div { margin-bottom: 5px; }
.form_out label { float: left; padding:4px; text-align:left; position:relative; top:2px; margin-right: 5px; font-size: 14px; }

.form_out select, .form_out input[type=text], .form_out input[type=password], .form_out input[type=number], .form_out input[type=date], 
.form_out textarea { padding:4px; margin:2px; box-sizing:border-box;}

.form_out select, .form_out input[type=text], .form_out input[type=number], .form_out input[type=date],
.form_out input[type=password], .form_out textarea {  border-radius: 5px;  width: 100%; border:1px #bdbdbd solid; font-size: 18px; padding-left: 8px; }

.form_out select, .form_out input[type=text], .form_out input[type=number],
.form_out input[type=password] { line-height: 36px; height: 36px; }



.form_out textarea { /* background:url('../images/bg_form_el.gif') no-repeat; */ margin: 2px; }

.form_out select { height:36px; }

.form_out input[type=number], .form_out input[type=date] { box-sizing: border-box; height: 38px; margin: 2px; }


.form_out input[type=submit] { padding: 0; margin: 0; /* border-radius: 3px; */ line-height: 32px; height: 34px; }
.form_out input[type=submit]:hover { opacity: 0.92; }

.btn_cancel, .btn_accept { cursor:pointer; width:150px; height:34px; border:1px #7f401d solid; }


#out_center { /* margin-left: 190px; */ position: relative; padding: 20px; 
	margin-top: 90px; overflow: auto; height: auto; min-height: 700px; }

#out_center h3 { color:#444; }

#out_center .actions_panel a { color: #fff; }

.form_header
{
	background-color: #2ea5bb;
    margin: -20px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 20px;

    cursor: default;
    overflow: hidden;
}

.form_header h1 {color: #ffffff;}

/* Основное меню */
#out_center .h3_el { padding-top:10px; }
#out_center .h3_el, #out_center .p_el { padding-left:140px; /* color:#073c5b; */ }

#out_center #ico_settings { background:url('../images/sprite_cms.png') no-repeat 0px -395px; }
#out_center #ico_users { background:url('../images/sprite_cms.png') no-repeat 0px -607px; }
#out_center #ico_goods { background:url('../images/sprite_cms.png') no-repeat 0px -815px; }
#out_center #ico_security { background:url('../images/sprite_cms.png') no-repeat 0px -1022px; }
#out_center #ico_seo {  background:url('../images/sprite_cms.png') no-repeat 0px -1237px; }
#out_center #ico_orders { background:url('../images/sprite_cms.png') no-repeat 0px -1442px; }
#out_center #ico_questions { background:url('../images/sprite_cms.png') no-repeat 0px -1651px; }
#out_center #ico_services { background:url('../images/sprite_cms.png') no-repeat 0px -1861px; }
#out_center #ico_stat { background:url('../images/sprite_cms.png') no-repeat 0px -2077px; }

#out_center #ico_settings, #out_center #ico_users, #out_center #ico_goods,
#out_center #ico_security, #out_center #ico_seo, #out_center #ico_orders,
#out_center #ico_questions, #out_center #ico_services, #out_center #ico_stat { 
	float:left; width:30%; height:166px; padding-right:3.3%; }


#group_list span { margin-left: 18px; }


.tabs { overflow: hidden; margin-bottom: 16px; }

.tabs a {
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 6px;
    margin-bottom: 6px;
}


.tabs a:hover { text-decoration: none; background: #75bb22; color: #fff; border: 1px solid #75bb22; }

.tabs .selected {
    text-decoration: none;
    background: #a7d6f1;
    color: #fff;
    border: 1px solid #a7d6f1;
}


.info_block p { padding-bottom: 8px; }
.info_block span { font-weight: bold; }

.block_scroll { height: 200px; overflow-y: scroll; }

.window_big { width: 80%; }

.panel_link_right { position: absolute; right: 24px; top:36px; }


.tr { cursor: pointer; }
.tr:hover { background: #f2f6b8 !important; }





#small_panel2 {
    z-index: 151;
    overflow: hidden;
    position: relative;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-top: 36px;
    padding: 20px;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 10px;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 36px;
}



.modal_window { width: 800px; display: block !important; }