@import url("/files/customsite/CS_487/ID_592/css/base.css");

.sbs-customsite h1, .sbs-customsite h2, .sbs-customsite h3 {
    font-family: 'paralucent', "Arial", sans-serif;
    text-transform: uppercase;
}

.sbs-customsite p {
    font-weight: bold;
}

#top {
    background-image: url(/files/customsite/CS_583/ID_709/img/top.jpg);
    min-height: 29vw;
}

#logo {
    max-width: 20em;
    display: block;
    margin: 0 auto 2em auto;
}

#logo>img {
    display: block;
    max-width: 100%;
}

#mechanism {
    text-align: center;
    font-size: 24px;
    padding: 4em 0;
}

#mechanism .nosto {
    margin-bottom: 4em;
}

#mechanism .inner {
    /* max-width: 42em; */
    margin: 0 auto;
}

#mechanism .tarina {
    margin-top: 4em;
}

.nosto, .tarina, .ingressi {
    max-width: 40em;
    margin: 0 auto;
}

.products {
    margin: 4em 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: end;
        align-items: flex-end;
}

.products>div {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 200px;
    margin: 0 auto;
    padding: 2em;
    font-size: 14px;
    -ms-flex-positive: 1;
        flex-grow: 1;
    transition: .1s ease-out;
}

.products>div:hover {
    -webkit-transform: translateY(-.5em);
    -moz-transform: translateY(-.5em);
    -ms-transform: translateY(-.5em);
    transform: translateY(-.5em);
}

.products>div img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.products span {
    display: block;
    min-height: 3em;
}

.products a.button {
    display: inline-block;
    background: black;
    width: auto;
}

.button, button, .sbs-customsite a.button, input[type="submit"] {
    display: inline-block;
    background: black;
    width: auto;
}

.products a.button:hover, .button:hover, button:hover, .sbs-customsite a.button:hover, input[type="submit"]:hover{
    background: #f58022;
}

#foot {
    padding: 4em 0;
    background: black;
    color: #fff;
    text-align: center;
}

#foot a {
    margin: 0 2em;
    display: inline-block;
    vertical-align: middle;
}

#terms {
    background: #111;
    color: #ddd;
}

.part {
    max-width: 24em;
    margin: 4em auto;
    font-size: 20px;
}

.sbs-customsite textarea, .sbs-customsite input[type="email"], .sbs-customsite input[type="text"] {
    font-family: 'paralucent', "Arial", sans-serif;
    font-size: inherit;
    border-width: 2px;
}

.sbs-customsite textarea:focus, .sbs-customsite input[type="email"]:focus, .sbs-customsite input[type="text"]:focus {
    border-color: #f58022;
}
.sbs-customsite textarea {
    padding: 1em;
}

section.sbsform .wrapped>span {
    text-align: left;
    font-size: 12px;
}