html{width:100%; height:100%;}
body{
	width:100%;
	background-color:#111F2C;
	background-image: url("./img/bg.png");
	font-family:KazimirText-Book_light;
	font-size:20px;
	color:#D9DBDD;
	margin:0;
}
@font-face {
	font-family: 'KazimirText-Book';
	src: url('/local/templates/pompa_2025/fonts/KazimirBook/kazimirtext-book.eot'); /* IE 9 Compatibility Mode */
	src: url('/local/templates/pompa_2025/fonts/KazimirBook/kazimirtext-book.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/local/templates/pompa_2025/fonts/KazimirBook/kazimirtext-book.woff2') format('woff2'), /* Super Modern Browsers */
		url('/local/templates/pompa_2025/fonts/KazimirBook/kazimirtext-book.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/local/templates/pompa_2025/fonts/KazimirBook/kazimirtext-book.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/local/templates/pompa_2025/fonts/KazimirBook/kazimirtext-book.svg#kazimirtext-book') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
	font-family: 'KazimirText-Book_light';
	src: url('/local/templates/pompa_2025/fonts/Kazimir/Kazimir-Light.eot'); /* IE 9 Compatibility Mode */
	src: url('/local/templates/pompa_2025/fonts/Kazimir/Kazimir-Light.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/local/templates/pompa_2025/fonts/Kazimir/Kazimir-Light.woff2') format('woff2'), /* Super Modern Browsers */
		url('/local/templates/pompa_2025/fonts/Kazimir/Kazimir-Light.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/local/templates/pompa_2025/fonts/Kazimir/Kazimir-Light.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/local/templates/pompa_2025/fonts/Kazimir/Kazimir-Light.svg#kazimirtext-book') format('svg'); /* Chrome < 4, Legacy iOS */
}


input[type=submit], input[type=reset]{
	-webkit-appearance: none;
}
.btn, button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.btn:focus, button:focus{
	outline: none;
}

h1{
	font-size:18px;
	color:#595858;
	margin-top:23px;
}
h2{
	font-size: 29px;
	margin: 0 0 33px;
	
}
h3{}
a{
	color:#ffffff;
}
a:focus	{outline-style: none;}
.clear{
	clear:both;
}
img{
	border:none;
}
p{
	margin:0 0 8px 0;
}
input, textarea {
	outline:none;
}
/* чтобы паддионг и бордер включались в ширину блока */
* {
	box-sizing: border-box;
	outline-style: none;
}
.global{

}

.table,.ttable {
	border-left:2px solid #f3f3f3;
	border-top:2px solid #f3f3f3;
	width:100%;
	border-collapse: collapse;
}
.table th,.ttable th,table.ttable thead td {
	background-color:#f3f3f3;
	padding:12px 18px;
}

.table td,.ttable td {
	border-right:2px solid #f3f3f3;
	border-bottom:2px solid #f3f3f3;
	background:#ffffff;
	padding:12px 18px;
}
.table td:nth-child(2n+2),.ttable td:nth-child(2n+2){
}

.my_table{
	display: table;
}
.my_table .my_row{
	display:table-row;
}
.my_table .my_row .my_cell{
	display:table-cell;
	vertical-align: top;
}

.w20{width:20%;}
.w25{width:25%;}
.w33{width:33%;}
.w50{width:50%;}
.w75{width:75%;}
.w100{width:100%;}

.my_flex{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
}

/* For bootstrap */
@media(min-width:1200px){
	.sections_list_main .sect_element:nth-child(3n+1){
		 clear:left
	}
}
@media(min-width:768px) and (max-width:1199px){
	.sections_list_main .sect_element:nth-child(2n+1){
		 clear:left
	}
}



/* FORM STYLES */

.form_field, .input_field, .form_area, .input_area{
	font-size: 14px;
	line-height: 14px;
//	font-family: "MyriadProRegular";
	color:#d4d4d4;
	border:1px solid #777777;
	padding: 14px;
	width:98%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	
	border: 1px solid #F2BC7C;
	border-radius: 20px;
	background-color: #1e262c;
}
.field_required{
	box-shadow: 0 0 3px 0px red inset;
}
.button{
	background:#159694;
	padding:9px 21px;
	font-size: 12px;
	line-height: 12px;
	border:0;
	color:#ffffff;
	text-transform: uppercase;
	margin-top:9px;
	cursor: pointer;
	border: 1px solid #F2BC7C;
	border-radius: 20px;
}
.button.disabled, .button:disabled{
	opacity: 0.5;
	cursor: not-allowed;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
input[type="checkbox"]:hover, .button:hover {
	cursor:pointer;
}
.my_form{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.my_form .mess{
	position: absolute;
	display: none;
	background:red;
	color:#ffffff;
	padding: 10px;
	font-size: 12px;
	opacity: 0.6;
	width:200px;
	bottom:10px;
	left:50%;
	margin-left: -100px;

}

.my_form label{
	font-size: 12px;
}
.my_form label p{
	font-size: 18px;
}

.my_form .button__wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
}


.modal_window{
	background-color:#111F2C;
/*	position:absolute;*/
	position: fixed;
	left:0;
	top:0px;
	-top: 40px;
	min-width:300px;
/*	height:200px;*/
	display:none;
	z-index:9999;
	padding:  40px 30px 30px;
/*	overflow: hidden;*/
	border: 1px solid #F2BC7C;
	box-shadow: 0 0 5px 0px #F2BC7C;
	border-radius: 30px;
}
#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#000;
	display:none;
}
.modal_window .top {
	min-height: 26px;
	position: absolute;
	top:10px;
	right:10px;
}
.modal_window .title{
	font-size: 20px;
	width:100%;
	text-align: center;
	display: block;
	margin-bottom:20px;
}
.modal_window .close {
/*	float:right;*/
	width: 30px;
	height: 30px;
	background:url("./img/ico_close.svg") no-repeat;
	background-size: 100%;
	cursor:pointer;
	position: absolute;
	right: -3px;
	top: -3px;
	z-index:10;
	opacity: 0.8;
}
.modal_window .close:hover {
	opacity: 1;
}
.global{
	width: 100%;
}
.global p{
	opacity: 0.9;
}
.head{
	position: relative;
}
.head__text{
	font-family: KazimirText-Book;
	font-weight: 400;
	font-size: 65.56px;
	line-height: 100%;
	letter-spacing: 7px;
	text-transform: uppercase;
	position: absolute;
	left:3%;
	bottom: 6%;
	max-width: 820px;
	color: #F2BC7C;
}

