/*
	html {background:url('../img/bg.jpg') top center no-repeat;background-attachment: fixed;font-family:"Open Sans", sans-serif;font-size:14px;color:#646464; line-height: 1.7;}
*/
:root {
	--toast-width: 270px;
	--toast-border-radius: 0.25rem;
	--toast-theme-default: #fff;
	--toast-theme-primary: #0d6efd;
	--toast-theme-secondary: #6c757d;
	--toast-theme-success: #198754;
	--toast-theme-danger: #dc3545;
	--toast-theme-warning: #ffc107;
	--toast-theme-info: #0dcaf0;
	--toast-theme-light: #f8f9fa;
	--toast-theme-dark: #212529;
}

html {
	background: url('../img/bg.jpg') top center no-repeat;
	background-attachment: fixed;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #646464;
}

html, body {
	height: 100%;
}

html, body, h1, h2, h3, h4, p, ul, ol, li, form, fieldset, textarea, button, input {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	list-style: none;
	border: none;
}

textarea, input {
	font-family: "Arial";
	font-size: 11px;
	color: #3e3e3e;
}

.descktop {
	display: block;
}

.mobile {
	display: none;
}

img {
	max-width: 100%;
}

body {
	/*background:url('../img/topbg.png') no-repeat;*/
	overflow-x: hidden;
	min-width: 940px;
	background: url('../img/topbg.png') repeat-x;
}
:root {
	--toast-width: 270px;
	--toast-border-radius: 0.25rem;
	--toast-theme-default: #fff;
	--toast-theme-primary: #0d6efd;
	--toast-theme-secondary: #6c757d;
	--toast-theme-success: #198754;
	--toast-theme-danger: #dc3545;
	--toast-theme-warning: #ffc107;
	--toast-theme-info: #0dcaf0;
	--toast-theme-light: #f8f9fa;
	--toast-theme-dark: #212529;
}

#total_wrap {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	/*  overflow-x: hidden;*/;
	
}

.toast-container {
	position: fixed;
	top: 15px;
	right: 15px;
	width: var(--toast-width);
	z-index:99999;
}

.toast {
	font-size: .875rem;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.05);
	border-radius: var(--toast-border-radius);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	position: relative;
	overflow: hidden;
	transition: .3s opacity;
}

.toast_default {
	color: #212529;
	background-color: var(--toast-theme-default);
}

.toast_primary {
	color: #fff;
	background-color: var(--toast-theme-primary);
}

.toast_secondary {
	color: #fff;
	background-color: var(--toast-theme-secondary);
}

.toast_success {
	color: #fff;
	background-color: var(--toast-theme-success);
}

.toast_danger {
	color: #fff;
	background-color: var(--toast-theme-danger);
}

.toast_warning {
	color: #212529;
	background-color: var(--toast-theme-warning);
}

.toast_info {
	color: #212529;
	background-color: var(--toast-theme-info);
}

.toast_light {
	color: #212529;
	background-color: var(--toast-theme-light);
}

.toast_dark {
	color: #fff;
	background-color: var(--toast-theme-dark);
}

.toast_danger .toast__close,
.toast_dark .toast__close,
.toast_primary .toast__close,
.toast_secondary .toast__close,
.toast_success .toast__close {
	filter: invert(1);
}

.toast:not(:last-child) {
	margin-bottom: .75rem;
}

.toast:not(.toast_show) {
	display: none;
}

.toast_showing {
	opacity: 0;
}

.toast__header {
	position: relative;
	padding: .5rem 2.25rem .5rem 1rem;
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.05);
}

.toast__close {
	content: "";
	position: absolute;
	top: .75rem;
	right: .75rem;
	width: .875em;
	height: .875em;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.875em auto no-repeat;
	border: 0;
	opacity: .5;
	cursor: pointer;
	transition: opacity .1s ease-in-out;
}

.toast__close:hover {
	opacity: 1;
}

.toast__body {
	padding: 1rem;
}

.toast_message .toast__body {
	padding-right: 2.25rem;
}

#upbutton {
	background: url("/img/up.png") no-repeat scroll;
	height: 60px;
	width: 60px;
	bottom: 30px;
	right: 30px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	position: fixed;
	z-index: 9999;
}

