/* стили для внешнего вида сайта */
body {
	margin: 0;
	padding: 0;
	background-color: #31629d;
	
	font-family: Arial;
	font-size: 16px;
	color: #ffffff;
}

div {
	height: auto;
	overflow: hidden;
}

.soglasie_bg {
	padding: 20px;
	background: rgba(255,255,255,0.7);
	width: calc(100% - 40px);
	position: fixed;
	bottom: 0px;
	z-index: 10000;
	backdrop-filter: blur(5px);
	color: black;
}

.soglasie_bg a {
	color: black;
}

.soglasie_bg .container {
	display: grid;
	gap:50px;
	grid-template-columns: auto 200px;
}


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

.soglasie_bg {
	bottom: 60px;
}

.soglasie_bg .container {
	gap:10px;
	display: flex;
	flex-direction: column;

}

}



.two_cols {
	display: grid;
	gap:30px;
	grid-template-columns: 200px auto;
}


/* для блока архив новостей */
.news_archive {
	height: auto;
	overflow: hidden;
	display: grid;
	gap:0;
	grid-template-columns: 70px auto;
}

.news_archive_years {

/*
	width: 70px;
	height: auto;
	overflow: hidden;
	float: left;	
*/
}

.news_archive_months {
	
/*	
	width: 120px;
	height: auto;
	overflow: hidden;
	float: left;
*/
	border-style: solid;
	border-color: #2a4c81;
	border-width: 0px 0px 0px 5px;
}

.news_archive_years, .news_archive_months {
	/*
	display: flex;
	gap:5px;
	flex-wrap: wrap;
	align-items: start;
	*/
}


.news_archive_years div, .news_archive_months div {
	padding: 10px;
}

.news_archive_months div {
	padding-left: 20px;
	color: #839bca;
}

.current_year, .current_month {
	background-color: #2a4c81;
	font-weight: bold;
	color: White !important;
}


.news_archive_title {
	background-color: #2a4c81;
	font-weight: bold;
	text-align: center;
	padding: 7px;
	width: 180px;
}

.news_block {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #2a4c81;
}


.nb_date {
	display: block;
	padding-bottom: 5px;
	color: #a6b1c5;
	font-size: 12px;
}

.nb_title a {
	color: #88d6f9;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 16px;
} 

.nb_title a:hover {
	text-decoration: underline;
}

.nb_descr {
	padding-top: 5px;
	color: #d2d8e2;
}

.nb_image {
	width: 170px;
}

.nb_image img {
	border: 3px solid #63769a;
}

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

.two_cols {
	gap:15px;
	grid-template-columns: auto;
}

.news_archive {
	grid-template-columns: 1fr 1fr;
	
	border-style: solid;
	border-color: #2a4c81;
	border-width: 0px 0px 5px 0px;
}


.news_archive_years div, .news_archive_months div {
	float: left;
}

}


.content_col img {
	width: auto !important;
	max-width: 100%;
	height: auto;
	display: block !important;
}


