@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,700);



a,a:hover {
    text-decoration: none;
    color:#F9705E;
}
.zayavka:hover {
    color:#fff;
}
#menu-row {
    background: #ECF5FF;
    height:50px;
}
.header-mail, .header-phone {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #004466;
}
.header-mail:before, .header-phone:before {
    content: "";
    display: inline-block;
    height: 100px;
    width: 26px;
    margin-right: 7px;
    background-size: 26px 26px;
    vertical-align: top;
}
.header-mail:before {
    background: url('/assets/icons/mail.svg') no-repeat center center;

}
.header-phone:before {
    background: url('/assets/icons/phone.svg') no-repeat center center;

}
.btn-zayavka {
    padding: .2rem 1rem;
}
.zayavka {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 50px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #F9705E;
    border: none;
    justify-content: center;
    margin-top: 25px;
}
.menu_active {
    color: #F9705E!important;
}
#block_1 {
    background: url('/assets/img/h_bg_1.jpeg');
    background-size: cover;
}
.block1_padding {
    padding-top: 300px;
    padding-bottom: 300px;
}
.cat_block1_padding {
    padding-top: 150px;
    padding-bottom: 150px;
}
.breadcrumb {
    padding: 0.75rem 0;
    background-color: unset;
}
.breadcrumb-item {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: underline;
    color: #91A2A7;
}
.breadcrumb-item a{
    color: #91A2A7;
}
.breadcrumb-item.active{
    text-decoration-line: none;
}

