html {

}
body {
	/*position:relative;		
	flex-direction: column !important;
	display: flex !important;*/	
}
footer {
	margin-top: auto !important;
}

html { height: 100%; }
body {
    min-height:100%; 
    position:relative; 
    padding-bottom:400px
}
.page_text_block {
	text-align: center;
	max-width: 70%;
	margin: 70px auto;        	
}
.page_text_block:before {
	content:"";
	display:block;
	width:30%;
	height:2px;
	background-color:#cb0000;
	margin:30px auto;
}
.page_text_block:after {
	content:"";
	display:block;
	width:30%;
	height:2px;
	background-color:#cb0000;
	margin:30px auto;
}        
.page_text_block p {
	font-size: 20px;
	line-height: 35px;        	
}
.page_text_block.low_top_margin {
	margin-top:30px;
}
.page_text_block ul  {		
	text-align: left;
	font-size: 20px;	
	padding-left: 16px;
	margin-top:25px;
}
.page_text_block ul li {
	margin-bottom:15px;
}
.text-left-al {
	text-align:left;
}
footer { 
    position: absolute; 
    left: 0 ; right: 0; bottom: 0; 
    height:400px 
}

.seach_input_cont {
	width:100%;
}
.sticky {
	position: fixed;
}
.stop {
	position: absolute !important;
}
.catalog_main_col h1 {
	margin-bottom:15px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-size:15px;
}

table.fr-solid-borders td,
table.fr-solid-borders th {
  border: 1px solid #dddddd !important;
}

table.fr-dashed-borders td,
table.fr-dashed-borders th {
  border: 1px dashed #dddddd !important;
}

table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

table td.fr-red,
table th.fr-red {
  border: 1px double #F44336 !important;
}
table td.fr-blue,
table th.fr-blue {
  border: 1px double #2196F3 !important;
}
table td.fr-green,
table th.fr-green {
  border: 1px double #4CAF50 !important;
}
table td.fr-thick,
table th.fr-thick {
  border-width: 2px;
}
.fr-solid-borders.fr-alternate-rows {
	width:100%;
}
@media(max-width:1200px){

}
@media(max-width:991px){

	
}
@media(max-width:768px){

}


#qform {
	/* transform: scale(1.2); */
	width: 673px;
	margin: 31px auto;
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	z-index: 2;
	top: unset;
	padding: 10px;
	padding-top: 0px;
	overflow: hidden;
	position: relative;
	margin-right: 70px;
	padding-left: 40px;
	border-radius: 4px;
}

#qform::after {
	content: "";
	filter: blur(10px);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #ffffff94;
	box-shadow: inset 0 0 2000px rgba(193, 206, 247, 0.41);
	z-index: -1;
}	
.chan_mode.qform_wrapper {
	background-image:url("/upload/img/chan3.jpg");
	background-position:center bottom;
}			
.qform_wrapper {
	background-image:url("/upload/img/main_catalog_banner.jpg");
	background-repeat:no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-position-y: -70px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
} 				
.qform_step_navigation_next {
	font-weight: 400;
	position: relative;						
	color: #bc241a;
	font-size: 18px;
	padding: 5px 10px;
	margin-top: 1px;
	border-radius: 4px;
	line-height: 1.42857143;
	background: #fff0;
	border: 2px solid #bc241a;
	margin-bottom: 10px;	
	width: 150px;
	display: block;
	/*visibility:hidden;*/
}
.qform_step_navigation_next:hover {
	background:#333;
	color:#fff;
}
.qform_step_navigation_next.inactive {
	background:#c4c4c4;
	visibility:hidden!important;
}
.step_container {
	padding-right:10px;
}
.step_item {
	height:0px;
	overflow:hidden;
	transition:height ease 0.3s;
}
.step_item.active {
	height:200px;
}
#qform_phone.error {
	background: #fff7f6;
	border: 1px solid #bc241a3d;
}
#qform_submit {
	width: 100%;
	color: #fff;
	font-size: 18px;
	padding: 7px 10px;
	margin-top: 10px;
	border-radius: 4px;
}
#qform .left_qform legend {
	margin-top: 33px;
}
.left_qform {
	width:53%;
	padding-right:10px;
}
.right_qform {
	padding: 10px 40px;
	background: #fff;
	position: absolute;						
	bottom: 10px;
	top: 10px;
	right: 10px;
	width: 40%;
	border-radius: 4px;
	box-shadow: 0px 0px 7px -4px #000;
}	
.right_qform input {
	width: 100%;
	margin-bottom: 23px;
	height: 40px;
	padding: 10px;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #c4c4c4;
	background: #fbfbfb;
	color: #000;		
}
.right_qform input:focus {
	border-color: #63747e;
	outline: none;						
}
.left_qform .qform_input_cont label {
	font-size:16px;
}
.left_qform .qform_input_cont {
	margin-bottom:1px;
}
#qform legend {
	font-size:20px;
	margin-top: 8px;
	margin-bottom: 20px;						
	border-color: #bc241a;
	color:#000;
}
.right_qform .legend {											
	text-align: center;					
}
.qform_nav_item {
	width:34px;
	height: 5px;
	background: #868686;
	margin-right: 4px;
	float: left;
	cursor: pointer;
	width: 34px;
}
.qform_nav_items {
	margin-bottom:15px;
}
.qform_nav_item.active {									
	background:#bc241a;
}		
.qform_wrapper {
	width: 100%;
	min-height: 300px;
	margin-bottom: 20px;
	border-radius: 4px;
	overflow: hidden;
}	
.final_step_wrapper {
	box-shadow: 0px 0px 7px -4px #000;
	background: #e3ffdf;
	padding:10px;
	font-size:16px;
	border-radius: 4px;
	margin-top: 10px;
}	

