/**************** extend css start ****************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:800|Poppins:300,400,500,600,700,800|Roboto:300,400,500");

/**************** extend css start ****************/
/**************** common css start ****************/
/* line 3, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
body {
    font-family: "Roboto", sans-serif;
    padding: 0;
    margin: 0;
    font-size: 14px;
    background-image: url(../img/background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*************** personal style *******************/

/* line 72, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
h1, h2, h3, h4, h5, h6 {
    color: #A29D9F;
    font-family: "Poppins", sans-serif;
}

/* line 76, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
p {
    font-family: "Roboto", sans-serif;
    line-height: 1.929;
    font-size: 14px;
    margin-bottom: 0px;
    color: #777777;
}

/* line 85, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
h2 {
    font-size: calc(1.2em + 1vw);
    line-height: 28px;
    color: #707070;
    font-weight: 500;
    line-height: 1.222;
}

/* line 116, E:/172 Etrain Education/172_Etrain_Education_html/sass/_common.scss */
img {
    max-width: 100%;
}

.logosBar {
    width: 100%;
    bottom: : 0px;
    background-color: #fff;
}
.logosBar img {
    width: 15%;
}

.imgAfiliate {
    position: absolute;
    width:23%;
    right: 50px;
    top: -10px;
    z-index: 999;
    cursor: pointer;
}

/**************menu part logo*****************/
.main_menu_img {
    width: 15%;
}

/**************menu part start*****************/
/* line 2, E:/172 Etrain Education/172_Etrain_Education_html/sass/_menu.scss */
.main_menu {
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    background-color: #fff;
    width: 100%;
    z-index: 999;
}

/* line 12, E:/172 Etrain Education/172_Etrain_Education_html/sass/_menu.scss */
.main_menu .navbar {
    padding: 5px 0px;
}


/**************** banner part css start ****************/
/* line 2, E:/172 Etrain Education/172_Etrain_Education_html/sass/_banner.scss */
.banner_part {;
    height: 450px;
    padding: 0 50px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
}

/* line 30, E:/172 Etrain Education/172_Etrain_Education_html/sass/_banner.scss */
.banner_text_iner {
    display: block;
    width: 100%;
}

/* line 106, E:/172 Etrain Education/172_Etrain_Education_html/sass/_banner.scss */
.banner_part .banner_text p {
    font-size: calc(.4em + 1vw);
    line-height: 1.8;
    font-family: "Roboto", sans-serif;
    color: #777777;
    text-align: justify;
}

.banner_part .banner_text p1 {
    font-size: calc(.4em + 1vw);
    line-height: 1.8;
    font-family: "Roboto", sans-serif;
    color: #777777;
    text-align: justify;
}

.banner_part .banner_text h2 {
    white-space: nowrap;
}


/* line 97, E:/172 Etrain Education/172_Etrain_Education_html/sass/_elements.scss */
h2 {
    font-size: calc(1em + 1vw);
}

/* line 117, E:/172 Etrain Education/172_Etrain_Education_html/sass/_elements.scss */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
}

/* line 127, E:/172 Etrain Education/172_Etrain_Education_html/sass/_elements.scss */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    color: #828bb2;
}

@media (max-width: 3550px) {
    .main_menu_img {
        width: 35%;
    }
    .imgAfiliate {
        width: 15%;
    }
    .logosBar img {
        width: 14%;
    }
    .banner_part {
        height: 1300px;
    }
    .banner_text_iner {
        width: 100%;
    }
}

@media (max-width: 2000px) {
    .main_menu_img {
        width: 20%;
    }
    .imgAfiliate {
        width: 20%;
    }
    .logosBar img {
        width: 14%;
    }
    .banner_part {
        height: 470px;
    }
    .banner_text_iner {
        width: 65%;
    }
}

@media (max-width: 1700px) {
    .main_menu_img {
        width: 18%;
    }
    .imgAfiliate {
        width: 20%;
    }
    .logosBar img {
        width: 14%;
    }
    .banner_part {
        height: 400px;
    }
    .banner_text_iner {
        width: 60%;
    }
}

@media (max-width: 1792px) {
    .main_menu_img {
        width: 18%;
    }
    .imgAfiliate {
        width: 20%;
    }
    .logosBar img {
        width: 12%;
    }
    .banner_part {
        height: 420px;
    }
    .banner_text_iner {
        width: 65%;
    }
}


@media (max-width: 1450px) {
    .main_menu_img {
        width: 17%;
    }
    .logosBar img {
        width: 14%;
    }
    .banner_part {
        height: 380px;
    }
    .banner_text_iner {
        width: 55%;
    }
}

@media (max-width: 1367px) {
    .main_menu_img {
        width: 16%;
    }
    .imgAfiliate {
        width: 20%;
    }
    .logosBar img {
        width: 13%;
    }
    .banner_part {
        height: 340px;
    }
    .banner_text_iner {
        width: 50%;
    }
}

@media (max-width: 1000px) {
    .main_menu_img {
        width: 25%;
    }
    .imgAfiliate {
        width: 30%;
    }
    .banner_text_iner {
        width: 50%;
    }
}

@media (max-width: 800px) {
    .imgAfiliate {
        width: 35%;
    }
    .banner_part {
        height: 460px;
    }
}

@media (max-width: 500px) {
    body {
        background-image: url(../img/background2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .banner_part .banner_text h2 {
        color: #fff;
    }
    .banner_part .banner_text p {
        color: #fff;
    }
    .banner_part .banner_text p1 {
        color: #fff;
    }
    .main_menu_img {
        width: 50%;
    }
    .imgAfiliate {
        width: 40%;
        right: 20px;
    }
    .logosBar img {
        width: 48%;
    }
    .banner_part {
        height: 400px;
        padding: 0 20px;
    }
    .banner_text_iner {
        padding-top: 70px;
        width: 53%;
    }
    .main_menu {
        padding: 0 20px;
    }
}