* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Ubuntu Sans", sans-serif;
    padding: 0;
    margin: 0;
    background-color: #EEEEEE;
    background-image: url(/storage/app/media/body.svg);
    background-size: cover;
    /* background-color: #fff; */
}

.img{
    width: 100%;
    height: auto;
}

p{
    margin: 0px 0px 20px 0px;
    
}

.mb{
    margin-bottom: 100px;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
    text-decoration: none;
}

.container {
    width: 100%;
    max-width: 1216px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.menu{
    display: none;
}

.header {
    position: fixed;
    width: 100%;
    padding: 5px 0 10px;
    z-index: 1000;
    border-bottom: 1px solid #E3E3E3;
    background-color: #EEEEEE;
}

.header_menu a{
    text-transform: uppercase;
    color: #151515;
    font-size: 17px;
    font-weight: 500;
}

.header_menu li{
    margin-right: 20px;
}

.header_menu li:last-child {
    margin-right: 0;
}

.header_menu ul{
    display: flex;
    align-items: center;
}

.header_body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_tel a{
    display: flex;
    align-items: center;
    color: #151515;
    font-size: 17px;
    font-weight: 500;
}

.main_banner {
    position: relative;
    overflow: hidden;
    margin-bottom: 100px;
}

.main_banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner_wrap {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 1;
}

.main_banner_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.main{
    width: 100px;
    height: 100px;
}

.banner_title{
    color: #FFFFFF;
    font-size: 54px;
    font-weight: 800;
    text-transform: uppercase;
}

.banner_subtitle{
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 10px;
    text-transform: none;
}

.banner_text{
    color: #E3E3E3;
    font-size: 19px;
    font-weight: 400;
    width: 52%;
    line-height: 29px;
}

.main_banner_content a{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background: #FE8103;
    padding: 15px 55px;
}

.floating-buttons{
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    z-index: 1000;
}

.line {
    position: relative;
    padding-bottom: 15px;
}

.line:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 53px;
    height: 2px;
    background: #2F3540;
    transition: .5s;
}

.linew{
    position: relative;
    padding-bottom: 15px;
}

.linew:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 53px;
    height: 2px;
    background: #FFFFFF;
    transition: .5s;
}

.main_about_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.main_about_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 170px;
}

.main_about_item {
    position: relative;
    overflow: hidden;
}

.main_about_number {
    width: 100%;
    text-align: center;
    color: #151515;
    font-size: 81px;
    font-weight: 400;
    text-align: justify;
    margin: 0px;
}

.main_about_number p{
    width: 100%;
    text-align: center;
    color: #151515;
    font-size: 81px;
    font-weight: 400;
    text-align: justify;
    margin: 0px;
}

.main_about_number span{
    width: 100%;
    text-align: center;
    color: #151515;
    font-size: 55px;
    font-weight: 400;
    text-align: justify;
}

.main_about_text {
    color: #555555;
    font-size: 20px;
    font-weight: 400;
    z-index: 2;
    background: #EEEEEE;
}

.main_about_item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 10px;
}

.main_product_block {
    width: 100%;
    padding: 60px 0px 79px 0px;
    position: relative;
    margin-bottom: 200px;
    background: #151515 !important;
}

.blck {
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    clip-path: polygon(0 0, 85% 0%, 100% 15%, 100% 100%, 25% 100%, 0 85%) !important;
    background: #151515;
    z-index: -1;
}

.main_product_title{
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.main_product_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    position: relative;
    z-index: 2;
}

.main_product_item{
    background: #282828;
    padding: 30px;
    z-index: 1;
}

.product {
    width: 100%;
    height: 234px;
    object-fit: cover;
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.product:hover {
    transform: scale(1.05); /* увеличение на 5% */
}

.main_product_name{
    color: #FFFFFF;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 20px;
    height: 69px;
}

.main_product_number p:nth-child(1){
    color: #555555;
    font-size: 21px;
    font-weight: 500;
}

.main_product_number p:nth-child(2){
    color: #FFFFFF;
    font-size: 23px;
    font-weight: 400;
}

.main_product_number{
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 20px;
}

.main_product_btns button{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    background: none;
    padding: 10px 20px;
    cursor: pointer;
}

.main_product_prais{
    color: #FFFFFF;
    padding: 10px 25px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background: #FE8103;
    display: flex;
    align-items: stretch;
    gap: 5px;
}

.main_product_btns {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 2;
}


.main_implementation_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.main_implementation_item{
    width: 48%;
}

.main_implementation_img{
    width: 45%;
}

.main_implementation_block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15%;
}