.qform_nav {
	position: absolute;
    bottom: 9px;
    width: 100%;									
}
.qform_step_navigation_next {
	float: right;
	font-size: 18px!important;
	padding: 5px 12px!important;
	margin-bottom:0px!important;									
}
.step_container {
	position: relative;
	height: 337px;									
}
.qform_nav_items {
	margin-bottom: 0px;
	position: relative;
	top: 35px;
	float: left;
}

@media(min-width:862px){
	.btn_quiz, .btn_quiz__btn_close {
		display: none;
	}
}
@media(max-width:861px){
	.qform_wrapper {
		margin-left: -15px;
		margin-right: -15px;	
		width: calc(100% + 30px );		
		max-height:100px;					
		border-radius:0px;
	}	
	.btn_quiz {
		height: max-content;
		padding: 5px;
		display: flex;
		flex-direction: row;
		row-gap: 5px;
		height: 100px;
		/*background: rgba(255,255,255,0.8);
		backdrop-filter: blur(2px);*/
		margin: 5px;							
		justify-content: space-between;
		position: relative;
		transition: transform 0.2s ease;
	}
	.btn_quiz__title {
		height: 30px;
		color: #000;
		font-size: 20px;
		text-align: center;
		padding-top: 10px;
		border-radius: 4px;
	}
	.btn_quiz__btn {
		height: 40px;
		background: #fff;
		border: 2px solid var(--a-color-hover);
		border-radius: 4px;
		color: var(--a-color-hover);
		font-weight: normal;
		font-size: 20px;
		text-align: center;
		padding-top: 8px;
		width: 250px;
		margin:20px auto;
	}
	.btn_quiz__btn:hover {
		box-shadow: 0 0 6px 1px rgb(0, 0, 0, .5);
		color: #dbdbdb;
	}
	.btn_quiz.inactive {
		transform: translateY(-115px);
	}
	.btn_quiz__btn_close{
		display: block;
		position: absolute;
		right: 5px;
		height: 20px;
		width: 20px;
		z-index: 3;
		top: 5px;
		transform: translateX(30px);
		transition: transform 0.2s ease;
	}
	.btn_quiz__btn_close:before{
		content: "";
		display: block;
		height: 20px;
		width: 3px;
		border-radius: 2px;
		transform: rotate(45deg);
		background: #000;
		position: absolute;
		top: 0;
		left: 10px;
	}
	.btn_quiz__btn_close:after{
		content: "";
		display: block;
		height: 20px;
		width: 3px;
		border-radius: 2px;
		transform: rotate(-45deg);
		background: #000;
		position: absolute;
		top: 0;
		left: 10px;
	}
	.btn_quiz__btn_close.active{
		transform: translateX(0px);
	}	
}
@media (max-width: 1200px) {
	.step_container {
		height: 295px!important;
	}
}
@media (max-width: 991px) {
	.chan_mode .step_container {
		height: 335px!important;
	}
}
@media(max-width:767px){
	.qform_wrapper {
		background-image: url("/upload/img/main_catalog_banner.jpg");
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;				
		min-height: auto;
		max-height: 100px;
		position: relative;
		transition: max-height 0.2s ease;
		margin-left: -15px;
		margin-right: -15px;							
	}
	.qform_wrapper.active{
		max-height: 555px;
	}
	#qform {
		width: 100%;
		background: rgba(255, 255, 255, 0.6);
		z-index: 2;
		top: unset;
		overflow: hidden;
		position: relative;
		border-radius: 4px;
		margin: 0;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		padding: 10px;
		height: 100%;
		position: relative;
		transition: transform 0.2s ease;
	}
	#qform.active{
		transform: translateY(-115px);
	}
	.left_qform {
		width: 100%;
		padding-right: 10px;
		padding-top: 10px;
	}
	.step_container {
		padding-right: 0;
	}
	.qform_step_navigation_next{
		margin: 1px auto 10px;
	}
	.qform_nav_items {
		margin: 0 auto 15px;
		width: max-content;
	}
	.right_qform {
		padding: 10px 40px;
		background: #fff;
		position: relative;
		bottom: 10px;
		top: 0;
		right: 0;
		width: 100%;
		border-radius: 4px;
		box-shadow: 0px 0px 7px -4px #000;
		transition: height 0.2s ease;
		height: 260px;
	}
	.right_qform.inactive {
		height: 0;
		overflow: hidden;
		padding: 0;
	}
	.right_qform input{
		font-size: 16px;
	}
    .step_container {
    	height: 300px;
    }	
    #qform.active {
   		transform: translateY(-154px);
    }    
	#qform .right_qform {
	  max-width: 324px;
	}   
	.final_step_wrapper {
		margin-top:60px;
	} 
    .right_qform {
    	margin: 0 auto;
    	width: auto;
    }	
	#qform.full_width .step_item.active {
		height: 280px;
	}   
	#qform_submit {
		margin-top: 0px;
	}	 
}	
@media(min-width:768px) and (max-width:861px){
	.qform_wrapper{
		position: relative;
		max-height: 60px;
		min-height: unset;
		transition: max-height 0.2s ease;
	}
	.qform_wrapper.active{
		max-height: 370px;
	}
	#qform {
		width: calc(100% - 20px);
		margin: 10px auto;
		background: rgba(255, 255, 255, 0.6);
		z-index: 2;
		top: unset;
		padding: 10px;
		overflow: hidden;
		position: relative;
		padding-left: 40px;
		border-radius: 4px;
		max-width: 690px;
		margin-right: 10px;
		transition: transform 0.2s ease;
	}
	.btn_quiz__btn{
		margin: 0 auto;
	}
	#qform.active{
		transform: translateY(-108px);
		position: relative;
	}
	.btn_quiz__btn_close{
		top: 20px;
		transform: translateX(50px);
		right: 27px;
	}
}
@media(min-width:862px){
	/* .qform_wrapper{
		position: relative;
	}
	.btn_quiz{
		transition: transform 0.2s ease;
		height: calc(100% - 20px);
		width: 323px;
		max-width: calc(100% - 20px);
		background: #fff;
		border-radius: 4px;
		margin: 10px 10px 10px auto;
		position: absolute;
		padding: 5px;
		display: none;
		top: 0px;
		right: 18px;
		z-index: 9;
	}
	.btn_quiz__btn.shown_desc{
		border: 1px solid var(--a-color-hover);
		height: 100%;
		font-size: 20px;
		font-weight: bold;
		padding-top: 9px;
		text-align: center;
		border-radius: 4px;
		display: block;
	}
	.btn_quiz.shown_desc{
		display: block;
	} */
	.right_qform.hide_desc{
		padding: 0;
	}

	.right_qform.hide_desc:before{
		content: "Спасибо! Заяка принята. Специалист свяжется с Вами.";
		position: absolute;
		height:100%;
		width: 100%;
		background: #fff;
		z-index: 1;
		font-size: 20px;
		text-align: center;
		display: flex;
		align-items: center;
		border-radius: 4px;
		  animation: blink-animation 2s ease ;
		  -webkit-animation: blink-animation 2s ease ;		
	}

}
	.green_animate {
		background: #fff;
		animation: blink-animation 2s ease ;
		-webkit-animation: blink-animation 2s ease ;			
	}
	@keyframes blink-animation {
	    0% { background:#e2ffdf }
	    
	    100% { background:#fff }		
	}	

	@-webkit-keyframes blink-animation {
	    0% { background:#fff }
	    
	    100% { background:#e2ffdf }	
	}	
@media(min-width:862px) and (max-width:990px), (min-width:1156px){
	#qform{
		height: 337px;
		margin: 3px auto;
		margin-right: 3px;
		width: 808px;	
		padding-left: 48px;
	}
	.step_item.active {
		height: 240px;
	}
	.left_qform .qform_input_cont {
		margin-bottom: 6px;
	}
	.left_qform .qform_input_cont input {
		height: 16px;
		width: 16px;
	}
	.left_qform .qform_input_cont label {
		font-size: 19px;
	}
	.qform_step_navigation_next{
		font-size: 22px;
		padding: 7px 12px;
		width: 180px;
	}
	.qform_nav_item{
		width: 42px;
	}
	#qform legend {
		margin-top: 15px;
		margin-bottom: 27px;
		font-size: 24px;
		padding-bottom: 11px;
	}
	.right_qform input{
		height: 48px;
		padding: 10px;
		font-size: 16px;
	}
	#qform_submit{
		font-size: 21px;
		padding: 8.5px 12px;
		margin-top: 0px;
	}
}
@media(min-width: 991px) and (max-width:1155px){
	#qform{
		height: 297px;
		margin: 5px auto;
		margin-right: 5px;
	}
}

