body {
	 margin: 0;
	 padding: 0;
	 color: #000;
	 font-size: 18px;
	 font-family: 'Montserrat', sans-serif;
}
 div, p, span, ul, li {
	 box-sizing: border-box;
}
 h1, h2, h3, h4, h5, h6 {
	 font-size: 30px;
	 margin: 0;
	 padding: 0;
}
 a {
	 text-decoration: none;
	 color: #000;
	 margin: 0;
	 padding: 0;
}
 .menu-offer {
	 background: #232323;
	 padding: 0;
	 color: #fff;
}
 .menu-offer p {
	 margin: 0;
	 padding: 0;
}
 .menu-offer a {
	 color: #FFA800;
}
/*Контент*/
 .content-container {
	 width: 1580px;
	 margin:0 auto;
}
 .content-wrapper {
	 display: flex;
	 justify-content: space-between;
}
/*УТП в верхней части страницы*/
 .offers {
	 margin-left: 0;
	 text-align: center;
	/*padding-top: 2%;
	 padding-bottom: 2%;
	*/
	 width: 100%;
}
 .offers .row {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .offers .col-md-3 {
	 box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	 padding-top: 10px;
	 padding-bottom: 10px;
	 border-radius: 3px;
	 margin-top: 2%;
	 margin-bottom: 2%;
	 width: 370px;
}
 .right-contacts{
	 width: 90%;
	 margin-left: 5%;
}
 .col-md-3 .right-contacts img {
	 width: 8%;
	 height: auto;
	 margin-top: -2%;
}
 .col-md-3 .right-contacts h4 {
	 font-size: 1.3em;
	 display:inline;
}
 .col-md-3 .right-contacts p {
	 width: 16%;
	 font-size: 0.5em;
	 font-weight: 400;
	 text-align: start;
}
 .col-md-3 .utp_card img {
	 width: auto;
	 height:80px;
}
 .col-md-3 .utp_card p {
	 margin: 10px 0 0 0;
	 font-size: 0.7em;
	 font-weight: 600;
}

/*Кион*/
	.banner {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-bottom: 2%;
	  padding: 20px;
	  background: linear-gradient(90deg, #5d2ee8, #e32752);
	  color: #fff;
	}

	.banner img {
	  height: 50px;
	  width: 146px;
	  margin-left: 50px;
	  border-radius: 0px;
	}

	.banner-text {
	  flex: 1;
	  font-size: 18px;
	  line-height: 1.4;
	  font-weight: bold;
	}

	.banner-button a {
	  display: inline-block;
	  margin-right: 50px;
	  padding: 12px 20px;
	  border: 2px solid #fff;
	  border-radius: 4px;
	  text-decoration: none;
	  color: #fff;
	  font-weight: bold;
	  transition: background 0.3s, color 0.3s;
	}

	.banner-button a:hover {
	  background: #fff;
	  color: #d8204c;
	}
	
/*Карточки с категориями после слайдера*/
 .content {
	 padding-bottom: 60px;
}
 .categories-other {
	 font-size: 15px;
	 margin-top: 4%;
}
 .categories-other .row {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .categories-other h3 {
	 font-size: 20px;
}
 .categories-other .col-md-3 {
	 padding: 1%;
	 border-radius: 3px;
	 margin-bottom:4%;
	 outline: solid;
	 outline-color: #ff7832;
	 box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	 gutter: 2%;
	 width: 370px;
}
 .cards-content {
	 padding-top: 60px;
}
 .card-content {
	 width:300px;
	 height: auto;
	 border: 1px solid #BDBDBD;
	 text-align: center;
	 align-items: center;
	 padding: 10px;
	 margin: 0;
	 border-radius: 3px;
	 background: #fff;
}
 .cat-oth-menu {
	 margin-top: 10px;
}
 .cat-oth-menu a {
	 color: #000;
	 display: block;
	 text-decoration: underline;
	 margin-top: 5px;
}
 .cat-oth-menu a:hover {
	 color: #ff7832;
	 text-decoration: underline solid #ff7832;
}
 .card-content:hover {
	 border: 1px solid #FFA800;
	 color: #FFA800;
}
 .card-content:hover a {
	 color: #FFA800;
}
 .card-content img {
	 width: 100%;
	 height: auto;
}
 .card-content h3 {
	 font-size: 25px;
	 font-weight: 500;
}
/* Наши торговые марки */
 .brands {
	 margin-bottom: 60px;
}
 .brands .row {
	 margin-top: 2%;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .brands .col-md-2 {
	 width: 250px;
	 height: auto;
	 box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	 text-align: center;
	 align-items: center;
	 padding: 10px;
	 margin: 0;
	 border-radius: 3px;
	 transition: 0.3s;
}
 .grayscale {
	 filter: grayscale(1);
	 transition: 0.3s;
}
 .grayscale:hover {
	 filter: grayscale(0);
}
/*Популярные товары*/
 .tabs-popular>input[type="radio"] {
	 display: none;
}
 .tabs-popular>input[type="radio"]:checked+label {
	 text-transform: none;
	 color:#000;
	 border-bottom: 2px solid #ffa800 ;
}
 .tabs-popular>input[type="radio"]:hover+label {
	 color: #ffa800;
}
 .tabs-popular>div {
	/* скрыть контент по умолчанию */
	 display: none;
	 padding: 10px 0px;
}
/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
 #tab-radio:checked~#content-radio, #tab-resiver:checked~#content-resiver, #tab-headphones:checked~#content-headphones, #tab-remote:checked~#content-remote {
	 display: block;
}
 .tabs-popular>label {
	 margin-top: 20px;
	 text-transform: none;
	 display: inline-block;
	 text-align: center;
	 vertical-align: middle;
	 user-select: none;
	 color: #858585;
	 border-bottom: 2px solid transparent;
	 padding: 2px 8px;
	 font-size: 15px;
	 line-height: 1.5;
	 margin-right: 6px;
	 cursor: pointer;
	 margin-bottom: 10px;
}
 .tabs-popular>label:first-of-type {
	 margin-left: 0;
	 color: #21212180;
}
/*.cards-wrapper {
}
*/
 .cards-wrapper .row {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .cards-wrapper .col-md-3 {
	/*width: 350px;
	 height: auto;
	 box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	 padding: 10px;
	 border-radius: 3px;
	 gutter: 2%;
	*/
	 box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	 border-radius: 3px;
	 text-align: center;
	 margin-top: 2%;
	 margin-bottom: 2%;
	 padding-top: 1%;
	 width: 350px;
}
 .cards-wrapper .col-md-3 img {
	 width: 250px;
	 height: auto;
}
 .cards-wrapper .col-md-3 h3 {
	 padding: 0;
	 margin-top: 4%;
	 font-size: 20px;
}
 .cards-wrapper .col-md-3 a {
	 text-decoration: none;
	 color: #000;
	 padding: 0;
}
 .btns {
	 display: flex;
	 justify-content: center;
	 margin-top: 4%;
	 margin-bottom: 4%;
}
 .btn-card {
	 height: 50px;
	 border: 1px solid rgba(249, 119, 0, 0.89);
	 margin: 0;
	 padding-top: 5px;
	 font-size: 13px;
	 border-radius: 5px;
}
 .sale-btn {
	 border: 2px solid #ff7832;
	 width: 200px;
	 height: 50px;
	 background: #FFf;
	 font-size: 13px;
	 border-radius: 5px;
	 padding-top: 15px;
	 margin: 0;
}
 .opt-btn {
	 width: 80px;
}
 .other-btn {
	 width: 120px;
}
 .sale-btn:hover {
	 background: #ffcc99;
	 border-color: #ff7832;
}
 .btn-card:hover {
	 background: rgba(255, 205, 159, 0.89);
}
 .art-card {
	 width: 100%;
	 text-align: right;
	 padding-top: 20px;
	 margin: 0;
}
 .art-card p {
	 padding: 0;
	 margin: 0;
	 color: #21212180;
	 font-size: 13px;
}
/*Купить онлайн*/
 .shape-boxes .row{
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .shape-box-part {
	 border-radius: 3px;
	 box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	 background: #fff;
	 background-image: url(https://signalelectronics.ru/images/rusmapv3.png);
	 background-size: 350px auto;
	 background-repeat: no-repeat;
	 background-position: right bottom;
	 overflow: hidden;
	 padding: 3%;
	 margin-top: 5%;
	 height: 95%;
}
 .shape-box-part .row{
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .marketplaces {
	 margin-top: 5%;
}
 .marketplace-cards {
	 display: flex;
	 justify-content: space-between;
	 column-gap: 20px;
}
 .marketplace-card {
	 width: 24%;
	 margin-top: 60px;
}
 .marketplace-card img {
	 width: 100%;
	 border-radius: 3px;
}
 .shape-box-part p {
	 margin-bottom: 5%;
	 margin-top: 20px;
}
 .btn-market{
	 border: 2px solid #ff7832;
	 background: #fff;
	 border-radius: 5px;
	 padding: 10px 45px;
	 font-size: 15px;
	 font-weight: 700;
	 text-decoration: none;
	 color: #000;
}
 .btn-market:hover {
	 background: #ffcc99;
	 border: 2px solid #ff7832;
	 color:#000;
}
/*Сотрудничество */
 .shape-box-compilation {
	 border-radius: 3px;
	 box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	 background: #fff;
	 padding: 3%;
	 margin-top: 5%;
	 height: 95%;
}
 .shape-box-compilation .row {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
}
 .shape-box-compilation .col-sm-4 {
	 width: calc(100%/3 - 3%);
	 padding: 2%;
	 box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	 border-radius: 10px;
	 margin-top: 3%;
	 margin-right: 3%;
}
 .shape-box-compilation img {
	 margin-bottom:5%;
	 width: 45px;
}
 .shape-box-cooperation {
	/*outline: solid;
	 outline-color: #ff7832;
	*/
	 border-radius: 3px;
	 box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	 background: #fff;
	 padding: 3%;
	 margin-top: 5%;
	 height: 95%;
}
 .shape-box-cooperation .row {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 align-items: center;
}
 .shape-box-cooperation img {
	 margin-top:5%;
}
 .shape-box-cooperation p:hover {
	 color: #ff7832;
}
 .shape-box-me {
	 border-radius: 3px;
	 box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	 background: #fff;
	 padding: 3%;
	 margin-top: 5%;
	 height: 95%;
}
 .shape-box-me .row {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .shape-box-me .col-sm-4 {
	 margin-top: 3%;
}
 .shape-box-me img {
	 margin-bottom:3%;
	 width: 45px;
}
 .shape-box-me h3 {
	 font-size: 1em;
	 font-weight: 600;
}
 .shape-box-me p {
	 font-size: 0.8em;
	 margin-top: 1%;
}
/* Наше местоположение */
 .location {
	 padding-top: 30px;
	 margin-top: 60px;
	 padding-bottom: 30px;
	 background: #eee;
}
 .location-info {
	 width: 300px;
}
 .location-info p {
	 padding-bottom: 30px;
}
 .loc-wrapper {
	 display: flex;
}
 .location-info {
	 width: 50%;
	 margin-top: 60px;
}
 .location-info p {
	 padding-bottom: 20px;
}
 .map-loc {
	 margin-top: 60px;
	 width: 50%;
}
/* Социалка */
 .soc-info img {
	 margin-top: 60px;
	 width: 50px;
	 padding-left: 0px;
}
/*Подвал*/
 .footer_box {
	 margin-top: 0px;
}

/*Куки*/
#cookie-consent {
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgba(255, 255, 255, 0.9);
			padding: 15px 20px;
			box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
			z-index: 2147483647 !important;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			gap: 10px;
		}
		
		#cookie-consent p {
			margin: 0;
			font-size: 14px;
			color: #333;
			text-align: center;
		}
		
		#cookie-consent a {
			color: #ff7832;
			text-decoration: underline;
		}
		
		#cookie-consent button {
			background-color: #ff7832;
			color: white;
			border: none;
			padding: 8px 20px;
			border-radius: 4px;
			cursor: pointer;
			font-size: 14px;
			transition: background-color 0.3s;
		}
		
		#cookie-consent button:hover {
			background-color: #e56a2b;
		}
		
		@media (max-width: 768px) {
			#cookie-consent {
				padding: 12px 15px;
			}
			
			#cookie-consent p {
				font-size: 13px;
			}
			
			#cookie-consent button {
				padding: 6px 15px;
			}
		}