/* ГЛАВНАЯ СТРАНИЦА */
/*https://habr.com/ru/articles/467049/*/
div.column-1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0px;
}
div.share-konst-1 {
display: flex;
justify-content: flex-end;
	
}
div.faq {
flex: 1;
margin-bottom: 5px;
}
div.way {
  flex: 1;
 }
 
div.ur {
  flex: 1;
 }
 
div.column-3 {
  background-color: #f1f1ff;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  
}

div.c3-1 {
  flex: 1;
  min-width: 346px;
  margin-top: 0px;
  padding: 15px;
}

div.c3-2 {
  flex: 1;
  min-width: 346px;
  margin-top: 0px;
  padding: 15px;
}

div.c3-3 {
  flex: 1;
  min-width: 346px;
  margin-top: 0px;
  padding: 15px;
}

div.column-2 {
  background-color: #f1f1ff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

div.c2-1 {
  flex: 2;
  margin-top: 0px;
  padding: 15px;
}

div.c2-2 {
  flex: 1;
  margin-top: 0px;
  padding: 15px;
}

button.rules {
  appearance: none;
  width: 200px;
  height: 40px;
  border: 0;
  border-radius: 20px;
  background: #2783e6;
  color: #fff;
  font-size: 18px;
}

button.rules:hover {
  background: #f1f1ff;
  color: #2783e6;
  font-size: 18px;
  border: 2px solid #2783e6;
}

button.rules:focus {
  background: #f1f1ff;
  color: #333333;
  font-size: 18px;
  border: 2px solid #2783e6;
}

button.naprav {
  appearance: none;
  width: 200px;
  height: 40px;
  border: 0;
  border-radius: 20px;
  background: #5ac700;
  color: #fff;
  font-size: 18px;
}

button.naprav:hover {
  background: #f1f1ff;
  color: #5ac700;
  font-size: 18px;
  border: 2px solid #5ac700;
}

button.naprav:focus {
  background: #f1f1ff;
  color: #333333;
  font-size: 18px;
  border: 2px solid #5ac700;
}

button.calling {
  appearance: none;
  width: 200px;
  height: 40px;
  border: 0;
  border-radius: 20px;
  background: #831ec7;
  color: #fff;
  font-size: 18px;
}

button.calling:hover {
  background: #f1f1ff;
  color: #831ec7;
  font-size: 18px;
  border: 2px solid #831ec7;
}

button.calling:focus {
  background: #f1f1ff;
  color: #333333;
  font-size: 18px;
  border: 2px solid #831ec7;
}

/* НОВОСТИ */
div.news_d {
  width: 100%;
  /* ширина нашего блока */
  height: 150px;
  /* высота нашего блока */
  overflow: auto;
  /* свойство для прокрутки по горизонтали. Автоматом, если больше блока */

}

/* ЗАГОЛОВКИ */
h1 {
  font-family: 'Open Sans', sans-serif;
  font-size: calc((100vw - 320px)/(1200 - 320) * (29 - 24) + 24px);
  color: #333333;
  font-weight: lighter;
}

h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: calc((100vw - 320px)/(1200 - 320) * (29 - 24) + 24px);
  color: #000000;
  font-weight: lighter;
}

h2.news {
  font-family: 'Open Sans', sans-serif;
  font-size: calc((100vw - 320px)/(1200 - 320) * (14 - 12) + 12px);
  font-weight: bold;
}

h2.price {
  font-family: 'Open Sans', sans-serif;
  font-size: calc((100vw - 320px)/(1200 - 320) * (18 - 12) + 12px);
  font-weight: bold;
  color: white;
}

h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: calc((100vw - 320px)/(1200 - 320) * (20 - 14) + 14px);
  color: #333333;
  font-weight: bold;
}

h3.bank {
  font-family: 'Open Sans', sans-serif;
  font-size: calc((100vw - 320px)/(1200 - 320) * (17 - 14) + 14px);
  color: #333333;
  text-align: right;
}

h3.cont {
  font-family: 'Open Sans', sans-serif;
  font-size: calc((100vw - 320px)/(1200 - 320) * (17 - 14) + 14px);
  color: #333333;
  text-align: left;
}

/* ПРОСТРАНСТВО */
div.space1 {
  height: 40px;
}

div.space2 {
  height: 20px;
}

div.space3 {
  height: 5px;
}


div.sp-news {
  height: 300px;
}

/*КНОПКА */
#myBtn {
  display: none;
  position: fixed;
  bottom: calc((100vw - 320px)/(1200 - 320) * (150 - 100) + 100px);
  right: calc((100vw - 320px)/(1200 - 320) * (50 - 10) + 10px);
  z-index: 100;
  font-size: calc((100vw - 320px)/(1200 - 320) * (16 - 11) + 11px);
  border: none;
  outline: none;
  opacity: 0.8;
  background-color: #003366;
  color: white;
  cursor: pointer;
  padding: 20px;
  border-radius: 100px;
}

