@charset "UTF-8";
/* CSS Document */

body,
h1,
h2,
h3,
h4,
h5,
p {
    font-family: 'Raleway', sans-serif;
}

a {
    text-decoration: none !important;
}


strong {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #fab407;
    text-decoration-style: 3px solid;
}

.imgnavbarsu {
    margin-left: 5px;
    margin-right: 0px;
}

.bg-light {
    background-color: #141414 !important;
}
/* email */
.istruzioni{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  
}




/*------------------------*/
.nav1 {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbarsu {
    font-size: 16px;
    margin-left: 0px;
    margin-right: 10px;
    color: #EDEDED;
    font-weight: 200;
    line-height: 22px;
}

.navbarsutitoli {
    font-size: 16px;
    margin-left: 0px;
    margin-right: 10px;
    color: #EDEDED;
    font-weight: 600;
    line-height: 22px;
}

.navgiu {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #303030;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 5px;
    margin-bottom: 5px;
}


.navbar-light .navbar-nav .nav-link {
    color: #EDEDED;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #fab407;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.nav1 {
    padding-left: 8rem;
    padding-right: 8rem;
}

.nav2 {
    border-top: 1px solid #292929;
    padding-left: 7rem;
    padding-right: 0rem;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navblack1 {
    color: #141414 !important;
}

.navblack {}

.navblack:hover {
    color: #fab407 !important;

}

.boxnav>a {
    color: #141414 !important;
}

.boxnav>a:hover {
    background-color: #141414;
    color: #fab407 !important;
}

.boxnav {
    color: #141414 !important;
}

.boxnav:hover {
    background-color: #141414;
    color: #fab407 !important;
}

.icnwin {
    font-weight: 300;
}


.block {
    position: relative;
    margin-top: 0px;
    width: 100%;
    height: 0px;
    background: linear-gradient(0deg, #000, #272727);
}

.block:before,
.block:after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    /*background: linear-gradient(45deg, #141414, #141414, #fab407, #141414, #141414, #141414, #141414, #fab407, #141414, #141414);*/
    background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00, #ffff00, #ff0000, #fb0094,
        #0000ff, #00ff00, #ffff00, #ff0000);
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: -1;
    animation: steam 20s linear infinite;
}

@keyframes steam {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.block:after {
    filter: blur(50px);
}

.ombra {
    box-shadow: 2px -2px 5px #3F3F3F;
}

.ombra4 {
    box-shadow: -2px -2px 5px #3F3F3F;
}

.ombra3 {
    box-shadow: 2px 2px 5px #3F3F3F;
}

.ombra2 {
    box-shadow: -2px -1px 10px #171717;
}

.team {
    padding-top: 20px;
    padding-right: 40px;
}


.backscatola {
    background-image: url(../img/backscatola.png);
    background-size: cover;
    background-position: right;
}

.backscatola2 {
    background-image: url(../img/backscatola2.png);
    background-size: cover;
    background-position: left;
}


.backastratto {
    background-image: url(../img/astratto.jpg);
    background-size: cover;
    background-position: center;
    height: auto;
}

#Library {
   background-image: url(../img/vino-2020.png);
   height: 400px;
   background-repeat: no-repeat;

}

#Library:hover {
   background-image: url(../img/vino-20202.png);
}

.spaziosezantivirus {
    padding-top: 8rem;
    padding-bottom: 1rem;
}

.spaziosez {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.spaziosez2 {
    padding-top: 5rem;
    padding-bottom: 0rem;
}

.spaziosezcontatti {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 5rem;
}

.contatti {
    font-size: 23px;
    font-weight: 500;
}

.orange {
    color: #fab407;
}

.txt {
    font-size: 18px;
    color: #323232;
    font-weight: 300;
}

.titolo {
    font-size: 50px;
    color: #1F1F1F;
    font-weight: 700;
}

.titolo-big {
    font-size: 70px;
    color: #1F1F1F;
    font-weight: 700;
}

.titolo-antivirus-home {
        font-size: 50px;
        color: #1F1F1F;
    font-weight: 700;
    }

.titolo-big2 {
    font-size: 70px;
    color: #1F1F1F;
    font-weight: 700;
    line-height: 40px;
}

.sottotitolo-big {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    background-color: #191819;
    padding-left: 10px;
    padding-right: 10px;
}

.titolo-sezioni {
    font-size: 100px;
    color: #1F1F1F;
    font-weight: 700;
}

.titolo-mini {
    font-size: 40px;
    color: #1F1F1F;
    font-weight: 700;
}

.sottotitolo {
    font-size: 25px;
    color: #1F1F1F;
    font-weight: 400;
}

.filosofie {
    font-size: 30px;
    color: #1F1F1F;
    font-weight: 500;
    margin-bottom: 3px;
    text-decoration: underline;
    text-decoration-color: #fab407;
}

.sez-antivirus {
    margin-top: 180px;
    z-index: 1000;
}
.sezchisono {
    margin-top: 260px;
    z-index: 100;
}
.mac{
    display:block;
}
.windows{
    display:block;
}
.android{
    display:none;
}
.apple{
    display:none;
}
.sezlampadina {
    margin-top: -50px;
}

.sezlampadina2 {
    background-color: #191819;
    z-index: 1001;
    margin-top: -100px;
}

/*.evidenziato{
  background-color:#FFE718;
  padding-top:-10px;
  padding-right:-10px;
}*/

/*----------------------------------------svg animation------------------------------------*/

path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear alternate infinite;
}

line {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear alternate infinite;
}

circle {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear alternate infinite;
}

polyline {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear alternate infinite;
}


@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.btn-outline-info {
    color: #fab407;
    background-color: transparent;
    border-radius: 0px;
    border: 3px solid #fab407;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #fab407;
    border-radius: 0px;
    border: 3px solid #fab407;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.btn-outline-white {
    color: #fff;
    background-color: transparent;
    border-radius: 0px;
    border: 3px solid #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.btn-outline-white:hover {
    color: #292A36;
    background-color: #fff;
    border-radius: 0px;
    border: 3px solid #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.btn-outline-black {
    color: #191819;
    background-color: transparent;
    border-radius: 0px;
    border: 3px solid #191819;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.btn-outline-black:hover {
    color: #fff;
    background-color: #191819;
    border-radius: 0px;
    border: 3px solid #191819;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.btn-outline-white {
    color: #fff;
    background-color: transparent;
    border-radius: 0px;
    border: 3px solid #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.btn-outline-white:hover {
    color: #178c75;
    background-color: #fff;
    border-radius: 0px;
    border: 3px solid #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.box-primo {
    padding-top: 8rem;
    padding-bottom: 10rem;
    padding-left: 6rem;
    padding-right: 6rem;
}

.box-filosofia {
    padding-top: 10rem;
    padding-bottom: 6rem;
    padding-left: 6rem;
    padding-right: 6rem;
}

.box-servizi {
    padding-top: 10rem;
    padding-bottom: 6rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.box-antivirus {
    padding-top: 4rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.white {
    color: #fff;
}

.nopadding {
    padding: 0px;
    margin: 0px;
}

.hoverimg {
    position: relative;
    opacity: 0.99;
    transition: 1s ease;
    transform: scale(0.90, 0.90);
}

.hoverimg:hover {
    transform: scale(1.1, 1.1);
    opacity: 1;
    transition-duration: 1s;
}

#mapid {
    height: 600px;
    z-index: 99;
}

.gallerypagine {
    padding: 5px;
}

.gallerypagine:hover {
    padding: 0px;
}

.pulcini {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}


a {
    color: #EEEEEE;
}

a:hover {
    color: #fab407;
}



#imageWrapper {
    position: relative;
    height: 500px;
}

/* height is for display purposes only */
#bottomImage {
    position: absolute;
    bottom: 0;
}


