html {
	background: black;
}
body,
html {
	padding: 0px;
	margin: 0px;
}

body,
html {
	-ms-user-select: none;

	-moz-user-select: none;

	-khtml-user-select: none;

	-webkit-user-select: none;
}

html {
	background: url(../img/kraken-background.webp) no-repeat center center fixed;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	color: white;
}

@supports (-webkit-touch-callout: none) {
	.selector {
		background-attachment: scroll;
	}
}

@supports not (-webkit-touch-callout: none) {
	.selector {
		background-attachment: fixed;
	}
}

h1 {
	font-family: Lang, sans-serif;

	font-weight: bold;

	text-align: center;

	margin-top: 45px;
	margin-bottom: 35px;

	font-size: 40px;

	font-weight: bold;

	background: linear-gradient(
		to bottom,
		#fad99e 0%,
		#fad99e 45%,
		#664029 54%,
		#d7a958 27%,
		#d69526 6%,
		#d6d2cb 100%
	);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;
}

h3 {
	text-align: center;

	font-weight: bold;

	font-size: 24px;

	margin-top: 1px;

	margin-bottom: 12px;

	font-family: "Oswald", sans-serif;
}

h4 {
	font-family: sans-serif;

	text-align: center;

	font-size: 22px;

	margin-top: 0px;

	margin-bottom: 12px;
}

.krcolor {
	color: #d0ae7c !important;
}

#kranews {
	font-size: 20px;

	width: 400px;

	height: 70px;

	cursor: pointer;
	margin: 0 auto;
}

.makegradient {
	/* background: linear-gradient(to bottom, #fad99e 0%, #fad99e 45%, #664029 54%, #d7a958 27%, #d69526 6%, #d6d2cb 100%); */

	background: linear-gradient(
		#f9d797,
		#fcdaaa 40%,
		#543e0d 42%,
		#bf8f43 45%,
		#dbb061 75%,
		#dfc39b
	);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;
}

.mg {
	background: linear-gradient(
		to bottom,
		#fad99e 0%,
		#fad99e 45%,
		#664029 54%,
		#d7a958 27%,
		#d69526 6%,
		#d6d2cb 100%
	);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;
}

small {
	font-family: "Fira Sans", sans-serif;
	font-weight: bold !important;
	font-weight: normal;
	margin-left: 10px;
}

strong {
	font-family: Lang;
	font-weight: normal;
}

#str-1 {
	font-size: 150%;
	color: white;
}

#str-2 {
	font-size: 16px;
	color: white;
	font-family: "Fira Sans", sans-serif;
	font-weight: bold;
}

#str-3 {
	font-size: 20px;
	color: white;
	margin-left: 25px;
	cursor: pointer !important;
	font-family: "Fira Sans", sans-serif;
	font-weight: bold;
}

#str-4 {
	font-size: 90%;
	color: white;
	margin-left: 25px;
	font-family: "Fira Sans", sans-serif;
	font-weight: bold;
}

#str-5 {
	font-size: 15px;
	color: white;
	font-family: "Fira Sans", sans-serif;
	font-weight: bold;
}

/*  */

#dateout {
	text-align: center;

	font-family: Fira Sans;

	color: #eee;

	margin-bottom: 30px;
}

.fa,
.fa-mobile {
	font-size: 90%;
}

.fa,
.fa-clock {
	font-size: 90%;
}

.fa,
.fa-map-marker {
	font-size: 90%;
}

/* КООРДИНАТЫ ДЛЯ СВЯЗИ */

#kraken-distrib {
	width: 380px;
	margin-left: 20px;
}

/* СПИСОК KRAKEN и OLD-LIGADOR */

#dist {
	display: flex;

	max-width: 1280px;

	margin: auto;
}

/* МОБИЛЬНЫЙ СПИСОК KRAKEN И OLD-LIGADOR */

#mobile-dist {
	display: none;

	margin-left: 20px;
}

.border-line {
	border: 0.5px dashed #4040aa;
}