/*	адресная строка главная/о компании/контакты */
.address {
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.address img {
	margin-left: 15px;
	margin-right: 15px;
}

.address a {

}


/* сообщение об ошибке */
.umsg_error {
	background-color: #ca0000;
	color: White;
	padding: 20px;
	margin-bottom: 15px;
	display:block;
}

/*	сообщение об удачно выполненном действии */
.umsg_alert {
	background-color: #2582b8;
	padding: 20px;
	margin-bottom: 15px;
	display:block;
}

.red_js_link {
	cursor: pointer;
	border-style: dashed;
	border-width: 0px 0px 1px 0px;
	border-color: White;
}

/* элементы форм */
form {
	margin: 0;
	padding: 0;
}

input[type="text"], textarea, input[type="password"] {
	border:1px solid #a0a0a0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

.input_full_width {
	width: 95%;
}

.input_small {
	width: 150px;
}

/* стили для таблиц, например для каталога товаров */

.border_table {
	border-collapse: collapse;
}

.border_table td, .border_table th {
	border: 1px solid #c0c0c0;
}

.noborder_table td, .noborder_table th {
	padding-bottom: 10px;
	padding-right: 10px;
}




/* блок с всплывающим сообщением о незаполненном поле на форме */

.err_block {
	width: 280px;
	height: 23px;
	padding-bottom: 4px;
	text-align: center;
	font-size: 12px;
	display: none;
	position: absolute;
	margin-top: -15px;
	margin-left: 10px;
	color: White;
	background-image: url(/images/errb.gif);
	background-position: 10px 23px;
	background-repeat: no-repeat;
	
}

.err_block div {
	background-color: #ca0000;
	height: 20px;
	padding-top: 3px;
}

/* далее - стили описывающие дизайн */

.container {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	float: none;
	clear: both;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (max-width: 800px) {
.nolrp {
	padding-left: 0;
	padding-right: 0;
}
}


.logo_tel_price {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #31629d;
	background: url(/images/logobg.jpg) no-repeat left bottom, #080d33;
	z-index: 120;
}

.logo_tel_price .container {
	min-height: 153px;
	display: grid;
	gap:20px;
	grid-template-columns: auto 412px 220px;
	align-items:center;
	grid-template-areas: "logo dnl_buttons top_tel";
}

.logo {
	grid-area: logo;
}

.dnl_buttons {
	grid-area: dnl_buttons;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:20px;
}

.logo_phone {
	position: absolute;
	margin-top: -50px;
	margin-left: 180px;
	z-index: 50;	
	font-size: 26px;
	font-weight: bold;
	color: #6fbeec;
	font-family: Tahoma;
}

.top_tel {
	color: White;
	font-weight: bold;
	font-size: 22px;
	grid-area: top_tel;
}

.trubka {
	background-image: url(/images/trubka.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 0px 8px;
}


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

.logo_tel_price .container {
	grid-template-columns: auto 412px;
	grid-template-areas: 
		"logo top_tel"
		"logo dnl_buttons";
	padding-top: 10px;
	padding-bottom: 10px;
	align-items:start;
	gap: 15px 40px;
}


}

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

.logo_tel_price .container {
	grid-template-columns: auto;
	grid-template-areas: 
		"logo"
		"dnl_buttons";
	gap: 15px 20px;
}

.dnl_buttons>div {
	text-align: center;
}

.top_tel {
	display: none;
}

}


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

.logo img {
	width: auto;
	max-width: 100%;
}

.logo_phone {
	font-size: 22px;
	margin-left:0;
	right: 10px;
	margin-top: -40px;
}

.dnl_buttons img {
	width: auto;
	max-width: 100%;
}


}

.open_menu {
	display: none;
}

.opened_menu {
	display: block;
}

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

.opened_menu {
	display: none;
}


.open_menu {
	display: block;
	padding: 10px;
	margin: 10px;
	margin-left: 0;
	background: #b0e0e6;
	border-radius: 10px;
	width: 20px;
	height: 20px;
}

.open_menu img {
	width: 20px;
	height: 20px;
}

}


.mainmenu {
	min-height: 50px;
	background-color: #2a9dcf;
	
}

.mainmenu .container {
	display: grid;
	gap:50px;
	grid-template-columns: auto 90px;
}

.menu_items {
	display: flex;
	gap:0px;
	flex-wrap: nowrap;
	overflow-x: auto;
}

.menu_items div {
	font-size:0.9rem;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(/images/mmrazd.gif);
	background-repeat: no-repeat;
	background-position: 0px 18px;
	overflow: visible;
}

.current_mm, .current_mm:hover {
	background: #080d33 !important;
	background-image: none !important;
}


.menu_items div:first-child {
	background-image: none;
}

.menu_items a {
	color: #d4ebf5;
	text-decoration: none;
	text-shadow: 1px 1px 1px #1c6686; 
	display: block;
	text-align: center;
	padding: 15px 20px;
	min-height: 20px;
	white-space: nowrap;
}

.menu_items a:hover, .current_mm a {
	color: White;
}

.menu_items div:hover {
	background: #0e6495;
}

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

.menu_items a {
	padding: 15px 15px;
}

}

.select_lang {
	display: grid;
	gap:10px;
	grid-template-columns: 40px 40px;
	margin-top: 5px;
}

.select_lang div {
	width: 40px;
	height: 40px;
}

.select_lang div img {
	padding: 12px 9px;
}

.current_lang {
	background-image: url(/images/current_lang_bg.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}


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

.mainmenu .container {
	gap:20px;
}

.menu_items div{
	background-image: none;
	border-style: solid;
	border-color: #4bafdb;
	border-width: 0 1px 1px 0;
}

.menu_items div:nth-child(2n) {
	border-width:0 0 1px 0;
}

.menu_items {
	display: grid;
	gap:0px;
	grid-template-columns: 1fr 1fr;
	border: 1px solid #4bafdb;
	margin: 10px 0;
}

.menu_items a {
	white-space: normal;
}

}


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