.head-video {
    height: 86vh;
}



@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }

    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

canvas {
    z-index: -10;
    position: relative;
    left: 0;
    background-color: black;
}

#chisono {
    padding-top: 0px;
}

.marker {
    background-image: url('../img/marker-icon-2x.png');
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10010;
}

.svg-siti {
    background-image: url('../img/siti.svg');
    background-repeat: no-repeat;
}

.svg-grafica {
    background-image: url('../img/grafica.svg');
    background-repeat: no-repeat;
}

.svg-commerciale {
    background-image: url('../img/commerciale.svg');
    background-repeat: no-repeat;
}

.svg-software {
    background-image: url('../img/software.svg');
    background-repeat: no-repeat;
}

.svg-facebook {
    background-image: url('../img/facebook.svg');
    background-repeat: no-repeat;
}

.svg-privacy {
    background-image: url('../img/privacy.svg');
    background-repeat: no-repeat;
}


/*-----------------------PROMO---------------------*/

.back-antivirus {
    background-image: url('../img/promo/back.svg');
    background-repeat: no-repeat;
    background-position: center-top;
    background-size:cover;
}


.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    background-clip: padding-box;
    border: 2px solid #fff;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.form-control:focus {
    color: #fff;
    background-color: #148f76;
    border-color: #fff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.25);
}

