@import url("/assets/fonts/heliosC/stylesheet.css");
:root {
    --main-color:#f38326;
	--title-color:#45618c;
}
*,:after,:before {
    box-sizing: border-box
}
html {
    font-family: 'HeliosC';
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    max-width: 1920px;
    margin: 0 auto;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}
body {
    margin: 0;
}
.body * {
    text-align: justify;
}
.text_center *{
	text-align: center;
}
.about_page .container_six b {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
	font-size:20px;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: var(--main-color);
}
.about_page {

}
.about_page .sect_six_item_image {
    top: -20px;
}
.about_page > div > div.sect_six_blocks > div.sect_six_block.b1 > div:nth-child(3) .sect_six_item_image{
	top: 0px;
}
.img_float_left, .img_float_right {
    float: left;
    width: 270px;
    margin: 20px;
    margin-top: 0px;
    border-radius: 12px;
    margin-bottom: 20px;
}
.img_float_left{
	margin-left:0px;
}
.img_float_right{
	float: right;
	margin-right:0px;
}
.form_popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px;
}
.form_container.form_callback {
    z-index: 125;
    position: relative;
    max-width: 482px;
    max-height: 492px;
    background: #F2F5F8;
    border-radius: 12px;
    width: 100%;
    height: 100%;
}
.form_close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.form_body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 50px;
    width: 80%;
}

.form_container.form_raschet .form_body {

    margin-top: 0px;

}

.form_title {
    width: 100%;
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 115%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--title-color);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.form_description {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    letter-spacing: 0.005em;
    color: var(--title-color);
    margin-top: 10px;
    margin-bottom: 20px;
    max-width: 347px;
    width: 100%;
    margin: 0 auto;
}

.form_fields form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.from_field.form_field_type_text input, .from_field.form_field_type_phone input  {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 17px 16px;
    gap: 10px;
    max-width: 418px;
    height: 54px;
    background: #FFFFFF;
    border: 1px solid #CDCFE1;
    border-radius: 6px;
    width: 100%;
}
.from_field.form_field_type_text, .from_field.form_field_type_phone,.from_field.form_field_type_submit, .from_field.form_field_type_checkbox {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}

.from_field.form_field_type_submit input {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 28px;
    gap: 10px;
    max-width: 418px;
    width: 100%;
    height: 54px;
    background: var(--main-color);;
    border-radius: 6px;
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    border: unset;
    cursor:pointer;
}
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #353B4D;
    opacity: 0.7;
    z-index: 102;
}

.from_field.form_field_type_submit input:hover {
    background: #0AB1C0;
}

.from_field.form_field_type_checkbox label {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.005em;
    color: #90949E;
    width: 100%;
}



.logo_image a {
    display: block;
    width: 100%;
    height: 100%;
	margin-right:10px;
}

.header_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: auto;
    background: #FFFFFF;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.logo img {
    width: auto;
    height: 130px;
}
.logo_text{
	height: 60px;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #90949E;
}

.address_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 100%;
}

.address_wrapper .address {
    font-style: normal;
    font-weight: 400;
    color: #3C4255;
    width: 100%;
    padding-top: 10px;
}
.map-box p a {
    text-decoration: none;
    font-weight: bold;
    font-family: 'HeliosC';
    font-style: normal;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.005em;
    color: var(--title-color);
}


.map-box {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 100;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    box-shadow: none;
}
.text_section_for {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.005em;
    color: var(--title-color);
}
.text_section_for p {
    margin-top:0px;
}
.working_time {
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #90949E;
    padding-top: 10px;
}
.contacts_wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    max-width: 150px;
}
.contacts_wrapper .phons, .contacts_wrapper .emails {
    width: 100%;
    text-align: right;
    padding-top: 10px;
}

.contacts_wrapper .phons a{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #3C4255;
	text-decoration: none;
}

.contacts_wrapper .emails a{
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 17px;
	color: #90949E;
	text-decoration: none;
}

.delimiter {
    width: 100%;
    height: 1px;
    background: #CDCFE1;
    margin: 0px;
    padding: 0px;
    border: none;
}