/*
.mainmenu .container {
	grid-template-columns: auto 40px;
	align-items: start;
}

.select_lang {
	display: grid;
	grid-template-columns: auto;
}
*/


.menu_items {
	grid-template-columns: 1fr;
	border-width: 1px 1px 0 1px;
}

.menu_items div {
	border-width:0 0 1px 0;
}



}



.slider {
	height: 511px;
	background-image: url(/images/slider_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


.slider_ten {
	height: 511px;
	background-image: url(/images/shadow1.png);
	background-repeat: repeat-x;
	background-position: top;
}


.slider ul {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
}

.slider li {
	padding: 0;
	margin: 0;
	display: block;
	list-style: none;
	list-style-image: none;
	height: 511px;
	float: left;
}

.slider_img {
	text-align: right;	
}

.slider_title {
	width: 440px;
	height: 275px;
	overflow: hidden;
	position: absolute;
	margin-top: 236px;
	color: White;
}

.st_title {
	width: 320px;
	height: 131px;
	background-image: url(/images/slider_title.png);
	background-repeat: no-repeat;
	padding-left: 80px;
	padding-right: 40px;
	padding-top: 20px;
	font-size: 18px;
}

.st_title_gakz {
	background-image: url(/images/slider_title_gakz.png) !important;
}

.st_title_kaz {
	background-image: url(/images/slider_title_kaz.png) !important;
}


.st_title strong, .st_title span {
	display: block;
	margin-bottom: 5px;
}

.st_descr {
	padding-left:40px;
	padding-right: 40px;
	padding-top: 20px;
	color: #d6e0eb;
}

.st_descr td {
	color: #d6e0eb;
}


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

.slider, .slider_ten, .slider li {
	height: 400px;
} 

.sl_img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.slider_title {
	margin-top: 240px;
}

}


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

.slider, .slider_ten, .slider li {
	height: 300px;
} 

.st_title {
	padding-top: 10px;
	font-size: 16px;
	
}

.slider_title {
	margin-top: 140px;
}

}


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

.sl_img {
	height: 300px;
	width: auto;
	max-width: none;
}

.st_title {
	font-size: 14px;
	background-size: 360px;
}

.slider_title {
	width: 360px;
	height: 200px;
	margin-top: 160px;
	
}

}


.firstinfo {
	background-color: #203b6e;
	padding-bottom: 20px;
	background-image: url(/images/finfo_shadow.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	margin-bottom: 20px;
}

.marki_title {
	height: 97px;
	padding-bottom: 1px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:1px;
	background: #4891be;
}

.marka_title {
	
}

.mt_inner {
	padding-top: 32px;
	height: 65px;
	background-image: url(/images/str_down_norm.png);
	background-position:right;
	background-repeat: no-repeat;
	background-color: #070c24;
}

.marka_title:hover .mt_inner {
	background-color: #11294f;
	background-image: url(/images/str_down_shine.png);
}


.marka_title img {
	margin-left: 32px;
}

.dropdown_menu {
	position: absolute;
	width: 490px;
	height: auto;
	background-color: #11294f;
	display: none;
	z-index: 100;
}

.marka_title:hover .dropdown_menu{
	display: block;
}


.ddm_inner {
	padding: 20px;
}

.dropdown_menu h2 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	background-image: url(/images/ddm_category_title.png);
	background-repeat: no-repeat;
	background-position: right;
	color: White;
	float: none;
}


.dropdown_menu ul {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: none;
	margin-bottom: 10px;
}

.dropdown_menu li {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-image: none;
	width: 125px;
	height: 95px;
	float: left;
	background-image: url(/images/kruk.png);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 16px;
}

.dropdown_menu li a {
	display: block;
	padding-left: 75px;
	padding-top: 40px;
	width: 50px;
	height: 55px;
	color: White;
}

.dropdown_menu li:hover {
	background-image: url(/images/kruk_over.png);
}


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


.marki_title {
	grid-template-columns: 1fr;
	height: auto;
}

.dropdown_menu {
	position: relative;
	width: auto;
}

.mt_inner {
	padding-top: 20px;
	height: auto;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 50px;
}

.marka_title img {
	margin-left: 0px;
	width: auto;
	max-width: 100%;
}



}



.finfo_3cols {
	height: auto;
	display: grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:0;
}

