@import url(https://fonts.googleapis.com/css?family=Roboto:300);





    /*****************************
 All rights reserved.
 AllFont.net (c) 2011-2015
 *****************************/
@font-face {
    font-family: 'ItalianPlateNoOne';
    font-style: normal;
    font-weight: 400;
    src: local('ItalianPlateNoOne'), local('ItalianPlateNoOne-Regular'),
        url(ItalianPlateNoOne-Bold.woff) format('woff'),
        url(ItalianPlateNoOne-DBd.ttf) format('truetype'),
        url(ItalianPlateNoOne-DBd.eot) format('eot');
}
    body{
        background-color: #555555;
        margin:0;
        padding:0;
        overflow: hidden;
        background: url("./../textures/GlobeBackground.png")  no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
  * {
      -webkit-touch-callout:none;
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
  }
    #container {
        height:100vh;
    }

    /* Center the loader */
    #loader {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 1;
      width: 150px;
      height: 150px;
      margin: -75px 0 0 -75px;
      border: 16px solid #f3f3f3;
      border-radius: 50%;
      border-top: 16px solid #3498db;
      width: 120px;
      height: 120px;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
    }

    @-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    /* Add animation to "page content" */
    .animate-bottom {
      position: relative;
      -webkit-animation-name: animatebottom;
      -webkit-animation-duration: 1s;
      animation-name: animatebottom;
      animation-duration: 1s
    }

    @-webkit-keyframes animatebottom {
      from { bottom:-100px; opacity:0 }
      to { bottom:0px; opacity:1 }
    }

    @keyframes animatebottom {
      from{ bottom:-100px; opacity:0 }
      to{ bottom:0; opacity:1 }
    }

    #myDiv {
      display: none;
      text-align: center;
    }


    #renderer{
        display :none;
        
    }


    #link{
        -ms-user-select: none;
        user-select: none;
        color: #CBE7FF;
        display: none;
        height: 10px;
        position: absolute;
        width: 25%;
        top:  2.5%;
        right: 5%;
        font-size:120%;
        font-family: Calibri;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
        opacity: 1;
    }

    #logo{
        -ms-user-select: none;
        user-select: none;
        background: #2222aa;
        display: none;
        height: 12%;
        width: 16%;
        top: 2.5%;
        left:  2.5%;
        cursor: pointer;
        position: fixed;
    }



    #logotext{
      color: #ffffff;
      font-family: ItalianPlateNoOne;
      text-align: center;
      font-size:150%;
      text-decoration: none;
    }

    #ifram{
      display:none;
      width: 100%
    }
    #preifram{
      position: relative;
      left: 65%
    }
    #top{
      opacity: 0;
      position:relative;
      float:right;
      max-width: 100%;
      min-height: 100%;
    }

    #cf {
        -ms-user-select: none;
        user-select: none;
        display: none;
        height : 7%;
        position: fixed;
        top:  2.5%;
        float:right;
        right:  2%;
        cursor: pointer;
    }

    #bottom{
      right:  2.5%;
      position: fixed;
      max-width: 7%;
      min-height: 7%;
    }