nav.headerMenu {
    background: white;
    text-align: left;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
nav.headerMenu a {
  text-decoration: none;
  display: block;
  transition: .3s linear;
}
nav.headerMenu ul {

  list-style: none;
  margin: 0;
  padding: 0;
}
.topmenu > li {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}
.topmenu > li > a {
    padding: 0px 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.005em;
    color: #2F3442;
    padding-left: 0px;
    margin-bottom: 10px;
}
.topmenu .active:after, .topmenu .submenu-link:after {
    content: " ";
    background-image: url("/assets/images/carret.svg");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    color: inherit;
    margin-left: 10px;
    width: 10px;
    display: block;
    height: 10px;
    position: relative;
    position: absolute;
    top: 5px;
    right: 5px;
}


.topmenu .submenu .active:after, .topmenu .submenu .submenu-link:after{
	top: 15px;
}

.topmenu .submenu>li:hover>a {
    background-color: var(--main-color);;
    color: white;
}
.topmenu .active, .topmenu > li > a:hover{
	color: var(--main-color);;
}
.topmenu .submenu {
  position: absolute;
  left: -1px;
  z-index: 5;
  width: 240px;
  border-bottom: 1px solid #ECF1F2;
  visibility: hidden;
  opacity: 0;  
  transform: translateY(10px);
  transition: .3s ease-in-out;
}
.topmenu .submenu li {position: relative;}
.topmenu .submenu a {
  background: white;
  border-top: 1px solid #ECF1F2;
  border-right: 1px solid #ECF1F2;
  border-left: 1px solid #ECF1F2;
  color: #1c1c1c;
  text-align: left;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 10px 20px;
}
.topmenu .submenu .submenu {
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  left: -webkit-calc(100% - 1px);
}
.topmenu li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}



.topmenu .submenu:hover>li>a::after{
	background-image: url("/assets/images/carret-active.svg");
}
.container_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 60px;
    margin-right: 60px;
    max-width: 1200px;
    margin: 0 auto;
}
.buttons_container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.whatsap {
    background-image: url("/assets/images/whatsap.svg");
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 16px;
}

.callback_button {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px 28px;
    width: 167px;
    height: 44px;
    background: var(--main-color);
    border-radius: 6px;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
}


.section_background {
    background-image: url('/assets/images/one_block_bg.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
	margin: 0 auto;
}

.section_one_title {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    padding: 60px;
    padding-bottom: 25px;
    font-family: 'HeliosCondC';
    padding-left: 0px;
    padding-right: 0px;
}
.section_one_title span{
	color:var(--main-color);;
}
.mosaik img {
    width: 100%;
}
.mosaik {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.title {
	font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 115%;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--title-color);
    margin-bottom: 30px;
}
.section_two_items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section_two_item {
    background: #F4F6F8;
    border-radius: 12px;
    max-width: 380px;
    padding: 20px;
    min-height: 450px;
    /* margin: 20px; */
}
.section_two_item img {
    height: 167px;
    width: auto;
}

.section_two_text span, .section_two_text span>a {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: var(--title-color);
	text-decoration:none;
}

.section_two_text ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 14px;
    list-style-type: none;
}

.section_three_text span{
	/* H4 */

	font-family: 'HeliosCondC';
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 110%;
	/* or 24px */

	letter-spacing: 0.005em;

	/* Dark */

	color: var(--title-color);
}

.section_three_image{
	width: 80px;
	height: 80px;
}


/* P1 */
.section_three_text p{
	font-family: 'HeliosC';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	/* or 20px */
	letter-spacing: 0.005em;
	/* Dark */
	color: var(--title-color);
}

.section_three_items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}
.section_three_item {
    width: 245px;
    padding: 20px;
    min-height: 400px;
    /* margin: 20px; */
}

.image_section_for img {
    width: 100%;
    margin-top: 30px;
    border-radius: 12px;
}
.section_three_image {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}
.main_section.three {
    background: #F4F6F8;
    padding: 40px;
}
.section_three_item:hover {
    border-radius: 12px;
    background-color: var(--main-color);;
    color: white;
}


.section_three_item:hover .section_three_text span,.section_three_item:hover .section_three_text p  {
    color: white;
}


.section_container.container_for {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
    padding: 20px;
}
.title.section_for {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    white-space: nowrap;
}

.section_for_item {
    width: 50%;
    max-width: 560px;
}

 .line {
    width: 100%;
    height: 1px;
    background: #CDCFE1;
    margin-left: 20px;
    margin-right: 10px;
}
.main_section.five {
    background: #F4F6F8;
    padding: 20px;
    margin-top: 60px;
}
.title.section_five {
    margin-top: 30px;
}
.section_five_items {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0px;
    padding-bottom: 30px;
	flex-wrap: wrap;
}
.header_nine * {
    text-align: center;
}