.main_implementation_text{
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
}

.main_reference_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.main_reference_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.main_reference_item{
    border: 1px solid #E9E9E9;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background: #fff;
}

.main_reference_item div:nth-of-type(1){
    color: #151515;
    font-size: 23px;
    font-weight: 400;
}

.main_reference_item div:nth-of-type(2){
    color: #555555;
    font-size: 17px;
    font-weight: 400;
}

.main_reference_item:nth-child(2){
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background: #FE8103;
}

.main_reference_item:nth-child(4){
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background: #FE8103;
}

.main_reference_item:nth-child(2) div:nth-of-type(1){
    color: #FFFFFF;
    font-size: 23px;
    font-weight: 400;
}

.main_reference_item:nth-child(2) div:nth-of-type(2){
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 400;
}

.main_reference_item:nth-child(4) div:nth-of-type(1) {
    color: #FFFFFF;
    font-size: 23px;
    font-weight: 400;
}

.main_reference_item:nth-child(4) div:nth-of-type(2){
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 400;
}

.main_proekt_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.slick_btns {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}


.main_proekt_name{
    color: #151515;
    font-size: 19px;
    font-weight: 400;
}

.main_proekt_text{
    color: #555555;
    font-size: 17px;
    font-weight: 400;
    line-height: 29px;
}

.slick-slide {
    padding: 0 11px 0px 0px;
    box-sizing: border-box;
}

.otzyv_slider .slick-slide {
    padding: 0 22px 0px 0px;
    box-sizing: border-box;
} 

.main_proekt_item img{
    width: 384px;
    height: 360px;
    object-fit: cover;
}

