html, body{
    height:100% !important;
    padding-top: 0;
}

.slide-pre{
    position: relative;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    padding: 80px;
    overflow: hidden;
}

.slide1-pre{
    background: #4C6578;
    background-attachment: fixed;
    background-size: cover;
}

.slide2-pre{
    background: #fff;
    background-attachment: fixed;
    background-size: cover;
}

.slide3-pre{
    background: url("../images/reg/documenti.jpg");
    background-attachment: fixed;
    background-size: cover;
}

.slide31-pre{
    background: url("../images/reg/cloud.jpg");
    background-attachment: fixed;
    background-size: cover;
}

.slide32-pre{
    background: url("../images/reg/calendar.jpg");
    background-attachment: fixed;
    background-size: cover;
}
.bgcover{
    width: 100%;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slide4-pre{
    background:#386886;
    background-size: cover;
    background-attachment: fixed;
}

.logo-pre{
    margin: 0px;
    display: block;
}

.testo1-pre{
    padding: 10px;
    width: 400px;
    font-size: 25px;
    color: #fff;
     font-family: 'Chivo', sans-serif !important;
}

.titolo-pre{
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    font-size: 50px;

}

.itesti{
    font-family: 'Chivo', sans-serif !important;
    font-size:30px;
    width: 500px;
}

.mappamondo{
    width: 390px;
    height:522px;
    position:absolute;
    bottom:0px;
    right:20px;
}

.mappamondo img{
    width:100%;
    height:100%;
}


.circolare{
    width: 600px;
    height:321px;
    position: absolute;
    bottom:0;
    right:0;   
    box-shadow: -10px -10px 29px 3px rgba(0,0,0,0.45);
}

.circolare img{
    width: 100%;
    height:100%;
    position: absolute;
}

.intermezzo{
    width: 100%;
    height:auto;
    overflow:hidden;
    background:#386886;
    padding: 20px 0px;
    text-align: center;
    color:#fff
}

.prezzi{
    width: 252px;
    height: 96px;
    overflow: hidden;
    display: block;
}

.finale-pre{
    padding-top:10px;
    text-align: center;
    font-size: 25px;
    color: #fff;
}

.finale-pre a{
    color:#28a4c9 !Important;
}

.mani-pre{
    width: 100%;
    height:387px;
    background: url("../images/reg/mani.png") center center no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    
}


@media (min-width: 320px){
    .slide-pre{padding:15px;}
    .mappamondo{display: none}
    .itesti{font-size: 25px;width: 270px}
    .titolo-pre{font-size:30px}
    .intermezzo{text-align:left}
    .mani-pre{display: none}
    .circolare{display: none

    }
    .finale-pre img{width:100%}
    .logo-pre{margin-top:60px;width:250px}
}

@media (min-width: 480px){
    .slide-pre{padding:15px;}
    .mappamondo{display: none}
    .itesti{font-size: 25px;width: 380px}
    .titolo-pre{font-size:30px}
    .intermezzo{text-align:left}
    .mani-pre{display: none}
    .circolare{display: none}
    .finale-pre img{width:100%}
    .logo-pre{margin-top:60px;width:350px}
}

@media (min-width: 768px){
    .slide-pre{padding:40px;}
    .mappamondo{width: 250px;height:334px;display: block}
    .itesti{font-size: 25px;width: 400px}
    .titolo-pre{font-size:50px}
    .intermezzo{text-align:center}
    .mani-pre{display: block}
    .circolare{display: block;width: 480px;height: 265px;}
    .finale-pre img{width:auto}
    .logo-pre{margin-top:60px;width:450px}
}

@media (min-width: 992px){
    .slide-pre{padding:80px;}
    .mappamondo{width: 390px;height:522px;}
    .itesti{font-size: 30px;width: 500px}
    .titolo-pre{font-size:50px}
    .circolare{display: block;width:500px;height:303px}
    .finale-pre img{width:auto}
    .logo-pre{margin-top:0px;width:450px}
}

@media (min-width: 1200px){
    .mappamondo{width: 390px;height:522px;}
    .itesti{font-size: 30px;width: 500px}
    .titolo-pre{font-size:50px}
    .circolare{display: block;width:600px;height:321px}
    .finale-pre img{width:auto}
}