.section_container.container_nine.center_container .title {
    margin-bottom: 0px;
}
.section_five_item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 200px;
}
.section_five_item_img img {
    width: 88px;
    height: 87px;
}
.section_five_item_img {
    width: 100%;
    text-align: center;
}
.section_five_item_name {
    width: 100%;
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    letter-spacing: 0.005em;
    color: var(--title-color);
    padding-top: 10px;
}

section.main_section {
    margin-top: 30px;
}

section.main_section.one {
    margin-top: 0px;
}

.sect_six_item_text {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: var(--title-color);
}
.sect_six_blocks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.sect_six_block {
    width: 460px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sect_six_item.rigth {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.sect_six_item.right {
    display: flex;
    align-items: center;
    justify-content: right;
    flex-wrap: wrap;
    margin-bottom: 0px;
    width: 100%;
}
.sect_six_item.left {
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    width: 100%;
   
}

.sect_six_block.b2 {
    width: 271px;
}

.sect_six_block.b3 {
    width: 350px;
}
.sect_six_item {
    margin-bottom: 0px;
    margin-top: 55px;
}

.sect_six_block.b3 .sect_six_item.right {
    margin-right: -45px;
}
.sect_six_item_image img {
    width: 100%;
}
.sect_six_block.b2 {
    width: 280px;
    position: relative;
}
.sect_six_block.b2 img {
    position: relative;
    z-index: 2;
}
.sect_six_block.b2:after {
    content: " ";
    background-image: url("/assets/images/man_circle.svg");
    position: absolute;
    width: 384px;
    height: 384px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}
.sect_six_item_image {
    position: relative;
    top: -40px;
    width: 65px;
    height: 65px;
    margin-right: 20px;
}
.sect_six_item_description {
    max-width: 285px;
}
.sect_six_item_title {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: var(--main-color);;
    margin-bottom: 10px;
    text-align: left;
}
.sect_six_item_title *{
	text-align: left;
}
.all_projects.button a {
    width: 150px;
    height: 20px;
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
    text-decoration: none;
} 
.all_projects.button {
    display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 12px 28px;
	gap: 10px;

	width: 206px;
	height: 44px;

	/* Primary/Blue.80 */

	background: var(--main-color);;
	border-radius: 6px;

	/* Inside auto layout */

	flex: none;
	order: 2;
	flex-grow: 0;
}
.section_container.container_seven {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
    flex-wrap: wrap;
}
.title.section_seven {
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 115%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--title-color);
    margin-bottom: 0px;
    width: auto;
    text-align: left;
    white-space: nowrap;
}

.header_seven {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project_text {
    position: absolute;
    bottom: 10px;
    padding: 20px;
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.005em;
    color: #FFFFFF;
	text-align: left;
}

.projects_item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-self: stretch;
}
.projects_items {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    align-self: stretch;
    align-content: stretch;
}
.project_image img {
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.left_column {
    width: 481px;
    height: 582px;
    display: flex;
    position: relative;
}
.right_column {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: space-between;
    width: 690px;
    height: 582px;
}

.project_image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
}

.center_container{
	max-width: 1200px;
	margin:0 auto;
}
.projects_item.item_2 {
    width: 282px;
    height: 281px;
}
.projects_item.item_3 {
    width: 384px;
    height: 281px;
}
.projects_item.item_4 {
    width: 384px;
    height: 281px;
}
.projects_item.item_5 {
    width: 282px;
    height: 281px;
}



section.main_section.eight {
    background: #F4F6F8;
    padding: 20px;
    margin-top: 60px;
}

.header_eight {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.title.section_eight {
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 115%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--title-color);
    margin-bottom: 0px;
    width: auto;
    text-align: left;
    white-space: nowrap;
}
.shem_item_text {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    margin: 20px;
    margin-top: 60px;
    margin-left: 60px;
    width: 205px;
    height: 100px;
	text-align: left;
}
.shem_item {
    width: 300px;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    background-image: url('/assets/images/shem_item_bg.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.shem_item_num {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 100%;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--title-color);
    position: absolute;
    top: 30px;
    left: 55px;
}
.shem_items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
    margin-bottom: 60px;
}
.circle {
    content: " ";
    display: block;
    width: 36px;
    height: 36px;
    left: -8px;
    top: -10px;
    background: #97ECF3;
    border-radius: 69px;
    position: absolute;
    z-index: 1;
}

.shem_item_num_int {
    z-index: 2;
    position: relative;
	width: 46px;
	height: 44px;
	font-family: 'HeliosCondC';
	font-style: normal;
	font-weight: 700;
	font-size: 44px;
	line-height: 100%;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--title-color);
}
.shem_delimiter {
    width: 44px;
    background-image: url('/assets/images/shem_delimiter_1.svg');
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    right: -10px;
    height: 260px;
}

