body {

}

.logo {
    width:128px;
}

.first_service {
    margin-top:42px;
}

.footer {
    display: none;
    flex-direction: row;
}

.main {
    width: 50%;
    padding-left: 25%;
}

.mark {
    font-family: 'Courier New';
    margin-top: 7px;
    color: #81a7ff
}

.arimo {
    font-family: "Arimo", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.main_container {
    display: flex;
    flex-direction: row;
}

.main_ico {
    display: flex;
    flex-direction: column;
}

.logo_rudenet {
    display: flex;
    flex-direction: column;
}

.row {
    display: flex;
    flex-direction: column;
}

.column {
    display: flex;
    flex-direction: row;
}

.sm_selected {
    background-color: #3c3c3c;
}

.bottonGeneric {
    padding: 6px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    background-color: #151521;
    color: white;
    border: 2px solid #3b78e7;
}

.fade-in-out {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

    .fade-in-out.visible {
        opacity: 1;
        visibility: visible;
    }

.ico {
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    justify-content:center;
}

    .ico:hover {
        background-color: #141414;
    }

.loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
}

@keyframes spinDots {
    0% {
        transform: scale(0.5) rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    50% {
        transform: scale(0.5) rotate(180deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    100% {
        transform: scale(0.5) rotate(360deg);
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}


@media only screen and (max-width: 769px) {
    .main {
        width: 90%;
        padding-left: 5%;
        zoom: 0.70;
    }

    .main_container {
        display: flex;
        flex-direction: column;
    }

    .ico {
        width: 70px;
        height: 70px;
        padding-left: 10px;
        padding-right: 10px;
        zoom: 0.75;
    }

    .main_ico {
        display: flex;
        flex-direction: row;
        align-items:center;
    }

    .logo {
        width: 88px;
    }
    .first_service {
        margin-top: 0px;
    }

    .logo_rudenet {
        display: none;
        flex-direction: column;
    }
    .footer {
        display: flex;
        flex-direction: row;
    }
}