.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;
}
UL.autocompleter-choices {
    BORDER-RIGHT: #cccccc 1px solid; 
    PADDING-RIGHT: 0px; 
    BORDER-TOP: #cccccc 1px solid; 
    PADDING-LEFT: 0px; Z-INDEX: 50; 
    PADDING-BOTTOM: 0px; MARGIN: 0px; 
    BORDER-LEFT: #cccccc 1px solid; 
    PADDING-TOP: 0px; 
    BORDER-BOTTOM: #ddd 1px solid; 
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    LIST-STYLE-TYPE: none; 
    POSITION: absolute; 
    BACKGROUND-COLOR: #fff; 
    TEXT-ALIGN: left;
}
UL.autocompleter-choices LI {
    PADDING-RIGHT: 1.5em; 
    DISPLAY: block; 
    PADDING-LEFT: 1em; 
    FONT-WEIGHT: normal; 
    FONT-SIZE: 12px; 
    FLOAT: none! important; 
    PADDING-BOTTOM: 0.2em; 
    MARGIN: -2px 0px 0px; 
    CURSOR: pointer; 
    LINE-HEIGHT: 1.5em; 
    PADDING-TOP: 0.2em; 
    WHITE-SPACE: nowrap; 
    POSITION: relative;
	BACKGROUND-COLOR: #f5fdff;
}
UL.autocompleter-choices LI.autocompleter-selected {
    COLOR: #fff; BACKGROUND-COLOR: #444
}
UL.autocompleter-choices SPAN.autocompleter-queried {
    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL.autocompleter-choices LI.autocompleter-selected SPAN.autocompleter-queried {
    COLOR: #9fcfff
}
/* SLIMBOX */

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

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	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;}#otzyv_form{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:7;}
#otzyv_fon { position:fixed; top:0; left:0; width:100%; height:100%; z-index:8; background:url('../images/fon_ie.png') repeat}
#form_container {position:relative; width:535px; margin:0 auto;}
/*#form_position{position:fixed; top:100px; width:453px; height:auto; background:#fff; z-index:9; border-radius:7px; padding:40px 40px 110px; font-size:16px;}
*/#catalog_groups_container { width:580px; }
#catalog_groups_container .l2 {  }
#catalog_groups_container .l3 {  }

.catalog_groups_name { width:500px; float:left; padding-top:6px; font-weight: bold; }
.catalog_groups_name2 { width:500px; float:left; padding-top:4px; }


