#machine-extreme-content-container .fatiga{
    cursor: pointer;
}
/* Style the tab */
#machine-extreme-content-container .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width:100%;
    font-size: 80%;
}

/* Style the buttons that are used to open the tab content */
#machine-extreme-content-container .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 12px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
#machine-extreme-content-container .tab button:hover {
    background-color: #ff8000;
}

/* Create an active/current tablink class */
#machine-extreme-content-container .tab button.active {
    background-color: #ff8000;
}

/* Style the tab content */
#machine-extreme-content-container .tabcontent {
    display: none;
    border-top: none;
    color: white;
    font-size:80%;
    padding: 5%;
}


#machine-extreme-content-container .extreme-foundation{
    position: absolute;
    top: 50%;
    left:25%;
    height: 7vh;
    display: none;
}
#machine-extreme-content-container .extreme-foundation-2{
    position: absolute;
    top: 50%;
    left:25%;
    height: 8vh;

}

#machine-extreme-content-container .extreme-nacelle{
    position: absolute;
    top: 35%;
    left: 3%;
}

@media(max-width: 768px) {
    #machine-extreme-content-container .subtitles{
        font-size: 1.2rem;
        padding-left: 5%;
        padding-top: 7%;
        font-weight: bold;
    }
    #machine-extreme-content-container .extreme-nacelle{
        position: absolute;
        top: 5%;
        left: 5%;
        height: 20vh;
    }
    #machine-extreme-content-container .extreme-only-tower{
        position: absolute;
        top: 12%;
        left:8%;
        height: 60vh;
    }
    #machine-extreme-content-container .extreme-tower{
        position: absolute;
        top: 12%;
        left:8%;
        height: 60vh;
    }
    #machine-extreme-content-container .empty-div-1{
        height:20vh;
    }
    #machine-extreme-content-container .empty-div-2{
        height:66vh;
    }
    #machine-extreme-content-container .xtr-bar{
        width: 8vh!important;
        height: 1.5vh!important;
    }
}
@media(min-width: 768px) {
    #machine-extreme-content-container .subtitles{
        font-size: 1.2rem;
        padding-left: 0%;
        padding-top: 0%;
        font-weight: bold;
    }
    #machine-extreme-content-container .extreme-nacelle{
        position: absolute;
        top: 8%;
        left: 55%;
        height: 28vw;
    }
    #machine-extreme-content-container .extreme-only-tower{
        position: absolute;
        top: 42%;
        left:48%;
        height: 43vw;
    }
    #machine-extreme-content-container .extreme-tower{
        position: absolute;
        top: 42%;
        left:48%;
        height: 43vw;
    }
    #machine-extreme-content-container .empty-div-1{
        height:0vh;
    }
    #machine-extreme-content-container .empty-div-2{
        height:0vh;
    }
    #machine-extreme-content-container .xtr-bar{
        width: 4.5vw!important;
        height: 1vw!important;
    }
}
@media(min-width: 768px) and (orientation: portrait){
    #machine-extreme-content-container .extreme-nacelle{
        position: absolute;
        top: 20%;
        left: 45%;
        height: 20vh;
    }
    #machine-extreme-content-container *{
        font-size: 101%!important;
    }
}
#machine-extreme-content-container .button {
    background-color: #ff8000;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.4vh;
    width: 8vw;
    height: 5.5vh;
}
#machine-extreme-content-container .button:hover{
    opacity: 0.7;
    cursor: pointer;
}
#machine-extreme-content-container .nacelle-btn{
    position: absolute;
    left:46.5%;
    top: 50%;
}
#machine-extreme-content-container .blade-btn{
    position: absolute;
    left:46.5%;
    top: 41%;
}
#machine-extreme-content-container .hub-btn{
    position: absolute;
    left:46.5%;
    top: 59%;
}
#machine-extreme-content-container .foundaton-btn{
    position: absolute;
    left:46.5%;
    top:77%;
}
#machine-extreme-content-container .tower-btn{
    position: absolute;
    left:46.5%;
    top:68%;
}
#machine-extreme-content-container .back-btn{
    position: absolute;
    left:2%;
    top:20%;
}

#FOUNDATIONBOLTS{
    position: absolute;
    top: 54%;
    left:45%;
}
#TOWERTOPBOLTS{
    position: absolute;
    top: 66%;
    left:45%; 
}
#FLANGE1BOLTS{
    position: absolute;
    top: 70%;
    left:45%;
}
#HUBPITCHBOLTS{
    position: absolute;
    top: 64%;
    left:55%;
}
#BLADEPITCHBOLTS{
    position: absolute;
    top: 68%;
    left:55%;
}