.hb1_title, .hb2_title, .cat_title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 72px;
    line-height: 88px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    justify-content: center;
    text-align: center;
}
.cat_title {
    font-size: 48px;
}
.hb2_title {
    font-size: 48px;
    color:#0A1417;
}
.pb2_title {
    font-size: 36px;
    color:#0A1417;
}
.hb1_title:before, .hb1_title:after, .hb2_title:before, .hb2_title:after, .cat_title:before, .cat_title:after {
    content: "";
    display: inline-block;
    height: 100px;
    width: 40px;
    vertical-align: top;
}
.cat_title:before, .cat_title:after {
    width: 60px;
}
.hb1_title:before, .hb2_title:before, .cat_title:before {
    margin-right: 20px;
    background: url(/assets/icons/union.svg) no-repeat center center;
    background-size: 40px 40px;
}
.hb1_title:after, .hb2_title:after, .cat_title:after {
    margin-left: 20px;
    background: url(/assets/icons/union_r.svg) no-repeat center center;
    background-size: 40px 40px;
}
.cat_title:before, .cat_title:after {
    background-size: 60px 60px;
}
.hb1_text2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}
.hb2_url_txt1:before, .hb2_url_txt2:before, .hb2_url_txt3:before, .hb2_url_txt4:before, .cat1_url_txt:before {
    content: "";
    display: inline-block;
    height: 100px;
    width: 90px;
    background-size: 80px 80px;
    vertical-align: top;
    margin-right: 20px;
}
.hb2_url_txt1:before {
    background: url(/assets/icons/beam.svg) no-repeat center center;
}
.hb2_url_txt2:before {
    background: url(/assets/icons/proect.svg) no-repeat center center;
}
.hb2_url_txt3:before {
    background: url(/assets/icons/grider.svg) no-repeat center center;
}
.hb2_url_txt4:before {
    background: url(/assets/icons/measure.svg) no-repeat center center;
}
.im_cat1_7_1:before {
    background: url(/assets/icons/im_cat1_7_1.svg) no-repeat center center;
}
.im_cat1_7_2:before {
    background: url(/assets/icons/im_cat1_7_2.svg) no-repeat center center;
}
.im_cat1_7_3:before {
    background: url(/assets/icons/im_cat1_7_3.svg) no-repeat center center;
}
.im_cat1_7_4:before {
    background: url(/assets/icons/im_cat1_7_4.svg) no-repeat center center;
}
.im_cat1_7_5:before {
    background: url(/assets/icons/im_cat1_7_5.svg) no-repeat center center;
}
.im_cat1_7_6:before {
    background: url(/assets/icons/im_cat1_7_6.svg) no-repeat center center;
}
.im_cat1_7_7:before {
    background: url(/assets/icons/im_cat1_7_7.svg) no-repeat center center;
}
.im_cat1_8_1:before {
    background: url(/assets/icons/im_cat1_8_1.svg) no-repeat center center;
}
.im_cat1_8_2:before {
    background: url(/assets/icons/im_cat1_8_2.svg) no-repeat center center;
}
.im_cat1_8_3:before {
    background: url(/assets/icons/im_cat1_8_3.svg) no-repeat center center;
}
.im_cat1_10_1:before {
    background: url(/assets/icons/im_cat1_10_1.svg) no-repeat center center;
}
.im_cat1_10_2:before {
    background: url(/assets/icons/im_cat1_10_2.svg) no-repeat center center;
}
.im_cat1_10_3:before {
    background: url(/assets/icons/im_cat1_10_3.svg) no-repeat center center;
}
.im_cat1_10_4:before {
    background: url(/assets/icons/im_cat1_10_4.svg) no-repeat center center;
}
.im_cat1_10_5:before {
    background: url(/assets/icons/im_cat1_10_5.svg) no-repeat center center;
}
.hb2_url_txt1:after, .hb2_url_txt2:after, .hb2_url_txt3:after, .hb2_url_txt4:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 1.5rem;
    height: 100px;
    width: 12px;
    background-size: 18px 12px;
    vertical-align: top;
    background: url(/assets/icons/arrow_right.svg) no-repeat center center;
}
.hb2_url_txt1, .hb2_url_txt2, .hb2_url_txt3, .hb2_url_txt4, .cat1_url_txt {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #0A1417;
    justify-content: flex-start;
    padding: 35px 25px;
    border: 2px solid #F9705E;
}
.hfb-foto {
    background: url(/assets/img/o-kompanii-foto.jpeg);
    background-size: cover;
    width: 100%;
    height: 100%;
}
.hfbrt {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 50px;
    border-right: 4px solid #F97062;
}
.hfbrb {
    position: absolute;
    bottom: -1rem;
    right: 0;
    width: 0;
    height: 50px;
    border-right: 4px solid #F97062;
}
.hfbb {
    position: absolute;
    bottom: -1rem;
    right: 0;
    width: 50px;
    height: 0;
    border-bottom: 4px solid #F97062;
}
.home_more {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF!important;
    justify-content: center;
    padding: 20px;
    background: #F9705E;
}
.home_slogan {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #0A1417;
}
.h_advant_title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #0A1417;
    justify-content: center;
    padding-top: .5rem;
    padding-bottom: 1rem;
    height: 80px;
}
.h_advant_border {
    border-bottom: 2px solid #F9705E;
    width: 60%;
    margin: auto;
}
.h_advant_txt {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0A1417;
    padding-top: 1.5rem;
}
#block_6, .bg_toogle_menu {
    background: url(/assets/img/bg_callback.png);
    background-size: cover;
    background-color: #ECF5FF;
    background-position: center center;
    z-index: 2;
}
#block_6 .form-control {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    padding: 20px 11px;
    height: auto;
}
#block_6 .col-3 {
    padding-right: 10px;
    padding-left: 10px;
}
.zakaz-input {
    margin-top: 2.5rem;
}
.input_btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
}
.form2-btn2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    justify-content: center;
    padding: 20px;
    background: #F9705E;
    border-color: #F9705E;
    border-width: 1px;
    border-style: solid;
}
.kart-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    text-transform: uppercase;
    color: #0A1417;
}
.kart-addr, .kart-phone, .kart-mail {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #0A1417;
}
.kart-addr:before, .kart-phone:before, .kart-mail:before {
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-right: 15px;
    vertical-align: top;
}
.kart-addr:before {
    background: url(/assets/icons/point.svg) no-repeat center center;
    background-size: 30px 30px;
}
.kart-phone:before {
    background: url(/assets/icons/phone.svg) no-repeat center center;
    background-size: 30px 30px;
}
.kart-mail:before {
    background: url(/assets/icons/mail.svg) no-repeat center center;
    background-size: 30px 30px;
}
.b4-img {
    width:60%;
}
.port-item {
    border: 1px solid #ECF5FF;
    padding: 1.2rem;
}
.port-item:hover {
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.fancy_image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top;
    background-color: rgb(222, 221, 223);
    box-shadow: rgb(14 21 47 / 10%) 0px 6px 18px, rgb(14 21 47 / 2%) 0px -2px 6px;
    transition: opacity 0.15s ease-out 0s, box-shadow 0.15s ease-out 0s, transform 0.15s ease-out 0s, -webkit-box-shadow 0.15s ease-out 0s, -webkit-transform 0.15s ease-out 0s;
}
.portfolio_description {
    font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
text-align: center;
color: #0A1417;
}
.port_item_title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #0A1417;
    margin-top: 1rem;
    min-height: 3rem;
    justify-content: center;
}
.port_item_line {
    border: 1px solid #F9705E;
    width: 70%;
    margin: auto;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.port_item_description {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #0A1417;
}
.port_item_volume {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #004466;
    justify-content: center;
    margin-top: 1rem;
}

.swiper-button-prev, .swiper-container-rtl {
    background-image: url(/assets/icons/arrow_back.svg) !important;
    opacity: .6;
    background-size: 100%;
}
.swiper-button-next, .swiper-container-rtl {
    background-image: url(/assets/icons/arrow_next.svg) !important;
    opacity: .6;
    background-size: 100%;
}
.swiper-button-next, .swiper-button-prev {
    color: transparent!important;
}
.swiper-slide {
    height: auto!important;
}
.port_line {
    border: 1px solid #F9705E;
    width: 30%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.port_customer, .port_description {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #91A2A7;
}
.port_customer span, .port_description span{
    color: #000;
}
.port_volume {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #004466;
}
.contacts-ooo {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    color: #0A1417;
}
.proiz-img-2 {
    float: left;
    padding-right: 1rem;
    padding-bottom: 1rem;
    max-width: 50%;
}
.proiz-img-5 {
    float: left;
    padding-right: 1rem;
    padding-bottom: 1rem;
    max-width: 33%;
}

@media (max-width: 768px) {
    .logo-row {
        display:none;
    }
    .toggle_logo {
        height: 42px;
    }
    .menu-toogle-text {
        align-items: center;
        justify-content: center;
    }
    .header-mail:before, .header-phone:before {
    height: 3rem;
    }
    #menu-row {
    background: #fff;
    height: 70px;
    }
    .hb2_title {
    font-size: 46px;
    }
    .input_btn {
    justify-content: center;
    }
    #cssmenu .submenu-button:before, #cssmenu .submenu-button:after {
    background: #ECF5FF!important;
    }
    .breadcrumb-bg {
    background: #ECF5FF;
    }
}
@media (max-width: 425px) {
    .hb1_title, .hb2_title, .cat_title {
    font-size: 1.5rem;
    line-height: 36px;
    }
    .block1_padding {
    padding-top: 150px;
    padding-bottom: 150px;
    }
    .hb2_url_txt1, .hb2_url_txt2, .hb2_url_txt3, .hb2_url_txt4, .cat1_url_txt {
    font-size: 14px;
    }
    .hb2_url_txt1:before, .hb2_url_txt2:before, .hb2_url_txt3:before, .hb2_url_txt4:before {
    background-size: 50px 50px;
    }
    .hb1_text2 {
    font-size: 21px;
    }
    .home_more {
    font-size: 18px;
    }
    .home_slogan {
    font-size: 21px;
    }
    .b4-img {
    width:50%;
    }
    
}
@media (max-width: 320px) {
    .zayavka {
    font-size: 11px;
    }
    .hb1_title, .hb2_title {
    font-size: 1.1rem;
    line-height: 24px;
    }
    .cat_title {
    font-size: .8rem;
    line-height: 21px;
    }
    .cat_title:before, .cat_title:after {
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    }
    h2 {
    font-size: 1.7rem;
    }
    .home_more {
    font-size: 16px;
    }
    .form2-btn2 {
    font-size: 16px;
    }
    .kart-addr, .kart-phone, .kart-mail {
    font-size: 16px;
    }
    .kart-addr:before {
    background-size: 30px 24px;
    }
}