.chan_banner ~ .main_section {
	margin-top: 10px;
}
.thanks_text {
	display:none;
}
.thanks_text.active {
	display: block;
	font-size: 27px;
	text-align: center;
	width: 80%;
	padding: 50px;
	background: #aee3a8;
	margin: 30px auto;
	border-radius: 6px;
}
.last_step .input_cont {
	width:100%;
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
}
.last_step .input_cont label {
	font-size:19px;
	display:block;
	margin-bottom:10px;
}
.last_step .input_cont input {
	height: 40px;
	width: 100%;
	border: none;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;	
	font-size:20px;
	outline:none!important;
	border-radius:0!important;
}

#qform_submit.normal_margin {
	margin: unset;
}	
#qform_new .modal-dialog {
	margin-top:70px;
}
#qform_new .step_item {
	transition:none!important;
}
#qform_new .modal-header {
	font-size: 22px;
	background: #ddd;
	padding-left: 20px;
	padding-top: 17px;
	padding-right: 17px;			
}
#qform_new {
	height:100%;
}
#qform_new .step_container {
	height:100%;
	padding:0px;
	min-height: 565px;
    padding-bottom: 90px;			
}
#qform_new .step_item.active {
	height:100%;
}
#qform_new .step_item.active fieldset {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;	
    padding:10px;			
	height: 100%;
}
	