a {
	color: #717171;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

.header {
	height: 129px;
	position: relative;
	/*border-bottom:solid 1px #3291c5;*/;
}

.header .logo {
	width: 501px;
	height: 59px;
	display: block;
	position: absolute;
	top: 35px;
	left: 35px;
	background: url('../img/logo.png');
}

.header .mini-menu {
}

.header .phone {
	padding-left: 50px;
	position: absolute;
	top: 40px;
	right: 35px;
	/*background:url('../img/phone-ico.gif') 0 14px no-repeat;*/
	font-size: 30px;
	color: #fff;
	font-weight: 900;
}

.header .email {
	/*background:url('../img/mail-ico.gif') 0 6px no-repeat;*/
	padding-left: 45px;
	position: absolute;
	top: 95px;
	right: 35px;
	font-size: 16px;
	color: #fff;
}

.header .email a {
	color: #fff;
	text-decoration: none;
}

.header .mini-menu {
	position: absolute;
	top: 15px;
	right: 25px;
}

.header .mini-menu li {
	margin: 0 10px;
	float: left;
}

.header .mini-menu a {
	color: white;
	font-size: 1.3rem;
}

.nav {
	position: relative;
	border-top: solid 1px #003442;
	border-bottom: solid 1px #000;
	background: url('../img/mm-bg.gif') repeat-x;
}

.nav .main-menu {
	width: 800px;
	margin-left: -1px;
	overflow: hidden;
	border-right: solid 1px #535659;
}

.nav .main-menu li {
	float: left;
	border-left: solid 1px #535659;
	border-right: solid 1px #8f9092;
	text-align: center;
}

.nav .main-menu a {
	width: 158px;
	height: 30px;
	padding-top: 14px;
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}

.nav .main-menu a:hover {
	background: url('../img/menu-a.gif');
}

.nav form {
	position: absolute;
	top: 10px;
	right: 10px;
}

.nav #ajaxSearch_input {
	width: 186px;
	height: 25px;
	padding: 0 10px;
	float: left;
	background: url('../img/input-field-bg.gif');
}

.nav #ajaxSearch_submit {
	width: 36px;
	height: 25px;
	float: left;
	background: url('../img/search-button.gif');
	text-indent: -2000px;
}

.scrolling-news {
	padding: 11px 0;
	background: url('../img/n-scrolling-bg.gif') bottom repeat-x #f4f4f4;
	text-transform: uppercase;
	text-align: center;
	color: #0675c2;
}

.content {
	/*min-height: 387px;*/
	/*padding: 40px 25px 20px 330px;*/
	padding:40px 25px 20px 25px;
	position: relative;
	/*float:left;*/
	/*width: calc(100% - 345px);*/
	max-width: 100%;
	margin-top: 20px;
	display:flex;
}

.index {
	min-height: 666px;
	margin-top: 20px;
	/*padding: 40px 20px 20px 325px;*/
	/*margin-right: 260px;
	border-right:dotted 1px #cacaca;*/
	/*font-size: 1.4rem;
	line-height: 1.5;*/;
}


.lside {
	/*width: 275px;
	margin: -1px 0 0 -307px;
	padding: 0 10px 10px 10px;
	float: left;
	border: solid 1px #e7e7e7;*/
	flex: 0 0 275px; 
}

.lside .adv-menu {
	margin-bottom: 15px;
}

.lside .adv-menu li {
}

.lside .adv-menu a {
	padding: 9px 0 9px 30px;
	display: block;
	position: relative;
	border-bottom: dotted 1px #d9d9d9;
	text-decoration: none;
	font-family: 'Open Sans';
}

.lside .adv-menu a:hover, .lside .adv-menu a.current {
	padding: 9px 0 10px 30px;
	/*background:url('../img/adv-menu-current-bg.gif') repeat-x #a60002;*/
	background: #0a6a9c;
	border: none;
	color: #fff;
}

.lside .adv-menu ul a {
	margin: 0 10px;
	padding: 9px 0 9px 15px;
}

.lside .adv-menu ul a:hover, .lside .adv-menu ul a.current {
	padding: 9px 0 9px 15px;
	background: none;
	border-bottom: dotted 1px #d9d9d9;
	text-decoration: underline;
	color: #717171;
}

.lside .adv-menu i {
	width: 10px;
	height: 12px;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	background: url('../img/adv-menu-ico.gif');
}

.lside .adv-menu a:hover i, 
.lside .adv-menu a.current i {
	background: url('../img/adv-menu-ico-current.gif');
}

.lside .adv-menu ul i {
	width: 3px;
	height: 5px;
	top: 14px;
	left: 6px;
	background: url('../img/adv-menu-sub-list.gif');
}

.lside .adv-menu ul a:hover i, 
.lside .adv-menu ul a.current i {
	background: url('../img/adv-menu-sub-list.gif');
}

