* { font-weight: normal; box-sizing:border-box; background-repeat: no-repeat; background-position: center middle; }
div { padding:0px;margin:0px; font-family:Noto Sans; }
html, body {padding:0px;margin:0px;}
video {z-index:0;position:relative;}
h4 { font-family: Merriweather; font-size:20px; font-weight: normal; color: #E8BD61; margin:15px 0 0 0; }
.container { width:100%;max-width:2048px;height:auto;margin:0px auto;}
/* Stile per la barra del menu */
.navbar {
    overflow:visible; background-color: #F5F5F7; color: #333; width:100%; height:125px; padding:33px;z-index:1000;
}

.navbar .bottone_conto {
    float:right;width:235px;height:59px;background-color:#E8BD61;text-align:center;border-radius:20px;
    line-height:59px;font-family:'Noto Sans';font-size:15px;color:#333;margin-left:20px;cursor:pointer;
}

/* Stile per i link della barra del menu */
.navbar .bottone_menu {
    position:relative;float:right;width:100px;height:59px;text-align:center;cursor:pointer;
    line-height:59px;font-family:'Noto Sans';font-size:15px;color:#333;margin-left:20px;z-index:1000;
}

.tendina { display:none;z-index:200;position:absolute; text-align:left;top:50px; left:0px; background-color:#111; padding:10px;border-radius:10px;height:auto;width:200px;}
.tendina a { background-color: transparent; font-size:14px;display:block;color:#ddd; text-align:left;text-decoration:none;margin:0px;line-height:40px; padding:0px;}
.tendina a:hover { text-decoration: none;}

/* Cambia lo stile del link quando si passa sopra di esso */
.navbar a:hover {
    background-color: #ddd; color: black;
}

.logo { cursor:pointer; margin-top:-10px;animation: forwards; animation-iteration-count:1; background-image: url('../images/logo.gif'); background-size:80px 80px; width:80px; height:80px; float:left; }
.colosseo { width:100%; height:800px; object-fit:cover; filter: brightness(50%);z-index:0;}
.container_colosseo { width:100%; height:700px; overflow: hidden; position: relative;z-index:0;}
.box_titolo { position: absolute; left:140px; top:153px; width:auto;}

.box_titolo h1 { font-family:Merriweather; color: #E8BD61; font-size:46px; font-weight: 100; margin-block-end:0px;}
.box_titolo h2 { font-family:Noto Sans;color: #FFF; font-size:28px; font-weight:100;margin-block-start:0px;margin-block-end:0px;}
.box_titolo p { font-family:'Noto Sans', Regular; color: #FFF;max-width:400px;font-size:16px;font-weight:normal;line-height:30px;}

.box_titolo .bottone_conto {
    width:220px;height:39px;background-color:#E8BD61;text-align:center;border-radius:10px;
    line-height:39px;font-family:'Noto Sans';font-size:15px;color:#111;cursor:pointer;margin-bottom:10px;
}

/* why sestertivm 1 */
.container_why { width:100%; height:auto; min-height: 500px;   position: relative;background-color:#F5F5F7;}

.whybox { width:50%;  min-height:400px; float:left; padding:80px; padding-left:120px; }
.whybox h2 { font-family:Merriweather; font-size:47px; color: #E8BD61; font-weight: 100;}
.whybox p { line-height:32px; color: #7E7E7E;}
.whybox.img { background-image: url('../images/why.png'); background-size:contain; background-position: center bottom -40px;}
.whyimg2 { width:100%; height:200px; background-image:url('../images/why.png'); background-size:contain; background-position: center; display:none; }

/* why sestertivm 2 */
.container_why2 { width:100%;height:auto;min-height:600px;position:relative;background-color:#E8BD61;}

.whybox2 { width:50%;  min-height:500px; float:left; padding:80px; padding-left:0px; }
.whybox2 h2 { font-family:Merriweather; font-size:47px; color: #262626; font-weight: 100;margin-top:10px;}
.whybox2 h3 { font-family:Merriweather; font-size:37px; color: #fff; font-weight: 100;margin-bottom:0px;padding-bottom:0px;}
.whybox2 p { line-height:32px; color: #fff;margin-top:0px;}
.whybox2.img { background-image: url('../images/cell.png'); background-size:contain; background-position: center bottom -50px;}
.whyimg3 { width:100%; height:200px; background-image:url('../images/cell.png'); background-size:contain; background-position: center; display:none; }

/* Regulated... */
.container_reg { padding:80px 100px 80px 100px;width:100%;height:auto;min-height:300px;position:relative; background-color: #F5F5F7;}
.container_reg .boxt{ padding-left:120px; width:33%; height:100px;float:left; background-image:url('../images/scudo.png'); background-position:20px 20px; background-size:80px 80px; }
.container_reg .boxt h2 {font-family:'Merriweather'; color:#111; font-size:36px; font-weight: 100; margin:15px 0 10px 0; }
.container_reg .boxt p { color:#555; font-size:16px; font-weight: 100; }

/* block4 */
.container_b4 { padding:50px;width:100%;height:auto;min-height:880px; background-color:#F5F5F7;text-shadow: 0 0 8px #666;}
.container_b4 .box4 { width:50%; height:400px; float:left; padding:20px;}
.container_b4 .box4 .innerb { width: 100%; height:100%; background-size:cover; background-color:#2B2B2B; border-radius:10px; padding:50px; padding-top:80px;box-shadow:0 0 15px #fff; }
.i1 { background-image: linear-gradient(120deg, rgba(50, 50, 50, 0.3), rgba(232, 189, 97, 0.7)),url('../images/inner1.jpg'); }
.i2 { background-image: linear-gradient(120deg, transparent, rgba(232, 189, 97, 0.7)),url('../images/inner2.jpg'); }
.i3 { background-image: linear-gradient(120deg, transparent, rgba(232, 189, 97, 0.7)),url('../images/inner3.jpg'); }
.i4 { background-image: linear-gradient(120deg, transparent, rgba(232, 189, 97, 0.7)),url('../images/inner4.jpg'); }
.container_b4 .show_more { width:150px;height:36px;background-color:#333;text-align:center;border-radius:10px; line-height:36px;font-family:'Noto Sans';font-size:15px;color:#E9BE63;cursor:pointer;text-align: center;  }

.box4 h2{ font-family:Merriweather; font-size:40px; color: #fff; font-weight: 100; margin-bottom:5px; }
.box4 p{ color:#fff;}

/* menu */
.hamburger-icon { z-index:110; display:none;  top: 30px; right:30px; cursor: pointer; width: 45px;height: 36px;position: absolute; }
.hamburger-icon span { display: block;position: absolute;height: 6px;width: 100%; background: #EABD1C;border-radius: 3px;transition: transform 0.3s ease; }

.hamburger-icon span:nth-child(1) { top: 0; }
.hamburger-icon span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.hamburger-icon span:nth-child(3) { bottom: 0; }
.hamburger-icon.open span:nth-child(1) { transform: translateY(15px) rotate(45deg); }
.hamburger-icon.open span:nth-child(2) { opacity: 0; }
.hamburger-icon.open span:nth-child(3) {transform: translateY(-15px) rotate(-45deg); }

.menu_mobile {
    z-index:100; transition: transform 0.3s ease; padding:20px;
    width:100%; min-height:1200px; height:auto; background-color: rgba(0,0,0,0.9); position:fixed;
    top:-1200px; left:0px;
}

.menu_mobile .menu_line { width:100%; border-top:1px #333 solid; height:3px; }
.menu_mobile a { font-family:Noto Sans; text-decoration: none; line-height:60px; font-weight:normal; color: #FFF; color:#ddd;font-size:21px; margin:10px 0 10px 0; }
.menu_mobile.open { transform: translateY(1200px); }

.footer { color:#7E7E7E;width:100%;height:auto; min-height:300px;background-color:#3A3A3A;}
.footer.f2 { background-color:#2B2B2B;min-height:200px;padding:40px 110px 30px 110px;}
.footer.f2 p { margin:0px 0px 15px 0px; font-size:14px;}

.footer.f3 { background-color:#1F1F1F;min-height:80px;padding:30px 110px 30px 110px;}
.footer.f3 .fleft { width:40%;float:left; }
.footer.f3 .fright { width:400px; float:right;text-align: right;}
.footer.f3 .fright a { text-decoration: none; color:#7E7E7E;}

.footer .box { float:left;  width:25%;min-height:300px;padding:50px 60px 0 0 ;}
.footer .box h3{ font-family: 'Merriweather'; font-size:20px; font-weight: normal;}
.footer .box a{ color:#7E7E7E; line-height:30px; text-decoration: none; font-family:'Noto Sans';font-size:15px; font-weight: normal;}

@media (max-width: 1280px) {
    .navbar .bottone_conto { display:none; }
    .navbar .bottone_menu { display:none; }
    .container_colosseo { height:400px; }
    .box_titolo { position: absolute; left:40px; top:83px; width:auto;}
    .box_titolo h1 { font-size:32px; }
    .box_titolo h2 { font-size:18px; }
    .box_titolo p { max-width:320px; margin-top:5px; line-height: 20px; font-size:13px; }
    .hamburger-icon { display: inline-block; }
    .navbar { height:100px; padding:20px; }
    
    /* why 1 */
    .whyimg2 { display: block;  }
    .whybox { width:100%; padding:40px; float:none; }
    .whybox.img { display: none; }
    .whybox h2 { font-size:32px;  }

        /* why 2 */
        .whyimg3 { display: block;  }
    .whybox2 { width:100%; padding:40px; float:none; }
    .whybox2.img { display: none; }
    .whybox2 h2 { font-size:32px;  }

    /* regulated */
    .container_reg {padding:10px;}
    .container_reg .boxt{ margin-top:15px;text-align:center;padding-left:0px; padding-top:60px; width:100%; height:200px;float:none; background-position:top center; background-size:60px 60px; }
    .container_reg .boxt h2 {font-family:'Merriweather'; color:#111; font-size:36px; font-weight: 100; margin:12px 0 10px 0; }

        /* block4 */
    .container_b4 { padding:10px;width:100%;height:auto;min-height:1200px; background-color:#F5F5F7;}
    .container_b4 .box4 { width:100%; height:400px; float:none; padding:20px;}

    /* footer */
    .footer .box { float:none; width:100%;min-height:40px;padding:40px 40px 0px 40px;}
    .footer .box.img {display:none;}
    .footer .box:last-child { padding-bottom:40px;  }

    .footer.f2 { padding:40px;}

    .footer.f3 { padding:40px;}
    .footer.f3 .fleft { float:none;text-align:center; width:100%; }
    .footer.f3 .fright { float:none;text-align:center; width:100%; }
}