/* _content/OrderEntry.Site/Shared/MainLayout.razor.rz.scp.css */

[b-0rg7q9b1pl] .CS{
    background-color:rgb(255, 255, 255);
    width:100%;
    height:50px;
}
@media only screen and (min-width: 800px) {
    [b-0rg7q9b1pl] .home2, .about2[b-0rg7q9b1pl], .login2[b-0rg7q9b1pl], .Gesacom2[b-0rg7q9b1pl], .ChooseLanguage2[b-0rg7q9b1pl] {
        display: none;
    }
}
    [b-0rg7q9b1pl] .selet-lang {
        height: 30px;
        width: 70px;
        background-color: aqua;
        display: block;
        border-radius: 5px;
        border: 1px;
        opacity: 90%;
        cursor: pointer;
        background-color: rgb(255, 255, 255);
        color: black;
    }

    .ChooseLanguage[b-0rg7q9b1pl] {
        margin-top: 10px;
        position: absolute;
        margin-left: 1780px;
    }

    .flotbar[b-0rg7q9b1pl] {
        position: absolute;
        margin-top: 30px;
        margin-left: 450px;
        height: 120px;
        width: 1000px;
        background-color: rgb(255, 255, 255);
        border-radius: 10px 10px 10px 10px;
        border-top: 0;
        border-left: 0;
        border-bottom: 0;
        border-right: 0;
    }

    .logo[b-0rg7q9b1pl] {
        margin-left: 40px;
        margin-top: 9px;
        height: 35px;
    }

    .b[b-0rg7q9b1pl] {
        background-image: url(../images/Immagine-ChiSiamo.png);
        height: 500px;
        width: 100%;
    }

    a[b-0rg7q9b1pl] {
        text-decoration: none;
        align-items: center;
    }

    .home[b-0rg7q9b1pl] {
        text-decoration: none;
        margin-left: 400px;
        margin-top: -30PX;
        position: absolute;
        font-family: verdana,bold;
        font-size: 16px;
        color: black;
    }

    .about[b-0rg7q9b1pl] {
        text-decoration: none;
        margin-left: 510px;
        margin-top: -30PX;
        position: absolute;
        font-family: verdana,bold;
        font-size: 16px;
        color: black;
    }

    .login[b-0rg7q9b1pl] {
        text-decoration: none;
        text-decoration: none;
        margin-left: 765px;
        margin-top: -30PX;
        position: absolute;
        font-family: verdana,bold;
        font-size: 16px;
        color: black;
    }

    .Gesacom[b-0rg7q9b1pl] {
        text-decoration: none;
        margin-left: 620px;
        margin-top: -30PX;
        position: absolute;
        font-family: verdana,bold;
        font-size: 16px;
        color: black;
    }

    [b-0rg7q9b1pl] h1 {
        display: block;
        text-align: center;
        color: rgb(255, 255, 255);
        margin-top: -340px;
        font-size: 100px;
        font-family: verdana,bold;
        letter-spacing: 5px;
        margin-left: 30PX;
    }

    p[b-0rg7q9b1pl] {
        font-family: Monospace;
        font-size: x-large;
    }

    .Testo1[b-0rg7q9b1pl] {
        color: rgb(255, 255, 255);
        position: absolute;
        max-width: 900px;
        margin-left: 490PX;
        text-align: center;
        margin-top: -50PX;
        font-size: 30px;
        font-family: verdana,bold;
    }

    [b-0rg7q9b1pl] .div-content1 {
        text-align: center;
        max-width: 800px;
        height: 300px;
        margin-left: 540PX;
        width: 100%;
    }

    .div-credits[b-0rg7q9b1pl] {
        margin-top: 100PX;
        background-color: #54a8d5;
        height: 125px;
        opacity: 80%;
        text-align: center;
    }

    .credits[b-0rg7q9b1pl] {
        margin-left: 600px;
        position: absolute;
        margin-top: 60px;
        color: rgb(255, 255, 255);
    }

    #gesacom[b-0rg7q9b1pl] {
        color: white;
    }

    [b-0rg7q9b1pl] .testo2 {
        position: absolute;
        margin-top: 100px;
        max-width: 800px;
        font-family: verdana,bold;
        color: #646668;
        line-height: 40PX;
    }

    nav ul[b-0rg7q9b1pl] {
        list-style: none;
    }




    [b-0rg7q9b1pl] #slider, ul[b-0rg7q9b1pl] {
        height: 200px;
    }

    [b-0rg7q9b1pl] #slider {
        margin: auto;
        overflow: hidden;
        padding: 20px;
        margin-top: 10px;
        position: relative;
        width: 600px;
    }

        [b-0rg7q9b1pl] #slider li {
            float: left;
            position: relative;
            width: 600px;
            display: inline-block;
            height: 200px;
        }

        [b-0rg7q9b1pl] #slider ul {
            list-style: none;
            position: absolute;
            left: 0px;
            top: 0px;
            width: 9000px;
            transition: left .2s linear;
            -moz-transition: left .2s linear;
            -o-transition: left .2s linear;
            -webkit-transition: left .2s linear;
            margin-left: -25px;
            font-family: open sans;
            color: #666;
        }

    /*** Content ***/

    [b-0rg7q9b1pl] .slider-container {
        color: #000;
        margin: 0 auto;
        padding: 0;
        width: 600px;
        min-height: 180px;
        text-align: center;
    }

        [b-0rg7q9b1pl] .slider-container h2 {
            color: #fff;
        }

        [b-0rg7q9b1pl] .slider-container p {
            margin: 10px 25px;
            font-weight: semi-bold;
            line-height: 150%;
        }

    /*** target hooks ****/

    @-webkit-keyframes slide-animation {
        0% {
            opacity: 0;
        }

        2% {
            opacity: 1;
        }

        20% {
            left: 0px;
            opacity: 1;
        }

        22.5% {
            opacity: -1;
        }

        33% {
            left: -600px;
            opacity: 1;
        }

        66% {
            left: -600px;
            opacity: 1;
        }

        70% {
            opacity: 0.6;
        }

        100% {
            left: -1200px;
            opacity: 1;
        }
    }

    [b-0rg7q9b1pl] #slider ul {
        -webkit-animation: slide-animation 10s infinite;
    }

        [b-0rg7q9b1pl] #slider ul:hover {
            -moz-animation-play-state: paused;
            -webkit-animation-play-state: paused;
        }

    [b-0rg7q9b1pl] .TS {
        color: rgb(255, 255, 255);
        font-family: verdana, bold;
        font-size: 27px;
        letter-spacing: 3px;
    }

    [b-0rg7q9b1pl] .sottoT {
        height: 20%;
    }

    [b-0rg7q9b1pl] .img-indirizzo {
        position: absolute;
        margin-top: 75px;
        width: 70px;
        max-height: 70px;
        margin-left: 500px;
    }

    [b-0rg7q9b1pl] .indirizzo {
        position: absolute;
        margin-top: 175px;
        margin-left: 450px;
        font-size: larger;
        text-align: justify;
        color: #366f8d;
    }

    [b-0rg7q9b1pl] #indirizzo {
        position: absolute;
        margin-top: 150px;
        margin-left: 505px;
    }

    [b-0rg7q9b1pl] .img-contatti {
        position: absolute;
        margin-top: 80px;
        width: 70px;
        max-height: 70px;
        margin-left: 900px;
    }

    [b-0rg7q9b1pl] .Contatti {
        position: absolute;
        margin-top: 150px;
        margin-left: 902px;
    }

    [b-0rg7q9b1pl] .Mail-Assistenza {
        font-size: larger;
        position: absolute;
        margin-top: 175px;
        margin-left: 780px;
        color: #366f8d;
    }

    [b-0rg7q9b1pl] .Mail-Suggerimenti {
        font-size: larger;
        position: absolute;
        margin-top: 205px;
        margin-left: 780px;
        color: #366f8d;
    }

    [b-0rg7q9b1pl] .Contatto-Generico {
        font-size: larger;
        position: absolute;
        margin-top: 235px;
        margin-left: 780px;
        color: #366f8d;
    }

    [b-0rg7q9b1pl] .img-Telefono {
        position: absolute;
        margin-top: 75px;
        max-height: 70px;
        width: 70px;
        margin-left: 1300px;
    }

    [b-0rg7q9b1pl] #Telefono {
        position: absolute;
        margin-top: 150px;
        margin-left: 1302px;
    }

    [b-0rg7q9b1pl] .Telefono {
        font-size: larger;
        position: absolute;
        margin-top: 180px;
        margin-left: 1275px;
        color: #366f8d;
    }

    [b-0rg7q9b1pl] .div-content2 {
        height: 206px;
    }

    [b-0rg7q9b1pl] .A {
        position: absolute;
        margin-left: 650PX;
        margin-top: -260PX;
        width: 250px;
        height: 40px;
        border-radius: 10px;
        border: 1px;
        opacity: 90%;
    }

    [b-0rg7q9b1pl] .B {
        position: absolute;
        margin-left: 650PX;
        margin-top: -200PX;
        width: 250px;
        height: 40px;
        border-radius: 10px;
        border: 2px;
        opacity: 90%;
    }

    [b-0rg7q9b1pl] .C {
        position: absolute;
        margin-left: 650PX;
        margin-top: -140PX;
        width: 250px;
        height: 40px;
        border-radius: 10px;
        border: 2px;
        opacity: 90%;
    }

    [b-0rg7q9b1pl] .D {
        position: absolute;
        margin-left: 950PX;
        margin-top: -260PX;
        width: 200px;
        height: 80px;
        border-radius: 10px;
        border: 2px;
        min-width: 250px;
        min-height: 160px;
        max-width: 250px;
        max-height: 80px;
        opacity: 90%;
        resize: none;
    }

    [b-0rg7q9b1pl] .E {
        position: absolute;
        margin-left: 800PX;
        margin-top: -80Px;
        width: 250px;
        height: 40px;
        border-radius: 10px;
        border: 1px solid;
        cursor: pointer;
        background-color: #74c2ec;
        color: #ffffff;
    }

    [b-0rg7q9b1pl] .invia-Email {
        position: absolute;
        margin-top: -330px;
        margin-left: 830px;
        font-size: 30px;
        color: #ffffff;
        font-family: verdana,bold;
    }

    [b-0rg7q9b1pl] textarea[type=message]::placeholder {
        margin-left: 0px;
        top: 0;
        font-size: 15px;
        vertical-align: 0;
        padding-left: 10px;
        padding-top: 5px;
    }

    [b-0rg7q9b1pl] input[type=text]::placeholder {
        left: 0px;
        top: 0;
        font-size: 15px;
        vertical-align: 0;
        padding-left: 10px;
    }

    [b-0rg7q9b1pl] .Mail {
        color: #000000;
    }

    [b-0rg7q9b1pl] .Mail2 {
        color: #000000;
    }

    [b-0rg7q9b1pl] .Mail3 {
        color: #000000;
    }



    /*MOBILE*/


    @media only screen and (max-width: 600px) {
        [b-0rg7q9b1pl] .TS {
            color: rgb(255, 255, 255);
            font-family: verdana, bold;
            font-size: 15px;
            letter-spacing: 3px;
        }
         [b-0rg7q9b1pl] #slider, ul[b-0rg7q9b1pl] {
        height: 200px;
    }

    [b-0rg7q9b1pl] #slider {
        margin: auto;
        overflow: hidden;
        padding: 20px;
        margin-top: 10px;
        position: center;
        width: 400px;
    }

        [b-0rg7q9b1pl] #slider li {
            position: relative;
            width: 400px;
            display: inline-block;
            height: 200px;
        }

        [b-0rg7q9b1pl] #slider ul {
            list-style: none;
            position: relative;
            left: 0px;
            top: 0px;
            width: 9000px;
            transition: left .2s linear;
            -moz-transition: left .2s linear;
            -o-transition: left .2s linear;
            -webkit-transition: left .2s linear;
            margin-left: -25px;
            font-family: open sans;
            color: #666;
        }

    /*** Content ***/

    [b-0rg7q9b1pl] .slider-container {
        color: #000;
        margin-left:-55px;
        padding: 0;
        width: 400px;
        min-height: 180px;
        text-align: center;
    }

        [b-0rg7q9b1pl] .slider-container h2 {
            color: #fff;
        }

        [b-0rg7q9b1pl] .slider-container p {
            margin: 10px 25px;
            font-weight: semi-bold;
            line-height: 150%;
        }

    /*** target hooks ****/

    @-webkit-keyframes slide-animation {
        0% {
            opacity: 0;
        }

        2% {
            opacity: 1;
        }

        20% {
            left: 0px;
            opacity: 1;
        }

        22.5% {
            opacity: -1;
        }

        33% {
            left: -400px;
            opacity: 1;
        }

        66% {
            left: -400px;
            opacity: 1;
        }

        70% {
            opacity: 0.6;
        }

        100% {
            left: -800px;
            opacity: 1;
        }
    }

    [b-0rg7q9b1pl] #slider ul {
        -webkit-animation: slide-animation 10s infinite;
    }

        [b-0rg7q9b1pl] #slider ul:hover {
            -moz-animation-play-state: paused;
            -webkit-animation-play-state: paused;
        }






        [b-0rg7q9b1pl] .CS {
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 60px;
            margin-left: 375PX;
            margin-top: 0px;
            display: block;
            position: absolute;
        }

        [b-0rg7q9b1pl] .selet-lang {
            height: 30px;
            width: 75px;
            background-color: aqua;
            display: block;
            border-radius: 5px;
            border: 1px;
            opacity: 90%;
            cursor: pointer;
            font-family: verdana, bold;
            font-size: large;
            background-color: #4491c1;
            color: rgb(255, 255, 255);
        }

        [b-0rg7q9b1pl] .ChooseLanguage {
            margin-top: 10px;
            position: absolute;
            margin-left: 1720px;
            display: none;
        }

        [b-0rg7q9b1pl] .ChooseLanguage2 {
            margin-top: -20px;
            position: absolute;
            margin-left: 40px;
        }

        [b-0rg7q9b1pl] .b {
            background: #4491c1;
            height: 375px;
            width: 100%;
        }

        [b-0rg7q9b1pl] .logo {
            margin-left: 30PX;
            margin-top: 20px;
            height: 25px;
        }

        [b-0rg7q9b1pl] h1 {
            text-align: center;
            color: rgb(255, 255, 255);
            padding-top: 80px;
            font-size: 40px;
            font-family: verdana,bold;
            letter-spacing: 0px;
            margin-left: 5PX;
        }


        [b-0rg7q9b1pl] .div-content1 {
            margin-top:60px;
            text-align: center;
            max-width: 300px;
            height: 100px;
            margin-left: 0PX;
        }

        [b-0rg7q9b1pl] .testo2 {
            position: absolute;
            margin-top: 0px;
            max-width: 266px;
            font-family: verdana,bold;
            color: #646668;
            line-height: 25PX;
            margin-left: 50px;
            font-size: 12px;
        }

        [b-0rg7q9b1pl] .div-credits {
            margin-top: 207PX;
            background-color: #54a8d5;
            height: 50px;
            opacity: 80%;
            text-align: center;
        }

        [b-0rg7q9b1pl] .credits {
            margin-left: 30px;
            position: absolute;
            margin-top: 20px;
            color: rgb(255, 255, 255);
            font-size: 9px;
        }

        [b-0rg7q9b1pl] nav {
            margin-top: 100px;
            width: 100%;
            height: 90%;
            position: fixed;
            top: 0;
            left: 0;
            background: #4491c1;
            z-index: 69;
            transition: .3S;
            transform: translateX(-100%);
        }

        .wide[b-0rg7q9b1pl] {
            transform: translateX(0);
        }

        nav ul[b-0rg7q9b1pl] {
            list-style: none;
            padding: 60px;
        }

        nav li[b-0rg7q9b1pl] {
            font-size: medium;
            color: rgb(255, 255, 255);
        }

        .navbar[b-0rg7q9b1pl] {
            display: block;
            padding: 10px;
            position: absolute;
            top: 17px;
            right: 20px;
            z-index: 90;
            cursor: pointer;
            background: #ffffff;
        }

        .iconbar[b-0rg7q9b1pl] {
            display: block;
            width: 22px;
            height: 3px;
            background: #000000;
            margin-bottom: 4px;
        }

        [b-0rg7q9b1pl] .home, .about[b-0rg7q9b1pl], .login[b-0rg7q9b1pl], .Gesacom[b-0rg7q9b1pl] {
            display: none;
        }

        [b-0rg7q9b1pl] .home2 {
            text-decoration: none;
            margin-left: -15px;
            margin-top: -40PX;
            position: absolute;
            font-family: verdana,bold;
            font-size: large;
            color: rgb(255, 255, 255);
        }

        [b-0rg7q9b1pl] .about2 {
            text-decoration: none;
            margin-left: -15px;
            margin-top: 0PX;
            position: relative;
            font-family: verdana,bold;
            font-size: large;
            color: rgb(255, 255, 255);
        }

        [b-0rg7q9b1pl] .login2 {
            text-decoration: none;
            text-decoration: none;
            margin-left: -15px;
            margin-top: 20PX;
            position: absolute;
            font-family: verdana,bold;
            font-size: large;
            color: rgb(255, 255, 255);
        }

        [b-0rg7q9b1pl] .Gesacom2 {
            text-decoration: none;
            margin-left: -15px;
            margin-top: 60PX;
            position: absolute;
            font-family: verdana,bold;
            font-size: large;
            color: rgb(255, 255, 255);
        }




        [b-0rg7q9b1pl] .sottoT {
            height: 20%;
        }

        [b-0rg7q9b1pl] .div-content2 {
            height: 446px;
        }

        [b-0rg7q9b1pl] .invia-Email {
            position: absolute;
            margin-top: -260px;
            margin-left: 75px;
            font-size: 30px;
            color: #ffffff;
            font-family: verdana,bold;
        }

        [b-0rg7q9b1pl] .invia-Email-ST {
            position: absolute;
            margin-top: -195px;
            margin-left: 530px;
            color: #ffffff;
        }

        [b-0rg7q9b1pl] .invia-Email-ST2 {
            position: absolute;
            margin-top: -165px;
            margin-left: 505px;
            color: #ffffff;
        }

        [b-0rg7q9b1pl] textarea[type=message]::placeholder {
            margin-left: 0px;
            top: 0;
            font-size: 15px;
            vertical-align: 0;
            padding-left: 10px;
            padding-top: 5px;
        }

        [b-0rg7q9b1pl] input[type=text]::placeholder {
            left: 0px;
            top: 0;
            font-size: 15px;
            vertical-align: 0;
            padding-left: 10px;
        }

        [b-0rg7q9b1pl] .A {
            margin-left: 20px;
            margin-top: -200px;
            width: 135px;
        }

        [b-0rg7q9b1pl] .B {
            margin-left: 20px;
            margin-top: -150px;
            width: 135px;
        }

        [b-0rg7q9b1pl] .C {
            margin-left: 20px;
            margin-top: -100px;
            width: 135px;
        }

        [b-0rg7q9b1pl] .D {
            margin-left: 175px;
            margin-top: -200px;
            min-width: 135px;
            min-height: 90px;
            max-width: 135px;
            max-height: 90px;
        }

        [b-0rg7q9b1pl] .E {
            margin-left: 175px;
            margin-top: -100px;
            width: 135px;
        }

        /*sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/

        [b-0rg7q9b1pl] .img-indirizzo {
            margin-top: 500px;
            margin-left: 140px;
            width: 50px;
        }

        [b-0rg7q9b1pl] #indirizzo {
            margin-left: 135px;
            margin-top: 560px;
        }

        [b-0rg7q9b1pl] .indirizzo {
            margin-left: 65px;
            margin-top: 580px;
        }

        [b-0rg7q9b1pl] .img-contatti {
            margin-top: 235px;
            width: 50px;
            max-height: 70px;
            margin-left: 140px;
        }

        [b-0rg7q9b1pl] .Contatti {
            margin-left: 135px;
            margin-top: 295px;
        }

        [b-0rg7q9b1pl] .Mail-Assistenza {
            font-size: larger;
            position: absolute;
            margin-top: 320px;
            margin-left: 70px;
            color: #366f8d;
        }

        [b-0rg7q9b1pl] .Mail-Suggerimenti {
            font-size: larger;
            position: absolute;
            margin-top: 375px;
            margin-left: 80px;
            color: #366f8d;
        }

        [b-0rg7q9b1pl] .Contatto-Generico {
            font-size: larger;
            position: absolute;
            margin-top: 430px;
            margin-left: 95px;
            color: #366f8d;
        }

        [b-0rg7q9b1pl] .img-Telefono {
            margin-top: 70px;
            width: 50px;
            max-height: 70px;
            margin-left: 140px;
        }

        [b-0rg7q9b1pl] #Telefono {
            margin-left: 135px;
            margin-top: 130px;
        }

        [b-0rg7q9b1pl] .Telefono {
            font-size: larger;
            position: absolute;
            margin-top: 160px;
            margin-left: 90px;
            color: #366f8d;
        }

        [b-0rg7q9b1pl] .Mail {
            margin-left: 25px;
            color: #000000;
        }

        [b-0rg7q9b1pl] .Mail2 {
            color: #000000;
            margin-left: 8px;
        }

        [b-0rg7q9b1pl] .Mail3 {
            color: #000000;
            margin-left: -10px;
        }
    }