/*#region ======================== E	S	Q	U	E	M	A ======================*/

.container_esquema {
    display: block;
    justify-content: center;
    /*margin-left: 26%;*/
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
}


.hex-3-row {
    width: 100%;
    height: 877px;
    padding-top: 20px;
}

.hexa, .hexa div {
    transform-origin: 50% 50%;
    overflow: hidden;
    width: 300px;
    height: 300px;
}

#pos_CDM {
    position: relative;
    top: -66px;
    left: 202px;
    width: 225px;
    height: 130px;
}

#bkg_CDM {
    background-size: 60% auto;
    background-image: url("../Images/index/3-01.png");
}

    #bkg_CDM:hover {
        background-size: 68% auto;
        background-image: url("../Images/index/3-01b.png");
        background-position: center;
    }

#bkg_CDM2 {
    background-size: 60% auto;
    background-image: url("../Images/index/2-01.png");
}

    #bkg_CDM2:hover {
        background-size: 68% auto;
        background-image: url("../Images/index/2-01b.png");
        background-position: center;
    }

#bkg_CDM3 {
    background-size: 60% auto;
    background-image: url("../Images/index/4-01.png");
}

    #bkg_CDM3:hover {
        background-size: 68% auto;
        background-image: url("../Images/index/4-01b.png");
        background-position: center;
    }

#bkg_CDM4 {
    background-size: 60% auto;
    background-image: url("../Images/index/5-01.png");
}

    #bkg_CDM4:hover {
        background-size: 68% auto;
        background-image: url("../Images/index/5-01b.png");
        background-position: center;
    }

#bkg_log0 {
    background-size: 60% auto;
    background-image: url("../Images/index/17-03.png");
}

    #bkg_log0:hover {
        background-size: 68% auto;
        background-image: url("../Images/index/17-03b.png");
        background-position: center;
    }

#bkg_log1 {
    background-size: 60% auto;
    background-image: url("../Images/index/8-01.png");
}

    #bkg_log1:hover {
        background-size: 68% auto;
        background-image: url("../Images/index/8-01b.png");
        background-position: center;
    }

#bkg_log2 {
    background-size: 60% auto;
    background-image: url("../Images/index/6-01.png");
}

    #bkg_log2:hover {
        background-size: 68% auto;
        background-image: url("../Images/index/6-01b.png");
        background-position: center;
    }

#bkg_log3 {
    background-size: 60% auto;
    background-image: url("../Images/index/7-01.png");
}

    #bkg_log3:hover {
        background-size: 68% auto;
        background-image: url("../Images/index/7-01b.png");
        background-position: center;
    }

#bkg_mat1 {
    background-size: 60% auto;
    background-image: url("../Images/index/10-01.png");
}

    #bkg_mat1:hover {
        background-size: 68% auto;
        background-image: url("../Images/index/10-01b.png");
        background-position: center;
    }

#bkg_mat2 {
    background-size: 60% auto;
    background-image: url("../Images/index/11-01.png");
}

    #bkg_mat2:hover {
        background-size: 68% auto;
        background-image: url("../Images/index/11-01b.png");
        background-position: center;
    }

#bkg_mat3 {
    background-size: 60% auto;
    background-image: url("../Images/index/9-01.png");
}

    #bkg_mat3:hover {
        background-size: 68% auto;
        background-image: url("../Images/index/9-01b.png");
        background-position: center;
    }


#pos_CDM2 {
    position: relative;
    top: -127px;
    left: 83px;
    width: 225px;
    height: 130px;
}

#pos_CDM3 {
    position: relative;
    top: -191px;
    left: 202px;
    width: 225px;
    height: 130px;
}

#pos_CDM4 {
    position: relative;
    top: -389px;
    left: 319px;
    width: 225px;
    height: 130px;
}

#pos_log {
    position: relative;
    top: -653px;
    left: 318px;
    width: 225px;
    height: 130px;
}

#pos_log2 {
    position: relative;
    top: -716px;
    left: 434px;
    width: 225px;
    height: 130px;
}

#pos_log3 {
    position: relative;
    top: -713px;
    left: 434px;
    width: 225px;
    height: 130px;
}

#pos_log4 {
    position: relative;
    top: -776px;
    left: 319px;
    width: 225px;
    height: 130px;
}

#pos_mat {
    position: relative;
    top: -1040px;
    left: 550px;
    width: 225px;
    height: 130px;
}