.catalog_groups_name span, .catalog_groups_name2 span { padding-left:5px; color:#666666; font-size:13px; }

.catalog_groups_item { border-bottom:1px dotted #cccccc; padding-bottom:3px; padding-bottom:3px; margin-bottom:6px; }

.cm_btn_add { background: url('../images/icons/add.png') no-repeat; 
	width:22px; height:16px; float:right; cursor:pointer; }

.btn_edit { background: url('../images/icons/tools.png') no-repeat;
    width:22px; height:16px; float:right; cursor:pointer; }

.btn_status_show { background: url('../images/icons/show.png') no-repeat; 
	width:22px; height:15px; float:right; cursor:pointer; }

.btn_status_hide { background: url('../images/icons/hide.png') no-repeat;
	width:22px; height:15px; float:right; cursor:pointer; }


.group_level2 {  }
#amount_query { padding-top:10px; }
#amount_query span { width:220px; }

#amount_query a { padding:5px; }
#filter_block { padding-top:10px; }
#filter_block a { padding:5px; }

.no_selected_status { color:#666666; }
.selected_status { color:#ffffff; background-color:#057ab0; text-decoration: none; }
.dl a { color:red; }#filter_block { }
#filter_block { clear: both; }
#form_email_users { position: relative; width: 305px; }

#form_email_users #user_email { width: 200px !important; }
#form_email_users input[type=submit] { position: absolute; right: 0; top: 16px; width: 80px; }

#group_list { overflow: hidden; }
#group_list span { margin-left: 16px; }
#group_list .active { background: none !important; }/*
.article_block { width:50%; float: left } 
*/

#panel_articles { position: absolute; top: 5px; right:0px; 
	z-index:17px; background-color: #ffffff; padding: 4px; 
	border:1px solid #cccccc; border-radius: 8px; width: 140px; height: 100px; padding-left: 14px; }
#panel_articles .file_block{min-height: 25px; height: 25px;}

/*

.article_block { width:50%; float: left; }

.article_block a, .article_block a h2 { font-size:18px; color:#4893cd; line-height: 20px; text-decoration: underline;}
.article_block a, .article_block a h2:hover { text-decoration:none; }
.article_block { padding-top:10px; padding-bottom:10px; display:table; }
.article_block .photo 	{ float:left; width:120px; height:120px;  padding-top: 10px; }

.article_block .photo img { }

.article_block .content { margin-left:138px; padding-top: 10px; margin-right: 20px; }
.article_block .content a { color:#444444; text-decoration: none; font-size:15px; }


.news_block { padding-bottom:15px; }
.news_block span { display: block; color:#808080; }
.news_block div a { font-size: 17px; color:#0c607d; text-decoration:underline; }

.news_block div a:hover { text-decoration: none; }

*/

/* Список статей */

.articles { padding-bottom:20px; overflow: hidden; }

/*
.articles { padding-bottom:20px; width:50%; height:150px; float:left; overflow: hidden; }
.articles .photo { float:left; width:100px; }
.articles .photo img { border-radius: 50px; }

.articles .content { margin-left:130px; margin-right: 20px; height: 150px; overflow: hidden; }
*/

.articles .content { height: 150px; overflow: hidden; }


.articles .content div { color:#666666; font-size:12px; }
.articles .content h2 a { font-size:19px; text-decoration:underline; }
.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_selected { width: 80%; }

.article_selected #article_photo { float:left; width: 320px; }
.article_selected #selected_content { margin-left:350px; }

.article_selected #caption_addon { padding-bottom:9px; padding-top:4px; }
#caption_addon, #caption_addon a { font-size:12px; }



/* Акции и статьи на главной */

/*

#index_articles{ display: table; width:100%; margin-top:25px; margin-bottom:25px; }

#index_news { float:left; width:100%; }
#index_action { float:left; width:50%; }

#index_action img { border:2px solid #ffffff; }

#index_news, #index_action { border-radius:10px; }
#index_news_padd, #index_action_padd { padding:10px; }
#index_news_padd { padding-right:30px; padding-left: 20px;}
#index_action_padd { padding-left:20px; padding-right:30px;}

*/

/*Панель загрузчика*/
#panel_articles .file_block{min-height: 25px; height: 25px;}
/*Панель загрузчика*/

#login_form { }
#login_form { position:relative; height:220px; }


#login_form input[type=submit] { position: absolute; right:16px; bottom:0; }

#login_form #autorize_text_block { position: absolute; left: 0px; bottom:0; }
#login_form #autorize_text_block span { padding-left: 30px; }

#reg_form { position: relative; height: 260px; }
#reg_form input[type=submit] { position: absolute; right:16px; bottom:-10px; }
#reg_form input[type=radio] { width: 100%; line-height: 1.5; }

#reg_text_block { font-size: 13px; position: absolute; left:0; bottom:-24px; }
#reg_text_block a { font-size: 13px; }
#reg_text_block, #reg_text_block a { line-height: 1.6; }

#forget_form { position:relative; height:100px; }
#forget_form input[type=submit] { position: absolute; right:0; bottom:0; }

#panel_begin #small_panel.autorize_form { width: 500px; }
#panel_begin #small_panel.autorize_form form { height: auto; padding-bottom: 40px; }

#panel_begin #small_panel input[type=submit] { padding: 0 5px; width: auto; border-radius: 5px; }


.autorize_form .form_out label { float: none; display: block; width: auto; }


/*форма обратной связи*/
#form_container {position:relative; width:535px; margin:0 auto;}
#otzyv_form{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:7;}

#otzyv_ekran { position:fixed; top:0; left:0; width:100%; height:100%; z-index:8; background:url('../../images/fon_ie.png') repeat;}

#question_form { background:#fff; font-size:16px;}
#question_form label , #question_form input[type=text], #question_form textarea, #question_form select, #otzyv_close_form  
    { display:block;}
#question_form h2{margin:6px 0 4px 0;}
#question_form label {position:relative; height:80px;}
#question_form input[type=text], #question_form select, #question_form textarea 
    { border-radius:5px; border-color:#9f9f9f; border-width:2px 1px 1px 2px; border-style:solid; margin-top:5px;}
#question_form input[type=text]:focus, #question_form select:focus, #question_form textarea:focus
    { background:#e7e7e7; border-radius:5px; border-color:#9f9f9f; border-width:2px 1px 1px 2px; border-style:solid;}
#question_form input[type=text] { /*height:36px;*/ padding:9px 10px; width:380px;}
#question_form select { padding:10px; width:100%; /*height:39px;*/ font-size:16px; border-color:#fff; z-index:1; color:#4C4C4C;
    border-width:2px 1px 1px 2px; border-radius:5px; border-color:#9f9f9f; border-style:solid;line-height:2.2;}
#question_form select option {margin:7px 0; text-indent:10px;}

#question_form textarea  { height:109px; width:400px; padding:5px 0 5px 10px;resize:none;}
#question_form input[type=button], #question_form input[type=submit] {position:absolute; bottom:0px; right:103px; width:110px; height:58px; color:#fff; padding-bottom:3px; opacity:1; cursor:pointer;
    background-color: #208aad;; border: none;border-radius: 8px; border-bottom: 12px #0d779e solid; font-size: 17px;
    border-top: 1px solid #abc7ac; border-left: 1px solid #abc7ac;}
/*#question_form input[type=button]:active, #question_form input[type=submit]:active {border: 0;}*/
#question_form input[type=button]:hover, #question_form input[type=submit]:hover{ opacity:0.8;}
#otzyv_div, #otzyv_div_of { position:absolute; top:28px; right:0; border-color:#9f9f9f; border-style:solid; z-index:2; cursor:pointer;}
#otzyv_div {width:450px; height:33px; top:28px; border-width:2px 1px 1px 2px; border-radius:5px; padding-top:7px; text-indent:10px;
    background:url('../images/sprite.png') no-repeat -500px -1960px; background-color:#fff; }
#otzyv_div_of { display:none; width:37px; height:96px; top:28px; border-radius: 0 5px 5px 0;  border-width:2px 1px 1px 0;
    background:url('../images/sprite.png') no-repeat -572px -1906px; background-color:#fff;}
#otzyv_close_form {position:absolute; top:144px; z-index: 10; right:40px; width:31px; height:31px; border-radius:5px;
    background:url('../images/sprite.png') no-repeat 0px -1997px;}
#otzyv_close_form:hover{background-color:#ccc; opacity:0.6;}
#message_form {display:none; position:absolute; top:300px; left:500px; width:400px; height:auto; z-index:19; background:#ccc;
    border:1px solid #ccc; border-radius:5px; padding:10px 20px; box-shadow:0 5px 10px rgba(0,0,0,0.5);}
#question_l{float: left;}
#question_form #type_l{margin-bottom:4px;}
#type_l input{position:absolute; top:2px; right:0;} 
#question_l input{position:absolute; top:2px; right:0;}
#author_m, #email_m, #type_m, #question_m,#send_message1,#send_message2,#phone_apt_m,#name_apt_m,#city_m,#email_apt_m
 {height: 18px;width: 60%; border: 0px;background-color: #FFF;color: #8e0205; 
 position:relative; bottom:-2px; font-size: 16px;float: right; text-align: right;}

#send_message1 {position:absolute; bottom:67px; width:280px; height:auto; z-index:19;}
#send_message2 {position:absolute; bottom:47px; width:280px; height:auto; z-index:19;}
#nav{ width:100%; font-weight:bold;}
#nav .nav { text-align:center; background-color:#668dc4; border-top:5px solid #86afdb; border-bottom:5px solid #5274b3;
    border-radius: 10px 10px 0px 0px; float:left; position:relative; width:25%; height:39px;}
#nav .nav div { border-right:1px solid #192f5e; }
#main, #peri, #dkr, #last_menu { background:transparent; height:44px; border-radius:4px 4px 0 0;}
#nav .nav #last_menu { border-right:none; }
#nav .nav #peri div { width: 150%; }
#nav .nav #dkr div { width: 150%; }
#nav .nav a { padding-top:5px; display:block; font-size:19px; color:#fff; text-decoration:none;}
#form_position{padding-top: 40px;}
/*форма обратной связи конец*/

/*Опубликованные отзывы*/
.question_item{float: left;width: 100%;}
.title_q{float: left;height: 30px;}
.title_q p{color: #2b2b29; font-size: 20px;}
.title_q span{padding-top: 5px;float:left;padding-left:5px;}
.question{float: left; width: 100%; padding-bottom: 25px;}
/*
#question_form input[type=submit] { cursor: pointer; position: absolute; top:0px; right: -120px; 
border: none;
border-radius: 8px; border-bottom: 12px #0d779e solid; font-size: 17px; }*/

#q_type_list span{margin-left: 10px;}/* админка, модуль реклама форма на добавления баннеров*/
#banner_form_block{position:relative;}
#banner_form_block{position:relative;}
#close_f {position:absolute; top:0; right:13px;}
#banner_form{position:relative; margin:10px 0; padding:10px 20px 10px; background:#f7f7ef; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#banner_type_btn{float:right;width:60%;text-align: right;}
#banner_form #banner_type_btn a {display:inline-block; width:80px; padding:3px 0; margin:0 10px; border-radius:3px; border:1px solid #ccc; text-align:center; text-decoration:none;}
#banner_form #banner_type_btn a.f_on {background:#fff; color:#000; border-color:#fff; cursor: default;}
#banner_form #banner_type_btn a.f_no {background:#f7f7ef; color:#ccc; }
#banner_form #banner_type_btn a.f_no:hover {color:#000; background:#f69c2a;}
#banner_form label {display:block; position:relative; margin:20px 0;width: 500px;}
#banner_form #banner_code {margin:20px 0 42px 0;}
#banner_form #banner_name {margin:30px 0 20px 0;}
#banner_form textarea {resize:none;}
#banner_form label input, #banner_form label textarea {position:absolute; left:300px; padding:5px; width:400px;}
#banner_form label input[type="checkbox"] {width:30px; margin-left: -8px; top:5px; border: none;}
#banner_form #banner_size input {width:50px; left:400px;}
#banner_form #banner_size input:first-child { left:300px;}
#banner_form input[type="submit"], #install_banner2 input[type="submit"]
	{ padding:5px 10px; background:#f69c2a; border:0; border-radius:3px; color:#fff; cursor:pointer;}
#banner_form input[type="submit"]:hover, #install_banner2 input[type="submit"]:hover {background:#d17c10;}
#install_banner2 input[type="submit"]{float: left; margin-left: 402px; /*float: right;margin-right: 508px;*/}
#banner_form #add_btn{margin-top: -40px;float:left;margin-left: 630px; /* margin-right: 280px; float: right;*/}
#banner_list {position:relative; padding:10px 0 20px;}
.addm_link {display:block; position:absolute; right:0; top:13px;}
.dell_b	{width:14px; height:15px; float:right; border:0;}
.tbl td .file_block {position:relative; left:-2px; border:0; padding:0; width:auto; min-height:inherit;}
.tbl td  .a_file {display:inline; position:relative; left:-11px; top:0; border:0 none;}
.tbl td  .f_file {width:100px;}
.banner_tbl td .file_block a input[type=file]{margin-top: -25px;}
#install_banner2, #banner_form_block {height:0; overflow:hidden;}
#install_banner2 form {position:relative; margin:10px 0 0; padding:20px 10px 90px; background:#f7f7ef; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#install_banner2 label {display:block; padding: 10px 0;}
#install_banner2 select{position:absolute; left:150px; padding: 5px 10px; border:1px solid #ccc;}
#install_banner2 input{position:relative; left:50px; padding:6px 0 5px 30px; border: 1px solid #ccc; 
	background:#fff url('../images/datepicker/calendar.gif') no-repeat 6px 6px;}
#install_banner2 p {padding-top: 10px;width:100%; float: left;}
#install_banner2 span {display:inline-block; position:relative; left:42px; padding:0 10px;}
#banner_place_table p.textsmall{padding:10px 0 10px; font-size:13px;}
#banner_place_table p.mess, #banner_table p.mess {border:1px dotted #ccc; padding: 5px 10px;}
#reklama_mess{display:none; position:absolute; right:40px; border-radius:5px; box-shadow:0 0 10px 4px rgba(0, 0, 0, 0.5);}
#reklama_mess .err {padding:10px 30px; background:#f69c2a; color:#fff; border-radius:5px;}
#reklama_mess strong {display:block;}

#reklama_banner_service_block_1 a img{width: auto !important;}
.banner_tbl{width: 100%;}
.banner_tbl th { border-collapse:collapse; border-bottom:3px solid #057ab0; padding:8px; }
.banner_tbl td { border-collapse:collapse; border-bottom:1px dotted #cccccc; padding:8px; vertical-align: top; }
#banner_download_text{ margin-top: 30px; /*background:#fff; color:#000; border-color:#fff; padding: 5px; border-radius: 3px;cursor: default;*/}
#banner_type_text{position: absolute; right: 30px; top:50px;}
#banner_on_place a img/* Витрина на главной */

.vitrina { }

.vitrina { padding-bottom:30px; width: 100%; height: auto;  }

.vitrina_container { float:left;  width: 20%; margin: 0px; }

.vitrina_item { background: #ffffff; margin-left:20px;
 margin-bottom:20px; position: relative; height: 300px; }

.vitrina_item { border:1px solid #9ae39e; border-radius: 4px; 
border-bottom: 3px solid #55b355; }


.vitrina_item img { }


.vitrina_item .padd_v { padding:20px; }
.vitrina_item h3 { color:#4893cd; font-size:18px; padding-top:7px; overflow: hidden; height: 33px; padding-bottom:10px; }
.vitrina_item h3 a, .vitrina_item h3 { line-height: 20px; text-decoration: underline; }

.vitrina_item h3 a:hover { text-decoration:none; }

.vitrina_item .photo { height:150px; overflow: hidden; text-align: center;

    
    margin      :   0 auto;
    position    :   relative;

 }

/*
.vitrina_item input[type=text] { padding:1px; border: 1px solid #cccccc; width:35px; float:left; border-radius: 4px; }
*/

.vitrina_item .price_d { text-align: left; padding-top: 4px; }

.vitrina_item .price_d, .vitrina_item .bsk { margin-top: 20px; margin-bottom: 20px; }

.vitrina_item .price_d span { display: block; font-size: 15px; font-weight: bold; color: #019606; }
.vitrina_item .price_d p { font-size: 13px; }

/*
.vitrina_item .kolvo { width: 63px; float:left; color:#666666; height:30px; }
.vitrina_item .amount, .amount { position: relative; width: 37px; float:left; height:30px; 
overflow: hidden; }

.amount input[type=text] { padding:1px; border: 1px solid #cccccc; width:35px; float:left; border-radius: 4px; }
*/

.vdel { float:left; width:28px; margin-left: 14px; }


.bsk { width: 70px; height: 20px; float:right; cursor:pointer; 
	background: #f48600; border-bottom: 3px solid #ad6358; border-radius: 4px; }

.bsk:active { border-bottom: none; height: 25px; }

.vitrina_item .but { padding-top: 22px; }#panel_cap { }

/*Шапка панели */
#panel_cap { position: relative; overflow: hidden; background-color:#208aad; height:66px; }
#panel_cap { z-index: 10; position: fixed; top:0; left: 0; width: 100%; }

#panel_cap p#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; position: relative; }
#uch_ico { background: url("../images/cmenu.png") no-repeat -275px -24px; }
#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; }

.circle_o { position: absolute; display: block !important; background: red; color: #fff; font-size: 13px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 10px; top: -4px; right: 0; }
/*

#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; }

*/



.file_block{position:relative;}
.file_block{position:relative; width:600px; min-height:35px; 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;  }

#catalog_item .file_block { width: 288px; }
#basket { }

#basket_total { height: 75px; text-align: right; margin-top: 16px; }
#basket_total p { float:right; background-color: #F48600; color: #fff; height: 23px; 
	width: 300px; border-radius: 4px; }
#basket_total h2, #basket_total p { padding: 2px; }
#basket_total h2 { padding-bottom: 10px; }
#basket_total h2 span { font-size: 17px; }

#recive_result { color: red; clear: both; height: 24px; 
	margin-left: 200px; text-align: right; }

.radio_list { width: 200px; }


#basket_msg { display: none; position: absolute; z-index: 5; top:0; left: 0; height: 24px;
	width:110px; background-color: #55b355; padding: 7px; border-radius: 5px; }

#basket_msg, #basket_msg a { color:#ffffff; }


.basket_clear { display: block; position: absolute; z-index: 4; right: 0px; top:10px; text-decoration: none; color: var(--button_color); }

#basket {  }


#basket_now_title { height:45px; background-color:#cccccc; 
background:url('../../images/sprite.png') repeat-x 0px -2506px; }

#basket_now_title div { width:30%; float:left; font-size:19px; padding-top:13px; margin-left:10px; }


#basket_now2 { padding-bottom:6px; display: table; width: 100%; }
#basket_now2 div { float:right; width:120px; font-size: 13px; }



.basket_block_item .bn { font-size:14px; padding-top:8px; height:20px; overflow: hidden; }
.basket_block_item .bp { padding-top:2px; padding-bottom:3px; }

.basket_block_item .bp span { font-size:18px; width: 120px; display: inline-block; }

#basket_itogo { margin-top:9px; padding-top:10px; height:40px; border-top: 1px solid #86a2b0; }

#basket_itogo #it { float: left; }
#basket_itogo #sb { float:right; font-size:19px; }

#basket_order_button {  background:url('../../images/sprite.png') no-repeat -74px -612px; width: 200px; height: 33px; }
#basket_order_button:hover {  background:url('../../images/sprite.png') no-repeat -74px -657px; width: 200px; height: 33px; }

.basket_block_item p { cursor:pointer; margin-left:14px; display: inline-block; background:url('../../images/sprite.png') no-repeat -90px -570px; width: 16px; height:16px; }
.basket_block_item p:hover { margin-left:14px; display: inline-block; background:url('../../images/sprite.png') no-repeat -165px -570px; width: 16px; height:16px; }

#basket_title { float:left; width: 166px; }

#attention { margin-bottom: 20px; }

#order_form h2 { margin-bottom: 20px; font-size: 24px; }


#basket_msg_big { display:none; background: #009506; position: absolute; border-radius: 4px;
	z-index: 100; height: 24px; width: 122px; text-align: center; }

#basket_msg_big, #basket_msg_big a { color:#ffffff; }



/* Таблица с ценниками корзины. */ 
.basket_price { position: relative; text-align:left; }
.basket_price div { float:left; width:110px; height:30px; text-align:left; }

.basket_price .price_d { color: #019606; font-weight: bold; text-align: right; }

.basket_price .amount { width: 110px; text-align: center; margin-right: 20px; position: relative; margin-top: -4px; }

.basket_price .amount input[type=text] { width: 30px; padding: 4px; border-radius: 4px; border: 1px solid #ccc; text-align: center; }	

#order_form { padding-top: 24px; padding: 14px; width:700px; margin: 0 auto; 
	background-color: #ffffff; border-radius: 10px; }




#order_form input[type=submit] { margin-left: 544px; }

#order_form select, #order_form input[type=text], #order_form textarea { 
	border-color: #999999; border-radius: 4px; font-size: 18px; }#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 { 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{}

#article_goods_container #goods_link_block { overflow: hidden;  }
#article_goods_container { padding:0; }
#article_goods_container h2 { float:left; }

#article_goods_container #goods_link { height: 40px; float:right; padding-top:3px; }#my_profile { }

#vzr_block h3 { font-size: 22px; padding-bottom: 16px; }
#vzr_block > div { padding: 20px; border-radius: 5px; border: 1px solid #ccc; margin-bottom: 32px; }

#vzr_block form { overflow: hidden; position: relative; margin-bottom: 16px; }
#vzr_block form div { float: left; width: 16%; }
#vzr_block form div select, #vzr_block form div input { width: 95%; font-size: 13px; } 
#vzr_block form input[type=submit] { position: absolute; right: 0; top:-10px; width: 150px !important; border-radius: 5px; font-size: 14px !important; }

#vzr_block table { margin-bottom: 32px; }

#vzr_block table td { font-size: 13px; }

#vzr_block table td span { color: #ff0000; }
.vzr_block_info { font-size: 14px; color: #666; }


#client_info { float: left; width: 60%; }
#client_info h3 { font-size: 24px; }
#client_info p { padding-bottom: 2px !important; }


.clients_info td { font-size: 13px; }

.clients_info h3 { font-size: 22px; }

/* Мой профиль */
#my_profile { position: relative; }
#my_profile h3 { font-size: 15px; margin-top: 20px; margin-bottom: 5px; padding-bottom: 5px; }
#my_profile > div { border-radius: 5px; border: 1px solid #b7b7b7; background-color: #fff; min-height: 63px; overflow: hidden;
  padding: 20px; margin-bottom: 10px; position: relative; }

#my_profile div img { width: 60px; height: 60px; border-radius: 30px; }

#my_profile div p { font-weight: bold; margin-top: 7px; font-size: 17px; }
#my_profile div a { text-decoration: none; }

#my_profile > div:hover { background-color: #efefef; }


#my_profile .my_profile_edit { position: absolute; width: 42px; height: 42px; right: 0px; 
	top:30px; background: url('../images/sprite_site20.png') 0 0 no-repeat; }

#my_profile .my_profile_edit:hover { background: url('../images/sprite_site20.png') 0 -45px no-repeat; }



#my_profile_adm { width: 220px; border:1px solid #b7b7b7; height: auto; border-radius: 5px; background-color: #fff;
position: absolute; right: 42px; z-index: 200; }
#my_profile_adm a { display: block; height: 42px; line-height: 42px; color: #231d1d; text-align: center; 
  text-transform: uppercase; font-size: 13px; font-weight: bold; text-decoration: none; }
#my_profile_adm a:first-child { border-bottom: 1px solid #b7b7b7; }

#my_profile_adm a:hover { color: #cc0033; }


#my_settings { margin-top: 100px; }
#my_settings .strong_text { margin-top:20px; }
.strong_text { font-weight: bold; }


#my_settings #basket_type, #my_settings #list_type { background-color: #fff; }
#my_settings #basket_type a { background: url('../images/sprite_site11.png') no-repeat -2px -592px;
padding-left: 24px; text-decoration: none; color: #444; margin-right: 20px; }


#my_settings #list_type a { padding-left: 55px; display: block; float: left; width: 200px; height: 34px;
text-decoration: none; color:#444; padding-top: 10px; }

#my_settings #list_type1 { background: url('../images/sprite_site16.png') 0 -1px no-repeat; }
#my_settings #list_type2 { background: url('../images/sprite_site16.png') 0 -50px no-repeat; }
#my_settings #list_type3 { background: url('../images/sprite_site16.png') 0 -100px no-repeat; }


/* ============= */

#my_questions { margin-top: 100px; position: relative; }
#my_questions > div { border-radius: 5px; border: 1px solid #b7b7b7; background-color: #fff; height: 63px; 
  padding: 20px; margin-bottom: 10px; position: relative; }











.form_el { overflow: hidden; }

.form_el div { position: relative; float: left; width: 270px !important;  overflow: hidden; }

.form_el div label { 
	
	position: absolute; left: 20px; top: 16px; color: #222; 
	transition-property: top; transition-duration: .5s;


	font-size: 12px; top:4px;

 }


.form_el input[type=text], .form_el input[type=password], .form_el select, .form_el textarea

{ padding-left: 15px; line-height: 37px; margin-left: 5px !important; border-radius: 4px; width: 260px;
border:1px solid #ccc;  padding-top: 19px; box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
font-size: 16px; font-weight: bold; box-sizing:border-box;

/*

	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

*/

}


.form_el input[type=text]:focus, .form_el input[type=password]:focus, .form_el select, .form_el textarea { border-color: rgb(204, 0, 51); } 


.form_el input[type=submit] { width: 100px; height: 44px; text-transform: uppercase; overflow: hidden;
font-size: 12px; font-weight: bold; }



#edit_fio .form_el div { float: left !important; /* padding-right: 20px !important; width: 180px !important; */ }
#edit_phone .form_el div { float: left; }

#edit_password .form_el div { float: left; }

.edit_address .form_el div { float: left; margin-bottom: 20px; }

.edit_address input[type=submit] { height: 64px; line-height: 64px; width: 286px; }
#edit_fio input[type=submit], #edit_phone input[type=submit], 
#edit_email input[type=submit], #edit_password input[type=submit] { height: 64px; width: 140px; }


.my_orders_filter {
    background-color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px !important;
}

.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;
}


#feedback_form div { float: none; }

#feedback_form div input[type=text] { width: 300px !important; }


#visa_mastercard { margin-top: 17px; background: url('../images/visa_mastercard.png') no-repeat; height: 34px; width: 100px; }

#visa_mastercard a { margin-right: -10px; float: right; font-size: 13px; line-height: 1; margin-top: 9px;
	text-decoration: none; color: #af5658; display: block; border-bottom: 1px dashed #fea2a7; }

#visa_mastercard a:hover { border-bottom: 0 none; }	

.cms_table_a:hover td { background-color: #ccc; }

.sum_total { font-weight: bold; text-align: right; font-size: 19px; margin-top: 32px; }

#my_orders_block_left { float: left; width: 50%; padding: 32px; box-sizing: border-box; }
#my_itogo { float: left; width: 50%; height: auto; background-color: #f2f2f2; border-radius: 12px; padding: 32px; 
    box-sizing: border-box; margin-bottom: 32px; }

#link_company { float: left; width: 40%; background-color: #f2f2f2; padding: 16px; border-radius: 12px; box-sizing: border-box; }
#link_company h3 { font-size: 24px; padding-bottom: 4px; }


#link_company p {
    line-height: 1.4;
    font-size: 15px;
    color: #666;
}

*{
box-sizing:border-box;
}


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, select {
margin:0; padding:0; COLOR:#000; font-size: 20px; line-height: 1.4;
font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; }

input, textarea, input:active, textarea:active {outline:none;}
:focus {outline:none;}

hr {background: #deded6; border: none; height: 1px; width: 99%; margin-bottom: 38px;}

h1{  FONT-SIZE: 44px; LINE-HEIGHT:1.1; padding-bottom: 36px; color: #44444; font-weight: 500; }
h2{  FONT-SIZE: 36px; LINE-HEIGHT:1.2; padding-bottom: 24px; font-weight: 500; }
h3{  FONT-SIZE: 24px; LINE-HEIGHT:1.2; padding-bottom: 12px; color:#2b2b29; font-weight: 500; }

a { cursor:pointer; }

body{
margin:0;
background:#f3f6fb;
color:#1b2b52;

}

.container{
width:min(1650px,96%);
margin:auto;
}


.topbar{
display:grid;
grid-template-columns:320px 1fr 220px;
gap:20px;
align-items:center;
padding:20px 0;
}



.footer-brand { float: left; width: 50%; height: 140px; }

/*
.logo-wrap,
.footer-brand{
display:flex;
align-items:center;
gap:14px;
}
*/

.logo{
width:78px;
height:auto;
}

.brand{
font-size:30px;
font-weight:800;
color:#1848b8;
}

.sub{
font-size:15px;
line-height:1.7;
}

.search{
display:flex;
}


.search input[type=text] {

    border: 0;
    border-radius: 5px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding-left: 16px;
    margin-left: 16px;
    width: 40%;
    display: inline-block;
}


.search select {
    border: 0;
    border-radius: 5px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 160px;
    display: inline-block;
}


.search input[type=submit] {
    border: 0;
    border-radius: 5px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 100px;
    display: inline-block;
}

.contacts{
font-weight:700;
line-height:1.8;
}

.contacts span{
color:#0b49c8;
font-size:14px;
}

.menu{
background:var(--main_color);
}

.nav{
display:flex;
gap:40px;
padding:16px 0;

}

.nav a{
color:#000;
text-decoration:none;
white-space:nowrap;
}

.nav .active{
background:var(--button_color);
padding:12px 24px;
border-radius:10px;
margin-left: 40px;
color: #fff;
font-size: 22px;
}


.my_hero { display: block; width: 100%; overflow: hidden; position: relative; margin-bottom: 32px; background-size: cover; }

.my_hero div div div { height: 550px; background-size: cover; }

.my_hero .container p { font-size: 64px; color: #fff !important; margin-top: 96px; line-height: 1.2; }

.btn-red,
.btn-white{
padding:18px 30px;
border-radius:12px;
font-size:16px;
font-weight:700;
cursor:pointer;
}

.btn-red{
background:var(--button_color);
border:none;
color:#fff;
}

.btn-white{
background:#fff;
border:2px solid #0b49c8;
color:#0b49c8;
}

.section-image{
margin-top:20px;
}

.advantages{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin:20px auto;
margin-bottom: 32px !important;

}

.adv{
background:#fff;
padding:30px;
border-radius:10px;
font-weight:600;
}

.content{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin:20px auto 40px;
}

.news { margin-bottom: 32px; }


.cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
}

.card{
background:#f4f7fd;
border-radius:18px;
overflow:hidden;
transition:.2s;
}

.card:hover{
transform:translateY(-4px);
}

.card img{
width:100%;
height:160px;
object-fit:cover;
display:block;
}


.stores { margin-bottom: 32px !important; overflow: hidden; }
.stores .card { padding: 32px; background: #fff; border-radius: 10px; }
.stores .card h3 { font-size:20px; padding-bottom: 4px; font-weight: 500; }
.stores .card p { padding-bottom: 16px; font-size:20px; font-weight: 500; }
.stores .card span { display: block; margin-bottom: 8px; font-weight: 500; color: var(--main_color); }


.footer{
background:var(--main_color);
padding:50px 0;
color:#fff;
overflow: hidden;
}

.footer-inner{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:30px;
}

.footer-title{
color:#fff;
}

.footer a{
display:block;
margin:10px 0;
color:#d9e5ff;
text-decoration:none;
font-size: 17px;
}


:root {

    --main_color: #0d779e;
    --button_color: #e56620;
    --button_radius: 5px;

}



.container{
width:min(1650px,96%);
margin:auto;
}


.logo {
    position: absolute;
    left: 5px;
    top: 15px;
    z-index: 3;
    display: block;
    background: url(../images/logo.png) no-repeat;
    width: 190px;
    height: 190px;
    background-size: cover;
    text-decoration: none;
}


#logo_text {
    position: absolute;
    top: 15px;
    left: 220px;
    background: url(../images/logo_text2.png) no-repeat;
    width: 240px;
    height: 56px;
    text-decoration: none;
    line-height: 1.2;
    background-size: contain;
}


.header { border-bottom: 1px solid #ccc; }

.header .container { position: relative; }

nav { margin-left: 180px; }
nav a { color: #000; display: inline-block; padding: 16px; padding-top: 13px; font-size: 18px; text-decoration: none; }
nav a:hover { color: #e56620; }


#price { position: absolute; left: 260px; top: 25px; }

#price span { padding-left: 16px; }

#price a { color: #0c607d; font-size: 25px; height: 40px;
padding-left: 34px; background:url(../images/icons_stroke.png) no-repeat 0px -296px; }


.smart_panel { position: fixed !important; z-index: 2; left: 0; right: 0; top: -70px; background: #fff; z-index: 50; 
	height: 150px; overflow: hidden; box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2); }



#text_block { padding-top: 25px; padding-bottom: 40px; }
#news_block { padding-top: 40px; padding-bottom: 90px; float: left; width: 440px; }
#actions_block { padding-top: 40px; padding-bottom: 90px; float: left; margin-left: 40px; width: 440px; }


.clear { clear:both; height:0; }


/* Результаты поиска. Заголовок */
.count_h1 { margin-right:250px; float: left; }
.count { float:right; width:220px; text-align:right; padding-top: 5px; }

#kroxi, #kroxi a { padding-bottom:16px; font-size: 13px; }


/* Постраничник */
#site_pagenator .p_item { padding:4px; margin: 3px; }
#site_pagenator .current { display: inline-block; border-radius:3px; width:16px; color:#ffffff; background-color: #208aad; text-decoration: none; }

#site_pagenator .p_item { padding:4px; }

#site_pagenator .site_pege_next { padding-left:26px; }
#site_pagenator .site_pege_back { padding-right:26px; }

#site_text_page { position: absolute; top: 18px; right:0px; 
	z-index:17px; background-color: #ffffff; padding: 4px; 
	border:1px solid #cccccc; border-radius: 8px; width: 130px; padding-left: 14px; }



#basket { position: absolute; right: 0; top:20px; z-index: 1; width: 190px; }
#basket > a { display: block; text-decoration: none; color: var(--main_color); }

#basket svg { display: block; float: left; }

#basket span { position: absolute; left: 24px; top:0; display: block; width: 24px; height: 24px; 
	border-radius: 12px; background: #e56620; color: #fff; line-height: 24px; text-align: center; font-size: 13px; }

#basket p, #basket em { display: block; font-weight: 600; font-size: 18px; font-style: normal; margin-left: 58px; }

.catalog { overflow: hidden; border-bottom: 1px dotted #cccccc; padding-top: 16px; }
.catalog h3 { width: 50%; float: left; font-size: 16px; }
.catalog p { width: 10%; float: left; }
.catalog .basket_price { width: 30%; float: left; position: relative; }


#order_form_container .form_out input[type="text"], #order_form_container select, #order_form_container textarea { border: 1px #aaa solid !important; border-radius: 3px; }



.catalog .plus, .catalog .minus { display: block; }
.catalog .plus { position: absolute; left: 0; top: 0; }
.catalog .minus { position: absolute; right: 0; top: 0; }

.att { background: #ccffcc; padding: 20px !important; border-radius: 12px; margin-bottom: 16px; font-size: 16px; }
.att2 { background: #ff9999; padding: 20px !important; border-radius: 12px; margin-bottom: 16px; font-size: 16px; }


.minus, .plus { width: 33px !important; height: 19px; opacity: 0.4; cursor: pointer; }
.minus { background: url('../images/plus_minus.png') no-repeat 0px -34px; }
.plus { background: url('../images/plus_minus.png') no-repeat 0px -2px; }

#order_form_container input[type=submit] { background: #339933; color: #fff; text-align: center; height: 44px; width: 200px; line-height: 44px; 
	text-decoration: none; border: 0; cursor: pointer; }
.payment_button { margin-top: 16px; display: block; background: #339933; color: #fff; text-align: center; height: 44px; width: 200px; 
	line-height: 44px; text-decoration: none; border: 0; }

.myleft	{ overflow: hidden; float: right; }
.myleft a { display: block; float: left; margin-right: 10px; padding-left: 10px; padding-right: 10px; 
	border-radius: 12px; height: 32px; line-height: 32px; font-size: 15px; font-weight: 400; background: #339933; color: #fff; text-decoration: none; }


.order_copy { display: inline-block; margin-right: 10px; padding-left: 10px; padding-right: 10px; 
	border-radius: 12px; height: 32px; line-height: 32px; background: #f5b544; color: #fff; text-decoration: none; position: absolute; top: 80px; right: 40px; }

.order_copy { display: none; }


.actions_panel {
	background-color: #c6a931;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	z-index: 2;
	text-decoration: none;
}


#out_center { position: relative; }



.background {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 150;
	background-color: #ccc;
	background: url('../images/background2.png') no-repeat;
	background-size: cover;
}


#panel_begin #small_panel {
	z-index: 151;
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
	margin: 0 auto;
	margin-top: 90px;
	width: 900px;
	padding: 30px;
	height: auto;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}


#order_button { position: absolute; right: 20px; top:340px; }
#order_button a { font-size: 20px; }

#order_amount_search {clear: both; overflow-y: scroll; height: 300px; padding-right: 10px; }
.order_modal { width: 750px !important; }

#order_amount_search .cat_ate124 { box-sizing: border-box; }


#order_form_text { position: absolute; bottom: 70px; left: 270px; }

.autorize_form .form_out div { float: none !important; }


#order_result { position: absolute; bottom: 116px; left: 40px; }
#order_result p { background: #d4c200; padding: 4px; padding-left: 8px; padding-right: 8px; color: #fff; }

.autorize_form { padding-bottom: 54px !important; }
.autorize_form .form_out { width: auto; }


#change_order_status div { display: inline-block; cursor: pointer; }
#change_order_status div:hover { color: #e56620; }

#objects_block { padding: 20px; border: 1px solid #ccc; border-radius: 12px; overflow: hidden; height: auto; margin-top: 100px; box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2); }
#objects_block div { float: left; width: 33.333%; }
#objects_block div p { font-size: 20px; }
#objects_block div p span { font-size: 15px; font-weight: normal; padding-right: 7px; }

.policy { display: inline-block; text-decoration: none; color: #444; }

#panel_begin #small_panel input[type="submit"] { background: #e56620; height: 40px; padding-left: 12px; 
	padding-right: 12px; line-height: 40px; border: 0; color: #fff; text-align: center; min-width: 140px; cursor: pointer;
	-webkit-appearance: none; outline: none; }

.form_goods { position: relative; }

.form_goods input[type=text] { line-height: 30px !important; border-radius: 3px; }
.form_goods input[type=submit] { position: absolute; left: 490px; top: 30px; }

#payment_info { margin-top: 10px; background: #339933; color: #fff; padding: 3px; padding-left: 8px; padding-right: 8px; display: inline-block; border-radius: 3px; }



footer { }
footer .container { position: relative;  }
footer .logo { width: 100px; height: 100px; background-size: cover; margin-top: -14px; }


.footer-title, .sub { color: #fff; margin-left: 140px; }


/*===================================*/

.news { overflow: hidden; }


.logos {
    
    gap: 16px;
    margin-top: 64px;
    margin-bottom: 64px;
    box-sizing: border-box;
    text-align: center;

}

.logo1 {

    width: 260px;
    height: 140px;
    border-radius: 10px;
    background-color: #fff;
}
.logo-gaz {

    background-image: url('../images/sprite.png');
    background-position: -0px -0px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-dongfeng {

    background-image: url('../images/sprite.png');
    background-position: -260px -0px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-faw {

    background-image: url('../images/sprite.png');
    background-position: -520px -0px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-howo {

    background-image: url('../images/sprite.png');
    background-position: -780px -0px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-kamaz {

    background-image: url('../images/sprite.png');
    background-position: -0px -140px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-lada {

    background-image: url('../images/sprite.png');
    background-position: -260px -140px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-moskvich {

    background-image: url('../images/sprite.png');
    background-position: -520px -140px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-oka {

    background-image: url('../images/sprite.png');
    background-position: -780px -140px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-paz {

    background-image: url('../images/sprite.png');
    background-position: -0px -280px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-shacman {

    background-image: url('../images/sprite.png');
    background-position: -260px -280px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-sitrak {

    background-image: url('../images/sprite.png');
    background-position: -520px -280px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-uaz {

    background-image: url('../images/sprite.png');
    background-position: -780px -280px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}

.logo-zil {

    background-image: url('../images/sprite.png');
    background-position: -0px -420px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1040px 560px;
}


#block_index { margin-top: 84px; min-height: 700px; margin-bottom: 64px; }


.mycoll { float: left; width: 33.3333%; }
.mycoll a { text-decoration: none; font-size: 18px; display: block; margin-bottom: 8px; color: var(--main_color); }
.mycoll a:hover { color: var(--button_color); }


.cat_ate124 {
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
    padding: 10px;
    border-radius: 5px;
}


.cat_ate124:nth-child(odd) { background: #eee !important; }

.cat_ate124 .div2 {
    float: left;
    width: 65%;
    font-size: 16px;
    line-height: 1.3;
    padding-right: 20px;
    box-sizing: border-box;
}

.cat_ate124 .div2 a { text-decoration: none; }

.cat_ate124 .div3 {
    float: left;
    width: 15%;
    font-size: 16px;
    line-height: 1.3;
}

.cat_ate124 .div4 {
    float: left;
    width: 10%;
    font-size: 16px;
    line-height: 1.3;
}

.cat_ate124 .div5 {
    float: right;
    width: 10%;
    font-size: 16px;
    line-height: 1.3;
}




.cat_ate124 .div4 span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 4px;
    background: #208aad;
    border-radius: 10px;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    margin-top: 0;
}

.cat_ate124 .div4 .zero_nal {
    background: #ccc !important;
    color: #444;
}

.cat_ate124 .div5 a {
    display: block;
    text-decoration: none;
    width: 90px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    background: #e56620;
    text-align: center;
    border-radius: 4px;
    color: #fff;
}


.cat_ate124 .div2 span {
    display: block;
    font-size: 14px;
    color: #208aad;
}


#icons_block { position: absolute; right: 0; top: 0; width: 260px; bottom: 0; }

#icons_block #basket { float: left; width: 200px; top: 8px !important; }
#icons_block #lk { display: block; width: 48px; height: 48px; float: left; margin-top: 5px; color: var(--main_color); }

#basket em { font-size: 15px; }

#form_position  {display: none; }

.news { margin-bottom: 64px; }
.news .swiper-slide a {  display: block; height: 160px; background: #fff; padding: 32px; border-radius: 10px 10px 0 10px; position: relative; overflow: hidden; text-decoration: none; }

.news .swiper-slide a:before { content: ""; display: block; position: absolute; right: -12px; bottom: -12px; width: 24px; height: 24px; background: var(--button_color); transform: rotate(45deg); }

.news .swiper-slide a h3 { font-size: 20px; font-weight: 600; }
.news .swiper-slide a span { font-size: 16px; color: #666; }

.search_panel { position: relative; margin-left: 220px; margin-bottom: 16px; height: 64px; }
.active { display: block; width: 240px; height: 64px; line-height: 64px; color: #fff; padding-left: 24px; border-radius: 10px; text-decoration: none; float: left; background: #e56620 !important; }

.search_panel form {
    background: var(--main_color);
    border-radius: 10px;
    padding: 6px;
    margin-right: 300px;
    height: 64px;
    position: absolute;
    left: 260px;
    right: 0;
    top: 0;

}

.search_panel form input[type=text] { height: 42px; line-height: 42px; padding-left: 16px; border-radius: 5px; margin-left: 16px; border: 0; float: left; margin-top: 4px;  width: 40%; font-size: 16px; }
.search_panel form input[type=submit] { height: 42px; line-height: 42px; padding-left: 0; border-radius: 5px; margin-left: 16px; border: 0; width: 100px; float: left; margin-top: 4px; }
.search_panel form select { height: 42px; line-height: 42px; border-radius: 5px; border: 0; margin-top: 4px; display: block; float: left; margin-top: 4px; 
    margin-left: 16px; width: 35%; font-size: 16px; padding-left: 16px; padding-right: 16px; }

.search_panel form option { font-size: 16px; }

#stores { background: #0d779e; padding-top: 32px; padding-bottom: 32px; }
#stores h2 { color: #fff; padding-left: 10px; }

.adv { display: flex; }
.adv .icons { width: 64px; height: 64px; color: #e56620; float: left; }
.adv p { line-height: 1.3; font-size: 18px; margin-left: 14px; display: flex; align-items: center; }


#catalog_item, .article_selected { width: 75%; margin: 0 auto; }
#catalog_item h1 { padding-bottom: 18px; }
.button_basket { background: #e56620; color: #fff; display: block; width: 160px; height: 44px; line-height: 44px; text-align: center; text-decoration: none; border-radius: 5px; margin-top: 16px; }

.stores .card { padding: 16px; }
.stores .card p { font-size: 16px; }


.icon{
    width:44px;
    height:44px;
    fill:#1b7ea3;
}


#order_form_container { position: relative; }

#order_form_text { bottom: 10px !important; }

.catalog p { font-size: 16px; }


#order_form_container form { background: #f2f2f2; padding: 16px; border-radius: 10px; }

#order_form_container form label { font-size: 16px; }
#order_form_container form input { font-size: 16px; width: 480px !important; }
#order_form_container form select { font-size: 16px; width: 480px !important; }

#order_form_container form textarea {width: 480px !important; resize: 0; }

#order_form_container form input[type=submit] { width: 180px !important; border-radius: 5px; background: var(--button_color); color: #fff; }


#order_form_text {
    bottom: 26px !important;
    font-size: 14px;
}


.basket_price .amount input[type=text] {

    font-size: 16px;
}


.basket_price {

    margin-top: -4px;
}



.catalog .plus, .catalog .minus {
    
    top: 3px;
    height: 32px;
}


#autorize_text_block a, #autorize_text_block span { font-size: 16px; }


.article_selected img { display: block; width: 65%; height: auto; float: none !important; margin: 0 auto; margin-bottom: 32px; }

#basket_now { position: relative; }#block_status span { padding-left:8px; padding-right:8px; }
#block_status, #block_status span, #block_status span a { font-size:14px; }

#cms_table { width:100%; }
#cms_table th { border-collapse:collapse; border-bottom:3px solid #057ab0; padding:8px; text-align: left; font-weight: 600; }
#cms_table td { border-collapse:collapse; border-bottom:1px dotted #cccccc; padding:8px; vertical-align: top; }

#cms_table th, #cms_table td { font-size: 16px; }

#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; }




#panel_container {
  width: 100%;
  min-height: 100%;
  height: auto;
  overflow: hidden;
  display: none;
  position: absolute;
  z-index: 34;
  background-color: #fff;
}








#panel_admin { width:80%; margin:0 auto; }

#panel_admin { margin-top:110px; min-height:560px; background-color:#ffffff; 
  border-radius:10px; box-shadow: 0px 0px 12px #b9b8b8; border:1px #065e9c solid; 
  padding-top:20px; padding-bottom:45px; }

#panel_content {  padding:20px; padding-left:80px; padding-top:20px; }
#panel_light { position:absolute; top:67px; left:0px; z-index:110; height:220px; width:50px; padding-top:20px; float:left; background-color:#f2f2f2; }



/* Плавающая кнопка для вызова панели */
#panel_admin_right { position:fixed; z-index:100; top:165px; 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; }



.line { background-color:#cccccc; height:1px; width:100%; padding:0px; }


#panel_cap h3 { font-size:27px; padding-left:20px; padding-top:15px; float:left; color:#ffffff; }

#panel_cap div, #panel_cap span, #panel_cap a { color:#ffffff; }

#panel_cap #panel_close { float:right; padding:23px; }
#panel_cap #panel_close a { color:#ffffff; }






#orders_status_list div { float:left; padding-right:10px; padding-bottom:20px; }

#edit_el { width:580px; height:370px; display:none; position: absolute; z-index: 55; background-color: #ffffff; border:1px #444444 solid; }
#edit_el #el_container { padding:20px; }
#edit_el #el_container div, #edit_el #el_container p, #edit_el #el_container h3 { color:#444444; }

#order_table th { text-align:left; }
#out_content p { text-align:left; }

.base_table { border-collapse:collapse; }
.base_table { width: 100%; }

.base_table th {
    background: #F4F9E6;
    padding: 8px;
}

.base_table td {

    border-bottom:1px solid #444444;
    border-top:1px solid #444444;
    padding: 8px;
    font-size:13px; color:#444444;
}

.add_text { padding-bottom:6px; }
.add_input { width:400px; padding:4px; border:1px #cccccc solid; }


/* Форма авторизации */
.nap a { font-size:12px; }

/* Основные формы. Начало */

.form_out { width:695px; }
.form_out div { float: left;  margin-bottom: 5px; }

.form_out label { width:160px; padding:4px; margin-left:0px;
                  float: left; text-align: left; position: relative; top: 2px; margin-right: 5px; }



#articles_form div { float:none;  margin-bottom: 0px; }
#articles_form label { width:100%; float:none; position:none; }

#articles_form .tinyMCE { height:300px; }

#text_form div { float:none;  margin-bottom: 0px; }
#text_form label { width:100%; float:none; position:none; }


#subscribe_form div { float:none;  margin-bottom: 0px; }
/*#subscribe_form label { width:100%; float:none; position:none; } */

#subscribe_form input[type=text] { width:508px; }
#subscribe_form select { width:518px; }

#catalog_descr_form div { float:none;  margin-bottom: 0px; }
#catalog_descr_form label { width:100%; float:none; position:none; }
#catalog_descr_form .tinyMCE { height:600px; }


#text_form .tinyMCE { height:550px; }




.my_input_js {  width:495px; padding:4px; margin:2px; border:1px #333333 solid; }

.form_out select { width:483px; padding:4px; margin:2px; border:1px #333333 solid; float:left; /*background:url('../images/bg_input.gif') repeat-x; */}


.form_out input[type=text], .form_out input[type=password] { 
  width:100%; padding:4px; margin:2px; border:1px #ccc solid; line-height: 14px; 
/*background:url('../images/bg_input.gif') repeat-x;*/ }

.form_out input[type=text]:focus, .form_out input[type=password]:focus, 
.form_out select:focus { border:1px #7f401d solid;}


.form_out textarea { width:473px;  padding:4px; margin:2px; border:1px #333333 solid; /*background:url('../images/bg_input.gif') repeat-x; */}


/*
.form_out input[type=button], .form_out input[type=submit] { float:right;


text-align: center; color: #02e5f4c; cursor: pointer;
background:url('../images/sprite.png') no-repeat -30px -2725px; width:165px; height:42px;
border: none; font-weight: bold; font-size: 17px; line-height: 42px;
padding: 4px 0 3px 0; }


.form_out input[type=button]::-moz-focus-inner { padding:0; border:0; }
.form_out input[type=submit]::-moz-focus-inner { padding:0; border:0; }

.form_out input[type=button]:hover {  background:url('../images/sprite.png') no-repeat -30px -2780px; }
.form_out input[type=submit]:hover {  background:url('../images/sprite.png') no-repeat -30px -2780px; }

*/



.btn_cancel, .btn_accept { cursor:pointer; width:150px; height:34px; border:1px #7f401d solid; }


.project_el div { float:left; padding:4px; padding-top:14px; padding-right:24px; padding_bottom:1px;}
.project_el div, .project_el div a { font-size:16px; }


#out_center {
  position: relative;
  padding: 20px;
  margin-top: 90px;
  overflow: auto;
  height: auto;
}


#out_center .h3_el { padding-top:10px; }
#out_center .h3_el, #out_center .p_el { padding-left:140px; /* color:#073c5b; */ }


#ico_settings { background:url('../images/sprite_cms.png') no-repeat 0px -395px; }
#ico_users { background:url('../images/sprite_cms.png') no-repeat 0px -607px; }
#ico_goods { background:url('../images/sprite_cms.png') no-repeat 0px -815px; }
#ico_security { background:url('../images/sprite_cms.png') no-repeat 0px -1022px; }
#ico_seo {  background:url('../images/sprite_cms.png') no-repeat 0px -1237px; }
#ico_orders { background:url('../images/sprite_cms.png') no-repeat 0px -1442px; }
#ico_questions { background:url('../images/sprite_cms.png') no-repeat 0px -1651px; }
#ico_services { background:url('../images/sprite_cms.png') no-repeat 0px -1861px; }
#ico_stat { background:url('../images/sprite_cms.png') no-repeat 0px -2077px; }

#ico_settings, #ico_users, #ico_goods, #ico_security, #ico_seo, #ico_orders,
#ico_questions, #ico_services, #ico_stat { float:left; width:50%; height:160px; }

/*=========================================*/

/*

.form_out div {
  float: left;
  margin-bottom: 5px;
}


.form_out label {
  float: left;
  width: 160px;
  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"] {
  line-height: 26px;
  height: 26px;
}

.form_out select, .form_out input[type="text"], .form_out input[type="password"], .form_out textarea {
  width: 70%;
  border: 1px #bdbdbd solid;
  font-size: 16px;
}


.form_out select, .form_out input[type="text"], .form_out input[type="password"], .form_out textarea {
  padding: 4px;
  margin: 2px;
  height: 36px !important;
  box-sizing: border-box;
}


*/




.close_form {

  padding: 8px;
  border-radius: 50%;
  position: absolute;
  right: 32px;
  top: 20px;
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 50%;
  opacity: 1;
  cursor: pointer;
}



.close_form::before, .close_form::after {
  position: absolute;
  left: 23px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}


.close_form::before {
  transform: rotate(45deg);
}


.close_form::after {
  transform: rotate(-45deg);
}


.autorize_form .form_out label {
  float: none !important;
  display: block !important;
  width: auto !important;
}


#order_form_container2 .form_out div { width: 100%; }

@media only screen and (min-width: 0px) and (max-width: 767px) {


.icon {
    width: 36px;
    height: 36px;
}

.basket_clear { position: static; margin-bottom: 16px; margin-left: 10px; }


#order_form_container form input { font-size: 16px; width: 100% !important; }
#order_form_container form select { font-size: 16px; width:100% !important; }

#order_form_container form textarea {width: 100% !important; resize: 0; }

#order_form_container form input[type=submit] { width: 180px !important; border-radius: 5px; background: var(--button_color); color: #fff; }


#order_form_text {
    position: static; margin-top: 16px;
    
}


.cat_ate124 .div2 a {
    font-size: 16px;
}


.cat_ate124 .div2 span {
margin-bottom: 8px;
}


#order_list .catalog { padding-bottom: 16px; }


.basket_ico_small { display: none; }



.hero h1{
font-size:38px;

}

.hero p{
font-size:18px;

}

.cards,
.advantages{
grid-template-columns:1fr;
}

.search{
flex-direction:column;
gap:10px;
}

.search input,
.search button{
width:100%;
border-radius:12px;
}



.logo {
    position: absolute;
    left: 20px;
    top: 10px;
    z-index: 3;
    display: block;
    background: url(../images/logo.png) no-repeat;
    width: 100px;
    height: 100px;
    background-size: cover;
    text-decoration: none;
}

#logo_text {
    position: absolute;
    top: 10px;
    left: 120px;
    background: url(../images/logo_text2.png) no-repeat;
    width: 185px;
    height: 56px;
    text-decoration: none;
    line-height: 1.2;
    background-size: contain;
}



.search_panel {
    
    margin-left: 0;
    margin-bottom: 16px;
}


.search_panel form {
    float: none;
    margin-left: 0;
    background: var(--main_color);
    border-radius: 10px;
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
}


.adv { padding: 16px; }


.topbar {
    display: grid;
    grid-template-columns: 100px 1fr 0px;
    gap: 20px;
    align-items: center;
    padding: 20px 0;
}

nav { margin-left: 14px; margin-top: 24px; line-height: 1.2; }


nav a {
    
    padding: 0;
    font-size: 15px;
    padding-right: 16px;
}

.active {
    display: block;
    width: 180px;
    height: 48px;
    line-height: 48px;
    float: none;
    margin-bottom: 16px;
    margin-top: 0px;
    font-size: 16px;
    padding-left: 16px;
}



.footer-brand { float: none; width: auto; }

.my_hero .container p { font-size: 22px; margin-top: 44px; }
.search input[type=text] { margin-left: 0; width: 100%; margin-bottom: 16px; }

.my_hero div div div { height: 200px; background-size: cover; background-position: -150px 0; }

#panel_admin_right { display: none; }

.mycoll { float: none; width: auto; }

.news .swiper-slide a { height: 130px; padding: 16px; }

.news .swiper-slide a h3 { font-size: 16px; }
.news .swiper-slide a span { font-size: 14px; }

.stores .card { padding: 16px; height: auto; }
.stores .card h3 { font-size: 18px; }
.stores .card p { font-size: 18px; }

.footer-title, .sub { margin-left: 130px; }
.footer a { text-align: center; font-size: 14px; }

.sub { font-size: 13px; line-height: 1.3; }

footer .logo { margin-top: -6px; }


#block_index { margin-top: 0; }


#icons_block #basket {
    width: 90px;
    top: 4px !important;
}

#basket > a { height: 44px; }

#basket em { display: none; }
#basket p { display: none; }
#icons_block { width: 150px; }


/*===================== */



#login_form #autorize_text_block span { display: block; padding-left: 0; }
#login_form #autorize_text_block a { text-decoration: none !important; }

#reg_text_block { position: static; }
#reg_text_block a { text-decoration: none; }

#objects_block { margin-left: 10px; margin-right: 10px; }
#objects_block div { float: none; width: 100%; margin-bottom: 20px; }

#footer_line {  margin-left: 10px; margin-right: 10px; }
#footer_line a { display: block; margin-right: 0; margin-bottom: 10px; text-decoration: none; }

#cmenu_button {
    position: absolute;
    right: 16px;
    top: 16px;
    display: block;
    width: 40px;
    height: 29px;
    overflow: hidden;
    background: url('../images/menu_ico.png') no-repeat 0 0;
    z-index: 107;
}



.count_h1 { margin-right: 0; line-height: 1; font-size: 22px; padding-bottom: 0; }
.count { text-align: left; float: none; margin-bottom: 20px; }

.smart_panel #search { display: none !important; }
.smart_panel #price { top: 60px; }

.smart_panel #basket a div { display: none; }

#top1, #top2, #top3 { display: none; }
#logo { width: 30%; background-size: contain; margin-left: -20px; height: 150px; }


#logo_text p { margin-top: 50px; font-size: 13px; position: absolute; left: 0; right: -56px; top: -4px; }

#basket { right: 10px; top: 20px; }


#cmenu li { height: 48px; padding-left: 38px; padding-top: 2px; padding-right: 0; }

#order_form_text { left: 10px; bottom: 85px; }
#order_form_text, #order_form_text a { font-size: 13px; }
#order_form_container input[type="submit"] { margin-top: 24px; }



#panel_admin_right, #panel_fast_off, #panel_fast_on { display: none; }

#logo_text { margin-left: 10px; }

#auto { width: 96%; background-size: contain; height: 130px; }

.search { margin-left: 10px; margin-right: 10px; width: auto; left: 0; }

.search div input[type="text"] {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 4px;
    box-sizing: border-box;
}


#cmenu { height: 120px; padding-left: 30px; padding-right: 30px; display: none; }
#price { margin-left: 16px; margin-top: 30px; left: 0; top: 0; }
#price span { display: none; }


#logo_text p { margin-top: 44px; }

#lk_block {
    position: absolute;
    right: auto;
    left: 114px;
    top: -31px;
}

#lk_block a { color: #fff !important; background: #ff803b; padding: 2px; padding-left: 6px; padding-right: 6px; border-radius: 3px; }


#panel_begin #small_panel.autorize_form { width: auto !important; margin-top: 0 !important; }

.autorize_form .form_out { width: auto !important; }
.autorize_form .form_out div { float: none; margin-bottom: 5px; }

.autorize_form .form_out input[type="text"], .form_out input[type="password"] { width: 100% !important; box-sizing: border-box; }

#block_index { padding: 10px; padding-top: 20px; }

#footer { height: 150px; overflow: hidden; }
#footer p { margin-left: 10px; padding-top: 25px; }

#footer1, #footer2 { width: 100%; }
#footer2 { float: left; padding-top: 26px; }

.mycoll { float: none; width: 100%; }
.mycoll p a { text-decoration: none; font-size: 19px; }

.catalog h3 { width: 100%; float: none; margin-bottom: 7px; }
.catalog p { width: 30%; float: left; }

.order_br .form_out { width: 100%; }
.order_br .form_out div { float: none; }
.order_br .form_out label { width: 100%; }
.order_br .form_out input[type="text"], .order_br .form_out select, .order_br .form_out textarea { width: 100%; box-sizing: border-box; display: block; }

#panel_admin_right { display: none; }
#question_form input[type="text"] { width: 100%; }

#author_m, #email_m, #type_m, #question_m, #send_message1, #send_message2, #phone_apt_m, #name_apt_m, #city_m, #email_apt_m { width: auto; }

#question_l { float: none; height: 330px !important; }
#question_form textarea { width: 90%; }


#question_form input[type="button"], #question_form input[type="submit"] { position: static; }






#search_form { width: 100%; }
.search { height: 105px; margin-left: 10px; margin-right: 10px; padding: 20px; }
#search_groups { position: relative; width: 100%; box-sizing: border-box; right: 0; padding: 4px; -webkit-appearance: none !important; }

.catalog .basket_price { width: 40%; }

#text_block img { width: 100% !important; height: auto !important; margin: 0 auto; }

.articles .content { width: auto; }
#panel_articles { display: none; }
.article_selected { width: auto; }
.article_selected img { width: 100%; height: auto; margin: 0 auto; margin-bottom: 12px; }


.search div input[type="submit"], .search div input[type="submit"]:hover  { position: static; top: -7px;
    right: auto; margin-left: 0; border-bottom: 0; -webkit-appearance: none !important; height: 48px; }


#my_container #cms_table th:nth-child(2) { display: none; }
#my_container #cms_table td:nth-child(2) { display: none; }

.order_copy { display: none; }
.myleft a { margin-right: 5px; padding-left: 5px; font-size: 15px; }

#my_orders_block_left { float: none; width: 100%; padding: 12px; }
#my_itogo { float: none; width: 100%; padding: 12px; }

.myleft { float: none; margin-bottom: 12px; }
#footer { background: #e4f5ec url(../images/bg_footer_m.gif) repeat-x; height: 150px; }
#footer1 { float: none; }
#footer2 { float: none; padding-top: 12px; }


#news_block {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 0;
    width: auto;
}


#actions_block {
    padding-top: 40px;
    padding-bottom: 40px;
    float: none;
    margin-left: 0;
    width: auto;
}




.cat_ate124 .div2 { width: 70%; } 
.cat_ate124 .div3 { width: 30%; text-align: right; }

.cat_ate124 .div3 strong {  }

.cat_ate124 .div4, .cat_ate124 .div5 { width: 50%; }
.cat_ate124 .div5 a { float: right; }


#search_groups {
    /* width: 190px; */


    -webkit-appearance: none !important;
    padding: 6px;
    padding-left: 0;
    color: #888;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 15px;
}


h1 { FONT-SIZE: 32px; padding-bottom: 24px; }
h2 { FONT-SIZE: 26px; }

#wrap { padding: 0; margin: 0; overflow: hidden; }
body { min-width: 0; }

.search_panel { margin-left: 0; height: auto; margin-bottom: 16px; }
.search_panel form { margin-right: 0; height: auto; position: static;}

.search_panel form input[type=text] { float: none; width: 100%; box-sizing: border-box; margin-left: 0; }
.search_panel form select { float: none; width: 100%; box-sizing: border-box; margin-left: 0; }
.search_panel form input[type=submit] { float: none; width: 100%; box-sizing: border-box; margin-left: 0; }


}



@media only screen and (min-width: 768px) and (max-width: 1024px) {

.topbar,
.hero,
.content,
.footer-inner{
grid-template-columns:1fr;
}

.advantages{
grid-template-columns:repeat(2,1fr);
}


nav { margin-left: 160px; margin-top: 32px; }
nav a { padding: 8px; }

.my_hero div div div { height: 300px; background-position: -100px 0; }
.my_hero .container p { font-size: 38px; margin-top: 54px; }

#catalog_item, .article_selected { width: auto; }
.container { width: auto; padding-left: 32px; padding-right: 32px; }

.article_selected img { display: block; width: 100%; height: auto; margin-bottom: 32px; }
.article_selected p { line-height: 1.5; }

.active { margin-left: 190px; float: none; width: 200px; padding-left: 24px; }

.search_panel { margin-left: 0; height: auto; }
.search_panel form { margin-top: 16px; margin-right: 0; height: 50px; position: static; }

#icons_block { width: 250px; }
#icons_block #basket { width: 200px; }
.mycoll { width: 50%; }

.cat_ate124 .div2 { width: 50%; }
.cat_ate124 .div4 { width: 20%; }
.cat_ate124 .div5 { float: left; width: 15%; }
#block_index { margin-top: 44px; }

h1 { FONT-SIZE: 40px; }
.adv p { line-height: 1.3; }

.search_panel form input[type=text] { width: 44%; }
.search_panel form select { width: 32%; }

}

