@font-face {
 font-family: Raleway;
 src: url('../fonts/Raleway-Medium.ttf');
}

@font-face {
 font-family: BebasNeue;
 src: url('../fonts/BebasNeue-Regular.otf');
}



@font-face {
    font-family: rolling;
src: url('../fonts/rollingbold.ttf');
}


@font-face {
    font-family: strangerthings;
src: url('../fonts/strangerthings.ttf');
}



@font-face {
    font-family: stranger;
src: url('../fonts/stranger.ttf');
}



@media screen and  (orientation: portrait){



.bd{
    background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(9,82,141,1) 64%, rgba(2,0,56,1) 100%);

    width:100vw;
    height:100vh;
    margin:0px;
    padding:0px;

overflow-x: hidden;
overflow-y:scroll;
}



.bd.active{
    background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(9,82,141,1) 64%, rgba(2,0,56,1) 100%);

    width:100vw;
    height:100vh;
    margin:0px;
    padding:0px;

overflow-x: hidden;
overflow-y:hidden;
}


.panel-title{
    color:#fff;/*#5285a1;*/
    font-size:15px;

        font-family: Arial, sans-serif;/*strangerthings;*/
    text-align: center;

}



.container{
    width:400px;
    margin:0 auto;

    padding-top:calc((100vh - 500px)/2);
    text-align:center;
    height:500.7px;
}



.rc-anchor-container, .rc-anchor-light{
    background-color:#fff !important;
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
}


fieldset{
    border:0px !important;
    background-color:rgba(0, 0, 0, 0.5);
    padding-top:20px;
}

.panel-body{
    border:1px solid #fff;

}


h3{
    padding-bottom:30px;
}








#cont::-webklogin.php?token=frnhybkfit-scrollbar {
    display: none;
}

#cont {
    scrollbar-width: none;
}


a{
color:#fff;
font-size: bold;
    text-decoration:none;
}

.enclosure{
  margin:0 auto;

  height:auto;
  display: table;
  width:100vw;


}

.main{
    background-color:rgba(000, 000, 000, 0.5);
    border-top:1px solid #fff;

    width:100vw;
    margin:0 auto;
color:#fff;
    font-family:Arial, sans-serif;
    height:100%;
    display: table;


    margin-top:10px;
    text-align:justify;

}

.pacchetto{
  padding:10px;
  height:100%;
  display: table;

  width: calc(90vw - 20px);
  margin: 0 auto;

}

.glow{
color: #fff;
    text-align: justify;
height:auto;
display: table;
font-size: 18px;

}

b{
  color:#59c0e6 !important;
}


.menu{
  display: none;
}


.footer_menu{
  background-color:rgba(000, 000, 000, 0.5);
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  /*width:300px;*/
  margin:0 auto;
  color:#fff;
  font-family:Arial, sans-serif;
  height:auto;
  margin-top:10vw;
  padding: 5px 0;
  text-align:center;
  width:100%;


}



  .language_menu{
    display: none;
  }


.menu_mobile{
  background-color:rgba(000, 000, 000, 0.5);

  border-bottom:1px solid #fff;
  /*width:300px;*/
  margin:0 auto;
  color:#fff;
  font-family:Arial, sans-serif;
  height:40px;
  margin-top:0px;
  text-align:center;
  width:100%;
  position: relative;
  top:0;
  left:0;
  z-index:200;

}



.menu_container{
  width:100vw;
  margin:0 auto;
  height:40px;
  text-align: left;
  float:left;
  font-size:30px;
  line-height: 40px;
  color:#fff;
  font-family: Arial, sans-serif;
}


.mobile_container{
    width:100vw;
    height:100vh;
    overflow-y:scroll;
    top:-100vh;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.85);
    z-index:20;
    transition: top 1s;
}



.mobile_container.active{
    width:100vw;
    height:100vh;
    top:40px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.85);
    transition: top 1s;
}



.logo{

  color: #fff;
  text-align: left;
  height:80px;
  margin-bottom: 20px;
  width:90vw;
}





.little_panel{
    width:640px;
    height:480px;
}


.written_logo{
  font-family: BebasNeue;
  height:80px;
  font-size: 32px;
  line-height: 90px;
  float: left;
  margin-left:10px;
  text-align: left;

}


.menu_item{
  font-size:20px;
  line-height: 80px;
  color:#fff;
  font-family: Arial, sans-serif;
  float: left;
  width:100vw;
  height:80px;
  border-bottom: 1px solid #fff;
}

.menu_item:focus, .menu_item:hover{
  font-size:20px;
  line-height: 80px;
  color:#59c0e6;
  font-family: Arial, sans-serif;
  float: left;
  width:100vw;
  height:80px;
  border-bottom: 1px solid #fff;
}




.menu_item span{
  font-size:20px;
  line-height: 80px;
  color:#fff;
  margin:0 10px;
}

.menu_item span:focus, .menu_item span:hover{
  font-size:20px;
  line-height: 80px;
  color:#59c0e6;
  margin:0 10px;
}



.box{
  width:90vw;
  height:100%;
  display: table;
}



.foto{
  height:90vw;
  width:90vw;
  margin: 0 auto;
  float: left;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


.text{
  width:90vw;
  height: auto;
  display: table;
color: #fff;
    text-align: justify;

margin:0px auto;
margin-top: 5vw;
font-size: 20px;
float: left;

}


}