.main_proekt_item{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.main_otzyv_block {
    background: #151515;
    width: 100%;
    padding: 100px 0px;
    position: relative;
    margin-bottom: 200px;
}

.main_otzyv_title{
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.pos_btns{
    position: relative;
    z-index: 999;
    display: flex;
    gap: 10px;
}

.otzyv_slider{
    position: relative;
    z-index: 999;
}

.main_company_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.main_company_text{
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
}

.main_company{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main_company_img{
    width: 45%;
}

.main_company_item{
    width: 48%;
}

.main_partner_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.partner_img {
    border: 1px solid #D7D7D7;
    border-radius: 12px;
    padding: 20px;
    width: 288px;
    height: 144px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_zayavka_block {
    background: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 3;
    pointer-events: auto;
}

.main_zayavka_title{
    color: #151515;
    font-size: 30px;
    font-weight: 400;
}

.main_zayavka_text{
    color: #777777;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
}

.form_input {
    margin-bottom: 20px;
    padding: 15px;
    color: #555555;
    font-size: 21px;
    padding: 7px 15px;
    font-weight: 400;
    border: 1px solid #AEAEAE;
    background: #fff;
}

.main_zayavka_item{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 40%;
}

.main_zayavka_img{
    width: 48%;
}
form input:nth-of-type(5) { width: 100%; }
form input:nth-of-type(4) { width: 100%; }
.ff { 
    width: 100%;
    margin-bottom: 35px;
    }
form input:nth-of-type(3) { width: 49%; }

.main_zayavka_form form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_zayavka_form button{
    background: #FE8103;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    padding: 8px 55px;
    border: 0;
    cursor: pointer;
}

.footer {
    background: #151515;
    position: relative;
    padding: 340px 0px 50px 0px;
    width: 100%;
    /* clip-path: polygon(0% 0%, 20% 35%, 100% 0%, 100% 100%, 20% 100%, 0 100%); */
    background: radial-gradient(ellipse at 64% top, transparent 30%, #151515 29%);
}

.footer_title{
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.footer_menu a{
    font-size: 14px;
    font-weight: 400;
    color: #D5D5D5; 
}

.footer_body {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #FFFFFF1A;
    padding-bottom: 50px;
    position: relative;
    z-index: 2;
}
.footer_street{
    font-size: 14px;
    font-weight: 400;
    color: #D5D5D5; 
    margin-bottom: 25px;
}

.footer_menu li{
    font-size: 14px;
    font-weight: 400;
    color: #D5D5D5; 
    margin-bottom: 10px;
}

.footer_cont{
    display: flex;
    flex-direction: column;
}

.footer_cont a{
    font-size: 14px;
    font-weight: 400;
    color: #D5D5D5; 
    margin-bottom: 10px;
}

.footer_footer{
    padding-top: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #D5D5D5;
}

.proekt_slider{
    margin-bottom: 150px;
}

.slick-prev-proekt-two{
    border: 0;
    background: none !important;
    cursor: pointer;
    }

.slick-prev-prev-two{
    border: 0;
    background: none !important;
    cursor: pointer;
}

.slick-next-prev-two{
    border: 0;
    background: none !important;
    cursor: pointer;
}

.menu{
    display: none;
}

.footer_icons {
    margin-left: 20vh;
}

.realizatsiya_about_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.realizatsiya_about_text{
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
}

.realizatsiya_about{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 170px;
}

.site_link{
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: #8E8E8E;
    padding-top: 50px;
    margin-bottom: 40px;
}

.realizatsiya_about_img{
    width: 45%;
}

.realizatsiya_about_item{
    width: 48%;
}

.realizatsiya_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.product_item{
    background: #fff;
    padding: 30px;
}

.product_name {
    color: #151515;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 20px;
}

.product_number p:nth-child(1) {
    color: #555555;
    font-size: 21px;
    font-weight: 500;
}

.product_number p:nth-child(2) {
    color: #151515;
    font-size: 23px;
    font-weight: 500;
}

.product_number {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 20px;
}

.product_btns {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product_btns button {
    border: 1px solid #000000;
    color: #000000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    background: none;
    padding: 10px 20px;
    cursor: pointer;
}

.realizatsiya_product_grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin-bottom:180px;
    position: relative;
    z-index: 2;
}

.product_prais {
    align-items: center;
    color: #FFFFFF;
    padding: 12px 23px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background: #FE8103;
    display: flex;
    gap: 10px;
}

.peskobeton_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.peskobeton_product_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    position: relative;
    z-index: 2;
    margin-bottom: 200px;
}

.slick-dots {
  display: flex !important;
  justify-content: center;
  gap: 40px;
  margin-top: 30px;
}

.slick-dots li {
  width: 24px;
  height: 24px;
  position: relative;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #444;
    border: none;
    position: absolute;
    top: 9px;
    left: 9px;
    padding: 0;
    cursor: pointer;
    transition: background 0.3s ease;
}

.slick-dots li::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #dcdcdc;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}

.slick-dots li.slick-active button {
  background: #fe8103;
}

.slick-dots li.slick-active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fe8103;
  border-radius: 50%;
  box-sizing: border-box;
  clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%);
  animation: rotateProgress 2s linear infinite;
}

@keyframes rotateProgress {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.realizatsiya_bsu_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.realizatsiya_zayavka_block{
    background: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 3;
}

.realizatsiya_zayavka_img {
    width: 48%;
}

.realizatsiya_zayavka_item {
    display: flex;
    flex-direction: column;
    width: 40%;
}

.realizatsiya_zayavka_title {
    color: #151515;
    font-size: 30px;
    font-weight: 600;
}

.realizatsiya_zayavka_text {
    color: #777777;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
}   

.realizatsiya_zayavka_form button {
    background: #FE8103;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    padding: 8px 55px;
    border: 0;
    cursor: pointer;
}

.izdeliya_about{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:200px;
}

.izdeliya_about_img{
    width: 45%;
}

.izdeliya_about_item{
    width: 48%;
}

.izdeliya_about_title {
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 35px;
    line-height: 38px;
}

.izdeliya_about_text {
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
}

.izdeliya_product_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.izdeliya_product_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.izdeliya_zayavka_block {
    background: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 3;
}

.izdeliya_zayavka_img {
    width: 48%;
}

.izdeliya_zayavka_item {
    display: flex;
    flex-direction: column;
    width: 41%;
}

.izdeliya_zayavka_title{
    color: #151515;
    font-size: 30px;
    font-weight: 600;
}

.form_head input:nth-child(1){
    width: 90%;
    }
    
.form_head input:nth-child(2) {
    width: 84%;
}

.izdeliya_zayavka_text {
    color: #777777;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
}

.izdeliya_zayavka_form button {
    background: #FE8103;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    padding: 8px 55px;
    border: 0;
    cursor: pointer;
}

.izdeliya_zayavka_form button:hover {
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 2rem #FE8103;
}

.izdeliya_zayavka_form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.realizatsiya_zayavka_form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about_about {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about_img {
    width: 45%;
}

.about_item {
    width: 48%;
}

.about_title {
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.about_text {
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
}

.about_job_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.about_diploms_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.about_diploms_text{
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 20px;
}

.about_diploms{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.about_diploms_slider{
    width: 49%;
}

.about_diploms_item{
    width: 48%;
}

.otzyv_pisma_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.otzyv_pisma_grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 26px;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.contact_name{
    font-weight: 400;
    font-size: 16px;
    color: #777777;
    text-transform: uppercase;
}

.contact_content a{
    font-weight: 400;
    font-size: 22px;
    color: #151515;
}

.contact_content p{
    font-weight: 400;
    font-size: 22px;
    color: #151515;
    width: 80%;
}

.contact_item {
    padding: 30px 50px;
    width: 38%;
    background: #fff;
}

.contact_map {
    width: 59%;
}

.contact_map iframe, .contact_map div {
width: 100%;
height: 475px;
align-self: stretch;
}


.contact_block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.contact_content{
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    line-height: 28px;
}

.contact_icons{
    display: flex;
    gap: 10px;
}

.otzyv_pisma{
    width: 268px;
    height: 393px;
    }

.lang-list{
    display: flex;
    align-items: center;
    gap: 5px;
    }
    
.lang-list a{
    text-transform: uppercase;
    color: #151515;
    font-size: 17px;
    font-weight: 500;
    }
    
.inside_news_back {
    margin: 50px 0px;
    border-bottom: 1px solid #F0F6F9;
    padding-bottom: 10px;
}

.back_btn {
    display: flex;
    gap: 10px;
    align-items: center;
}

.back_btn span {
    font-size: 15px;
    font-weight: 500;
    color: #2F3540;
}

.modal_block{
    background: #EDEEF3;
    padding: 20px;
    display: flex;
    gap: 40px;
    position: relative;
    z-index: 3;
    pointer-events: auto;
}

.modal_zayavka_item{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 45%;
}

.modal-btn {
    padding: 10px;
}

.modal-btn button {
    border: 0;
    background: none;
}

.close_modal {
    font-size: 21px;
    font-weight: 700;
    color: #2A2A2A;
}

.main_proekt_block{
    position: relative;
    z-index: 1;
    margin-bottom: 150px;
}

.header_menu a:hover {
    text-decoration: underline;
    transition: 3s;
}

.lang-list :hover {
    text-decoration: underline;
    transition: 3s;
}

.header_tel a:hover {
    text-decoration: underline;
    transition: 3s;
}

.main_banner_content a:hover {
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 2rem #FE8103;
}

.main_product_btns button:hover {
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 2rem #FE8103;
    background: #FE8103;
    border:0;
}

.main_product_prais:hover {
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 2rem #FE8103;
}

.main_zayavka_form button:hover {
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 2rem #FE8103;
}

.product_btns button:hover {
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 2rem #FE8103;
    background: #FE8103;
    border:0;
    color:#fff;
}

.product_prais:hover {
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 2rem #FE8103;
}

.realizatsiya_zayavka_form button:hover {
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 2rem #FE8103;
}

.floating-buttons img{
    width: 60px;
    }

.slick-prev-prev-six:hover, .slick-prev-prev-six:focus, .slick-next-prev-six:hover, .slick-next-prev-six:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-arrow:hover rect {
    fill: #FE8103;
}

.slick-arrow:hover path {
    stroke: #fff;
}

.bsu_img {
    width: 384px;
    height: 279px;
    object-fit: cover;
}

.otzyv_slider img{
    width: 281px;
    height: 393px;
    object-fit: cover;
}

.main_implementation_item a{
    color: #FFFFFF;
    padding: 10px 45px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background: #FE8103;
    align-items: stretch;
    }
    
.main_implementation_item a:hover {
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 2rem #FE8103;
}

.main_proekt_slug{
    color: #151515;
    font-size: 19px;
    font-weight: 400;
}

.main_proekt_slug:hover{
    color: #FE8103;
}

.main_proekt_name:hover{
    color: #FE8103;
    }
    
.inside_news_back span:hover{
    color: #FE8103;
    }

    
.realizatsiya_slider   .product_item {
    background: #fff;
    padding: 30px;
    height: 491px;
    width: 378px;
}

.prem_grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-bottom: 50px;
    }
    
.prem_item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
    
.prem_name{
    color: #FFFFFF;
    font-size: 21px;
    font-weight: 600;
    background: #FE8103;
    padding: 0px 15px;
    margin-bottom:10px;
    }
    
.prem_text{
    color: #F2F2F2;
    font-size: 18px;
    font-weight: 400;
    margin:0;
    }
    
.prem_text p{
    color: #F2F2F2;
    font-size: 18px;
    font-weight: 400;
    margin:0;
    }
    
.prem_block {
    background: #151515;
    width: 100%;
    padding: 100px 0px;
    position: relative;
    margin-bottom: 200px;
}

.peskobeton_block{
    background: #151515;
    width: 100%;
    padding: 100px 0px;
    position: relative;
    margin-bottom: 200px;
    }

.zhbi_block{
    background: #151515;
    width: 100%;
    padding: 100px 0px;
    position: relative;
    margin-bottom: 200px;
    }

.zhbi_grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap:15px;
    position: relative;
    z-index: 3;
    }
    
.zhbi_item {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    z-index: 2;
}
    
.zhbi_title{
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 100px;
    width: 80%;
    }
    
.zhbi_name{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 70%;
    }
    
.zhbi_text{
    color: #F2F2F2;
    font-size: 18px;
    font-weight: 400;
    }
    
.zhbi_grid .zhbi_item:nth-child(4) .zhbi_content{
    position: relative;
    bottom: 38px;
    }
    
.zhbi_flex {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    position: relative;
    bottom: 50px;
}
    
.zhbi_flex .zhbi_content{
    width: 288px;
    }
    
.zhbi_grid .zhbi_item:nth-child(1)::before {
    content: '';
    position: absolute;
    background-image: url(/storage/app/media/lines/line.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    bottom: 53px;
    z-index: 1;
    left: 111px;
}

.zhbi_grid .zhbi_item:nth-child(3)::before {
    content: '';
    position: absolute;
    background-image: url(/storage/app/media/lines/line2.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    bottom: 76px;
    z-index: 1;
    left: 122px;
}


.zhbi_grid .zhbi_item:nth-child(3)::after {
    content: '';
    position: absolute;
    background-image: url(/storage/app/media/lines/line3.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 131px;
    top: 178px;
}
    
.zhbi_item img{
    position: relative;
    z-index: 2;
    }
    
.about_offer_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom:200px;
}

.about_offer {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background: #FE8103;
}

.about_offer:nth-child(2) {
    border: 1px solid #E9E9E9;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background: #FFF;
}

.about_offer:nth-child(4) {
    border: 1px solid #E9E9E9;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    background: #FFF;
}

.about_offer_title{
    color: #2F3540;
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
    }
    
.about_offer_text{
    color: #FFFFFF;
    font-size: 23px;
    font-weight: 400;
    }
    
.about_offer:nth-child(2) .about_offer_text{
    color:#151515;
    font-size: 23px;
    font-weight: 400;
    }
    
.about_offer:nth-child(4) .about_offer_text{
    color:#151515;
    font-size: 23px;
    font-weight: 400;
    }
    
.prem_block {
    background: #151515;
    width: 100%;
    padding: 100px 0px;
    position: relative;
    margin-bottom: 200px;
}

.zhbi_flex-flex {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    left: 35px;
}
    
.zhbi_item-item{
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    z-index: 2;
    justify-content: center;
    }

.zhbi_content-content{
    width: 29%;
    }
    
.prem_block-block{
    background: #151515;
    width: 100%;
    padding: 100px 0px;
    position: relative;
    margin-bottom: 200px;
    }

.zhbi_item-item::before {
    content: '';
    position: absolute;
    left: 0;
    background-image: url(/storage/app/media/lines/line4.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    bottom: 20px;
}

.zhbi_item-item{
    position: relative;
    z-index: 1;
    }

.line_img{
    width: 100%;
    height: auto;
    }

.head_line_img{
    position: relative;
    top: -95px;
    z-index: 1;
    }
    
.head_line_img {
    position: absolute;
    top: -95px;
    pointer-events: none; 
    z-index: 1;
}
    
.fot_line_img {
    position: absolute;
    bottom: -90px;
    z-index: 1;
    pointer-events: none; 
}

.lines_block{
    position: relative;
    }
    
.footer_block{
    position: relative;
    }
    
.zhbi_item-item img{
    position: relative;
    z-index: 2;
    }
    
.form_head {
    display: flex;
    gap: 20px;
}

.contact_content:nth-child(3) {
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
}

.next_proekt{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.next_proekt:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }
    
.prev_proekt{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.prev_proekt:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }
    
.prev_partner{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.prev_partner:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }
    
.next_partner{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.next_partner:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }
    
.prev-realizatsiya{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.prev-realizatsiya:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }
    
.next-realizatsiya{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.next-realizatsiya:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }   
    
.prev-bsu{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.prev-bsu:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }
    
.next-bsu{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.next-bsu:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }
    
.prev-job{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.prev-job:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }
    
.next-job{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.next-job:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }
    
.prev-diploms{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.prev-diploms:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }
    
.next-diploms{
    border: 2px solid #151515;
    padding: 15.2px 19px;
    }
    
.next-diploms:hover{
    border: 2px solid #AEAEAE;
    padding: 15.2px 19px;
    }
    
.beton_product_grid{
    display: flex;
    justify-content: center;
    gap: 30px;
    position: relative;
    z-index: 2;
    margin-bottom: 100px;
    flex-wrap: wrap;
    }
    
.about_diploms_slider .slick-slide:nth-child(3) img{
    width: 100%;
    height: 386px;
    }
    
.about_diploms_slider .slick-slide:nth-child(4) img{
    width: 100%;
    height: 386px;
    }
    
.about_diploms_slider .slick-slide:nth-child(5) img{
    width: 100%;
    height: 386px;
    }
    
.about_diploms_slider .slick-slide:nth-child(6) img{
    width: 100%;
    height: 386px;
    }
    
.about_diploms_slider .slick-slide:nth-child(7) img{
    width: 100%;
    height: 386px;
    }
    
.about_diploms_slider .slick-slide:nth-child(8) img{
    width: 100%;
    height: 386px;
    }
    
.otzyv_slider .slick-slide:nth-child(5) img{
    border: 10px solid #575757;
    }
    
.otzyv_slider .slick-slide:nth-child(6) img{
    border: 10px solid #575757;
    }
    
.otzyv_slider .slick-slide:nth-child(7) img{
    border: 10px solid #575757;
    }
    
.otzyv_slider .slick-slide:nth-child(8) img{
    border: 10px solid #575757;
    }
    
.otzyv_slider .slick-slide:nth-child(9) img{
    border: 10px solid #575757;
    }
    
.otzyv_slider .slick-slide:nth-child(10) img{
    border: 10px solid #575757;
    }
    
.head_line_img {
top: -100px !important;
left: -2px !important;
right: -2px !important;
width: calc(100% + 4px) !important;
}
.fot_line_img {
left: -2px !important;
bottom: -100px !important;
width: calc(100% + 4px) !important;
right: -2px !important;
}

@media (min-width: 2490px) {
.blck {
clip-path: polygon(0 0, 76% 0%, 100% 23%, 100% 100%, 25% 100%, 0 80%) !important;
} 
}

@media (max-width: 2010px) {
.head_line_img {
top: -50px !important;    
}
.fot_line_img {
bottom: -50px!important ;
}
.blck {
clip-path: polygon(0 0, 70% 0%, 100% 14%, 100% 100%, 30% 100%, 0 85%) !important;
} 
}

.ll {
  padding: 100px 0 !important;
  position: relative;
}

.ll__top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateY(-45%);
}

.ll__top img {
    width: 100%;
}

.ll__bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    transform: translateY(45%);
}

.ll__bottom img {
    width: 100%;
}

.main_otzyv_block, .prem_block, .peskobeton_block, .zhbi_block, .prem_block-block {
    clip-path: none !important;
    padding: 100px 0 !important;
}

.main_about_grid {
margin-bottom: 200px;    
}

.header__phones {
display: flex;
align-items: center;
column-gap: 9px;
}

.header__phones-items {
display: flex;
align-items: center;
column-gap: 20px;
}

.header__phones-item {
font-weight: 500;
font-size: 17px;
text-transform: uppercase;
color: #151515;
position: relative;
}

.header__phones-item:hover {
text-decoration: underline;
}

.header__phones-item:not(:last-child)::after {
content: "/";
display: block;
position: absolute;
top: 0;
right: -14px;
font-weight: 500;
font-size: 17px;
text-transform: uppercase;
color: #cacaca;
}

@media (max-width: 767px) {
.header__phones {
display: none;    
}
.header-lang {
margin-left: auto;
margin-right: 20px;
}
}

.beton_product_grid, .realizatsiya_product_grid {
    display: flex;
    flex-wrap: wrap;
}

.product_item {
    flex: 0 0 calc(33.333% - 20px);
}

.product_item {
display: flex;
flex-direction: column;
}

.product_number {
flex-grow: 1;    
}