#qform_new legend {
	font-size: 23px;
	padding: 18px 0px 13px 10px;			
	margin-bottom:0px;
}
#qform_new .step_item.active .qform_input_cont:hover .input_image_cont {
	/*border:2px solid #bc241a;*/
}
.qform_step_navigation_next:hover {
	background:#901911;
	border-color:#901911;
}
#qform_new .step_item.active .qform_input_cont {
	width:25%;
	padding:10px;
	position:relative;
	cursor:pointer;
}
#qform_new .step_item.active .qform_input_cont.active .input_image_cont {
	/*border:2px solid #bc241a;*/
}		
#qform_new .input_image_cont {
	border:2px solid #bc241a3d;
	border-radius:4px;
	overflow:hidden;
	margin-bottom:15px;
	height: 225px;
	text-align: center;			
}
#qform_new .cover .input_image_cont {
/*height: 250px;*/
}
#qform_new .qform_input_cont label {
	font-size:18px;
	text-align:center;
	width:100%;
}
#qform_new .input_image_cont img {
    max-width: 100%;
    max-height: 100%;
    /*object-fit: cover;*/			
}
#qform_new .cover .input_image_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;			
}
#qform_new .qform_nav {
	padding: 0px 20px;
	bottom: 20px;
}
#qform_new .active .qform_input_cont input:checked ~ label:after {
	content:"\f00c";
	font-family:"Font Awesome 5 Free";
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 5px;
	top: 5px;
	background: #fff;
	border: 2px solid #bc241a;
	border-radius: 50%;
	font-size: 20px;
	line-height: 26px;
	color: #bc241a;
	text-align: center;
}		
#qform_new .active .qform_input_cont input:checked ~ .qform_input_cont {
	border: 1px solid #bc241a;	
}		
.modal-open #quiz_modal {
	top: 0px!important;
	left:0px!important;
	min-width: unset!important;
	transform: none!important;
	-webkit-transform:none!important;
	-moz-transform: none!important;
	-ms-transform: none!important;
	-o-transform: none!important;		
}
#quiz_modal .modal-dialog {
	width:100%;
	max-width:1000px;				
	margin-bottom:30px;		
}
#quiz_modal .modal-content {
	height:100%;
	overflow:hidden;
}
.chan_banner .banner_text_headtext:before {
	content:"Рассчитайте стоимость\0a чана";	
	white-space: pre;					
}
.banner_text_fon {
     background: rgba(0, 0, 0, 0.6);
     max-width: 920px;
     padding: 40px 0 48px 0;
     margin: 0 auto;
}
.chan_banner .banner_text_headtext {
	font-size: 40px;		
	margin-bottom: 36px;
	text-align: center;
	letter-spacing: -0.015em;
	text-transform: uppercase;
	color: #FFFFFF;			
	font-weight: bold;
	line-height: 54px;
}	
.chan_banner {
     color: #FFFFFF;
     height: 60vh;
     display: flex;
     align-content: center;
     justify-content: center;
     align-items: center;
     margin-bottom: 0 !important;
     margin-top:140px;
}	
.sauna_btn {
	border-radius: 4px;
	font-weight: bold !important;
	font-size: 15px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	transition: 0.3s linear;
	border-color: inherit;
	outline: none;
	background: #CB0000;
	color: #fff;			
	border-style: unset;
	margin: 0 auto;
	padding: 15px 60px;
	border-radius: 4px !important;			
}
@media (max-width:1200px) {
	#qform_new .step_container {
		height:auto!important;
	}
	.thanks_text.active {
		width: 90%;
		font-size:22px;
		line-height:25px;
	}			
}
@media (max-width:991px) {
	#qform_new .step_item.active .qform_input_cont {
		width: 33.33%;
	}
	.thanks_text.active {
		width: 100%;
		font-size:22px;
		line-height:25px;
	}			
}		
@media (max-width:767px) {
	.thanks_text.active {
		width: 100%;
		font-size:19px;
		line-height:25px;
	}			
	#qform_new .step_item.active .qform_input_cont {
		width: 33.33%;
	}
	#qform_new .input_image_cont {
		height: 150px;
	}
	.chan_banner .banner_text_headtext {
		font-size: 28px;
		line-height: 40px;
	}
}			
@media (min-width:550px) {
    .chan_banner {
     	 background: url('/upload/img/banner_chan_3.jpg') no-repeat;
         background-size: cover;
         background-position: center top;
    }
}
@media (max-width:550px) {
	#qform_new .step_container {
		padding-bottom:70px;
	}
	#qform_new .input_image_cont {
		height: 120px!important;
	}			
	#qform_new .modal-header {
		font-size:18px;
	}
	#qform_new .modal-header .close {
		position: absolute;
		top: 16px;
		right: 16px;
	}			
	#qform_new .qform_input_cont label {
		font-size:15px;
	}
	.qform_nav_item {
		width:23px;
	}
	.qform_step_navigation_next {
		width:120px;
	}
	.chan_banner .banner_text_headtext::before {
		white-space:normal;
	}			
	#qform_new .step_item.active .qform_input_cont {
		width: 50%;
	}
	#qform_new .input_image_cont {
		height: 150px;
	}			
	#qform_new .cover .input_image_cont {
		height: auto;
	}
    .chan_banner {
     	 background: url('/upload/img/banner_chan_3.jpg') no-repeat;
         background-size: cover;
         background-position: center top;
    }
     .sauna_sect__footer__grid {
         padding-bottom: 30px !important;
    }
     .chan_banner {
         padding: 0 !important;
         height: calc(94vh - 260px);
    }
     body .sauna_sect {
         background-attachment: unset !important 
    }
}
 @media (max-width:767px) {
 	.chan_banner {
 		margin-top:0px;
 	}
 }
		 