.border-bottom {
	margin-top: 55px;
	display: none;
}

/* Логотип KRAKEN и OLD-LIGADOR */

#black_screen_logo {
	margin-top: 20px;

	margin-bottom: 20px;

	text-align: center;
}

.bsl {
	max-width: 500px;
	max-height: 500px;
}

#social {
	text-align: center;
	margin-top: 20px;
}

#social-footer {
	max-width: 1310px !important;
	position: relative;
	top: 45px;
	margin: auto;
}

.soci {
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
}

.soci:hover {
	opacity: 0.8;
}

/* Социальные сети */

.ssw {
	width: auto;
	height: 18px;
} /* WhatsApp */

.ssf {
	width: auto;
	height: 16px;
} /* Facebook */

.ssv {
	width: auto;
	height: 14px;
} /* Vkontakte */

.ssi {
	width: auto;
	height: 16px;
} /* Instagram */

.sst {
	width: auto;
	height: 16px;
} /* Telegram */

.ssy {
	width: auto;
	height: 14px;
} /* Youtube */

/* Заголовок - таблица */

.header {
	padding: 0px;
	margin: 0px;
	width: 100%;
}

/* Формат вывода логотипа */

.kraken-logo {
	margin-left: 19px;
	margin-top: 3px;
	width: 247px;
	height: 70px;
	cursor: pointer;
}

/* Подгонка под логотип */

.menu-left {
	width: 15%;
}

/* Подгонка и отображение главного ПК меню */

.menu-center {
	width: 70%;
	text-align: center;
	vertical-align: top;
	line-height: 55px;
}

/* Меню справа - выбор языка */

.menu-right {
	width: 15%;
	text-align: right;
	vertical-align: top;
	font-size: 18px;
	line-height: 55px;
}

/* Отступ в выборе языка */

.pix15 {
	margin-right: 15px;
}

/* Меню ПК */

#menu_top {
	height: 75px;
}

#kraken-mobile {
	display: none;

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background: black;

	color: white;

	overflow-y: scroll;
}

/* Ссылки главного меню в ПК версии */

#menu-item {
	font-family: TTFB;
	font-size: 18px;
	color: white;
	text-decoration: none;
	transition: 1s;
}

#menu-item:hover {
	color: rgb(239, 220, 145);
	transition: 1s;
}

.screenme {
	width: 100%;
}

/*Мобильное меню */

.mitem {
	margin-left: 25px;
}

/* Вывод телефона организации */

#kraken-phone {
	text-align: center;

	font-family: TTFB;

	font-weight: bold;

	font-size: 29px;

	margin-top: 10px;

	background: linear-gradient(
		#f9d797,
		#fcdaaa 40%,
		#543e0d 42%,
		#bf8f43 45%,
		#dbb061 75%,
		#dfc39b
	);

	background: linear-gradient(
		to bottom,
		#fad99e 0%,
		#fad99e 32%,
		#664029 38%,
		#d7a958 37%,
		#d69526 6%,
		#d6d2cb 100%
	);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;
}

/*Проигрыватель Видео */

.smartplayer {
	width: 1280px;

	height: 711px;

	margin-bottom: 40px;
}

/* ФОРМАТИРОВАННЫЕ СТИЛИ ДЛЯ ЗАГОЛОВКА - МЕНЮ */

.marl {
	margin-left: 10px;
	margin-right: 10px;
}

.marr {
	font-weight: normal;
	margin-left: 5px;
	margin-right: 5px;
}

.mlink {
	color: rgb(239, 220, 145);
	text-decoration: none;
	font-family: Lang;
}

.mlink:hover {
	border-bottom: 2px solid white;
}

/* Основные достоинства продукции KRAKEN */

#about-kraken {
	height: 500px;

	background: url(../img/kraken-bg-blue.webp);

	background-repeat: no-repeat;

	background-position: center top 0;

	background-size: cover;

	margin-top: 35px;

	margin-bottom: 15px;
}

/* Отображение достоинств компании */