.btn-primary {
    color: #fff;
    background-color: #118273;
    border: 2px solid #fff;
    border-radius: 50px;
    font-weight: 600;
}

.btn-primary:hover {
    color: #118273;
    background-color: #fff;
    border: 2px solid #118273;
    border-radius: 50px;
    font-weight: 600;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #118273;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #118273;
    border: 2px solid #fff;
    border-radius: 50px;
    font-weight: 600;
}
/* configuration email style*/
.instruction-style{
    font-size:20px;
    padding:50px;
    text-align: center;
}
.overlay{
    border:2px solid black;
}





/* configuration email style*/




@media all and (max-width: 1400px) {
    .mac{
        display:block;
    }
    .windows{
        display:block;
    }
    .android{
        display:none;
    }
    .apple{
        display:none;
    }
    .nav2 {
        padding-left: 0rem;
        padding-right: 0rem;
        box-shadow: -2px -1px 10px #000;

    }

    .nav1 {
        padding-left: 4rem;
        padding-right: 4rem;
    }


    .sezchisono {
        margin-top: 260px;
        z-index: 1000;
    }

    .sezlampadina {
        margin-top: 0px;
    }

    .sezlampadina2 {
        background-color: #191819;
        z-index: 1001;
        margin-top: 0px;
    }

    #mapid {
        height: 300px;
        z-index: 99;
    }

    .backastratto {
        background-image: url(../img/astratto.jpg);
        background-size: cover;
        background-position: center;
        height: auto;
    }



}
@media all and (max-width: 768px) {
    .android{
        display:block;
    }
    .apple{
        display:block;
    }
    .mac{
        display:none;
    }
    .windows{
        display:none;
    }
}

@media all and (max-width: 500px) {
    .android{
        display:block;
    }
    .apple{
        display:block;
    }
    .mac{
        display:none;
    }
    .windows{
        display:none;
    }
    .titolo-head {
        font-size: 60px;
        line-height: 55px;
    }

    .sottotitolo-head {
        font-size: 28px;
    }

    .location {
        font-size: 30px;
        padding-bottom: 10rem;
    }

    .titolo {
        font-size: 35px;
    }

    .sottotitolo {
        font-size: 25px;
    }

    .box-fisiochine {
        padding-top: 6rem;
        padding-bottom: 6rem;
        padding-left: 1rem;
        padding-right: 1rem;

    }

    .btn-outline-black {
        font-size: 14px;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }

    .btn-outline-black:hover {
        font-size: 14px;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }

    .nav2 {
        padding-left: 0rem;
        padding-right: 0rem;
        box-shadow: -2px -1px 10px #000;

    }

    .pulcini {
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
    }

    .titolo-big {
        font-size: 40px;
    }


    .box-servizi {
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .box-primo {
        padding-top: 8rem;
        padding-bottom: 4rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .box-filosofia {
        padding-top: 10rem;
        padding-bottom: 6rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .spaziosezcontatti {
        padding-top: 5rem;
        padding-bottom: 5rem;
        padding-left: 1rem;
    }

    .contatti {
        font-size: 23px;
        font-weight: 500;
    }

    .backastratto {
        background-image: url(../img/astratto.jpg);
        background-size: cover;
        background-position: center;
        height: 0px;
    }
    .titolo-sezioni {
        font-size: 50px;
    }

    .titolo-antivirus-home {
        font-size: 40px;
        color: #fff;
    font-weight: 700;
    }

}