#pos_mat2 {
    position: relative;
    top: -1040px;
    left: 550px;
    width: 225px;
    height: 130px;
}

#pos_mat3 {
    position: relative;
    top: -1101px;
    left: 434px;
    width: 225px;
    height: 130px;
}

.hexa {
    width: 425px;
    height: 330px;
    visibility: hidden;
    position: relative;
    transform: rotate(120deg);
}

#pos_circuito {
    position: relative;
    top: 22px;
    left: -61px;
}

#pos_LOG {
    position: relative;
    top: -1249px;
    left: 57px;
}

#pos_MAT {
    position: relative;
    top: -1795px;
    left: 657px;
}

.hexa div {
    width: 100%;
    height: 100%;
}

.hex1 {
    transform: rotate(-60deg);
}

.hex2 {
    transform: rotate(-60deg);
    background-image: url("../Images/index/hexa.png");
    background-position: center;
    background-size: 73% auto;
    background-repeat: no-repeat;
    visibility: visible;
}

    .hex2:hover {
        background-image: url("../Images/index/16.png");
        background-position: center;
        background-size: 82% auto;
    }

#LOG {
    background-image: url("../Images/index/13-01.png");
}


    #LOG:hover {
        background-image: url("../Images/index/15.png");
        background-position: center;
        background-size: 82% auto;
    }

.animacao {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .animacao:hover {
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
    }

#MAT {
    background-image: url("../Images/index/12-01.png");
}

    #MAT:hover {
        background-image: url("../Images/index/14.png");
        background-position: center;
        background-size: 82% auto;
    }


/*#endregion ========== F	I	M		E 	S	Q	U	E	M	A===============================================*/


/*#region ............. MEdia QUerys.*/

@media only screen and (min-width: 1051px) {

    body:after {
        display: none;
        content: url('../Images/index/banner_escuro.png') url('../Images/index/banner_claro.png') url("../Images/index/14.png") url('../Images/index/15.png') url('../Images/index/16.png') url('../Images/index/17-03b.png') url('../Images/index/2-01b.png') url('../Images/index/3-01b.png') url('../Images/index/4-01b.png') url('../Images/index/5-01b.png') url('../Images/index/6-01b.png') url('../Images/index/7-01b.png') url('../Images/index/8-01b.png') url('../Images/index/9-01b.png') url('../Images/index/10-01b.png') url('../Images/index/11-01b.png');
    }
}

@media only screen and (max-width: 1050px) {

    body:after {
        display: none;
        content: url('../Images/index/index_esquema_mobile_log.png') url('../Images/index/index_esquema_mobile_outros.png') url('../Images/index/index_esquema_mobile_CDM.png');
    }

    .slideshow {
        width: 100%;
    }

    .hex-3-row {
        display: none;
    }

    .esquema_mobile {
        height: 1090px;
        background-image: url("../Images/index/index_esquema_mobile.png");
        background-size: 40% auto;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        text-align: -webkit-center;
        margin-top: 70px;
    }

    .esquema_mobile1 {
        display: block;
        height: 1090px;
        background-image: url("../Images/index/index_esquema_mobile_outros.png");
        background-size: 40% auto;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 70px;
    }

    .esquema_mobile2 {
        display: block;
        height: 1090px;
        background-image: url("../Images/index/index_esquema_mobile_log.png");
        background-size: 40% auto;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 70px;
    }

    .esquema_mobile3 {
        display: block;
        height: 1090px;
        background-image: url("../Images/index/index_esquema_mobile_CDM.png");
        background-size: 40% auto;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 70px;
    }

    .pos_outros_mobile {
        height: 32.3%;
        width: 40%;
        display: block;
        margin: 0 auto;
        cursor: pointer;
    }

    .pos_log_mobile {
        height: 26.3%;
        width: 40%;
        display: block;
        margin: 0 auto;
        cursor: pointer;
    }

    .pos_CDM_mobile {
        height: 35.3%;
        width: 40%;
        display: block;
        margin: 0 auto;
        cursor: pointer;
    }

    .middle_block {
        border: none;
    }


    .index_seta_prev, .index_seta_next {
        top: -250px;
        display: inline;
        position: relative;
        right: -805px;
    }

    .dot_wrapper {
        bottom: 20px;
    }

    .mobile_title_form {
        display: block;
    }

    .contact_text {
        display: none;
    }

    .index_form {
        border: none;
    }
}

/*#endregion*/