#about-kraken {
	display: flex;

	flex-wrap: wrap;

	justify-content: flex-between;

	align-items: center;

	justify-content: center;
}

.krinfo {
	margin: 10px;

	width: 25%;

	height: 300px;

	text-align: center;
}

.mimg {
	width: 157px;

	height: 157px;
}

.mline {
	max-width: 25%;

	border-top: 1px solid white;

	border-bottom: 1px solid white;

	margin: auto;
}

.atext {
	font-family: "Fira Sans", sans-serif;
	color: #bbb;
	font-weight: bold;
}

/* КАТАЛОГ ПРОДУКЦИИ КРАКЕН */

#about-kraken-product {
	display: flex;

	flex-wrap: wrap;

	justify-content: space-arround;

	justify-content: space-between;
}

/*НОВОСТИ ПО ЦЕНТРУ (ГЛАВНАЯ) */

nnn #about-kraken-product {
	justify-content: center;
	align-items: center;
}

/* КАРТОЧКА ОПИСАНИЯ ПРОДУКТА (КАТЕГОРИЯ - РАЗДЕЛ) */

.tobacco {
	/* width: 50%; */

	text-align: center;
}

#calliano {
	display: flex;

	flex-wrap: wrap;

	justify-content: space-arround;

	align-items: center;

	/* justify-content: space-between; */

	justify-content: center;
}

/* Каждая буква слова - заглавная */

.capsme {
	text-transform: capitalize;
}

/* ОПИСАНИЕ ПРОДУКЦИИ */

#prod-desc {
	text-align: center;

	font-family: Tahoma;
}

/* КАРТИНКА ПРОДУКЦИИ */

.primg {
	cursor: pointer;

	margin: 10px;

	width: auto;

	height: 400px;
	object-fit: contain;

	transition: 0.3s;
}

.primg:hover {
	opacity: 0.9;
	transition: 0.3s;
}

/* */

.nimg {
	cursor: pointer;

	width: 396px;
	height: 234px;

	margin: 10px;

	transition: 0.5s;
}

/* ПАРТНЁРЫ */

#about-kraken-partners {
	background: url(../img/kraken-bg-blue.webp);

	background-repeat: no-repeat;

	background-position: center top 0;

	background-size: cover;

	margin-top: 35px;

	margin-bottom: 15px;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;
}

/* Отступы в партнрёрском блоке */

#dynblock-top {
	height: 0px;
	width: 90%;
}

#dynblock-footer {
	height: 100px;
	width: 90%;
}

#oldligador {
	background: url(../img/kraken-bg-blue.webp);

	background-repeat: no-repeat;

	background-position: center top 0;

	background-size: cover;

	display: block;

	text-align: center;

	padding: 20px;
}

#ligador-text {
	font-size: 24px;

	font-family: "Oswald", sans-serif;

	font-weight: normal !important;

	color: #ddd;

	max-width: 800px;
}

#partner {
	width: 270px;
	height: auto;
}

/************************************************************************/

/* РАЗДЕЛИТЕЛИ АНАЛОГ <br /> */

#kraken-divider {
	height: 30px;
}

#small-divider {
	height: 20px;
}

#mini-divider {
	height: 14px;
}

/* С Л А Й Д Е Р */

.our-clients {
	max-width: 1280px;

	margin: auto;

	padding: 20px;

	display: flex;

	justify-content: flex-start;

	align-items: center;

	justify-content: center;

	color: #ccc;

	/*  backdrop-filter: blur(5px); */
}

.our-clients h5 {
	text-align: left;
}

.our-clients h4 {
	text-align: left;
}

#best {
	width: 200px;
	height: 200px;

	background-image: url("../img/klient.png");
}

h4 {
	font-weight: bold;
	font-size: 25px;
	color: white !important;
}

h5 {
	margin-top: -36px;
	font-size: 17px;
	font-weight: normal;
	color: white !important;
}

#divdiv {
	width: 40px;
}

