@font-face {
    font-family: Roboto; /* Имя шрифта */
    src: url(../fonts/Roboto-Regular.ttf); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: RobotoBold; /* Имя шрифта */
    src: url(../fonts/Roboto-Bold.ttf); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: BIGJOHN; /* Имя шрифта */
    src: url(../fonts/BIGJOHN.otf); /* Путь к файлу со шрифтом */
}

.header > div {
    display: flex;
    justify-content: center;

}

#headerText {
    margin-top: 60px;
    min-width: 100px;
}

.myText {
    font-family: Roboto, SansSerif;
    font-size: 16px;
}

.myButton {
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 50px 10px 50px;
    border: solid 2px #db5d5d;
    border-radius: 25px;
    background-color: transparent;
    text-wrap: none;
    max-height: 50px;
    min-width: 200px;

}

.feature {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.feature > img {
    margin: 20px;
}

#yearsImg {
    background-image: url(../img/mmmm.png);
    height: 800px;
    background-repeat: no-repeat;
    background-position: inherit;
    background-position-x: -40%;
}

#aplications {
    background-image: url(../img/aplications.png);
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.sliderBg {
    background-image: url(../img/aplicationsBGslider.png);
    height: 411px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    margin-top: 180px;
}

.bg {
    background-image: url(../img/bg.png);
    background-repeat: no-repeat;
    background-position: center;

}

.list i {
    color: #666666;
    margin-right: 20px;
}

.list li {
    line-height: 40px;
}

.myBlueButton {
    color: white;
    border-radius: 50px;
    font-family: RobotoBold;
    padding: 20px 50px 20px 50px;
    background-color: #3aa9ff;
    outline-color: transparent;
}

.myUl li:before {

    content: "\f058"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    color: #666666;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    margin-right: 20px;
}
.myUl{
    margin-right: 30px;
}

.whyWe {
    margin-top: 100px;
    background-image: url(../img/whyWe.png);
    height: 785px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.contacts i {
    margin-right: 20px;
}

#myForm {
    display: flex;
    flex-direction: column;

}

#myForm input {
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: center;
    border-bottom: solid 2px #2d9bff;
}

#myForm input:active {
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: center;
    border-bottom: solid 2px #2d9bff;
}

#myForm input:focus {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    text-align: center;
    border-bottom: solid 2px #2d9bff;
}

#myForm input:before {
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: center;
    border-bottom: solid 2px #2d9bff;
}

#myForm input:after {
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: center;
    border-bottom: solid 2px #2d9bff;
}

#myCarousel {
    height: 575px;
}

.myWhiteButton {
    margin-right: 9%;
    margin-top: 80px;
    color: white;
    border: 2px solid white;
    border-radius: 40px;
    text-decoration: none;
    padding: 12px 50px;

}

#aplicationsText {
    font-size: 50px;
    font-family: BIGJOHN;
    color: white
}

a.myWhiteButton:hover {
    color: #2d9bff;
    background-color: white;
    text-decoration: none;
    outline-color: transparent;
}

a.myWhiteButton:active {
    color: #2d9bff;
    background-color: white;
    text-decoration: none;
    outline-color: transparent;
}

a.myWhiteButton:after {
    color: #2d9bff;
    background-color: white;
    text-decoration: none;
    outline-color: transparent;
}

a.myWhiteButton:before {
    text-decoration: none;
    outline-color: transparent;
}

a.myWhiteButton:focus {
    text-decoration: none;
    outline-color: transparent;
}

/*PLACEHOLDERS*/
#myForm input::-webkit-input-placeholder {
    color: #666666;
    text-align: center;
}

#myForm input::-moz-placeholder {
    color: #666666;
    text-align: center;
}

/* Firefox 19+ */
#myForm input:-moz-placeholder {
    color: #666666;
    text-align: center;
}

/* Firefox 18- */
#myForm input:-ms-input-placeholder {
    color: #666666;
    text-align: center;
}

#myModalForm input::-webkit-input-placeholder {
    color: #666666;
    text-align: center;
}

#myModalForm input::-moz-placeholder {
    color: #666666;
    text-align: center;
}

/* Firefox 19+ */
#myModalForm input:-moz-placeholder {
    color: #666666;
    text-align: center;
}

/* Firefox 18- */
#myModalForm input:-ms-input-placeholder {
    color: #666666;
    text-align: center;
}

.carousel-inner > .item > img {

    width: 370px;
}

span {
    font-family: Robotto;
}

a:hover {
    text-decoration: none !important;
}

a:focus {
    outline-color: transparent !important;
}

@media all and (max-width: 874px) {
    .header {

    }

}

#myCarousel > div > div > img {
    height: 575px;
    width: 100%;
}

@media (max-width: 1200px) {
    #myCarousel {
        height: 450px;
    }

    #myCarousel > div > div > img {
        height: 450px;
    }

    .text-center {
        margin-top: 40px;
    }

}

@media (max-width: 874px) {
    .header {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
    }

    .header > div {
        margin-left: 15px;
    }

    #myCarousel {
        height: 400px;
    }

    #myCarousel > div > div > img {
        height: 400px;
    }

    .text-center {
        margin-top: 65px;
        margin-right: 0 !important;
    }

    #centralImg2 {
        margin-top: 450px;
    }

    #CUSTOMER {
        flex-direction: column-reverse;
    }

    #CUSTOMER > div {
        width: 90%;
        margin-bottom: 30px;
    }

    #WORKFORCE {
        flex-direction: column;
    }

    #WORKFORCE > div {
        width: 90%;
        margin-bottom: 30px;
    }

}

#WORKFORCE {
    text-align: right;
    margin-top: 100px;
    display: flex;
    align-items: center;
}

#CUSTOMER {
    text-align: left;
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#centralImg2 {
    margin-top: 400px;
}

@media (max-width: 991px) {
    .feature {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .feature > img {

    }
    .listFiaturers{
        justify-content: flex-start!important;
        margin-left: 15px!important;
    }

}

@media (max-width: 495px) {
    .feature {
        display: flex;
        align-items: left;
        flex-direction: column;

    }

    .feature > img {
        margin-left: 50px !important;
    }

    #centralImg2 {
        margin-top: 600px;
    }

    #aplicationsText {
        font-size: 40px;
    }
    .WORKFORCEhead{
        font-size: 30px!important;
    }
    #WORKFORCE>div{
        text-align: left !important;

    }

}

#pcCarousel > div div.item {
    padding: 22% 14% 0 14%;

}
#feedBack{
    width: 100%;
}
#mmmBGimg{
    width: 100%;
}

html {
    overflow-x: hidden!important;
    width: 100%;
}
body{
    overflow-x: hidden!important;
    width: 100%;
}

.WORKFORCEhead {
    text-transform: uppercase;
    color: #db5d5d;
    font-weight: bold;
    font-size: 50px;
    font-family: BIGJOHN;
}

#WORKFORCE>div{
    text-align: right;

}

.listFiaturers{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    flex-wrap: wrap;
}
@media (max-width: 1000px) {
    .whyWe{
        display: none;
    }
}