@import url(https://fonts.googleapis.com/css?family=Comfortaa:400,700);
body {
      	overflow: hidden;
      }

      .FrameLoader .ModalFrame{
      		margin: 0 auto 0 auto;
          border: none;
      }

      .wrapper{
      	display: block;
   		position: fixed;
      width: 100%;
    	height: 100%;      
        font-family: 'Comfortaa', normal;
    	      }
            
    	.space{
    		margin-bottom: 1%;
    	}

      .space-btn{
        margin-bottom: 6%;
      }

  .bloque-lateral{
  position: fixed;
  top: 37px;
  right: -15px;  
}

.menu-lateral{
  float: right;
  background-color: #ffffff;
  border: 2px solid #41A6CA;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px #000000;
  box-shadow: 5px 5px 20px #000000;
}

.contenido-lateral{
  padding: 50% 10% 10%; 
  font-family: 'Comfortaa', normal;
  font-weight: 600;
}

.contenido-lateral a{
  font-size: 18px;
}

.boton-sidebar{
    z-index: 999;
    position: absolute;
    right: 15px;
    -webkit-transition: all 300ms ease; 
   -moz-transition: all 300ms ease; 
     -o-transition: all 300ms ease; 
        transition: all 300ms ease;
}
#fullscreen{
  position: absolute;
  right: 0;
  -webkit-transition: all 300ms ease; 
   -moz-transition: all 300ms ease; 
     -o-transition: all 300ms ease; 
        transition: all 300ms ease;
}

.msg-landscape{
  position: absolute;
}

@media(max-width:767px) {
  body{
    padding-right: 0;
    padding-left: 0;
  }

  .contenido-lateral a{
  font-size: 12px;
  font-weight: 200;
}

}

@media screen and (orientation:portrait) {

  .msg-landscape{
  -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
  
}

@media screen and (orientation:landscape) {  
  .msg-landscape{
    display: none;
  -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
}

.collapsing.width {
  position: relative;
    height: auto;
    width: 0;
    -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: width, visibility;
       -o-transition-property: width, visibility;
          transition-property: width, visibility;
}