.sect_six_block.b3 .sect_six_item_description {
    max-width: 240px;
}

.shem_items .shem_item:nth-child(1) {
    background-image: url(/assets/images/shem_item_bg_1.svg);
}



.shem_item:nth-child(1) .shem_item_num {
 
    left: 20px;
}


.shem_item:nth-child(1) .shem_item_text {
 
    margin-left: 20px;
}

.clients_items {
    max-width: 1100px;
    margin: 0 auto;
}
.prev_arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    left: -62px;
    width: 48px;
    height: 48px;
    top: 35%;
}

.next_arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: -62px;
    width: 48px;
    height: 48px;
	top: 35%;
}
.clients_item img {
    display: block;
    max-width: 220px;
    height: auto;
    width: auto;
    padding: 5px;
    max-height: 200px;
}

.wrp {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.map-box {
    position: absolute;
    top: 0px;
    left: 45px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 100;
    width: 250px;
    box-shadow: -1px -1px 24px 0px rgba(50, 50, 50, 0.5);
}
.map-box p {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.005em;
    color: var(--title-color);
	text-align: left;
}
.section_one_title * {
    text-align: left;
}
.map-box h2 {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    text-transform: uppercase;
    color: var(--title-color);

}
.map-box p a {
    text-decoration: none;
    font-weight: bold;
    font-family: 'HeliosC';
    font-style: normal;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.005em;
    color: var(--title-color);
}
ymaps.ymaps-2-1-79-gotoymaps,ymaps.ymaps-2-1-79-gototaxi,a.ymaps-2-1-79-gototech {
    display: none;
}
.footer_head {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin-top: 30px;
}

.footer_logo img {
	width: auto;
    height: 130px;
}


.footer_phone a {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 37px;
    text-align: right;
    color: var(--main-color);;
    text-decoration: none;
	display: block;
}
.footer_email a {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 17px;
    text-align: right;
    color: #90949E;
    display: block;
    text-decoration: none;
}

.footer_phone, .footer_email {
    margin: 4px;
}

.footer_end p {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.005em;
    color: #90949E;
}
footer {
    max-width: 1200px;
    margin: 0 auto;
}
a.bottom_menu_item.submenu_link, .bottomMenu>li>a,.bottomMenu .end_column li a {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 128%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    margin-bottom: 20px;
    display: block;
}
ul.bottomMenu {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.bottomMenu>li {
    margin-right: 10px;
}
.bottomMenu ul.submenu li a {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    line-height: 30px;
}
ul.bottomMenu,ul.bottomMenu li,  .bottomMenu ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.bottomMenu li a {
   text-decoration:none;
}

ul.bottomMenu {
    margin-top: 30px;
    margin-bottom: 30px;
}

div#map {
    height: 500px;
}
/* section.main_section.nine {
    margin-bottom: 120px;
} */
.for_mobile{
		display:none;
	}
.for_desktop{
	display:flex
}



.clients_item div {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.topmenuMobile {
    list-style-type: none;
    margin: 0;
    padding: 0px;
    width: 100%;
}


ul.topmenuMobile .subisset>.menu_item:before {
    content: " ";
    background-image: url("/assets/images/carret.svg");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    color: inherit;
    margin-left: 10px;
    width: 10px;
    display: block;
    height: 10px;
    position: absolute;
    top: calc(50% - 10px);
    right: 20px;
}
ul.topmenuMobile li a {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.005em;
    color: var(--title-color);
    text-decoration: none;
    width: auto;
}

ul.topmenuMobile {
    list-style-type: none;
}

ul.topmenuMobile ul.submenu {
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
	display:none;
}

.active .submenu-link {
    color: white;
    background: var(--main-color);;
}

ul.topmenuMobile .subisset>.menu_item.active:before{
	    background-image: url("/assets/images/carret-active_mobile.svg");
}


.topmenuMobile .subisset>.menu_item.active {
    background: var(--main-color);;
}

 .topmenuMobile li li li a {
    padding-left: 60px;
}


.topmenuMobile li li a {
    padding-left: 30px;
}

.topmenuMobile li a {
    padding-left: 0px;
} 

.menu_item {
    padding: 16px;
    width: 100%;
    position: relative;
    height: 53px;
    border-bottom: 1px solid #E8E9F1;
}

.active .active.menu_item {
	background: var(--main-color);;
}

nav.headerMenuMobile {
    display: none;
}
.hamburger {
    display: block;
    background-image: url('/assets/images/hamburger.svg');
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}


.hamburger.active_hamburger{
	background-image: url('/assets/images/hamburger_active.svg');
}

.mobile_menu_button{
	display:none;
}
h1{
	font-family: 'HeliosCondC';
	font-style: normal;
	font-weight: 700;
	font-size: 56px;
	line-height: 100%;
	/* identical to box height, or 56px */

	letter-spacing: 0.005em;
}

.map-box i {
    padding-right: 5px;
}

.map-box i:before{
	color: var(--main-color);;
}
.section_one_title h1 {
    padding: 0px;
    margin: 0px;
}

.mobile_version{
    display:none;
}
.raschet_form_section .form_raschet .form_title {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left;
    min-width: 100%;
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 110%;
    /* or 24px */

    letter-spacing: 0.005em;

    /* Dark */

    color: var(--title-color);
}

.raschet_form_section .form_raschet .form_description {
    text-align: left;
    min-width: 100%;
}
.raschet_title {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 115%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 12px;
}

.raschet_description {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: #FFFFFF;
}


.sanks .form_container.form_callback {
    z-index: 125;
    position: relative;
    max-width: 482px;
    max-height: 140px;
    background: #F2F5F8;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: self-start;
    justify-content: center;
    flex-wrap: wrap;
}
.form_container.form_raschet {
    max-width: 480px;
    background-color: white;
    border-radius: 12px;
    margin-bottom: 0px;
}
.section_container.raschet_form_section_item img {
    height: 100%;
    width: 100%;
    margin-bottom: -4px;
}
.section_container.raschet_form_section_items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
section.section_container.raschet_form_section {
    background-image: url('/assets/images/forms/bg_form.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.price_table_item.item_head {
    background: #F2F5F8;
    border-radius: 6px;
}
.price_table_item span {
    color: var(--main-color);;

}
.price_table_item:hover {
    background: #F2F5F8;
    border-radius: 6px;
}
.price_table_item_body {
    width: 100%;
    padding: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    padding-bottom: 5px;
    min-height: 50px;
    padding-top: 15px;
    text-align: left;
}
.price_table_item_head {
    background: #F2F5F8;
    border-radius: 6px;
    width: 100%;
    padding: 15px;
    font-weight: 700;
    font-size: 16px;
    line-height: 128%;
    letter-spacing: 0.005em;
    color: var(--title-color);
}

.price_table_items {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 30px;
}

.price_table_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.option_section_item_text {
    font-size: 14px;
    line-height: 145%;
    color: var(--title-color);
}
.option_section_item_image {
    max-width: 100%;
    min-height: 190px;
}
.option_section_item_text * {

    font-weight: 400;
}
.option_section_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 250px;
    margin: 15px;
    margin-left: 0px;
}
.option_section_items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.option_section_item_image img {
    width: 100%;
    height: auto;
}
.option_section_item_title {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    margin-top: 20px;
    margin-bottom: 12px;
}
.production_section_items {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-around;
}
.production_section_item {
    max-width: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.production_section_item_text {
    font-size: 14px;
    line-height: 145%;
    color: var(--title-color);
    padding: 10px;
    text-align: left;
}
.production_section_text {
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.005em;
    color: #90949E;
    margin-top: 30px;
    margin-bottom: 5px;
    max-width: 100%;
}
.colors_items {
    padding: 30px;
    background-color: #ffffffeb;
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 40px;
    width: 100%;
    max-width: 1470px;
}
.colors_item {
    max-width: 310px;
    margin: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.colors_item_title {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: var(--main-color);;
}

.colors_item_description {
    font-size: 14px;
    line-height: 145%;
    color: var(--title-color);
    margin-top: 20px;
}
.section_container.colors_container.short_witdh {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 150px;
}
.colors_text {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0.005em;
    color: #FFFFFF;
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 624px;
    text-align: left;
}
.colors_title {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 115%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 624px;
    text-align: left;
}
section.section_container.manufacturers {
    padding-top: 30px;
}
.manufacturers_items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.manufacturers_item img {
    width: 100%;
    height: auto;
    background-color: #f4f6f8;
	border-radius:12px;
}

.gray_small_text {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.005em;
    color: #90949E;
    margin-top: 30px;
}

.manufacturers_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    margin-top: 30px;
}
.opening_methods_description {
    max-width: 250px;
    position: fixed;
    display: none;
}
.opening_methods_img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.opening_methods_title {
    width: 100%;
    text-align: center;
}

.opening_methods_title span {
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    letter-spacing: 0.005em;
    color: var(--title-color);
    margin-top: 15px;
    display: block;
}
.opening_methods_item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 150px;
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    min-height: 225px;
    min-width: 150px;
}
.opening_methods_items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.opening_methods_info_text {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    margin-left: 20px;
}
.opening_methods_info {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 285px;
    margin: 30px;
}
.opening_methods, .colors {
    background-repeat: no-repeat;
    padding-bottom: 10px;
    padding-top: 0px;
    background-position: top;
    background-size: 100%;
}
.opening_methods_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}


.opening_methods_description {
    width: 250px;
    position: absolute;
    display: none;
    background-color: white;
    padding: 20px;
    border: 1px solid var(--main-color);;
    border-radius: 12px;
    margin-top: 20px;
    top: 140px;
    z-index: 9999;
}

.opening_methods_description * {
    text-align: left;
}
.opening_methods_item:hover .opening_methods_description{
    display:block;
    
}
.type_title {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 115%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--title-color);
    margin-top: 30px;
}
.open_type_cnt {
    height: 100%;
    background: #F4F6F8;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    min-height: 450px;
}
.open_types_container {
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
    align-items: stretch;
	flex-wrap:wrap;
}
.open_type_applications_item {
    background: #FFFFFF;
    border-radius: 8px;
    width: auto;
    display: block;
    padding: 5px;
    margin: 5px;
}
.content_top p, .content_bottom p{
    width: 100%;
}


