/*
Theme Name: kotlov
Theme URI: https://none.com
Author: none
Author URI: https://none.com
Description: desc
*/

:root {
  --primary-color: #333333;
  --primary-green: rgb(73 186 0);
  --primary-light-background: rgba(245, 248, 255, 1);
  --font-family: 'Montserrat';
  --border-radius_8: 8px;
}

* {box-sizing: border-box;}
html {background: #F6F6F6; scroll-behavior: smooth;}
body {width: auto; font-family: 'Montserrat'; font-weight: 400; font-style: normal; font-display: swap; color: #23272C;}
		      
		      
.wrapper {width: 100%; max-width: 1500px; margin: 0 auto; position: relative; z-index: 1;}
.wrapper_1200 {width: 100%; max-width: 1200px; margin: 0 auto; position: relative;}

.trans {transition: 0.3s ease;}
.trans:hover {cursor: pointer; transform: translate(0px, -4px);}
		      
.transit {transition: 0.3s ease;}
.transit:hover {cursor: pointer;}
		      
.opa_80 {}
.opa_80:hover {opacity: 0.8;}
		     		      
.opa_70 {}
.opa_70:hover {opacity: 0.7;}
		     		      
.opa_60 {}
.opa_60:hover {opacity: 0.6;}
		      
.clearfix {width: 100%; height: 1px; clear: both;}

.lowercase {text-transform: lowercase;}







	/* временно starts */
	.sect_header .cd-modal-trigger {visibility: hidden;}
	
	/* временно ends */
	
	
	
	
	
	
	
	
	
	

.progress-bar {
    position: fixed;
    left: 0;
    top: 0;
    height: 4px;
    width: 0%;
   /* background: red; */
   background: var(--primary-green);
    z-index: 2;
    transition: 0.1s ease;
   /* outline: 1px solid white; */
    border-radius: 12px;
}

	.wrap_all_website {position: relative; z-index: 1;}
	
	.preloader {width: 100vw; height: 100vh; background: black;
		display: grid; place-items: center; align-content: center; align-items: center; justify-items: center;
		position: fixed; top: 0px; z-index: 0;
	}
	.preloader .preloader_logo {display: block; margin: 0 auto; width: 100%; max-width: 460px; padding: 20px;}
	
	/* The CSS Animated Spinner */
.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db; /* Blue color */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}






	.sect_1 video {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    min-height: 760px;
    max-height: 760px;
    bottom: 0px;
    top: 0px;
    right: 0px;
    position: absolute;
	}
	
	/* Полупрозрачный слой для улучшения читаемости текста */
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* Черный цвет с прозрачностью 40% */
  z-index: 0;
  max-height: 760px;
}


		   
	.mainpage {}
	.sect_1 {width: 100%; min-height: 760px; background-image: url(img/background_1.jpg); background-position: top center; background-size: cover;}
			  
	.sect_1 .first_h1 {font-size: 56px; line-height: 52px; font-weight: 700; color: white; text-align: left;
		width: 100%; max-width: 1018px; padding-top: 134px;}
	.sect_1 .after_h1_desc {font-size: 24px; font-weight: 300; color: white; text-align: left; padding-top: 12px; width: 100%; max-width: 860px;}
			  
			  
	.pre_header {width: 100%; min-height: 40px;
		display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center;
		
		display: grid; grid-template-columns: 3fr 0.7fr 0.9fr; gap: 10px 10px;
		
		}		  
	.header_address {font-size: 12px; text-align: left; font-weight: 400; color: white;}
	.header_email {font-size: 12px; text-align: left; font-weight: 400; color: white; display: block; justify-self: end;}
	
	.wrap_all_soc_icons_header {width: 100%; max-width: 144px; padding-right: 10px;
		display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center;
		
		justify-self: end;
	}
	.wrap_all_soc_icons_header .soc_icon_a {width: 24px; height: 24px;}
	.wrap_all_soc_icons_header .soc_icon_a img {}
	.max_icon_header_svg {border-radius: 100px;}
	
	
	.sect_header {width: 100%; min-height: 100px; background: white; border-radius: var(--border-radius_8); -webkit-border-radius: var(--border-radius_8);
		display: grid; grid-auto-columns: 1fr;  grid-auto-rows: 1fr;  grid-template-columns: 0.2fr 1.2fr 2fr 1fr;  gap: 10px 10px;
		align-content: center; justify-content: space-between; align-items: center; justify-items: start; position: relative;
	}		  
	.sect_header .hamburger_1 {padding-left: 30px;}
	.sect_header .hamburger_1:hover {}
	
	.sect_header .wrap_all_logo {display: flex;
		flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center;
		width: 100%; max-width: 354px; min-width: 354px;
		}
	.sect_header .header_logo_a {}
	.sect_header .header_logo_img {width: 100%; max-width: 88px;}
	.sect_header .after_logo_text {font-size: 12px; line-height: 16px; font-weight: 700; text-align: left; text-transform: uppercase; color: #969696;
		width: 100%; max-width: 240px;
	}
	
	.sect_header .top_menu {width: 100%; max-width: 776px;
		display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-evenly; align-items: center;}
	.sect_header .top_menu li {}
	.sect_header .top_menu li a { color: var(--primary-color); text-decoration: none; font-weight: 700; font-size: 13px; text-transform: uppercase;
		display: block;}
	
	.sect_header .top_right_phone {
		justify-self: end;
		display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: flex-end;
		width: 100%; max-width: 290px; height: 100px; background: var(--primary-green); border-radius: 0px var(--border-radius_8) var(--border-radius_8) 0px;
	}
	.sect_header .top_right_phone .right_phone_a {font-size: 18px; font-weight: 700; color: white; display: block; text-decoration: none;}
	.sect_header .top_right_phone .right_phone_a .phone_svg {position: relative; right: 8px;}
	.sect_header .top_right_phone .after_top_phone_desc {font-size: 12px; font-weight: 400; color: #dbfeb1; display: block; padding-top: 4px; text-decoration: none;}
	
	.wrap_two_buttons_sect_1 {padding-top: 60px; width: 100%; max-width: 640px;
		display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center;
	}
	.standart_button {width: 100%; max-width: 310px; height: 56px; border-radius: var(--border-radius_8); color: white; text-decoration: none;
		font-size: 16px; text-align: center; font-weight: 700;
		display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;
	}
	
	.button_1 {background: rgba(73, 79, 72, 1);}
	.button_2 {background: var(--primary-green);}
	
	
	
	
	
	
	
	
	.sect_2 {padding-bottom: 80px; background-color: white;}
	.sect_2 h2 {font-size: 40px; font-weight: 700; color: var(--primary-color); padding: 104px 0px 58px 0px;}
	
	.wrap_all_objects {display: grid; grid-template-columns: repeat(auto-fill, minmax(425px, 1fr)); gap: 32px;
		
	}
	.wrap_all_objects .one_object {
		width: 100%;
	}
	.wrap_all_objects .one_object a {text-decoration: none; display: block;}
	.wrap_all_objects .one_object a:hover {cursor: pointer;}
	.wrap_all_objects .one_object .one_object_img {background-position: center center; background-size: cover;
		width: 100%; /* max-width: 500px; */ aspect-ratio: 2/1; border-radius: var(--border-radius_8); cursor: pointer;}
	.wrap_all_objects .one_object .one_object_name {color: var(--primary-color); font-size: 18px; font-weight: 600; padding: 0px 0px 10px 0px;}
	.wrap_all_objects .one_object .one_object_desc {color: var(--primary-color); font-size: 12px; font-weight: 400; padding: 12px 0px 8px 0px;}
	
	.sect_2 .show_all_objects {display: block; text-align: center; padding: 14px 0px 14px 0px; color: var(--primary-color); width: 100%; max-width: 180px;
		margin: 0 auto; margin-top: 40px; text-decoration: none; border: 1px dotted var(--primary-color); border-radius: var(--border-radius_8);
	}
	.sect_2 .show_all_objects:hover {
		background-color: var(--primary-green); color: white; border-color: transparent;
	}
	
	
	
		
	.sect_3 {padding-bottom: 80px; background-color: rgba(245, 248, 255, 1);}
	.sect_3 h2 {font-size: 40px; font-weight: 700; color: var(--primary-color); padding: 24px 0px 24px 0px;}
	
	.wrap_all_responces {display: grid; grid-template-columns: 1fr 1fr; /* grid-template-columns: repeat(auto-fill, minmax(740px, 1fr)); */ gap: 20px;
		align-items: start; justify-items: start; align-content: center; justify-content: space-between;
		padding-top: 80px;
	}
	.wrap_all_responces .left_side_responces {width: 100%; min-width: 0;}
	.wrap_all_responces .wrap_all_text_responces {
		width: 100%; max-width: 740px;
	}
	.wrap_all_responces .one_text_responce {
		width: 100%; min-height: 444px; border: 1px solid rgba(53, 53, 53, 0.22); background: rgba(250, 250, 250, 1); border-radius: var(--border-radius_8);
	}
	
	.wrap_stars {display: flex;
		width: 100%; max-width: 100px; gap: 4px;
	}
	.wrap_stars .star_img_svg {width: 100%; max-width: 16px;}
	
	.wrap_all_responces .one_text_responce .who_is {display: grid;
	grid-template-columns: 1.2fr 1.2fr .6fr; grid-auto-columns: 1fr; grid-auto-rows: 1fr; gap: 10px 10px; grid-auto-flow: row;
	padding: 40px 45px 40px 45px;
	background: white;
	border-radius: var(--border-radius_8);
	}
	
	.item_text_resp {}
	.item_1_text_resp {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center;}
	.wrap_name_and_date {display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: flex-start;}
	.item_2_text_resp {}
	.item_3_text_resp {}
	
	.text_resp_logo_img {width: 100%; max-width: 100px;}
	
	.text_resp_date_zagolovok {font-size: 20px; font-weight: 700; color:  var(--primary-color); text-align: left; padding-bottom: 4px;}
	.text_resp_date {font-size: 14px; font-weight: 400; color: #7a7a7a; text-align: left;}
	
	.text_resp_ploshad_zagolovok {font-size: 14px; font-weight: 400; color: #7a7a7a; text-align: center;}
	.text_resp_ploshad {font-size: 20px; font-weight: 700; color:  var(--primary-color); text-align: center; padding-bottom: 4px;}
	
	.text_resp_price_per_month_zagolovok {font-size: 14px; font-weight: 400; color: #7a7a7a; text-align: right;}
	.text_resp_price_per_month {font-size: 20px; font-weight: 700; color:  var(--primary-color); text-align: right; padding-bottom: 4px;}
	
	
	
	
	
	.wrap_all_responces .one_text_responce .responce_text {font-size 16px; line-height: 20px; font-weight: 400; text-align: left;
		border-radius: var(--border-radius_8); color: var(--primary-color); padding: 20px 45px 10px 45px; background: rgba(250, 250, 250, 1);
		
		
		position: relative;
		
  display: -webkit-box; /* Включаем гибкий контейнер */
  -webkit-line-clamp: 8; /* Количество отображаемых строк */
  -webkit-box-orient: vertical; /* Ориентация блока — вертикальная */
  overflow: hidden; /* Скрываем остальной текст */
		}
		
	.wrap_all_responces .one_text_responce .responce_text:after {
		/*
	background: red;
    content: "";
    display: block;
    height: calc(1em* 1.2);
    mask-image: linear-gradient(90deg, #0000, #000 75%);
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: calc(2em* 1.2);
    width: 20ch;
    */
		}
		
		
	.wrap_all_responces .one_text_responce .responce_text p {padding: 10px 0px 10px 0px;}
	.wrap_all_responces .one_text_responce .responce_text .responce_text_company_name {
		padding: 10px 0px 0px 0px;
		font-size: 20px; font-weight: 700; color:  var(--primary-color); text-align: left;}
	
	.wrap_all_responces .right_side_responces {justify-self: end; min-width: 0;
    	display: flex; flex-direction: column; align-content: center; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap;
	}
	.wrap_all_responces .right_side_responces .red_play_button {width: 100%; max-width: 40px; aspect-ratio: 1/1;}
	.wrap_all_responces .right_side_responces .a_h2 {text-decoration: 1px solid black;}
	.wrap_all_responces .right_side_responces .h2_inside_a {display: flex;
		flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; gap: 12px;}
	.wrap_all_responces .right_side_responces .responces_video_preview {border-radius: var(--border-radius_8); width: 100%; display: block;}
	

	
	
	
	
	
	
			
	.sect_4 {padding-bottom: 80px; background-color: white;}
	.sect_4 h2 {font-size: 40px; line-height: 40px; font-weight: 700; color: var(--primary-color); padding: 20px 0px 0px 0px;}
	
	.sect_4_wrap_two_sides {padding-top: 84px;
		display: grid; grid-auto-columns: 1fr;  grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr;  gap: 10px 30px;
	}
	.sect_4_left_side {font-size 16px; line-height: 20px; font-weight: 400; text-align: left; padding: 10px 0px 10px 0px;}
	.sect_4_left_side h3 {font-size: 24px; font-weight: 700; color: var(--primary-color); padding: 30px 0px 10px 0px;}
	.sect_4_left_side p {font-size 16px; line-height: 20px; font-weight: 400; text-align: left; padding: 20px 0px 20px 0px;}
	.sect_4_left_side strong {font-weight: 600;}
	.sect_4_left_side ul {}
	.sect_4_left_side ul li {padding: 10px 0px;}
	.sect_4_left_side ul li:before {content: ""; position: relative; left: 0; top: 6px;  background: #f3ae0c; /* background: var(--primary-green);*/
  		width: 8px; height: 8px; border-radius: 50%; display: inline-block; vertical-align: top; margin-right: 10px;}
    
	.sect_4_right_side {font-size 16px; line-height: 20px; font-weight: 400; text-align: left; padding: 10px 0px 10px 0px;}
	.sect_4_right_side p {font-size 16px; line-height: 20px; font-weight: 400; text-align: left; padding: 10px 0px 10px 0px;}
	.sect_4_right_side strong {font-weight: 600;}

	.sect_4_right_side .wrap_video_sect_4 {}

	.video-js .vjs-poster img {object-fit: cover; background-size: cover; border-radius: var(--border-radius_8);}
	
	.video-js, .video-js .vjs-tech {border-radius: var(--border-radius_8);}
	
	video-player[poster]{object-fit: cover !important; background-size: cover !important;}
	.vjs-poster {background-size: cover;background-position: inherit;}
	video {object-fit: cover; }

	.wrapper .video-js .vjs-big-play-button {background-color: rgb(255 0 0);}
	.wrapper .video-js .vjs-big-play-button:focus,
	.wrapper .video-js:hover .vjs-big-play-button {background-color: #730d0d; transition: 0.3s ease;}
	
	
	
	
	
	
	
	
	
	.fill-theme svg * {
    fill: var(--primary-green);
 	}
 	
 	.grid_list_sect_4{
    --gap: 32px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: var(--gap);
    padding-top: 40px;
	}
	
	.tizers-list__item-image-wrapper--ICONS {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	
	.tizers-list__item-image-wrapper--ICONS svg {width: 100%; max-width: 50px;}
	
	
	.tizers-list__item-text-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: -.25em;
	}
	
	.tizers-list__item-name {font-weight: 600; padding: 22px 0px 8px 0px;}
	.tizers-list__item-descr {font-size: 14px;}
	
	
	
	
		
	.sect_5 {padding-bottom: 80px; background-color: var(--primary-light-background);}
	.sect_5 h2 {font-size: 40px; font-weight: 700; color: var(--primary-color); padding: 104px 0px 8px 0px;}
	.sect_5 .after_h2_desc {font-size: 16px; font-weight: 400; text-align: left; color: var(--primary-color); padding: 4px 0px 8px 0px;}
	
	.wrap_all_videos {display: grid; grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); gap: 32px;
		padding-top: 20px;
	}
	.wrap_all_videos .one_video {
		
	}
	
	




	
	
		
	.sect_6 {padding-top: 100px; padding-bottom: 80px; background-color: white;}
	.sect_6 h2 {font-size: 40px; font-weight: 700; color: var(--primary-color); padding: 24px 0px 8px 0px;}
	.sect_6 .after_h2_desc {font-size: 16px; font-weight: 400; text-align: left; color: var(--primary-color); padding: 4px 0px 8px 0px;}
	.sect_6 .after_h2_desc_2 {font-size: 14px; line-height: 18px; font-weight: 400; text-align: left; color: var(--primary-color); padding: 14px 0px 8px 0px;}
	
	.wrap_accordeon_left_and_right {display: grid; grid-template-columns: 1fr 2fr; gap: 64px;}
	.wrap_accordeon_left_and_right .left_side_accordeon {}

	.accordeon {
    margin-top: 25px;
	}
	

.accordeon__item {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f5ff), to(#f7f8fd));
    background-image: -webkit-linear-gradient(bottom, #f4f5ff 0, #f7f8fd 100%);
    background-image: -moz-linear-gradient(bottom, #f4f5ff 0, #f7f8fd 100%);
    background-image: -o-linear-gradient(bottom, #f4f5ff 0, #f7f8fd 100%);
    background-image: linear-gradient(to top, #f4f5ff 0, #f7f8fd 100%);
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .17);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .17);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .17);
    margin-bottom: 29px;
    position: relative;
    
    border-bottom-left-radius: var(--border-radius_8);
    border-bottom-right-radius: var(--border-radius_8);
    
    
}

.accordeon__item:last-child {
    margin-bottom: 0
}

.accordeon__title {
	/*
    background-image: -webkit-gradient(linear, left bottom, left top, from(#6d9823), to(#89ca19));
    background-image: -webkit-linear-gradient(bottom, #6d9823 0, #89ca19 100%);
    background-image: -moz-linear-gradient(bottom, #6d9823 0, #89ca19 100%);
    background-image: -o-linear-gradient(bottom, #6d9823 0, #89ca19 100%);
    background-image: linear-gradient(to top, #6d9823 0, #89ca19 100%);
    */
    background-color: #425e6f;
    color: white; font-weight: 600;
    cursor: pointer;
    padding: 20px 60px 20px 54px;
    position: relative;
    border-radius: var(--border-radius_8);
}

.accordeon__title--active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d9823), to(#89ca19));
    background-image: -webkit-linear-gradient(top, #6d9823 0, #89ca19 100%);
    background-image: -moz-linear-gradient(top, #6d9823 0, #89ca19 100%);
    background-image: -o-linear-gradient(top, #6d9823 0, #89ca19 100%);
    background-image: linear-gradient(to bottom, #6d9823 0, #89ca19 100%)
}

.accordeon__title--active .accordeon__arrow {
    background-image: url(img/arrow-top.png);
    filter: grayscale(1);
}

.accordeon__strong {
    color: #fff;
    font-size: 16px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .36)
}

.accordeon__arrow {
    background: rgba(0, 0, 0, .14) url(img/arrow-bottom.png) no-repeat center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    filter: grayscale(1);
}

.accordeon__text {
    color: var(--primary-color);
    line-height: 18px;
    padding: 25px 50px;
    background: white;
    
    border-bottom-left-radius: var(--border-radius_8);
    border-bottom-right-radius: var(--border-radius_8);
}

.accordeon__text p {
    margin-bottom: 15px;
    color: var(--primary-color);
}





@media (max-width:730px) {
    .accordeon__title {
        padding-left: 20px
    }
}

@media (max-width:530px) {
    .contactsBox {
        padding-left: 15px;
        padding-right: 15px
    }

    .accordeon__text {
        padding: 25px
    }

}


	
	
	
			
	.sect_7 {padding-bottom: 80px; background: var(--primary-light-background); position: relative;}
	.sect_7 h2 {font-size: 40px; font-weight: 700; color: var(--primary-color); padding: 104px 0px 8px 0px; text-align: center;
		    max-width: 700px; width: 100%; margin: 0 auto;
	}
	.sect_7 .after_h2_desc {font-size: 16px; font-weight: 400; color: var(--primary-color); padding: 4px 0px 16px 0px; text-align: center;}

	.sect_7 .pre_footer_form {display: flex;
		flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start; gap: 8px;
		padding-top: 10px;
		}
	.sect_7 .pre_footer_form input {width: 100%; max-width: 600px; height: 68px; border-radius: var(--border-radius_8);
		background: var(--primary-light-background); background: white; border: unset; border: 1px solid rgba(76, 92, 145, 0.22); color: #606783;
		padding: 0px 20px; text-align: center;
		}
	.sect_7 .pre_footer_form textarea {width: 100%; max-width: 600px; height: 150px; padding: 20px 20px; 
		border-radius: var(--border-radius_8); text-align: center;
		background: var(--primary-light-background); background: white; border: unset; border: 1px solid rgba(76, 92, 145, 0.22); color: #606783; resize: none;
	}
	.sect_7 .pre_footer_form input[type=submit] {width: 100%; max-width: 600px; height: 68px; border-radius: var(--border-radius_8);
		background: var(--primary-green); border: unset; color: white; font-weight: 600;
		}
	.sect_7 .pre_footer_form .after_form_desc {font-size: 14px; line-height: 18px; font-weight: 400; color: var(--primary-color); width: 100%; max-width: 600px;
		text-align: center; padding: 10px 0px 0px 0px;}
	.sect_7 .pre_footer_form .after_form_desc a {font-size: 14px; color: var(--primary-color);}
	








	
	
	.wrap_footer_background {
		background-color: rgba(245, 248, 255, 1);
	}
	
	.footer {
		width: 100%; min-height: 400px; background-color: rgb(27 27 27); border-top-left-radius: 70px; border-top-right-radius: 70px;
		padding-top: 100px; padding-bottom: 100px;
		position: relative;
	}
	
	.footer_big_phone {font-size: 44px; font-weight: 700; text-align: center; color: white; text-decoration: none; display: block;}
	.footer_big_phone_desc {font-size: 18px; font-weight: 400; text-align: center; color: white; padding-bottom: 12px;}
	
	.wrap_all_soc_icons_footer {width: 100%; max-width: 300px; padding-right: 10px;
		display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center;
		margin: 0 auto; padding-bottom: 40px;	
	}
	.wrap_all_soc_icons_footer .soc_icon_a {width: 100%; max-width: 52px; height: auto; aspect-ratio: 1/1;}
	.wrap_all_soc_icons_footer .soc_icon_a img {}
	.max_icon_header_svg {border-radius: 100px;}
	
	.wrap_all_footer_bottom {display: flex; justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, .1); padding: 58px 67px 38px; border-radius: var(--border-radius_8); margin-top: 80px;
    }
	.wrap_all_footer_bottom .footer_column {flex: 1; padding: 0 20px 20px 0;}
	.wrap_all_footer_bottom .footer_column .header_footer_column {color: white; font-size: 16px; text-align: left; font-weight: 600; padding-bottom: 14px;}
	.wrap_all_footer_bottom .footer_column .elements_footer_column {}
	.wrap_all_footer_bottom .footer_column ul {}
	.wrap_all_footer_bottom .footer_column ul li {font-size: 14px; font-weight: 400; color: gray; text-align: left; padding: 4px 0px 4px 0px;}
	.wrap_all_footer_bottom .footer_column ul li a {font-size: 14px; font-weight: 400; color: gray; text-align: left; text-decoration: none;}
	.wrap_all_footer_bottom .footer_column ul li a:hover {cursor: pointer;}
	
	.footer_after_column_text {font-size: 14px; font-weight: 400; color: gray; padding-top: 60px;
		text-align: left; text-decoration: none; text-align: center; line-height: 18px;}
		
	
	
	.modal_form {}
	.max_form {}
		
	
	
	.logo_inside_modal {width: 100%; max-width: 120px; margin: 0 auto; padding-bottom: 12px; display: none;}
	.modal_menu {}
	.modal_menu li {padding: 10px 0px; text-align: center;}
	.modal_menu a {color: white; font-size: 24px; font-weight: 400; text-decoration: none;}
	
	.wrap_all_animated_modal {display: flex; justify-content: center; align-items: center; flex-direction: column; flex-wrap: wrap; align-content: center;
    	height: 100vh; /* Optional: makes it fill the full screen */}
	
	.modal_zagolovok {font-size: 28px; text-align: center; color: var(--primary-color); font-weight: 600;}
	
	.modal_form {display: flex;
		flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start; gap: 8px;
		padding-top: 10px;
		}
	.modal_form input {width: 100%; max-width: 600px; height: 68px; border-radius: var(--border-radius_8);
		background: var(--primary-light-background); background: white; border: unset; border: 1px solid rgba(76, 92, 145, 0.22); color: #606783;
		padding: 0px 20px; text-align: center;
		}
	.modal_form textarea {width: 100%; max-width: 600px; height: 150px; padding: 20px 20px; 
		border-radius: var(--border-radius_8); text-align: center;
		background: var(--primary-light-background); background: white; border: unset; border: 1px solid rgba(76, 92, 145, 0.22); color: #606783; resize: none;
	}
	.modal_form input[type=submit] {width: 100%; max-width: 600px; height: 68px; border-radius: var(--border-radius_8);
		background: var(--primary-green); border: unset; color: white; font-weight: 600;
		}
	.modal_form .after_form_desc {font-size: 14px; line-height: 18px; font-weight: 400; color: var(--primary-color); width: 100%; max-width: 600px;
		text-align: center; padding: 10px 0px 0px 0px;}
	.modal_form .after_form_desc a {font-size: 14px; color: var(--primary-color);}
	
	
	
	
	
	
	
	
		/* оверлей для фильтров меню в мобильной версии */
		.overlay_one {width: 100%; height: 100%; position: fixed; top: 0px; z-index: 8; background: rgba(0, 0, 0, 0.47); display: none;}
		
		/* оверлей для модальных заказать звонок */
		.overlay_two {width: 100%; height: 100%; position: fixed; top: 0px; z-index: 8; background: rgba(0, 0, 0, 0.47); display: none;}
		
		.modal_box * {}
		.modal_box {position: fixed; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100%; max-width: 400px; min-height: 200px; height: auto; top: 16%; background: white;
			padding: 40px; box-sizing: border-box; z-index: 10; border-radius: 8px; -webkit-border-radius: 8px; display: none;}
		.modal_box h5 {text-align: center; font-size: 28px; }
		.modal_box form {text-align: center; padding-top: 18px; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center;}
		

		
		.form_check_for_checkbox { margin-top: 12px;}
		.form_check_for_checkbox .checkbox_checker {/* display: block; margin: 0 auto; width: 18px; height: 18px; margin-bottom: 4px;  */ }
		.after_modal_form_policy {text-align: center; font-size: 14px; color: #444444;}
		.after_modal_form_policy a {font-size: 14px; line-height: 14px; color: #444444;}
		.close_modal_box {width: 40px; height: 40px; color: white; background: #DB0000; border-radius: 50px; border: 3px solid white; text-align: center; padding-top: 10px; box-sizing: border-box;
    position: absolute; top: 4px; right: 4px; transition: 0.3s ease; font-size: 16px; font-weight: 600;}
    	.close_modal_box:hover {cursor: pointer; background: #0F293D; color: white;}
    	
    	.policy_in_form label {color: white;}
    	.policy_in_form label a {color: white;}
    	
    	
    	
    	
    	
    	
    	
    	
    	
    	
    	
    	
    	
    	
    	
		
		


	
	/* CONTACTS PAGE STARTS */
	.wrap_all_content_contacts {display: flex;
    	flex-direction: column; flex-wrap: wrap; align-content: space-around; justify-content: flex-start; align-items: flex-start;}
	
	.wrap_left_and_right_side_contacts {width: 100%; display: grid; 
		grid-auto-columns: 1fr;  grid-auto-rows: 1fr;  grid-template-columns: 1fr 1fr;  gap: 10px 30px; }
	.wrap_left_and_right_side_contacts .left_side_contacts {width: 100%; max-height: 556px;}
	.wrap_left_and_right_side_contacts .left_side_contacts img {object-fit: cover; width: 100%; height: 100%; border-radius: var(--border-radius_8);}
	.wrap_left_and_right_side_contacts .right_side_contacts {width: 100%; max-height: 556px; border-radius: var(--border-radius_8);}
	.wrap_left_and_right_side_contacts .right_side_contacts iframe {border-radius: var(--border-radius_8);}
	.wrap_left_and_right_side_contacts p {display: none;}
	
	.wrap_other_content_contacts {}
		
	/* CONTACTS PAGE ENDS */
	
	
	
	
		
	/* Конкретная страница услуги (single) STARTS */
	.single_services {
		
	}
	
	.services_price_from {font-size: 24px; font-weight: 600; color: white; text-align: left;}
	
	.sect_content {padding: 30px 0px 80px 0px; background-color: white;}
	.sect_content h1 {font-size: 40px; line-height: 38px; font-weight: 700; color: var(--primary-color); padding: 30px 0px 2px 0px;}
	.sect_content h2 {font-size: 30px; line-height: 28px; font-weight: 700; color: var(--primary-color); padding: 20px 0px 2px 0px;}
	.sect_content, .sect_content p {font-size: 18px; line-height: 24px; font-weight: 400; color: var(--primary-color); }
	.sect_content p {padding: 16px 0px 14px 0px; }
	.sect_content a {color: var(--primary-color);}
	.sect_content p a {color: var(--primary-color);}
	.sect_content strong {font-weight: 600;}
	
	.sect_content ul li:before {
    content: "";
    position: relative;
    left: 0;
    top: 10px;
    background: #f3ae0c;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
	}
	
	.sect_content ul li {list-style-type: none; position: relative; padding-left: 0; margin-bottom: 8px;}
	
	/* Конкретная страница услуги (single) ENDS */
	
	
	
	
	
	
	
	
	
	
	
	
	/* Page php STARTS */
	.page {}
	.page .sect_1 {min-height: unset; padding-bottom: 30px;}
	
	
	/* Page php ENDS */
	
	
	
	
	
	
	/* PAGE 404 STARTS */
	.page_404 {}
	/* PAGE 404 ENDS */
	
	
	
	
	
	
	
	
	
	
	
	/* ARCHIVE STARTS */
	.archive {}
	.archive .archive_h1 {}
	.archive .sect_1 {min-height: unset; padding-bottom: 30px;}
	.wrap_all_archive {display: grid; grid-template-columns: repeat(auto-fill, minmax(425px, 1fr)); gap: 32px;
		    align-content: center; justify-content: space-between; align-items: start; justify-items: stretch;
		padding: 20px 0px 80px 0px;
	}
	.wrap_all_archive .archive_item {width: 100%;}
	.wrap_all_archive .archive_item a {text-decoration: none;}
	.wrap_all_archive .archive_item .background_archive_item {
		display: block;	background-color: #d9dbe3; background-position: center center; background-size: cover;
		width: 100%; height: auto; aspect-ratio: 2 / 1.4; border-radius: var(--border-radius_8); cursor: pointer;
		}
	.wrap_all_archive .archive_item .archive_item_name {font-size: 16px; font-weight: 600; padding: 8px 0px 0px 4px; display: block;}
	
	.wrap_all_archive .archive_item .archive_image {/* width: 100%; height: auto; aspect-ratio: 478/322;
		background-size: cover; object-fit: cover; border-radius: var(--border-radius_8); */}

	/* ARCHIVE ENDS */
	
	
	
	
	
	
	/* SINGLE PROJECTS  STARTS */
	
	.single_projects {}
	
	.single_projects .sect_1 {
    min-height: unset;
    padding-bottom: 30px;
	}
	
	.single_projects .sect_content {}
	
	
	.single_projects .sect_content h1 {}
	.single_projects .sect_content .after_h1_desc {padding-top: 12px; font-size: 18px; text-align: left; color: gray;}
	
	.single_projects .sect_content h2 {}
	.single_projects .sect_content h3 {font-size: 24px; font-weight: 700; padding: 30px 0px 10px 0px;}
	.single_projects .sect_content h4 {font-size: 18px; font-weight: 700; padding: 10px 0px 10px 0px;}
	
	.wrap_single_projects_infographics { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, 1fr); gap: 8px;
		padding: 40px 0px 10px 0px;
	}
	.wrap_single_projects_infographics .info_item {border: 1px solid rgba(127, 127, 127, 0.46); border-radius: var(--border-radius_8);
		width: 100%; padding: 34px 10px; text-align: center;
		}
	.wrap_single_projects_infographics .info_item img {display: block; margin: 0 auto;}
	.wrap_single_projects_infographics .info_item .info_zagolovok {font-size: 18px; font-weight: 700; text-align: center;}
	.wrap_single_projects_infographics .info_item .info_text {font-size: 18px; font-weight: 400; text-align: center; color: gray;}
	
	
	/* SINGLE PROJECTS  ENDS */