#myBtn:hover {
  background-color: #75a1ff;
}
/*ТУПА ШАПКА НАХУЙ*/
div.head-line-1 {
width: 100%;
height: 30px;
background-color: #f6f6ff;
display: flex;
justify-content: flex-end;
align-items: center;
}
div.hl1-blank {
flex-wrap: nowrap;
margin-right: 5px;
background-color: #b3fbb0;
}
div.hl1-fsvok {
flex-wrap: nowrap;
margin-right: 10px;
}
div.hl1-post {
flex-wrap: wrap;
margin-right: 5px;
}
div.line {
flex-wrap: wrap;
margin-right: 5px;
}
div.head-line-2 {
display: flex;
width: 100%;
height: 144px;
background-color: #e8e8ff;
justify-content: space-between;
align-items: flex-start;
}
div.m-logo {
display: flex;
flex-wrap: nowrap;
}
div.m-logo-png {
margin-top: 10px;
}
div.m-logo-text {
margin-top: 10px;
}
div.bankofblood {
margin-top: 10px;
}
@media (max-width:1200px) {
	div.head-line-1, div.m-logo {
		display:none; 
		}
		}
@media (max-width:1200px) {
	div.head-line-2 {
	height: 70px;
	}
}

div.search-v {
	background-color: #e8e8ff;
	width: 100%;

	
	
}
/*ПОДВАЛ НАХУЙ СУКА БЛЯТЬ!!!*/
div.footer-c {
height: 150px;
background-color: #e8e8ff;
margin: 0px;
display: flex;
justify-content: center;
align-items: flex-end;
}
div.footer-line-text {
margin-bottom: 15px;
}

/* ПРАЙС СУКА НАХУЙ БЛЯТЬ!!!!!!!!! */
div.column-5 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
 }
div.col-1 {
flex: 1;

}
div.col-2 {
flex: 5;

}
div.col-3 {
flex: 1; 

}
div.col-4 {
flex: 1;

}
div.col-5 {
flex: 1;

}
div.column-4 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
 }
 div.col-11 {
  flex: 4;
}
 div.col-12 {
  flex: 1;
}
 div.col-13 {
  flex: 4;
}
 div.col-14 {
  flex: 1;
}
div.cont-green {
background-color: #b3fbb0;
}
div.cont-gray {
background-color: #f1f1ff;
}
div.cont-blue {
background-color: #25507f;
}
div.price-h {
flex: 1;
}

div.cont-blue-gray {
background-color: #e8e8ff;
}
div.price-h-2 {
flex: 1;
}

div.cont-acc {
background-color: #f7f7f7;
}
div.cont-acc-no {
background-color: #fff;
}

/*ПОДСКАЗКА*/
[data-title] {
position: relative;				 /* Относительное позиционирование */ 
cursor: help;				 /* Меняем курсор на справочный */
}
[data-title]::after {
content: attr(data-title); 			/* Выводим текст из атрибута data-title */
z-index: 1; 				/* Поверх окон*/
position: absolute; 				/* Абсолютное позиционирование */
right: 1em; top: 1em;			 /* Положение подсказки */
opacity: 0; 				/* Скрываем подсказку, делая её прозрачной */
transition: 0.2s;			 	/* Время появления подсказки */
pointer-events: none; 			/* Подсказка не реагирует на курсор */
background: #003366;			 /* Синий цвет фона */
color: #fff;				 /* Белый цвет текста */
padding: 0.5em;				 /* Поля вокруг текста */
}
[data-title]:hover::after {
opacity: 1; 				/* Показываем подсказку */
}
/*ПОДСКАЗКА*/



section.pri-table {
max-width: 1040px;
}
div.table-part {
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5)
}
div.quality-d {
	background-color: #f1f1ff;
	}
	/* Блок сообщения */
.alert {
    padding: 25px;
    background-color: #e8e8ff;
	margin-bottom: 5px;
	width: 40%;
	border-radius: 20px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 40px;
	bottom: 30px;
	z-index: 100;
	
}

/* Крестик */
.closebtn {
    margin-left: 15px;
    color: black;
    font-weight: bold;
    float: right;
    font-size: 26px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}


/* Деталис */

details {
	  font-family: 'Open Sans', sans-serif;
}


/* поиск */

button.search {
	appearance: none;
	border: 0;
	border-radius: 3px;
	background: #4676D7;
	color: #fff;
	padding: 5px 12px;
	}
	
	button.search:hover {
	background: #1d49aa;
}
	button.search:focus {
  outline: none;
  box-shadow: 0 0 0 4px #cbd6ee;
}

	input.search {
		border: 1;
	border-radius: 3px;
	padding: 5px 12px;
	width: 100%
	}

.highlighted {
	background-color:#f1f100
	}
	
/* ФОРМА */
input.k-form-input {
	width: 270px;
	height: 30px;
	color: #333333;
	border: 1px solid black;
	border-radius: 3px;
	
}

div.k-f-cont{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	
	form.k-calling {

		width: 100%;
	}
	
div.k-cal {
	flex: 1;
	margin: 20px;
	text-align: center;
	
}



textarea.k-form-input {
	width: 270px;
	resize: vertical;
	border-radius: 3px;
}

button.k-calls-butt {

  border: 0;
  border-radius: 3px;
  background: #4676D7;
  color: #fff;
  padding: 8px 16px;
  font-size: 16px;
}

button.k-calls-butt:hover {
  background: #1d49aa;
}

button.k-calls-butt:focus {
  outline: none;
  box-shadow: 0 0 0 4px #cbd6ee;
}