/*css-reset*/

html, body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: #000000;
    font-size: 1.2em;
    font-family: 'roboto', sans-serif;
}
div { box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size: 0.9em;}
ol,ul {list-style-type: none;}
a {color: #ffffff; text-decoration: none; border: none;}

/*css-reset-end*/

/*contacts-bar-and-col-33-....-impo-di-base*/
.contacts-bar-desktop {width: 100%; height: 80px; background-color: black; display: flex; flex-wrap: wrap; }
div[class^="col-40-"] {width: 40%; height: auto; background-color: transparent;  display: flex; flex-wrap: wrap; font-size: 0.8em; }
div[class^="col-20"] { width: 20%; height: auto; background-color: transparent; }


/*.contacts-bar-desktop { width: 100%; height: 80px; background-color: yellow; border: 1px solid red; display: flex; flex-wrap: wrap;}
*/
/*function-:hover-opacity*/
.phone-banner-desktop:hover, .mail-banner-desktop:hover,
.fbook:hover, .igram:hover, .ytube:hover, .image-menu-desktop:hover, .logo-tour-2023:hover 
{ opacity: 60%;}
.color-red:hover { color:orange;}
.color-green:hover { color: yellow;}
        


/*container-contacts-desktop-*/
div[class*="-banner-"]  { width: 180px; height: 40px; padding-top:6px  ;border: 1px solid #ffffff;  border-radius: 8px; display: flex; flex-wrap: wrap; justify-content: center;}
.col-40-contacts-desktop { justify-content: start; }
.phone-banner-desktop { background-color: #ee1c25; margin: 6px 6px 0px 6px;}
.mail-banner-desktop { background-color: #a4ce36; margin-top: 6px;}
.space-one { width: 100%; height: auto; border-top: 1px solid #ffffff;}/*
container-contacts-desktop-end*/
/*container-image-menu-desktop
.col-20-menu-desktop { width: 20%; height: auto; background-color: yellowgreen; border: 1px solid red;}*/
.image-menu-desktop { width: 100%; height: 100%; 
    background-image: url(img/shockband-menu-desktop-tablet.jpg);
    background-size: 160px;
    background-position: bottom;
    background-repeat: no-repeat;}
/*container-image-menu-desktop-end-*/
/*container-col-40-social-desktop-*/
.col-40-social-desktop { justify-content: end; } 
div[class$=-icon] { width: 40px; height: 40px; border: 1px solid #ffffff; border-radius: 8px; margin: 6px 6px 0px 0px; background-size: 100%; background-repeat: no-repeat;}
.facebook-icon { background-image: url(img/facebook-logo.png); background-color: #ffffff;}
.instagram-icon {background-image: url(img/instagram-logo.png); }
.youtube-icon{background-image: url(img/youtube-logo.png); }
/*container-col-40-social-desktop-*/


/*container-contacts-bar-tablet*/

.contacts-bar-tablet { width: 100%; height: 60px; display: flex; flex-wrap: wrap; background-color: #000000;}
div[class^="col-33-"] {width: 33.33%; height: 60px; display: flex; flex-wrap: wrap; ; background-color: transparent;}

/*phone-&-mail-*/
div[class$="-tablets"] { width: 40px; height: 40px; border: 1px solid #ffffff; border-radius: 8px;
    padding-top: 2px;
    padding-left: 7px; margin: 6px 6px 0px 0px; }
.col-33-contacts-tablet { justify-content: center;  }
.phone-tablets { background-color: #ee1c25; }
.mail-tablets {background-color: #a4ce36; }/*phone-&-mail-end*/


.col-33-menu-tablet { justify-content: center; background-color:black;}
.menu-logo { width: 42px; height: 39px; margin-top: 18px; 
background-image: url(img/shockband-menu-mobile.jpg);
background-size: 40px;
background-repeat: no-repeat;}  
.col-33-social-tablet { justify-content: center; }

/*container-contacts-bar-tablet-end*/

/*container-contacts-bar-mobile-*/
.contacts-bar-mobile { width: 100%; height: 50px; display: flex; flex-wrap: wrap; background-color: #000000}

.col-40-contacts-mobile {
    justify-content: center;
}
.menu-mobile{ width: 100%; height: 100%;
    background-image: url(img/shockband-menu-mobile.jpg);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: bottom; 
}
  

.col-40-social-mobile {
    justify-content: center;
  
}

div[class$="-box"] {width: 40px; height: 40px; border: 1px solid #ffffff; border-radius: 8px; 
margin: 5px;
padding: 0px 0px 0px 6px;}
.phone-mobile-box { background-color: #ee1c25; font-size: 1.3em;}
.mail-mobile-box { background-color: #a4ce36; font-size: 1.5em;}

/*container-contacts-bar-mobile-end*/
/*container-contacts-bar-mobile-small--*/
.contacts-bar-mobile-small { width: 100%; height: 40px; display: flex; flex-wrap: wrap; background-color: inherit}
.col-40-contacts-mobile-small {justify-content: center;}
.menu-mobile-small{ width: 100%; height: 100%;
    background-image: url(img/shockband-menu-mobile.jpg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center; 
}
.col-40-social-mobile-small {justify-content: center;}

div[class$="-box-small"] {width: 30px; height: 30px; border: 1px solid #ffffff; border-radius: 8px; 
padding: 0px 0px 0px 5px; margin: 5px 15px 5px 5px}
.phone-mobile-box-small { background-color: #ee1c25; font-size: 1.0em;}
.mail-mobile-box-small { background-color: #a4ce36; font-size: 1.0em;}
.col-40-social-mobile-small { justify-content: center; } 
div[class$=-icon-small] { width: 30px; height: 30px; border: 1px solid #ffffff; border-radius: 8px; ; background-size: 100%; background-repeat: no-repeat; margin: 6px}
.facebook-icon-small { background-image: url(img/facebook-logo.png); background-color: #ffffff; }
.instagram-icon-small {background-image: url(img/instagram-logo.png); }
.youtube-icon-small{background-image: url(img/youtube-logo.png); }
/*container-contacts-bar-mobile-small--end*/

/*container-contacts-bar-mobile-extra--*/

.contacts-bar-mobile-extra { width: 100%; height: auto; display: flex; flex-wrap: wrap; 
    justify-content: center; background-color:#000000; border-bottom: 2px solid #ffffff; padding-bottom: 6px; }



.menu-mobile-extra{ width: 30px; height: 30px;
    background-image: url(img/shockband-menu-mobile.jpg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center; 
    margin: 6px 8px 0px 6px;
    
}
.extra-contact { display: flex; flex-wrap: wrap;}
.extra div { padding: 6px;}
div[class$="-box-extra"] {width: 30px; height: 30px; border: 1px solid #ffffff; border-radius: 8px; 
padding: 0px 0px 0px 3px; margin: 6px 8px 0px 0px;  }
.phone-mobile-box-extra{ background-color: #ee1c25; font-size: 1.0em; padding: 6px; position: relative;}
.mail-mobile-box-extra { background-color: #a4ce36; font-size: 1.0em; position: relative;}
.phone-extra { position: absolute; bottom: 4%; right:11%; font-size: 1.1rem;}
.mail-extra { position: absolute; bottom: initial; right:11%; font-size: 1.1rem;}
.col-48-social-mobile-extra{ display: flex; flex-wrap: wrap; justify-content: center; }
div[class$=-icon-extra] { width: 30px; height: 30px; border: 1px solid #ffffff; border-radius: 8px; ; 
    background-size: 100%; background-repeat: no-repeat; margin: 6px 8px 0px 0px;}
.facebook-icon-extra { background-image: url(img/facebook-logo.png); background-color: #ffffff; }
.instagram-icon-extra {background-image: url(img/instagram-logo.png); }
.youtube-icon-extra{background-image: url(img/youtube-logo.png); }

/*container-contacts-bar-mobile-extra--end*/
/*container-contacts-bar-mobile-small--end*/

/*container-cover-logo-and-space-tablet*/
img { width: 100%; height: 100%;}
.space-tablet { width: 100%; height: 80px;  background-color: #000000;}

/*container-cover-logo-end*/

footer { width: 100%; height: auto;}




.footer-home-page { display: flex; flex-wrap: wrap; width: 100%;}
.footer-container-left {width: 32.38%; height: auto; border: 1px solid white; border-radius: 8px; margin-left: 0.5%; text-align: center; }
.footer-container-right {width: 33.33%; height: auto; border: 1px solid white;  border-radius: 8px; text-align: center; }
.footer-container-center { margin: 0% 0.5% 0% 0.5%; width: 32.33%; ;}
/*.footer-list { text-align: center; padding: 0%;}*/ 
.homepage-sidebar {  display: flex; flex-wrap: wrap; width: 100%; height: auto;  
    border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;  margin: 6px 0px 6px 0px;} 
.logo-tour-2025{
    width: 100%; height: 20%; border: none;
    background-color: #000000; 
    background-image: url(img/tour-logo-2025.jpg);
    background-size: 200px;
    background-position: top;
    background-repeat: no-repeat;
    border:  1px solid #fff;
    border-radius: 8px;
    
}
.video-promo-2023 {
    width: 100%; height: 70%;  border-radius: 8px; background-color: #000000; margin-top: 6px;
} 
.videoclip { width: 100%; height: 99%;} 



.homepage-sidebar {margin: 0.5% 0.5% 0% 0.5%; }
.banner-home-page-ending {  display: inherit; flex-wrap: inherit; width: 100%; 
    color: #ffffff;
    border: 1px solid #ffffff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;
     margin: 0% 0.25% 0% 0.25%; justify-content: center;}
     
.footer-mobile {
    width: 100%; height: auto; ; background-color: inherit;
}     


.bottom-desktop { width: 100%; display: flex; flex-wrap: wrap; }

.chi-siamo-bottom { width: 100%; display: flex; flex-wrap: wrap;  }

.homepage-sidebar-mobile { display: flex; width: 100%;  height: auto; margin: 0.5% 0.5% 0% 0.5%; font-size: 0.6em; position: relative; top: 100%}
.banner-home-page-ending-mobile {display: inherit; flex-wrap: inherit; width: 100%; height: auto; 
    color: #ffffff;
    border: 1px solid #ffffff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;
     margin: 0% 0.25% 0% 0.25%; text-align: center}
 
    .footer-container-mobile { width: 100%; height: auto;
          background-color: inherit;
         display: flex; flex-wrap: wrap;  }
    .col-10 { width: 10%; height: auto;  background-color: inherit; }
    .col-80 { width: 80%; height: auto; 
         background-color: inherit; text-align: center;
         display: flex; flex-wrap: wrap; justify-content: center;
        }
    .chi-siamo, .privacy-policy { width: 200px; margin: 2% 1% 2% 1%; border: 2px solid #ffffff; border-radius: 8px; }
    .footer-list { padding: 0.0px;  }
    .color-red { color:#ee1c25}
    .color-green { color:#a4ce36;}
    
.partnership-mobile { display: flex; flex-wrap: wrap;
    max-width: 100%; height: auto;
    background-color: #000;
    border: 1px solid#000;
    border-radius: 8px;
    color: #000;
    justify-content: center;
    padding-left: 8px;
   
    }


.partnership-desktop-tablet { display: flex; flex-wrap: wrap;
    width: 100%; height: auto;
    background-color:#000;
    border: 1px solid #000;
    border-radius: 8px;
    color:#000;
    justify-content: center;
    padding-left: 8px;}

    div[class*=item] { font-size: 0.9em;}
    .item { background-color: #000;
    border: 1px solid #000;
    color: #000;
    margin-right: 10% ;}
    .item-mobile { margin-right: 6%; }
    .item-five { margin: 0px ; border: 1px solid #000;  background-color: inherit; color: inherit}
    .item-five-mobile { margin: 0px ; border: 1px solid #000; color:#000; background-color: inherit; }
    
      
     
     .partnership-mobile-col-one { display: block;  background-color: #000;  
       max-width: 100%; ;
     }
     .item-col-one-right { color: #000; }
     .item-col-one-left { text-align: center; margin-right: 12%; color: #000; }
      
     div[class*=partner-row-] { display: flex; flex-wrap: wrap; justify-content: center;}
     .bar-menu-green {background-color: #a4ce36;}
     .space-empty { width: 100%; height: 10%; background-color: inherit; border: 1px solid #000;}
     .space-empty-desktop { width: 100%; height: 10%; background-color: #000; border: 1px solid #000;}
     .mail-mobile-icons { font-size:0.8rem; padding-right:5px;}