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

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

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


@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');
}

@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 (min-width:700px) and (orientation:landscape){



  body{
      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;
  }


  .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:480px;
    margin-top:calc((100vh - 480px)/2);

  }

  .main{
      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:400px;
      margin-top:40px;
      text-align:justify;

  }

  .pacchetto{
    padding:20px;
    height:180px;
    width: 600px;
    margin: 0 auto;
    /*margin-top:90px;*/
  }

  .glow{
  color: #fff;
      text-align: justify;

  font-size: 18px;

  }

  b{
    color:#59c0e6 !important;
  }


  .menu, .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:40px;
    margin-top:10px;
    text-align:center;
    width:100%;
    line-height:40px;

  }




  .language_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:30px;
    margin-top:4px;
    text-align:center;
    width:100%;
    line-height:30px;
    display:none;
  }


  .menu_mobile, .mobile_container{
    display: none;
  }



  .menu_container{
    width:600px;
    margin:0 auto;
    height:40px;

  }


  .language_container{
    width:600px;
    margin:0 auto;
    height:30px;

  }



  .logo{

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





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


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

  }


  .menu_item{
    font-size:18px;
    line-height: 40px;
    color:#fff;
    font-family: 'Helvetica-Condensed';
    float: left;
    width:120px;
    height:40px;
  }

  .menu_item:focus, .menu_item:hover{
    font-size:18px;
    line-height: 40px;
    color:#59c0e6;
    font-family: 'Helvetica-Condensed';
    float: left;
    width:120px;
    height:40px;
  }





  .language_item{
    font-size:14px;
    line-height: 40px;
    color:#fff;
    font-family: 'Helvetica-Condensed';
    float: left;
    width:120px;
    height:30px;
  }

  .language_item:focus, .language_item:hover{
    font-size:14px;
    line-height: 40px;
    color:#59c0e6;
    font-family: 'Helvetica-Condensed';
    float: left;
    width:120px;
    height:30px;
  }



  .box{
    width:600px;
    height:250px;
  }



  .foto{
    height:250px;
    width:250px;
    float: left;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }


  .text{
    width:330px;
    height: 250px;
  color: #fff;
      text-align: justify;
  height:250px;
  margin-left:20px;
  font-size: 20px;
  float: left;

  }


}