/* убираем противную рамку вокруг ссылок */
img, a img{outline:none !important;}
a:focus{outline:none !important;}
/* скрываем каптчу гугла */
.grecaptcha-badge {visibility: hidden;}

html, body {
/* Убирает прокрутку по горизонтале, для мобильной версии */
	overflow-x: hidden;
}

@font-face {
  font-family: "EuropeExtendedC";
  src: local("EuropeExtendedC"),
    url(/assets/fonts/europeextendedc.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EuropeExtendedC";
  src: local("EuropeExtendedC-Bold"),
    url(/assets/fonts/europeextendedc-bold.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
	--color-primary: #15174f;
	--color-black: #353535;
	--color-white: #fff;
}

body {
	font-family: 'EuropeExtendedC', sans-serif;
	color: var(--color-white);
	font-size: 1rem;
	margin-top: 96px;
	background-color: #15174f;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 700;
}

a {
	color: var(--color-white);
}
ol,
ul {
	padding-left: 1rem;
}
p b {
	color: var(--color-black);
	font-weight: 700;
}
p strong {
	color: var(--color-primary);
	font-weight: 700;
}
.hyphens p, .hyphens li {
	text-align: justify;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
}

.hyphens p:last-child, .hyphens li:last-child {
	margin-bottom: 0px;
}

.bg_img::after {
    content: "";
    width: 400px;
    height: 400px;
    border: 2px solid #ff00ff;
    position: absolute;
    z-index: -1;
    border-radius: 400px;
    right: 57px;
    top: 20px;
}

.bg_img::before {
    content: "";
    width: 50px;
    height: 50px;
    border: 2px solid #ffffff;
    position: absolute;
    z-index: 100000;
    border-radius: 100px;
    right: 668px;
    top: 30px;
    z-index: -1;
}
/*

a:link, a:visited, a:active {
	color: #000000;
	text-decoration: underline;
}
*/
a:hover {
	color: #fff;
}



/* таблица в плитке */
.my-card-table td:first-child {
	padding-left: 0;
}
.my-card-table td:last-child {
	padding-right: 0;
	text-align: right;
}

/* таблица с ценами на главной */
.my-price-table {
	
}

/* ссылки в футере */
a.my-footer-link:link, a.my-footer-link:visited, a.my-footer-link:active {
	color: #ffffff;
	text-decoration: none;
}
a.my-footer-link:hover {
	color: #ffffff;
	text-decoration: underline;
	transition-duration: .15s;
}

small, .small {
	line-height: 1;
}
.bg-banner {
	/*background-image: url(/assets/img/bg-banner.webp);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* Стили предупреждения о cookie
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0 !important;
	z-index: 1001;
	opacity: 0;
	visibility: hidden;
	border-radius: 0;
	transform: translateY(100%);
	transition: all 500ms ease-out;
}
.cookiealert.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
	transition-delay: 500ms;
}
/* кнопка наверх */
.tostart {
	width: 3rem;
	height: 3rem;
	background-color: var(--color-primary);
	border-radius: 50%;
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	z-index: 1002;
	display: none;
	opacity: 1;
}
.tostart:hover {
	cursor: pointer;
	opacity: .75;
	transition-duration: .15s;
}
.img-to-top {
	width:2rem;
	margin:0 auto;
	display:block;
	position:absolute;
	left: 8px;
	top: -3px;
}

/* аккордеон */
/* удираем нижний марджинг последнего абзаца */
.accordion-body p:last-child {
	margin-bottom: 0;
}

/* стили кнопок в слайдере */
.my-prev, .my-next {
	position: absolute;
	top: calc(50% - 1.25rem);
	color: var(--color-warning);
	background-color: #fff;
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 50%;
	text-align: center;
	line-height: 2.5;
	z-index: 1000;
	cursor: pointer;
	box-shadow: 0px 8px 16px rgba(78, 80, 85, 0.12);
}
.my-next {
	right: 0px;
}
.my-next >svg {
	height: 1.5rem;
	padding-left: 3px;
}
.my-prev > svg {
	height: 1.5rem;
	padding-right: 3px;
}

/* стили верхнего меню*/
.top-menu { /* общее оформление меню */
	font-size: 1rem;
	z-index: 1000;
	position: relative;
}

.top-menu a:link, .top-menu a:visited, .top-menu a:active {
	color: var(--color-balck);
	text-decoration: none;
}

.top-menu a:hover {
	text-decoration: underline;
}

.top-menu ul{
	display: none;
	background-color: white;
	position: absolute;
	top: 100%;
	opacity: 0;
}
.top-menu li:hover ul {
	display: block;
	opacity: 1;
	-webkit-animation: display-none-transition 0.15s both;
	animation: display-none-transition 0.15s both;
}
@-webkit-keyframes display-none-transition {
	0% {
		opacity: 0;
	}
}
@keyframes display-none-transition {
	0% {
		opacity: 0;
	}
}
.top-menu, .top-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.top-menu li {
	float: left;
	position: relative;
	height: 100%;
	padding: 0 .5rem;
}
.top-menu li a {
	display: block;
	padding: 0px;
	color: #fff;
	text-decoration: none;
	text-align: left;
}
.top-menu ul {
	border: 1px solid var(--color-black);
}
.top-menu ul li {
	float: none;
	white-space: nowrap;
}
.top-menu ul li:hover {
	background-color: white;
}
.top-menu span {
	text-decoration: underline;
}
/* стили mmenu */
.mm-spn--light {
	/* background: #fff; */
}
.mm-spn {
	color: var(--color-primary);
}
.mm-spn a {
	color: var(--color-primary);
}
.mm-spn a:active, .mm-spn a:focus {
	/* color: var(--color-danger);*/
}

.table {
	color: var(--color-white);
}
/*banner*/
.banner-list span {
	color: #00CCFF;
}
/*price-table*/
.price-table {
	padding-top: 100px;
	background-repeat: no-repeat;
	background-position: left top 50px;
	background-image: url(/assets/img/fon-1.svg);
}
.price-table .table thead th {
	color: #f0f;
}
/*text-home*/
.text-home {
	padding-top: 100px;
	background-repeat: no-repeat;
	background-position: right top 50px;
	background-image: url(/assets/img/fon-2.svg);
}
/*feedback*/
.feedback {
	padding-top: 100px;
	background-repeat: no-repeat;
	background-position: left top 50px;
	background-image: url(/assets/img/fon-3.svg);
}
.feedback .container {
	padding: 24px;
	border-radius: 24px;
	border: 2px solid #00CCFF;
}
.feedback .form-control {
	border: 0;
	color: #fff;
	background-color: #682699;
	resize: none;
}
.feedback .form-control::placeholder {
	color: rgba(255, 255, 255, .6);
}
.feedback-link {
	padding-left: 40px;
	font-size: 20px;
	font-weight: 700;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/assets/img/feedback-mail.svg);
}
/*modal*/
.btn-close {
	width: 10px;
	height: 10px;
	background-image: url(/assets/img/btn-close.svg);
	-webkit-background-size: cover;
	background-size: cover;
}
.modal .form-control {
	border: 0;
	color: #fff;
	background-color: #682699;
}
/*gallery*/
.gallery {
	background-repeat: no-repeat;
	background-position: right top 50px;
	background-image: url(/assets/img/fon-1-1.svg);
}
/*footer*/
.footer-address br {
	display: none;
}
.section {
	padding-top: 150px;
}
.container {
	max-width: 1140px;
}
.form-check-input {
	border-color: var(--color-white) !important;
}
/* Устройства X-Small (портретные телефоны, менее 576 пикселей) */
@media (max-width: 575.98px) {
	body {
		margin-top: 78px;
	}
	.hyphens p, .hyphens li {
		text-align: left;
		hyphens: none;
		-moz-hyphens: none;
		-webkit-hyphens: none;
		-ms-hyphens: none;
	}
	.tostart {
		width: 2rem;
		height: 2rem;
		right: 1.25rem;
		bottom: 1.25rem;
	}
	.img-to-top {
		width: 1.25rem;
		left: .4rem;
		top: -1px;
	}
	/* мобильная млоденная версия таблицы */
	.my-price-table {
		border: 0;
	}
	.my-price-table thead {
		display: none;
	}

	.my-price-table tr {
		margin-bottom: 1rem;
		display: block;
		border-bottom: 1px solid var(--color-black);
	}

	.my-price-table td {
		display: block;
		text-align: right;
		border-bottom: 1px dotted var(--color-black);
		border-right: 1px solid transparent;
	}
	.my-price-table td:last-child {
		border-bottom: 0;
	}

	.my-price-table td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		color: #f0f;
		margin-right: auto;
	}
	.my-price-table tr td:first-child {
		color: #f0f;
	}
	.my-price-table tr td:first-child:before {
		content: '';
	}
	.logo-header {
		max-width: 250px;
	}
	.section {
		padding-top: 80px;
	}
	.gallery,
	.text-home {
		background-position: right top;
	}
	.feedback,
	.price-table {
		background-position: left top;
	}
	.text-home,
	.feedback {
		-webkit-background-size: 170px;
		background-size: 170px;
	}
	
	.bg_img::after {
		right: -100px;
        top: -160px;
	}

	.bg_img::before {
	    display: none;
	}
}

/* Устройства Small (телефоны с горизонтальной ориентацией, менее 768 пикселей) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.hyphens p, .hyphens li {
		text-align: left;
		hyphens: none;
		-moz-hyphens: none;
		-webkit-hyphens: none;
		-ms-hyphens: none;
	}
	.tostart {
		width: 2rem;
		height: 2rem;
		right: 1.25rem;
		bottom: 1.25rem;
	}
	.img-to-top {
		width: 1.25rem;
		left: .4rem;
		top: -1px;
	}
	.footer {
		font-size: 12px;
	}
	.bg_img::after {
		right: -100px;
        top: -160px;
	}

	.bg_img::before {
	    display: none;
	}
}
/* Устройства Medium (планшеты, менее 992 пикселей) */
@media  (min-width: 768px) and (max-width: 991.98px) {
	.bg_img::after {
		right: -100px;
        top: -160px;
	}

	.bg_img::before {
	    display: none;
	}
}


/* Устройства Large (настольные компьютеры, менее 1200 пикселей) */
@media  (min-width: 992px) and (max-width: 1199.98px) { 
	.bg_img::before {
	    right: 360px;
	}
	.bg_img::after {
	    right: -100px;
	}
}

/* Устройства X-Large (большие настольные компьютеры, менее 1400 пикселей) */
@media  (min-width: 1200px) and (max-width: 1399.98px) {
	.bg_img::before {
	    right: 460px;
	}
	.bg_img::after {
	    right: -100px;
	}
}