@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Open+Sans:wght@300;400&display=swap');
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media (max-width: 575.98px) {
    .mainSub {
        font-size: 19px; /* ������ ������ ��� ��������� ������� */
    }
    .labelForm {
        font-size: 14px
    }
}

@media (min-width: 1000px) {
    .aboutCol {
        flex-direction: column;
    }
    .about {
        margin: auto;
        margin-top:0
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  /*margin-bottom: 60px;*/
}

.navbar-brand {
    color: #fff;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.nav-link {
    color: #BFC1C2
}

.navbar-collapse {
    flex-grow: 0;
}

.container-fluid {
    padding: unset
}

#mainPic {
    background-image: url("../Images/metalbg.png");
    background-size: cover;
    margin: 0
}

.mainTitle {
    color: #fff;
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: #000;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.mainSub {
    color: #FFF;
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.contactInfo {
    background: #212427;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px;
    display: inline-block;
    margin: 19px;
    width: 280px;
    text-align: start
}

    .contactInfo > p {
        display: inline-block;
        text-align: start;
    }



.hCustom {
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.card {
    background: #FFF;
    box-shadow: 0px 4px 4px 3px rgba(0, 0, 0, 0.25);
}

.card-title {
    color: #000;
    text-align: center;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.depender {
    height: 20px;
    background: #D9D9D9;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}

.uslImg {
    width: 250px;
    height: 147px;
    flex-shrink: 0;
    display: inline-block
}



#uslImg1 {
    border-radius: 25px;
    background: url("../Images/uslFIrst.png"), lightgray 50% / cover no-repeat;
    mix-blend-mode: luminosity;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease-in-out;
}

    #uslImg1:hover {
        mix-blend-mode: unset;
        transform: scale(1.1);
    }

#uslImg2 {
    border-radius: 25px;
    background: url("../Images/uslSec.png"), lightgray 50% / cover no-repeat;
    mix-blend-mode: luminosity;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease-in-out;
}

    #uslImg2:hover {
        mix-blend-mode: unset;
        transform: scale(1.1);
    }

#uslImg3 {
    border-radius: 25px;
    background: url("../Images/uslThird.png"), lightgray 50% / cover no-repeat;
    mix-blend-mode: luminosity;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease-in-out;
}

    #uslImg3:hover {
        mix-blend-mode: unset;
        transform: scale(1.1);
    }

.uslTitle {
    color: #000;
    text-align: center;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 15px
}

.uslText {
    color: #000;
    text-align: justify;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.about {
    width: 75px;
    height: 90px;
    flex-shrink: 0;
}

#about1 {
    background: url("../Images/medal.png");
}

#about2 {
    background: url("../Images/Quality.png");
}

#about3 {
    background: url("../Images/Good.png");
}

#about4 {
    background: url("../Images/choise.png");
}


.aboutTitle {
    color: #000;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    margin: auto
}

.instText {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 10px;
}

a {
    text-decoration: none
}

.contactUs {
    color: #000;
    font-family: "Open Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.labelForm {
    color: #000;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.labelFormReq {
    color: #F00;
}

input {
    height: 32.8px;
    margin-bottom: 16px;
    border: 1px solid #000;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.footerInfo {
    max-width: 280px;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-left: 33px
}

.footerInfoSm {
    max-width: 200px;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-left: 33px
}

.tableTitle {
    background: #454545;
    color: #FFF;
    text-align: center;
    font-family: "Open Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}