.lside .adv-menu ul ul i {
	display: none;
}

.rside {
	padding-left:30px;
	flex: 1;
}


.content ul li {
	list-style: inside disc;
}

.content .lside ul li {
	list-style: none;
}

.content .directory ul li {
	list-style: none;
}


.catalogue {
	width: 100%;
	/*overflow:hidden;*/
	position: relative;
	float: left;
	background: url('../img/catalogue-bg.gif') repeat-x #09689b;
	padding-top: 15px;
	display: flex;
	flex-wrap: wrap;
}

.catalogue:before,.catalogue:after {
	content: " ";
	width: 1000px;
	position: absolute;
	height: 153px;
	background: red;
	display: block;
	left: -1000px;
	top: 0;
	background: url('../img/catalogue-bg.gif') repeat-x #09689b;
}

.catalogue:after {
	margin-left: 100%;
	left: initial;
}

.footer {
	position: relative;
}

.footer:before,.footer:after {
	content: " ";
	width: 1000px;
	position: absolute;
	height: 30px;
	background: red;
	display: block;
	left: -1000px;
	top: 0;
	background: #085d89;
}

.footer:after {
	margin-left: 100%;
	left: initial;
}

.ya_rating {
	padding: 15px;
	text-align: right;
}

.copyright {
	position: relative;
}

.copyright:before,.copyright:after {
	content: " ";
	width: 1000px;
	position: absolute;
	height: 30px;
	background: red;
	display: block;
	left: -1000px;
	top: 0;
	background: #1e74a2;
}

.copyright:after {
	margin-left: 100%;
	left: initial;
}

.scrolling-news {
	position: relative;
}

.scrolling-news:before,.scrolling-news:after {
	content: " ";
	width: 1000px;
	position: absolute;
	height: 39px;
	background: red;
	display: block;
	left: -1000px;
	top: 0;
	background: url(../img/n-scrolling-bg.gif) bottom repeat-x #f4f4f4;
}

.scrolling-news:after {
	margin-left: 100%;
	left: initial;
}

.nav:before,.nav:after {
	content: " ";
	width: 1000px;
	position: absolute;
	height: 46px;
	display: block;
	left: -1000px;
	top: -1px;
	border-top: solid 1px #003442;
    /*border-bottom: solid 1px #000;*/
	background: url('../img/mm-bg.gif') repeat-x;
}

.nav:after {
	margin-left: 100%;
	left: initial;
}

.catalogue h2 {
	margin: 15px 15px 0 15px;
	padding-bottom: 5px;
	border-bottom: solid 1px #1f81ae;
	text-transform: uppercase;
	font-size: 14px;
	color: #000000;
}

.catalogue > div {
	width: 20%;
	/*min-height:550px;*/
	float: left;
	background: url('../img/catalogue-border.gif') right repeat-y;
	box-sizing: border-box;
}

.catalogue div.last {
	background: none;
}

.catalogue dl {
	padding: 0 10px;
}

.catalogue dt {
	margin: 10px 5px 5px 5px;
	list-style: disc;
}

.catalogue dd {
	margin: 2px 5px 2px 0px;
}

.catalogue dt a {
	color: #fff;
}

.catalogue dd a {
	color: white;
	font-size: 1.1rem;
	line-height: 1.4;
}

.catalogue .phone-number {
	color: white;
	font-weight: 900;
	font-size: 1.5rem;
}
/* Десктопная версия: все элементы 20% ширины */
@media (min-width: 768px) {
	.catalogue  .item {
		flex: 0 0 20%; /* flex-grow: 0, flex-shrink: 0, flex-basis: 20% */
		height: auto; /* Естественная высота */
	}
}

/* Мобильная версия: первые четыре — 50%, последний — 100% */
@media (max-width: 767px) {
	.catalogue .item:nth-child(-n + 4) {
		flex: 0 0 50%; /* Первые четыре элемента — 50% ширины */
	}
	
	.catalogue .item:last-child {
		flex: 0 0 100%; /* Последний элемент — 100% ширины */
	}
	
	/* Выравниваем высоту первых четырёх элементов */
	.catalogue {
		align-items: stretch; /* Растягиваем элементы по высоте контейнера */
	}
}
.footer {
	width: 100%;
	height: 30px;
	float: left;
	position: relative;
	background: #085d89;
	color: #fff;
	    /*padding-bottom: 10px;*/
}