#k1 {
	width: 200px;
	height: 200px;

	background-image: url("../clients/client-1.webp");

	background-repeat: no-repeat;

	background-position: center top 0;

	background-size: cover;

	border-radius: 9999px;

	margin-top: -50px;
}

#k2 {
	width: 200px;
	height: 200px;

	background-image: url("../clients/client-2.webp");

	background-repeat: no-repeat;

	background-position: center top 0;

	background-size: cover;

	border-radius: 9999px;

	margin-top: -50px;
}

#k3 {
	width: 200px;
	height: 200px;

	background-image: url("../clients/client-3.webp");

	background-repeat: no-repeat;

	background-position: center top 0;

	background-size: cover;

	border-radius: 9999px;

	margin-top: -50px;
}

#k4 {
	width: 200px;
	height: 200px;

	background-image: url("../clients/client-4.webp");

	background-repeat: no-repeat;

	background-position: center top 0;

	background-size: cover;

	border-radius: 9999px;

	margin-top: -50px;
}

#k5 {
	width: 200px;
	height: 200px;

	background-image: url("../clients/client-5.webp");

	background-repeat: no-repeat;

	background-position: center top 0;

	background-size: cover;

	border-radius: 9999px;

	margin-top: -50px;
}

#k6 {
	width: 200px;
	height: 200px;

	background-image: url("../clients/client-6.webp");

	background-repeat: no-repeat;

	background-position: center top 0;

	background-size: cover;

	border-radius: 9999px;

	margin-top: -50px;
}

#k7 {
	width: 200px;
	height: 200px;

	background-image: url("../clients/client-7.webp");

	background-repeat: no-repeat;

	background-position: center top 0;

	background-size: cover;

	border-radius: 9999px;

	margin-top: -50px;
}

#t1 {
	font-family: "Montserrat", sans-serif;
	text-align: left;
	margin-right: 50px;
	font-size: 17px;

	line-height: 25px;
}

#pride {
	width: 200px;

	height: 200px;

	border-radius: 99999px;
}

/* ОФОРМЛЕНИЕ КНОПКИ Читать подробнее */

#next_button {
	font-size: 16px;

	margin: auto;

	padding: 12px;

	width: 180px;

	color: rgb(249, 215, 151);

	font-family: "Fira Sans", sans-serif;

	border: 1px solid #e8c98e;

	cursor: pointer;

	backdrop-filter: blur(5px);

	text-align: center !important;

	font-weight: bold !important;
}

#next_button:hover {
	border: 1px solid skyblue;

	transition: 1s;
}

/* ДРУГИЕ КНОПКИ */

#o_button {
	font-size: 18px;

	padding: 15px;

	width: 190px;

	color: rgb(249, 215, 151);

	font-family: "Fira Sans", sans-serif;

	border: 1px solid gold;

	cursor: pointer;

	backdrop-filter: blur(5px);

	text-align: center !important;

	font-weight: bold;
}

#o_button:hover {
	border: 1px solid yellow;
}

/* ЗАМЕНА Underline */

.underme {
	border-bottom: 1px solid white;
	cursor: pointer;
}

/* КОНТАКТЫ ОРГАНИЗАЦИИ */

#kraken-contacts {
	height: 710px;
	width: 100%;

	background: url(../img/footerbg.webp);

	background-repeat: no-repeat;

	background-position: center top 0;

	background-size: cover;

	margin-top: 30px;
}

.accessories {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	width: 100%;
}

.accessories__content {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	width: 100%;
}

@media (max-width: 1200px) {
	.accessories__content {
		flex-direction: column;
	}
}

.accessories__item {
	cursor: pointer;
	transition: 0.3s ease-in-out all;

	display: flex;
	gap: 15px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.accessories__item:hover {
	opacity: 0.9;
}

.accessories__image {
	width: auto;
	height: 400px;
	object-fit: contain;
}

@media (max-width: 1200px) {
	.accessories__image {
		width: 80%;
		object-fit: cover;
		height: auto;
	}
}

/* ЛОГОТИП КРАКЕНА. БОЛЬШОЙ. */

.big-kraken {
	position: absolute;

	width: 392px;

	height: 480px;

	/* background-image:url('../img/kraken_big.png'); */

	right: 10%;

	margin-top: 100px;

	opacity: 0.8;
}

/* ЛОГОТИП КРАКЕНА ДЛЯ МОБИЛКИ */

.kraken-mobile {
	text-align: center;
}

#mmkk {
	display: none;

	max-width: 300px;

	height: auto;

	margin: auto;
}

