body{
    background-color: rgb(243,243,245);
    padding-top: 70px;
    font-family: 'Titillium Web', sans-serif;
    position:relative;
    overflow-x:hidden; 
}

/*Header*/

nav{
    background-color:white !important;
    border-bottom: 3px solid #d9d9d9 !important;
}

.biglogo{
    height:103px;
    width:137px;
    background-image:url('../img/logo.png');
    float:left;
}

twonavbars{
    float:right;
}

.toplinks{
    text-align:right;  
    height:50px;
    width:100%;
    display:block;
}

.toplinksinner{
    padding-top:25px;
    font-size:13px;
}

.toplinksinner a{
    color:#707070;
}

.toplinksinner a:hover{
    color:#090909;
}

/*Navbar*/

.navbar-nav{
    text-transform:uppercase;
    font-weight:700;
}

.navbar-nav a{
    color:#10317b !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color:red !important;
    background-color:white !important;
    border-bottom: 3px solid red;   
}

.hiddenli{
    display:none !important;
}

h2 {
    color: rgb(255, 0, 0);
    text-transform: uppercase;
}

/*Sezione introduzione: dimensioni font*/

.text1intro{
    font-weight:700;
    text-transform:uppercase;
    font-size:31px; 
    color:red; 
    margin-bottom:14px;
    margin-top:83px;
}

.text2intro{
    font-size:18px;
    line-height:27px;
    font-weight:bold;
    margin-top:0px;
}

.text3intro{
    color:#818181;
    font-size:18px;
    line-height:27px;
    margin-top:0px;
}

.scopridipiu{
    margin-top:25px; 
    background-image:url('../img/stopcryptolocker.png'); 
    width:300px; 
    height:87px;
}

/*Sezione successive: dimensioni font*/

.text1{
    font-weight:700;
    text-transform:uppercase;
    font-size:48px; 
    color:red; 
    margin-bottom:14px;
}

.text2{
    font-weight:bolder;
    text-transform:uppercase;
    font-size:31px;
    margin-top:0px;
    margin-bottom:10px;
}

.text3{
    font-size:21px;
    margin-top:0px;
    max-width:950px;
    margin-left:auto;
    margin-right:auto;
}

.text4{
    font-weight:700;
    text-transform:uppercase;
    font-size:24px;
    margin-top:0px;
}

.text5{
    color:#818181;
    font-size:14px;
    margin-top:0px;
}

/*Sezione introduzione*/


.introduzione-section {
    background-color: rgb(243,243,245);
    color: rgb(17, 49, 124);
    padding-top:20px;
}

.imgstack {
    margin-top:70px;
}

/*Sezione a cosa serve*/

.a-cosa-serve-section {
    background-color: rgb(17, 49, 124);
    color: white;
}
.a-cosa-serve-section h2 {
    color: white;
}
.a-cosa-serve-section h3 {
    color: white;
}

/*Sezione come funziona*/

.come-funziona-section {
    background-color: rgb(243,243,245);
    color: rgb(17, 49, 124);
}

/*Sezione compatibilità*/

.compatibilita-section {
    background-color: rgb(17, 49, 124);
    color: white;
}

/*Sezione specifiche tecniche*/

.specifiche-tecniche-section {
    background-color: rgb(243,243,245);
    color: rgb(17, 49, 124);
}

/*Sezione contatti*/

.contatti-section {
    background-color: rgb(17, 49, 124);
    color: white;
    font-weight:normal;
}

/*Sezione footer*/

.footer-section {
    background-color: #e10000;
    color: white;
    text-transform: uppercase;
    font-size:24px;
    padding-bottom:35px;
    padding-top:25px;
}

/*Box*/

.shadedbox{
    display:none;
}

.shadedboxmobile{
    display:block;
    background-color:white; 
    color:#818181; 
    font-size:24px; 
    margin-top:50px;
    margin-bottom:50px;
    padding:20px; 
    border-bottom:10px solid #808080;
    box-shadow: 0px 0px 13px #ffffff;
}

.shadedboxmobilebackup{
    display:block;
    background-color:white; 
    color:#818181; 
    font-size:24px; 
    margin-top:50px;
    margin-bottom:50px;
    padding:0px; 
    box-shadow: 0px 0px 13px #ffffff;
}

.shadedboxmobile2inner{
    padding:20px; 
}

.shadedboxmobilewhite{
    box-shadow: 0px 0px 13px #c0c0c0;
}

.shadedboxmobilebaloon{
    margin-bottom:10px;
    margin-top:10px;
}

.shadedboxmobiletopic{
    margin-bottom:15px; 
    padding-bottom:15px; 
    border-bottom:1px solid #a6a6a6; 
    color:red; 
    font-weight:700;
}

.shadedboxmobiletext{
    font-weight:normal;
}

.shadedboxmobilebutton{
    font-size:18px;
    vertical-align:middle;
    border-top:1px solid white;
    background-color: #808080;
    color:white;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:10px;
}

.shadedboxmobilebutton a{
    font-size:18px;
    font-weight:normal;
    color:white;
}

.shadedboxmobilegrayrowtitle{
    font-size:14px;
    background-color:#ededed;
    color:rgb(17,49,124);
    text-transform:uppercase;
    padding-top:7px;
}

.shadedboxmobilegrayrowdata{
    font-weight:normal;
    font-size:14px;
    background-color:#ededed;
    padding-bottom:7px;
}