.banner_dop_text .banner_dop_text_item:nth-child(1):after {
	content: "Бесплатная доставка";
}
.banner_dop_text .banner_dop_text_item:nth-child(2):after {
	content: "От 30 лет службы";
}		
.banner_dop_text .banner_dop_text_item:nth-child(3):after {
	content: "Гарантия 12 лет";
}		
.banner_dop_text .banner_dop_text_item:nth-child(4):after {
	content: "Более 700 реализованных чанов";
}		
.banner_dop_text .banner_dop_text_item:nth-child(5):after {
	content: "Рассрочка и кредит";
}				
.banner_dop_text .banner_dop_text_item:nth-child(6):after {
	content: "Чаны в наличии и под заказ";
}													
.banner_dop_text {				
	display: flex;
	justify-content: space-between;
	gap: 20px;
	font-size: 20px;
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
	padding: 25px;
	width: 100%;
	flex-wrap: wrap;					
	position: absolute;
	left: 0px;
	bottom: 0px;
}	
.chan_banner {
	position:relative;
}			
.banner_text_fon {
	margin-top: -70px;
}	
@media (max-width:1450px) {
	.banner_dop_text {
		font-size:16px;
	}
}	
@media (max-width:1200px) {
	.banner_dop_text {
		font-size:14px;
	}					
}
@media (max-width:1050px) {
	.banner_dop_text {	
		justify-content: space-around;
		gap: 10px;
	}
}	
@media (max-width:991px) {
	.banner_dop_text {	
		font-size: 16px;
		gap: 10px;
		padding-top:0px;
	}
	.banner_dop_text {
		position:relative;	
		margin-bottom:20px;					
	}
	.banner_text_fon {
		margin-top:20px;
	}
}				
@media(max-width:767px){
	.banner_dop_text {
		font-size: 16px;
		gap: 15px;
	}	
	.banner_dop_text_item {
		width:100%;
	}	
	.chan_banner {
		height:auto;
	}			
}	