.finfo_3cols > div {
	padding: 30px;
}

.fi_about p {
	text-align: justify;
	hyphens: auto;
	text-justify: inter-word;
}

.fi_about p:last-of-type {
	margin-bottom: 30px;
}

.fi_news  {
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: Black;
}

.finfo_3cols h1, .finfo_3cols h2 {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}

.more_info {
	display: block;
	padding: 5px;
	background-color: #374f7d;
	width: 120px;
	background-image: url(/images/str_right.png);
	background-repeat: no-repeat;
	background-position: 110px 10px;
	color: #70aed4;
	text-decoration: none;
}

.more_info:hover {
	background-color: #192744;
}

.fi_news ul, .fi_events ul {
	display: block;
	padding: 0;
	margin: 0;
}

.fi_news li,  .fi_events li{
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	list-style: none;
	list-style-image: none;
}

.ln_date{
	padding-bottom: 5px;
	color: #a6b1c5;
	font-size: 12px;
}

.ln_title a {
	color: #88d6f9;
	text-decoration: none;
	display: block;
	font-weight: bold;
} 

.ln_descr {
	text-align: justify;
	hyphens: auto;
	text-justify: inter-word;
	margin-top: 5px;
}


.fi_news li a:hover, .fi_events a:hover {
	text-decoration: underline;
}


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

.finfo_3cols {
	grid-template-columns:auto;
}

.fi_news  {
	border-width: 1px 0px 1px 0px;
}


.finfo_3cols > div {
    padding: 15px;
}


}


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



}



.serv_listalka {
	height: 180px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	display: grid;
	gap:10px;
	grid-template-columns: 24px auto 24px;
}

.serv_prev_btn, .serv_next_btn {
	height: 130px;
	padding-top: 50px;
}

.serv_prev_btn img, .serv_next_btn img {
	cursor: pointer;
}

.serv_next_btn {
	
}

.serv_list {
	
	height: 180px;
}

.serv_list ul {
	display: block;
	padding: 0;
	margin: 0;
}

.serv_list li {
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
	list-style: none;
	list-style-image: none;
	float: left;
	height: 180px;
	width: 25%;
}

.serv_list img {
	box-shadow:0px 10px 10px #22436b;
}

.serv_list img:hover {
	margin-left: 3px;
	margin-top: 3px;
	box-shadow:0px 5px 10px #22436b;
}

footer {
	display: block;
	min-height: 131px;
	background-color: #0f4675;
	background-image: url(/images/bottom.png);
	background-repeat: repeat-x;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #9fb5c8;
	font-size: 12px;
}


footer a {
	color: #9fb5c8;
}

.footer_3cols {
	display: grid;
	gap:0px;
	grid-template-columns:2fr 1fr 1fr;
}

.icons_search_copyright {
	padding: 10px 30px 10px 0;
}

.counters_neon {
	padding: 10px 0px 10px 30px;
}

.bottom_phone {
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #2c5c86;
	padding: 10px 30px;
}

.search {
	margin-bottom: 15px;
}

.searchform {
	display: grid;
	gap:10px;
	grid-template-columns: auto 30px;
	border:1px solid #9fb5c8;
	background-color: #275983;
}

.lupa input {
	width: 20px;
	padding: 5px;
	margin: 0;
	display: block;
}

.srch_input {
	width: calc(100% - 10px);
	border: none !important;
	background-color: transparent;
	outline: none;
	padding: 5px !important;
	color: white;
}

.copyright p:last-child {
	margin-bottom: 0;
}

.bottom_phone_trubka {
	background-image: url(/images/trubka.png);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 15px;
}



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


.footer_3cols {
	grid-template-columns:auto;
}

.bottom_phone {
	border-width: 1px 0px 1px 0px;
	padding: 15px 0;
}

.counters_neon {
	padding: 15px 0;
}

.icons_search_copyright {
	padding: 15px 0;
}

}


.pagination {
	position: absolute;
	z-index: 30;
	margin-top: 10px;
	margin-left: 900px;
}

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

.pagination {
	margin-left: 0;
	right: 10px;
	width: auto;
}


}



.pagination a {
	background: url(/images/bullet_active.png) no-repeat transparent;
	width: 21px;
	height: 21px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-image: url(/images/bullet_current.png);
	cursor: default;
}
.pagination a span {
	display: none;
}



.poloski {
	background-image: url(/images/poloski.png);
}