.footer .main-menu {
	/*position:absolute;
		top:25px;right:15px;
		text-transform:uppercase;
	font-size:12px;*/
	float: right;
}

.footer .main-menu li {
	padding: 0 14px 0 10px;
	float: left;
	background: url('../img/footer-menu-ico.gif') right 6px no-repeat;
}

.footer .copy {
	width: 50%;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
    font-size: 1.1rem;

}

.footer .menu-footer {
	width: 48%;
	float: right;
	text-align: right;
	padding-top: 10px;
}

.footer {
	position: relative;
}

.footer .main-menu li.last {
	background: none;
}

.footer .main-menu a {
	color: #fff;
}

.footer p {
	width: 350px;
	margin: 25px;
}

.footer .phone-number {
	margin-left: 25px;
	font-size: 28px;
}

.footer .phone-number span {
	color: #000000;
}

.copyright {
	width: 100%;
	height: 30px;
	float: left;
	position: relative;
	background: #1e74a2;
	font-family: "Tahoma", sans-serif;
	color: #fff;
}

.copyright p {
	padding: 6px 10px;
}

.copyright .made-by {
	padding: 0;
	position: absolute;
	top: 6px;
	right: 10px;
	color: #bab1b1;
}

.copyright .made-by a {
	color: #bab1b1;
}

.clear {
	clear: both;
}

#plires {
}

#plires .b1 {
	background: #e5e5e5;
	border: 1px solid rgba(218, 218, 218, 0.8);
	box-sizing: border-box;
	border-radius: 10px;
	padding: 45px 85px 55px 52px;
}

#plires .b2,#plires .b3, #plires .b4 {
	padding: 45px 85px 55px 52px;
}

#plires  .title {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 40px;
	color: #D20103;
	margin-bottom: 20px;
}

#plires .title span {
	color: #646464;
	display: block;
}

#plires .subtitle {
	margin-bottom: 30px;
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 34px;
	color: #646464;
}

#plires .btn_order {
	height: 40px;
	margin-right: 10px;
	background: #0E74A4;
	border-radius: 4px;
	width: 200px;
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FCFEFF;
}

#plires .btn_phone {
	padding: 0 35px;
	height: 40px;
	background: #0E74A4;
	border-radius: 4px;
	background: rgba(14, 116, 164, 0.08);
	border-radius: 4px;
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #0E74A4;
}

#plires .btn_phone svg {
	position: relative;
	left: -6px;
	top: 3px;
}

#plires .alert {
	margin-top: 30px;
	background: #FFFFFF;
	box-shadow: 0px 4px 20px rgba(218, 218, 218, 0.6);
	border-radius: 0px 10px 10px 0px;
	border-left: 6px solid #D20103;
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	/* or 157% */
	color: #646464;
	padding: 16px 32px;
}

.b2 ul {
	font-size: 14px;
	line-height: 40px;
}

.b3 p {
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	/* or 157% */
	color: #515151;
}

#plires .har {
	background: #FFFFFF;
	box-shadow: 0px 4px 20px rgba(218, 218, 218, 0.6);
	border-radius: 0px 10px 10px 0px;
	padding: 12px 30px;
	margin-bottom: 30px;
}

#plires .har > div {
	font-size: 14px;
	line-height: 60px;
	color: #646464;
	border-bottom: 1px solid lightgrey;
	font-weight: 700;
	padding-left: 10px;
}

#plires .har > div svg {
	position: relative;
	left: -10px;
	top: 5px;
}

#plires .har > div span {
	float: right;
}

#plires ul {
}

#plires ul li {
	line-height: 2;
	list-style: none;
	padding-left: 20px;
	position: relative;
}

#plires ul li svg {
	position: absolute;
	left: 0;
	top: 10px;
}

#plires .har > div.item-last {
	border: none;
}