#sale_count {
    display: flex;
    flex-direction: row;
    gap: 5px;                    
    justify-content: center;
}
#sale_count .countDays, #sale_count .countHours, #sale_count .countMinutes, #sale_count .countSeconds {
    display: block;
    position: relative;
}
#sale_count .countDiv {
    display: block;
    position: relative;
}
#sale_count.counter_cont.countdownHolder .countMinutes::after {
    content: "Минут";
}
#sale_count.counter_cont.countdownHolder .countHours::after {
    content: "Часов";
}
#sale_count.counter_cont.countdownHolder .countDays::after {
    content: "Дней";
}
#sale_count.counter_cont.countdownHolder .countSeconds::after {
    content: "Секунд";
}
#sale_count.counter_cont.countdownHolder .countDays::after, 
#sale_count.counter_cont.countdownHolder .countHours::after, 
#sale_count.counter_cont.countdownHolder .countMinutes::after, 
#sale_count.counter_cont.countdownHolder .countSeconds::after {
    position: absolute;
    font-size: 14px;
    color: #fff;
    letter-spacing: initial;
    bottom: -2px;
    width: 100%;
    text-align: center;
    left: 0px;
    font-weight: normal
}
.counter_cont.countdownHolder .countSeconds::after {
    content: "Секунд";
}
#sale_count.counter_cont.countdownHolder > div{
    display: block;
    position: absolute;
}
#sale_count.counter_cont.countdownHolder .position {
    display: block;
    float: left;
    width: 24px;
    overflow: visible;
    color: #000;
    height: 27px;
    margin: 0;
}
#sale_count.counter_cont.countdownHolder .digit, #sale_count .counter_cont.countdownHolder .digit.static {
    background: #fff;
    color: #000;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
    width: 22px;
    height: 27px;
    line-height: 25px;
    border-radius: 8px;
    position: absolute;
    display: block;
    text-align: center;
    padding: 1px;
    font-weight: bold;
    font-size: 16px;
}
#sale_count .countDiv::before, #sale_count .countDiv::after {
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #333;
    border-radius: 50%;
    left: 50%;
    margin-left: -3px;
    top: 8px;
    content: '';
}
#sale_count .countDiv::after {
    top: 17px;
}
.has_top_banner header {
	top:70px!important;
}		
.has_top_banner .sauna_sect.modul_sauna_banner {
	margin-top:100px!important;
}		
.top_sale_banner {
	background: #bc241a;
	color:#fff;
	display:flex;                	
	align-items:center;
	justify-content:center;
	gap: 30px;
	position: fixed;
	width: 100%;     
	padding:20px 0px; 
	font-size:16px;   
	z-index: 999;   					
	top:0px;
}
.top_sale_banner_left, .top_sale_banner_right {
	font-weight: bold;
	font-size: 20px;          					
}
#sale_count {
	min-width:260px; 
	top: -7px;
	position: relative;               	
}
                