.content_bottom .colors_item_title {
    margin-top: 0px;
    margin-bottom: 0px;
}


.container {
    margin-top: 10px;
    width: 100%;
}
.open_type_applications_item>span {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.005em;
    color: #4989E8;
    display: block;
    width: auto;
}
.container ul,.container ol {
    margin-top: 0px;
}

.open_type_info {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}


.open_type_applications {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 300px;
}

.open_type_applications_item>span {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.005em;
    color: #4989E8;
}


.open_type_applications>span {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.005em;
    color: #90949E;
    display: block;
    width: 100%;
    padding: 8px;
}
.open_type_image {
    max-width: 150px;
    margin-right: 30px;
}
.open_type_image img {
    width:100%;
    height:auto;
}
.open_type_description {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    max-width: 513px;
    min-height: 190px;
}
.open_types_container_body {
    padding: 20px;
}

.open_type_title {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    min-height: 60px;
}

.open_type {
    max-width: 550px;
    border-radius: 12px;
    margin: 10px;
}
.open_types_container_body {
    background: #F4F6F8;
}

.open_types_container_header {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.open_types_container_header img {
    width: 100%;
    height: auto;
}

.bg {
    width: 100%;
    height: auto;
    position: absolute;
}
.section_container.full_witdh {
    background-position: center;
    background-size: 100%;
    min-height: 290px;
    background-repeat: no-repeat;
    flex-wrap: wrap;
}
.section_container.full_witdh .title {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: 0.005em;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
}
.bradcrumb {
    width: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 1200px;
    margin: 0 auto;
}
.bradcrumb a, .bradcrumb span{
    color: white;
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    letter-spacing: 0.005em; 
    text-decoration:none;
}

.bradcrumb span{
color: #c7c2c2;
}


.flex{
   display: flex; 
}

.flex_wrap{
    flex-wrap: wrap;
}

.flex_center{
    align-items: center;
    justify-content: center;
}

.section_container.short_witdh {
    max-width: 1200px;
    margin: 0 auto;
}
.section_container.full_witdh {
    max-width: 100%;
}

.content_top, .content_bottom {
    font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
}
.opening_methods_img img {
    width: 142px;
    height: 150px;
}

.short_witdh{
	max-width: 1200px;
    margin: 0 auto;
}

.category_items {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.category_item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #80808017;
    margin: 20px;
    border-radius: 20px;
}
a.url_page {
    width: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
    text-decoration: none;
}
.category_item_picture {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
}

.category_item_picture img {
    width: auto;
    height: 100%;
    border-radius: 12px;
    max-height: 250px;
	min-width: auto;
}
.category_item_name {
    width: 100%;
    text-align: center;
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    text-decoration: none;
    min-height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category_item_name span {
    text-align: center;
}

a.url_page:hover .category_item_name {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: var(--main-color);;
}

.full_width_projects .section_container.container_seven.center_container {
    max-width: 100%;
    margin-left: 60px;
    margin-right: 60px;
}

.full_width_projects .projects_items.for_desktop {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
	margin-bottom: 30px;
}
.o_kompanii .section_for_item {
    width: 55%;
    max-width: 630px;
}

.o_kompanii .section_for_item.for_desktop  {
    width: 41%;
}

.sect_six_item_text, .sect_six_item_text *, .section_three_text, .section_three_text * {
    text-align: left;
}

.sect_six_item_text {
    text-align: left;
}
.section_three_text * {
    text-align: left;
}
.content_bottom {
    color: black;
    margin-top: 30px;
    margin-bottom: 30px;
}

.colors {
    background-repeat: no-repeat;
    padding-bottom: 10px;
    padding-top: 0px;
    background-position: top;
    background-size: 100%;
    /* padding-bottom: 70px; */
}
.full_width_img img {
    width: 100%;
    height: auto;
}
.full_width_img {
    width: 100%;
}

.title h1 {
    text-align: center;
}

.serts_item {
    max-width: 200px;
    margin: 25px;
}
.serts_items {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
}
a.serts_item_link {
    display: block;
    width: 100%;
    text-decoration: none;
    height: 100%;
}
img.serts_item_img {
    width: 100%;
    height: auto;
}

span.serts_item_description {
    text-decoration: none;
    height: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: var(--main-color);;
    color: white;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
}
a.serts_item_link {
    display: block;
    width: 100%;
    text-decoration: none;
    height: 100%;
    min-height: 460px;
    position: relative;
}
a.serts_item_link:hover:before {
    background: var(--main-color);;
    content: "Скачать";
    position: absolute;
    width: 100%;
    text-decoration: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: white;
    bottom: 0px;
    z-index: 10000;
    height: 165px;
}

.content_items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.continer_item {
    clear: both;
}
section.toggle p {display: none!important;}
section.toggle{margin:10px 0 0;position:relative;clear:both;}
section.toggle input{cursor:pointer;filter:alpha(opacity=0);height:45px;margin:0;opacity:0;position:absolute;width:100%;z-index:2;}
section.toggle label {
    border-left: 3px solid;
    transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    background: #F4F4F4;
    border-radius: 3px;
    display: block;
    font-size: 1.1em;
    min-height: 20px;
    padding: 12px 20px 12px 10px;
    position: relative;
    max-width: 100%;
    margin-bottom: 5px;
    cursor: pointer;
    height: 70px;
    font-weight: 400;
    line-height: 45px;
}
section.toggle label img {
    width: auto!important;
    line-height: 60px;
    top: 10px;
    position: relative;
}
section.toggle .toggle-content{display:none;}
section.toggle label::-moz-selection{background:none;}
section.toggle label i.fa-minus{display:none;}
section.toggle label i.fa-plus{display:inline;}
section.toggle label::selection{background:none;}
section.toggle label::before{border:6px solid transparent;border-left-color:inherit;content:'';margin-top:-6px;position:absolute;right:4px;top:50%;}
section.toggle label + p{color:#999;display:block;overflow:hidden;padding-left:30px;text-overflow:ellipsis;white-space:nowrap;height:25px;}
section.toggle label i{font-size:0.7em;margin-right:8px;position:relative;top:-1px;}
section.toggle.active i.fa-minus{display:inline;}
section.toggle.active i.fa-plus{display:none;}
section.toggle.active > label{color:white;}
section.toggle.active > label::before{border:6px solid transparent;border-top-color:inherit;margin-top:-3px;right:10px;}
section.toggle > p.preview-active{height:auto;}
section.toggle > p.preview-active,section.toggle.active > p{white-space:normal;}


section.toggle label {
  color: var(--main-color);;
  border-color: var(--main-color);;
}

section.toggle.active>label {
  background-color: var(--main-color);;
  border-color: var(--main-color);;
}

section.toggle table.no-border {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}

table.table {
  border-collapse: collapse;
  border-spacing: 0;
}

section.toggle table.table th,
section.toggle td {
  border: none;
  padding: 8px;
}

table.table > thead > tr > th, table.table > tbody > tr > th, table.table > tfoot > tr > th {
  color: white;
}

table.table tr:nth-child(even) td {
    background: var(--main-color);0a;
}

table.table tr:nth-child(odd) td {
  background: white;
}


table.table th {
  background-color: var(--main-color);;
}
table.table1 td {
  padding: 15px;
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}
.section_two_text ul li {
    text-align: left;
}
.section_two_text ul li a{
    text-decoration: none;
	font-family: 'HeliosC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.005em;
    color: var(--title-color);

}
.whatsap a {
    display: block;
    width: 44px;
    height: 44px;
}
.content_top ol,.content_top ul {
    width: 100%;
}
.section_container.short_witdh {
    padding: 10px;
}
.nocolor.table tr:nth-child(even) td{
	background: unset;
}
ul.end_column {
    max-width: 175px;
}

.open_types_container.min_height .open_type_cnt {
    min-height: 150px;
}

.open_types_container.min_height .open_type_description {
    min-height: auto;
}
.delimiter_w100 {
    width: 100%;
    clear: both;
}
.table-responsive.margin{
	margin-top:40px;
}
.margin_30{
	margin-top:40px;
}

section.section_container.text_container.short_witdh {
    margin-bottom: -40px;
}

.color_span{
	color: var(--main-color);;
}

.section_three_item a {
    text-decoration: none;
}
.table-responsive.margin * {
    text-align: initial;
}


table.table.bg_white tr:nth-child(even) td {
    background: white;
}
.price_table_item_head_td {
    background: #F2F5F8;
    border-radius: 6px;
    width: 100%;
    padding: 15px;
    font-weight: 700;
    font-size: 16px;
    line-height: 128%;
    letter-spacing: 0.005em;
    color: var(--title-color);
    background: #F2F5F8!important;
    max-width: 25%;
}
.price_table_item_head_td *{
	text-align:left;
}

.option_section_item_text * {
    text-align: left;
}
span.blue_arrow {
    font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: var(--main-color);;
}
.blue_text b{
	font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: var(--main-color);;	
}


.blue_title{
	font-family: 'HeliosCondC';
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: 0.005em;
    color: var(--main-color);;	
}

.container .colors_item_title {
    font-size: 18px!important;
}

.flex-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-block-item {
    max-width: 20%;
    margin: 0 auto;
    text-align: inherit;
}

.flex-block-item * {
    text-align: left;
}
.section_two_item:hover * {
    color: white;
}
.section_two_item:hover {
    background-color: var(--main-color);;
    color: white;
}
a.projectsItem {
    cursor: pointer;
}
img.projectsItemImage {
    position: absolute;
    width: 100%;
    height: 400px;
}
.projectsItemName {
    z-index: 100;
    background-color: var(--main-color);63;
    color: white;
    padding: 10px;
    text-align: initial;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
}
.projectsItem {
    width: 300px;
    display: flex;
    align-items: end;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    height: 400px;
    margin: 20px;
    background-color: var(--main-color);63;
    border-radius: 5px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.projectsItems {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.projectsItem:before {
    content: " ";
    position: absolute;
    background-color: #257ab552;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.projects_item.item_1:before, .projects_item.item_2:before, .projects_item.item_3:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(#4490c000, #2970a0d9);
}

.projects_item {
    border-radius: 10px;
    overflow: hidden;
	cursor: pointer;
}

.nwrp {
    text-align: inherit;
    white-space: normal;
}


.title_new h1{
	width: 50%;
	text-align: left!important;
} 
.new_block{
	display:flex;
	flex-wrap: nowrap;
	gap: 20px;
}
.new_block_bottom{
	display:flex;
}



.flex.gap-4 {
    height: 50px;
    width: 50%;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
}

.grid_grid-cols-2_gap-y-8_gap-x-10 {
    display: flex;
    flex-wrap: wrap;
    height: 200px;
}