.manswork {
	background-image: url(http://www.aoetechniek.nl/wp/wp-content/uploads/bordsteinhandzangen1.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.notpens {
	background-image: url(./../img/plires4.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.kepka {
	background-image: url(./../img/kusaka6.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.b4 .btn_phone {
	margin: 0 5px;
}

.pink {
	background: rgba(210, 1, 3, 0.08) !important;
	color: #D20103 !important;
}

.finish {
	padding: 20px;
	font-weight: 700;
	line-height: 1.4;
	padding-right: 128px;
	position: relative;
}

.finish img {
	position: absolute;
	right: 0;
	top: -20px;
}
.level1 > a{
	padding-left:40px !important;
}
.level1 img{	
    position: absolute;
    top: 50%;
    left: 2px;
    margin-top: -16px;
	width:32px;
}
.level2 img{
	display:none;
}
.tabs {
    font-family: Arial, sans-serif;
    width: 100%;
}

.tab-buttons {
    display: flex;
    border-bottom: none;
    flex-direction: row;
    justify-content: space-between;
}

.tab-button {
    background: #eee; /* Прозрачный фон по умолчанию */
    border: none; /* Полностью убрана рамка */
    outline: none; /* Убран контур фокуса */
    padding: 12px 16px;
    cursor: pointer;
    color: #333; /* Цвет текста неактивных вкладок */
    transition: all 0.3s ease; /* Плавные переходы для всех свойств */
	flex: 1 1 auto;
}

.tab-button:hover {
    background-color: #ccc; /* Лёгкий фон при наведении */
}

.tab-button.active {
    background-color: #4682b4; /* Цвет активной вкладки */
    color: white; /* Белый текст на активной вкладке */
    font-weight: bold;
}

.tab-content {
    display: none;
    padding: 0; /* Отступы сверху и снизу, убраны боковые */
}
.tab-content ul{
	padding-top:10px;
}	
.tab-content p{
	font-size: 13px;  
	font-style: italic; 
	text-align: justify;
}

.tab-content.active {
    display: block;
}

.tab-content h3 {
    margin-top: 0;
}
#remove_h2{
	padding-top:15px;
}
#remove_h2 h2:nth-child(1){
	display:none;
}
.fancybox-content .add_form .count{
	width:100%;
}
.table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	margin: 25px 0;
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(70, 130, 180, 0.15);
}

.table thead th {
	background: linear-gradient(135deg, #4682b4, #2a5a8a);
	color: white;
	padding: 16px 20px;
	text-align: left;
	font-weight: 600;
	position: relative;
}

.table thead th:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	height: 2px;
	background: rgba(255, 255, 255, 0.3);
}

.table tbody td {
	padding: 10px 20px;
	border-bottom: 1px solid #f0f0f0;
	transition: all 0.3s ease;
}

.table tbody tr:nth-child(even) {
	background-color: #f8fbfe;
}

.table tbody tr:hover {
	background-color: #e6f2fa;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(70, 130, 180, 0.1);
}

.table tbody tr:hover td {
	color: #2a4a6a;
}
.add_cart{
	color:#4682b4;
	float:left;
	padding:6px;
}
#card_content{
	font-size:14px;
	line-height:18px;
}
/*.art{
	color: white;
	background:#4682b4;
	padding: 5px;
	left: 0px;
	top: 5px;
	z-index:99;
	display:inline-block;
	margin-bottom:10px;
}*/
.ac{
	font-weight: 700;
	font-size: 18px;
	padding: 5px 20px;
	text-decoration: none;
	transition:.3s all;
	border-radius:16px;
}
.ac:hover{
	background:#6093bd;
}
.add_cart span{
	font-size:18px;
	margin-right:10px;
}
#card_content .left{
	
	width:425px;		
}
#card_content .right{		
	width:430px;
	padding-left:30px;
}
.topchick{
	display:flex;
}
.add_form{
	position:relative; 
	float:right;
	width:250px;
}
.add_form .count{
	background:white; 
	border:1px solid lightgrey; 
	width: calc(100% - 42px);
}
.add_form button{
	    position: absolute;
    z-index: 222;
    top: 1px;
    left: calc(100% - 121px);
    width: 120px;
    height: 31px;
    font-size: 1.3rem;
    color: white;
    background: #6093bd;
	transition:.3s all;
}
.add_form button:hover{
	background:#547ea1;	
}
@media (max-width: 960px) {
	.add_form{
		width:205px;
	}
	.topchick{
		display:block;	
	}
	#card_content .left{		
		width:100%;	
	}
	#card_content .right{
		width:100%;	
		padding-left:0;
	}
	#card_content tr{
		/*display:block;*/
	}
	/*#card_content td{
		display:block;
		width: 50% !important;
		float:left;
		height:304px;
	}*/
	
}
@media (max-width: 480px) {
	#card_content td{
		width:100% !important;
		height: auto;
	}	
}			
p {
	font-size: 1.4rem;
	line-height: 1.5;
}

.price {
	color: #4682b4;
	margin: 0 0 3px 0;
	/*position: absolute;
		bottom: 0;
		width: 100%;
	text-align: center;*/;
}

.price b {
	font-size: 16px;
	font-weight: 900;
	margin: 0;
}