.shadedboxmobilegrayrowtitlewhite{
    font-size:14px;
    background-color:#ffffff;
    color:rgb(17,49,124);
    text-transform:uppercase;
    padding-top:7px;
}

.shadedboxmobilegrayrowdatawhite{
    font-weight:normal;
    font-size:14px;
    background-color:#ffffff;
    padding-bottom:7px;
}

/*Box 1..5*/

.shadedbox a{
    color:white;
}

.shadedbox1{
    width:970px;
    height:466px;
    background-image:url('../img/backgroundbox1.png');
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    position:relative;
}

.shadedbox1div1{
    color:red;
    position:relative;
    top:242px; 
    left:-233px; 
    font-size:24px; 
    font-weight:bold;
}

.shadedbox1div2{
    color:#818181;
    position:relative;
    top:20px; 
    left:523px; 
    font-size:21px; 
    font-weight:normal; 
    text-align:left; 
    line-height:40px;
}

.shadedbox1div3{
    color:#818181;
    font-size:18px; 
    position:relative;
    top:20px; 
    left:148px; 
    font-weight:normal;
}

.shadedbox1div4{
    color:#818181;
    position:relative;
    top:20px; 
    left:523px; 
    font-size:21px; 
    font-weight:normal; 
    text-align:left; 
    line-height:40px;
}

.shadedbox1div5{
    color:#818181;
    font-size:18px; 
    position:relative;
    top:20px; 
    left:120px; 
    font-weight:normal;
}

.shadedbox1link1{
    color:white; 
    font-size:18px;
    position:absolute;
    top:338px;
    left:125px;
}

.shadedbox1link2{
    color:white; 
    font-size:18px;
    position:absolute;
    top:338px;
    left:638px;
}

.shadedbox2{
    width:970px;
    height:392px;
    background-image:url('../img/backgroundbox2.png');
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}

.shadedbox2div1{
    color:red;
    position:relative;
    top:247px; 
    left:-232px; 
    font-size:24px; 
    font-weight:bold;
}

.shadedbox2div2{
    color:#818181;
    position:relative;top:50px; 
    left:523px; 
    font-size:21px; 
    font-weight:normal; 
    text-align:left; 
    line-height:40px;
}

.shadedbox2div3{
    color:#818181;
    position:relative;
    top:40px; 
    left:538px; 
    font-size:18px; 
    font-weight:normal; 
    text-align:left; 
    line-height:40px;
}

.shadedbox3{
    width:970px;
    height:532px;
    background-image:url('../img/backgroundbox3.png');
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}

.shadedbox3div1{
    color:red;position:relative;top:303px; left:-232px; font-size:24px; font-weight:bold;
}

.shadedbox3div2{
    color:#818181;position:relative;top:72px; left:523px; font-size:21px; font-weight:normal; text-align:left; line-height:40px;
}

.shadedbox4{
    width:970px;
    height:798px;
    background-image:url('../img/backgroundbox4c.png');
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    position:relative;
    margin-bottom:50px;
}

.shadedbox4td1{
    position:absolute;
    left:53px;
}

.shadedbox4td2{
    position:absolute;
    left:525px;
    font-weight:normal;
    color:#818181;
}

.shadedbox4link{
    color:white; font-size:18px;position:absolute;top:921px;left:305px;
}

.shadedbox5{
    width:970px;
    height:410px;
    background-image:url('../img/backgroundbox5.png');
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}

.shadedbox5div1{
    color:red;position:relative;top:255px; left:-230px; font-size:25px; font-weight:bold;
}

.shadedbox5div2{
    color:#818181;position:relative;top:20px; left:580px; font-size:21px; font-weight:normal; text-align:left;
}

.shadedbox5div3{
    color:#818181;position:relative;top:36px; left:527px; font-size:21px; font-weight:normal; text-align:left; line-height:39px;
}

/*Switching visualizzazione shadow box*/

@media (min-width:1024px) { 

    .shadedbox{
        display:block;
    }
    .shadedboxmobile{
        display:none;
    }
    .shadedboxmobilebackup{
        display:none;
    }
}

/*Breakpoint a 1024*/

@media (max-width: 1023px) {

    /*Componenti nativi*/

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        /*display: none!important;*/
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
        color:red !important;
        border-bottom: none !important;   
    }

    /*Componenti della pagina*/

    .biglogo{
        height:50px;
        width:139px;
        background-image:url('../img/logosmall.png')
    }

    .introduzione-section {
        padding-top:0px;
        text-align:center;
    }

    .scopridipiu {
        margin-top:40px; 
        margin-left:auto;
        margin-right:auto;
        margin-bottom:25px;
    }

    .text1 {
        font-size:31px;
    }

    .text2 {
        font-size:24px;
    }

    .toplinks{
        display:none;
    }

    .hiddenli{
        display: block !important;
    }

}

/*Clausole aggiuntive per il menù da 768 a 1024*/

@media (min-width: 768px) and (max-width: 1023px) {

    .navbar-collapse.collapse {
        display: none !important;
    }
}


/*Divisori diagonali*/

.divisorediagonale1{
    height:calc(100vw / 10);
    background-image:url('../img/divisorediagonale1.png');
    background-size:cover;
}

.divisorediagonale2{
    height:calc(100vw * 0.3665);
    background-image:url('../img/divisorediagonale2.png');
    background-size:cover;
}

.divisorediagonale3{
    height:calc(100vw / 10);
    background-image:url('../img/divisorediagonale3.png');
    background-size:cover;
}