#countdown {
    display: flex;
    flex-direction: row;
    gap: 5px;
    height: 45px;
    justify-content: center;
}
.countDays, .countHours, .countMinutes, .countSeconds {
    display: block;
    position: relative;
}
.countDiv {
    display: block;
    position: relative;
}
.countDiv.countDiv0 {
    opacity: 0;
}
#sale_count > div{
    display: block;
    position: absolute;
}
#sale_count .countDays::after, #sale_count .countHours::after, #sale_count .countMinutes::after, #sale_count .countSeconds::after {
    position: absolute;
    font-size: 14px;
    color: #fff;
    letter-spacing: initial;
    bottom: -20px;
    width: 100%;
    text-align: center;
    left: 0px;
}
#sale_count .countSeconds::after {
    content: "Секунд";
}
#sale_count .position {
    display: block;
    float: left;
    width: 30px;
    overflow: visible;
    color: #000;
    height: 30px;
    margin: 0;
}
#sale_count .digit, #sale_count .digit.static {
    background: #fff;
    color: #000;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 8px;
    position: absolute;
    display: block;
    text-align: center;
    padding: 1px;
    font-weight: bold;
    font-size: 20px;
}
.countDiv::before, .countDiv::after {
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #333;
    border-radius: 50%;
    left: 50%;
    margin-left: -3px;
    top: 0.9em;
    content: '';
}
.countDiv::after {
    top: 1.6em;
}
#sale_count .countMinutes::after {
    content: "Минут";
}
#sale_count .countHours::after {
    content: "Часов";
}
#sale_count .countDays::after {
    content: "Дней";
}                
                
@media(max-width:767px){
	.top_sale_banner {
		top:57px;
		font-size:14px;
		gap:5px;
		justify-content: space-around;
	}
	#sale_count {
		gap:2px;
		min-width:auto;
		top: -5px;
	}
	.top_sale_banner_left, .top_sale_banner_right {
		font-size:14px;
	}
	#sale_count .digit, #sale_count .digit.static {
		background: #fff;
		color: #000;
		box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
		width: 21px;
		height: 23px;
		line-height: 23px;
		border-radius: 8px;
		position: absolute;
		display: block;
		text-align: center;
		padding: 1px 2px;
		font-weight: bold;
		font-size: 16px;
	}    
	#sale_count .position {
		width: 23px;
		height:26px;
	}			
	#sale_count .countDiv::before, #sale_count .countDiv::after {
		top: 7px;
	}	
	#sale_count .countDiv::after {
		top: 14px;
	}	
	#sale_count .countDays::after, #sale_count .countHours::after, #sale_count .countMinutes::after, #sale_count .countSeconds::after {
		position: absolute;
		font-size: 12px;
		color: #fff;
		letter-spacing: initial;
		bottom: -16px;
		width: 100%;
		text-align: center;
		left: 0px;
	}	
	.top_sale_banner_right {
		display:none;
	}		
	.top_sale_banner_left {
		font-size: 18px;
	}			
	.top_sale_banner_left .visible-xs {
		display:inline-block!important;
	}									            	
}


.close_banner {
	position: absolute;
    right: 15px;
    top: calc(50% - 10px);					
}
@media(max-width:500px){
	.top_sale_banner_left .visible-xs {
		display:block!important;
	}      
	.top_sale_banner {
		display:block!important;
		padding-top: 5px;
		padding-bottom: 15px;		
	}    
	.top_sale_banner_left {
		text-align:center;
		padding-bottom:10px;
	}
	.top_sale_banner_left span.visible-xs {
		display:inline!important;
	}    
	.close_banner {
		position: absolute;
		right: 8px;
		top: 9px;
	}	  	
}
@media(max-width:350px){
	.top_sale_banner_left { 
		font-size:15px;
	}
}
.top_sale_banner {
	cursor:pointer;
}
.top_sale_banner:hover {
	background:#000;
}