.head .arrow{
	position: absolute;
	right:80px;
	bottom: 100px;
}
.head .arrow .block{
	position: relative;
	width:100%;
	height: 100%;
}
.head .arrow .block .arrow_2{
	
}
.head .arrow .block .arrow_1 {
  animation: MoveUpDown 2s linear infinite;
  position: absolute;
  left: 0;
  bottom: 0;
}

@keyframes MoveUpDown {
  0%, 100% {
	transform: translateY(-10px);
  }
  50% {
	transform: translateY(+10px);
  }
}


.cont{
}
.cont, .znaki__wrapper{
	margin-left: 36px;
	margin-right: 35px;
	margin-top:100px;
}

.znaki__wrapper{
	display: flex;
	flex-direction: column;
	gap: 177px;
}

.cont__row{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	gap:9%;
}

.tovari, .znak_hov{
	width: 100%;
}


.cont__row:nth-child(odd) .b1, .cont__row:nth-child(even) .b3, .like_b1 {
	max-width: 605px;
	width:34%;
}
.cont__row:nth-child(even) .b1, .cont__row:nth-child(odd) .b3{ // 2,4
	max-width: 301px;
	width: 19%;
}
.cont__row .b2{
	width: 38%;
}

.like_b2_3{
	width: 66%;
}
.like_b2_3 p{
	font-weight: 400;
	font-size: 30px;
	line-height: 100%;
	letter-spacing: 10%;
}
.b2 h2{
	
}

.bt__wrapper{
  width: 100%;
  height: 100%;
  background-color: #141f2b;
  padding: 0px;
  margin-top:50px;
}

.bt__wrapper .box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	color: #ffffff;
	border: 1px solid transparent;
	padding: 26px 50px;
	background:
	linear-gradient(#141f2b, #141f2b) padding-box,
	linear-gradient(264.42deg, rgba(172, 120, 58, 0) 45.55%, #F2BC7C 92.2%) border-box,
	linear-gradient(220deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 20%) 15%) border-box;
	width: 100%;
}
.button_s{
	cursor: pointer;
}
.button_s span{
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	background:
	linear-gradient(#847a5e, #847a5e) padding-box,
	linear-gradient(264.42deg, rgba(172, 120, 58, 0) 45.55%, #F2BC7C 92.2%) border-box,
	linear-gradient(220deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 20%) 15%) border-box;
//	background-color: #AC783A;
	padding: 10px 40px;
	display: flex;
	border-radius: 60px;
	color:#000000;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 12px;
}
.button_s:hover span{
	color: #ffffff;
}

.button_s + .txt{
	font-size: 16px;
	color: #B8B8B8;
	display: flex;
	margin-top:14px;
	text-align: center;
}


@media screen and (max-width:1440px){
	.head__text{
		font-size: 46px;
	}
}

@media screen and (max-width:1200px){
	.head__text{
		font-size: 42px;
	}
}



@media screen and (min-width:769px){
	.mob{
		display: none !important;
	}
}
@media screen and (max-width:768px){
	.pc{
		display: none !important;
	}
	.head .mob{
		margin-bottom: 30px;
	}
	.head__text{
		font-size: 27px;
		bottom: -10px;
		letter-spacing: 3px;
		left:19px;
	}

	
	.cont__row{
		flex-direction: column;
	}
	.cont, .znaki__wrapper{
		margin-left: 19px;
		margin-right: 19px;
		margin-top: 36px;
		gap: 40px;
	}
	.cont{
		margin-top:44px;
	}
	.like_b1, .like_b2_3, .b1, .b2, .b3{
		width: 100% !important;
		max-width: 100% !important;
	}
	h2{
		font-size: 24px;
		line-height: 135%;
		font-weight: 400;
	}
	.global p{
		font-size: 16px;
		line-height: unset;
	}
	.znaki__wrapper{
		gap: 90px;
	}
	.znaki__wrapper .cont__row{
		gap: 40px;
	}
	.cont__row:nth-child(even){
		flex-direction: column-reverse;
	}
	.tovari{
		max-width: fit-content;
		margin-left: auto;
		margin-right:auto;
		display: block;
	}
}

/* slick slider pagination */
.element:first-child:last-child {
	display: none;
}