#attention {
	font-size: 200%;

	font-family: TTFB;

	font-weight: normal;
}

#copyright {
	font-family: "Montserrat", sans-serif;

	margin-top: 10px;
}

#footer {
	padding: 0px;

	color: #8080aa;

	position: relative;

	text-align: center;

	background-size: cover;
}

#bottom-divider {
	position: inherit;

	#str-5 {
		font-size: 80%;
	}
}

.xtop {
	width: 38px;
	height: 38px;
	opacity: 0.7;
}

#button-up {
	display: none;

	z-index: 9999;

	right: 23px;

	margin: 0;

	position: fixed;

	bottom: 45%;

	outline: none;

	color: white;

	text-decoration: none;

	cursor: pointer;

	opacity: 0.8;

	backdrop-filter: blur(3px);

	height: 38px;
}

/* ЗАПРОС НА ПРАЙС-ЛИСТ */

/* ОВЕРЛЕЙ ПРАЙСА */

#price_list {
	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background: black;

	z-index: 999999;

	overflow-y: scroll;

	opacity: 0.99;

	display: none;
}

#close-me {
	text-align: right;

	cursor: pointer;

	color: white;

	padding: 20px;

	transition: 1s;
}

#close-me:hover {
	color: gold;

	transition: 1s;

	margin-bottom: 0px;
}

.fa-times-circle {
	font-size: 150%;
}

.kform {
}

#posi {
	max-width: 550px;
	margin: auto;
	overflow-y: scroll;
}

.kinput {
	width: 95%;

	font-size: 120%;

	height: 40px;

	background: #404090;

	opacity: 0.8;

	border: 0px solid transparent;

	font-family: TTFB;

	padding: 10px;

	color: white;
}

.kinput::-webkit-input-placeholder {
	/* Chrome */

	color: white;
}

input:focus {
	outline: 0;
}

#cbox {
	font-family: main;
	font-size: 20px;
	margin-top: 10px;
}

/* ЗАПРОС НА ПРАЙС */

.price_kraken {
	max-width: 650px;

	margin: auto;

	background: blue;

	padding: 20px;

	background-image: url("../img/kraken-bg-blue.webp");

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-repeat: repeat-y;
}

.price_kraken h2 {
	font-family: TTFB;

	font-size: 180%;

	margin-top: 0px;
}

hr {
	max-width: 100%;
	margin: auto;
	border: 0px;
	border-bottom: 0.5px solid #3030a0;
	margin-top: 5px;
}

ul {
	list-style-type: none;
}

/*Отображение точек контента */

#npoints {
	margin: auto;
	max-width: 90%;
	text-align: center;
}

.pnts {
	cursor: pointer;
	font-size: 300%;
	color: #ddd;
}

/* Вывод партнёров с адресами. Где купить */

#buy-kraken {
	max-width: 70%;

	margin: auto;
}

#label-mm {
	position: relative;

	top: 35px;

	left: 35px;

	text-align: left;

	z-index: 999;

	font-family: Fira Sans;

	font-size: 70%;

	background: black;

	width: 50px;

	padding: 3px;

	border-radius: 8px;

	opacity: 0.85;
}

.partners__container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
}

@media (max-width: 768px) {
	.kraken-partner-sm {
		width: 100%;
	}

	.partners__container {
		flex-direction: column;
	}
}

.kraken-partners {
	cursor: pointer;

	margin: 10px;

	width: 320px;

	height: auto;

	transition: 0.1s;
}

.kraken-partner-sm {
	width: 220px;
}