.poloski_ten {
	background-image: url(/images/shadow1.png);
	background-repeat: repeat-x;
	background-position: top;
}


.block_header {
	background-color: #162c57;
	padding: 32px;
	padding-top: 15px;
	padding-bottom: 25px;
	margin-top: 15px;
	display: flex;
	gap:15px;
	justify-content: space-between;
}

.block_header>div {
	overflow: visible;
}

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

.archive_img_link {
	width: 62px;
}

}


.contentblock {
	background-color: #203b6e;
	padding: 32px;
	padding-top: 25px;
	margin-bottom: 15px;
}


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

.block_header {
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.contentblock {
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

}



.podbor_form {
	display:grid;
	gap:15px;
	grid-template-columns:auto;
}

.pf_po_parametram {
	background-color: #11294f;
	padding: 32px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.pf_po_zadache {
	background-color: #203b6e;
	display: grid;
	gap:25px;
	grid-template-columns: fit-content(300px) auto;
	align-items: center;
}


.ppz_title {
	background-color: #0c1e41;
	padding: 25px 42px 25px 32px;
	background-image: url(/images/ppz_title.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-weight: bold;
	font-size: 16px;
}

.ppz_form {

}

.ppz_form_items {
	display: flex;
	gap:10px;
	flex-wrap: wrap;
}

.ppz_form_item {
	display: flex;
	gap:10px;
	align-items: center;
}

.ppz_form_item_title {
	font-size: 12px;
	white-space: nowrap;
}

.ppz_input {
	width: 45px;
	background-color: #485e88;
	border:1px solid #ffffff;
	border-radius: 2px;
	padding: 5px !important;
	color: White;
	margin-right: 20px;
}



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

.pf_po_parametram {
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ppz_title {
	padding: 25px 42px 25px 15px;
}

.pf_po_zadache {
	align-items: start;
	gap:20px;
}

.ppz_form_items {
	padding: 10px;
}

}


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

.pf_po_zadache {
	gap:15px;
	grid-template-columns: auto;
}

}




.over_x {
	overflow-x: auto;
}


.pfp_marki_params {
	display: flex;
	gap: 30px;
	overflow: visible;
}

@media screen and (max-width: 640px) {
.pfp_marki_params {
	flex-direction: column;
}
	

}



.pfp_marki {
	display:flex;
	gap:10px;
	flex-wrap: wrap;
}

.pfp_params {
	display:flex;
	gap:10px;
	flex-wrap: wrap;
}

.pfp_params span {
	font-size: 11px;
	display: block;
	margin-bottom: 5px;
	white-space: nowrap;
}

.pfp_params select {
	width: stretch;
}


.pfp_marki div{
	border:1px dotted #446599;
	padding: 5px;
	padding-top: 10px;
	height: 23px;
	border-radius:3px;
}

.pfp_current_marka, .set_pfp_marka:hover {
	border-style: solid !important;
	background-color: #203d6b;
}

.pf_button {
	height: 31px;
	color: White;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #203b6e;
	background-image: url(/images/pf_button.png);
	background-repeat: no-repeat;
	border: none;
	background-position: right;
	background-color: transparent;
	padding-right: 30px;
	padding-left: 20px;
	cursor: pointer;
	outline: none;
}

.catalog_param_main_title {
	background: url(/images/catalog_param_main_title_left.png) no-repeat left center, url(/images/catalog_param_main_title_right.png) no-repeat right center, #0c1e41;
	margin-bottom: 20px;
	padding: 2px 30px 6px 30px;
	height: 28px;
	font-size: 28px;
	font-weight: bold;
	color: #5b9eca;
	white-space: nowrap;
}

.catalog_param_main_title span {
	color: White;
}

.catalog_list {
	margin-bottom: 20px;
	display:grid;
	gap:40px 15px;
	grid-template-columns:1fr 1fr 1fr;
}

@media screen and (max-width: 1100px) {
.catalog_list {
	gap:30px 15px;
	grid-template-columns:1fr 1fr;
}

}


@media screen and (max-width: 700px) {
.catalog_list {
	gap:15px;
	grid-template-columns:1fr;
}

.catalog_param_main_title {
	font-size: 22px;
	line-height: 28px;
}

}

@media screen and (max-width: 480px) {
.catalog_param_main_title {
	font-size: 20px;
	padding: 2px 15px 6px 15px;
}
}

.catalog_list_poh {
	display:grid;
	gap:30px;
	grid-template-columns:auto;
}


.catalog_list_model {
	

}

.clm_image {
	width: 172px;
	height: 129px;
	overflow: hidden;
	border: 3px solid #63769a;
	float: left;
	margin-right: 15px;
	text-align: center;
}

.clm_image div {
	text-align: center;
	padding-top: 60px;
	color: #8C99A6;
}

.clm_image_small {
	width: 100px;
	height: 75px;
	overflow: hidden;
	border: 3px solid #63769a;
	float: left;
	margin-right: 10px;
	text-align: center;
}

.clm_image_small img {
	width: 100px;
}


.clm_info {

}

.clm_crane_title {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
}

.clm_crane_title a {
	text-decoration: none;
}

.clm_crane_title a:hover {
	text-decoration: underline;
}

.clm_crane_params {
	font-size: 12px;
	margin-bottom: 5px;
}

.clm_crane_params td {
	padding-bottom: 4px;
}

.clm_crane_param_title {
	color: #a6b1c5;
	padding-right: 10px;
	width: 60%;
	text-align: right;
}

.clm_crane_params_small td {
	font-size: 12px;
	padding-bottom: 3px;
	padding-right: 5px;
}

.clm_crane_params_small {
	margin-bottom: 10px;
}


.clm_price {
	margin-bottom: 5px;
}

.clm_add_sravnenie {
	padding-bottom: 2px;
}

.js_link {
	text-decoration: none;
	border-style: dashed;
	border-color: #ffffff;
	border-width: 0px 0px 1px 0px;
	cursor: pointer;
}

.avtocrane_cols {
	display: grid;
	gap:50px;
	grid-template-columns:auto 313px;
}

.avtocran_images_params_col {
	display: grid;
	gap:50px;
	grid-template-columns:375px auto;
	margin-bottom: 30px;
}


@media screen and (max-width: 1200px) {
.avtocrane_cols {
	gap:20px;
}

.avtocran_images_params_col {
	gap:20px;
	grid-template-columns:auto;
}

}



.avtokran_images_col {


}


.avtokran_params_col {


}

.avtokran_info_col {

}

.avtokran_image {
	max-width: 369px;
	border:3px solid #627599;
	margin-bottom: 15px;
}

.avtokran_image img {
	display: block;
	padding: 0;
	margin: 0;
	width: auto;
	max-width: 100%;
}

.avtokran_main_params {
	border:3px solid #385383;
	padding: 10px;
	margin-bottom: 35px;
	box-shadow: 0px 0px 5px 5px #162c57;
	
}

.avtokran_main_params td {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #385383;
	font-size: 16px;
}

.avtokran_main_params tr:last-child td {
	border: none;
}

.avtokran_param_title {
	color: #a8b4c9;
}

.params {
	background-color: #244276;
}

.grayline {
	background-color: #2a4c81;
}

.params tr td:first-child, .params tr th:first-child {
	padding-left: 18px;
}

.aic_nal_price {
	margin-bottom: 15px;
	height: 36px;
}

.vnalichii {
	width: 80px;
	height: 25px;
	float: left;
	margin-right: 10px;
	background-image: url(/images/vnalichii.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 11px;
	color: #6eb633;
	font-size: 11px;
	background-color: #0c1e41;
}

.aic_price {
	float: left;
	font-size: 20px;
	font-weight: bold;
	width: 183px;
	height: 30px;
	color: yellow;
	text-shadow: 2px 2px 2px #0c1e41;
	padding-top: 6px;
}

.aic_price span {
	font-size: 14px !important;
}


.big_order_button {
	display: block;
	width: 313px;
	margin-bottom: 15px;
	height: 43px;
	padding-top: 15px;
	background-image: url(/images/order_big.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 1px #1a5c84;
	cursor: pointer;
	text-decoration: none;
	background-color: #2582b8;
}


.dnl_pdf {
	display: block;
	margin-bottom: 15px;
	width: 234px;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(/images/dnl_pdf.png);
	padding-left: 79px;
	padding-top: 11px;
	background-color: #03112e;
}

.simple_cranes {
	display: block;
	margin-bottom: 15px;
	width: 234px;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(/images/simple_cranes.png);
	padding-left: 79px;
	padding-top: 11px;
	background-color: #03112e;
}

.g_params {
	display: block;
	width: 291px;
	height: 32px;
	background-image: url(/images/gabarites_button.png);
	background-repeat: no-repeat;
	padding-left: 11px;
	padding-right: 11px;
	text-align: center;
	padding-top: 140px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	text-decoration: none;
	background-color: #03112e;
}

.wh_params {
	display: block;
	width: 162px;
	height: 77px;
	background-image: url(/images/wh_params_button.png);
	background-repeat: no-repeat;
	padding-left: 140px;
	padding-right: 11px;
	text-align: center;
	padding-top: 45px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	text-decoration: none;
	background-color: #03112e;
}


.aic_sravnenie {
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.print_version {
	padding-left: 30px;
	background-image: url(/images/printer.png);
	background-repeat: no-repeat;
	height: 18px;
	padding-top: 1px;
	margin-bottom: 15px;
}


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

.avtocrane_cols {
	grid-template-columns: auto;
}

}






/*
.left_col {
	width: 25%;
	height: auto;
	overflow: hidden;
	float: left;
}

.right_col {
	width: 75%;
	height: auto;
	overflow: hidden;
	float: left;
}
*/


.good_gallery {

/*
	width: 375px;
*/
	margin-bottom: 20px;
	height: 90px;
}

.good_gallery ul {
	display: block;
	padding: 0;
	margin: 0;
	height: 90px;
}

.good_gallery li {
	display: block;
	list-style: none;
	list-style-image: none;
	float: left;
	padding: 0;
	margin: 0;
	width: 112px;
	height: 84px;
	margin-right:10px;
	border:3px solid #627599;
	overflow: hidden;
}

.good_gallery li:last-child {
	margin-right: 0!important;
}


.good_gallery div img {
	display: block;
	padding: 0;
	margin: 0;
}

#gg_prev {
	width: 33px;
	height: 33px;
	position: absolute;
	margin-left: -16px;
	margin-top: -81px;
	z-index: 50;
	cursor: pointer;
}

#gg_next {
	width: 33px;
	height: 33px;
	position: absolute;
	margin-left: 356px;
	margin-top: -81px;
	z-index: 50;
	cursor: pointer;
}


@media screen and (max-width: 425px) {
#gg_next {
	margin-left: 0;
	right: 10px;
}

}


.no_ma-rgin_right {
	margin-right: 0!important;
}

.avtokran_paramsimage_col {
	width: auto;
	float: left;
	padding-right: 50px;
}

.overlay {
    width:100%;
    height:100%;
    background:black;
    top:0;
    left:0;
    position: fixed;
    opacity:0.7;
    filter: alpha(opacity=70);   
    overflow: hidden;
	 z-index: 100;
	 display: none; 
}

.opened_form {
	z-index: 120;
	background-color: #2a4c81;
	padding: 20px;
	position: fixed;
	display: none;
	width: 700px;
	background-image: url(/images/logofon.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	
}

@media screen and (max-width: 740px) {
.opened_form {
	width: calc(100% - 40px);
}

}


.close_form {
	position: absolute;
	margin-top: -22px;
	margin-left: 655px;
}


@media screen and (max-width: 740px) {
.close_form {
	margin-left: 0;
	right: 15px;
}


}


.close_form_button {
	padding: 10px;
	border: none;
	background-color: #CA0000;
	color: White;
	cursor: pointer;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	
}

.msgform {
	padding: 10px;
	border:1px solid #3b6fbf;
}

.msgform sup {
	color: #CA0000;
}

.msgform h2 {
	font-weight: normal;
	font-size: 22px;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #3b6fbf;
}

.send_form_button {
	background-color: #2582b8;
	padding: 20px;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #d4e7f2;
	border: none;
	text-shadow: 1px 1px 2px #1a5d85;
	text-transform: uppercase;
	cursor: pointer;
	outline: #4169E1;
}

.reload_btn {
	cursor: pointer;
}

.srav_image {
	overflow: hidden;
	border: 3px solid #63769a;
}

.sravnenie_table {
	border-collapse: collapse;	
}

.sravnenie_table tr td, .sravnenie_table tr th {
	border-color: #708090;
	border-width: 0px 1px 1px 0px;
	border-bottom-style: solid;
	border-right-style: dotted;
}

.sravnenie_table tr td:last-child, .sravnenie_table tr th:last-child {
	border-right: none;
}

.sravnenie_table th {
	background-color: #080d33;
	padding-top: 10px;
	padding-bottom: 10px;
}

.srav_div {
	height: auto;
	width: auto;
	padding-bottom: 10px;
	overflow-x: auto;
}

.td_params_razdel {
	font-size: 1px;
	height: 1px;
	background-color: #708090;
}

.srav_list {
	float: none;
	background-color: #214a7c;
	padding:25px;
}

.srav_list_tist {
	display: flex;
	gap:20px 50px;
	align-items:center;
	flex-wrap: wrap;

}

/*
.srav_list td {
	padding-right: 0;
}
*/




.srav_list_title {
	font-weight: bold;
	font-size: 16px;
}

.srav_list_del {
	
}

.srav_list_button {
	
} 


.srav_list_models {
	display: flex;
	gap:10px;
}

.in_podbor_param td {
	border: none !important;
	padding-right: 10px;
	padding-bottom: 5px;
}

.dealers_lists {
	background-color: #203b6e;
	display: grid;
	gap:15px;
	grid-template-columns: auto;
	padding:25px 32px;
	
}


.dealers_category {
	display: flex;
	flex-wrap:wrap;
	margin: 0;
	padding:0;
}

.dealers_category li {
	display: block;
	padding: 5px;
	margin: 0;
	
	list-style: none;
	background-color: #162c57;
	margin-right: 10px;
	border:1px solid #31629d;
	border-radius:4px;
}

.dealers_yandex_map {
	width: auto; 
	height: 600px
}

.dc_current {
	background-color: #31629d !important;
}

/*
.ptb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
*/

.map_and_dealers {
	display: grid;
	gap:30px;
	grid-template-columns: auto 300px;
}

.dealers_in_city {
	padding: 20px;
	padding-top: 0;
}



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

.map_and_dealers {
	gap:10px;
	grid-template-columns: auto;
}

.dealers_in_city {
	padding: 0;
	padding-bottom: 20px;
}

}




.dealers_in_city div {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: Silver;
}

.dealers_in_city div:last-child {
	padding-bottom: 0!important;
	margin-bottom: 0!important;
	border: none !important;
} 

.dealers_in_city h2, #map h2 {
	font-weight: normal;
	font-size: 18px;
	margin-top: 0;
	padding-top: 0;
}

.dealer_icon, .service_icon, .dealer_service_icon, .other_icon {
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	min-height: 18px;
}

.dealer_icon {
	background-image: url(/images/briefcase.png);
}

.service_icon {
	background-image: url(/images/hammer.png);
}

.dealer_service_icon {
	background-image: url(/images/briefcase_hammer.png);
}



.dc_dealer_icon {
	background-image: url(/images/briefcase.png);
	padding-left: 30px !important;
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

.dc_dealer_gakz_icon {
	background-image: url(/images/icon_kruk.png);
	padding-left: 30px !important;
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

.dc_service_icon {
	background-image: url(/images/hammer.png);
	padding-left: 30px !important;
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

.dic_title {
	font-size: 18px;
	color: #afd3ff;
}

.gallery {
	display: flex;
	gap:20px;
	flex-wrap:wrap;
}

.gallery div{
	float: left;
	width: 250px;
	height: auto;
	padding: 10px;
	/*
	margin-right: 20px;
	margin-bottom: 20px;
	*/
	border:1px dotted #e0e0e0;
	text-align: center;
}

.gallery div img {
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	max-width: 100%;
}

.gallery div span {
	display: block;
	text-align: center;
}


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

.gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.gallery div{
	width: auto;
}



}



.rsn {
	width: 30px;

	float: right;
}

.right_sn_buttons {
	background-color: #87CEEB;
	color: White;
	width: 30px;
	height: auto;
	font-size: 18px;
	margin-left: auto;
	border-radius: 5px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	position: fixed;	
	top: 200px;
}

#button {
	position: fixed;
	bottom: 0px;
	left: 0;
	background: #203b6e;
	width: 14px;
	height: 25px;
	font: 20px Georgia;
	color: #31629d;
	text-align: center;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	}
#s_panel {
	position: fixed;
	bottom: 0px;
	left: -100px;
	width: 100px;
	height: 150px;
	padding: 100px 0 0 0;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
	}
#button:hover {
	left: 100px;
}
#button:hover #s_panel {
	left: 0;
}

.contacts_table img {

	margin: 0 auto;
}

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

.contacts_table, .contacts_table tbody, .contacts_table tr, .contacts_table td {
	display:block;
}

.contacts_table img {
	height: auto !important;

}

.about_table, .about_table tbody, .about_table tr, .about_table td {
	display: block;
	width: auto !important;
}


}