/* Ram */

body{ overflow: hidden; }

.message-ok{  margin: 10px 0;  text-align: center;  font-size: 20px;}
.captcha{ padding:5px  12px!important;}
input.captchan-box{ width: 50px!important; text-align:center; padding:4px 8px !important; display:inline-block !important; border-radius:0!important;}


ul.ram-nav li a{ font-size: 14px; font-family: "Ok-L"; margin: 0 10px; }
ul.ram-nav li a:hover{ border-bottom: 1px solid #000 }
ul.ram-nav li.active a{ border-bottom: 1px solid #000 }
.page-header-alpha .navbar-toggler{ display:  none; }
ul.ram-nav li a.nav-link{ padding: 0 }

.strategy-list{ margin: 0 0;  }
.strategy-list ul{ text-align: center; margin: 0 0; padding: 0 }
.strategy-list li{ display: inline-block; text-align: center; padding: 0 15px; }
.video-box{ margin:30px auto 0; width: 600px;  }
.video-box img{ width: 100% }

.footer-rm1{ padding:0 10% 0 0  }
.footer-rm2{ padding:15px 0 0 15%  }
.footer-rm3{ padding:15px 0 0 15%  }
.footer-rm4{ padding:15px 0 0 10%  }
.address-container{ padding: 50px 0 0 0; }

.social-icons {   }
.btn-social { cursor: pointer; }
.social-icons .navbar-nav li { font-size: 20px; position: absolute; bottom: 0; z-index: -1; transition: .2s all; right: 15px; width: 30px;  text-align: center;}
.social-icons .navbar-nav.show li:nth-child(1){bottom: 30px}
.social-icons .navbar-nav.show li:nth-child(2){bottom: 60px}
.social-icons .navbar-nav.show li:nth-child(3){bottom: 90px;}
.social-icons .navbar-nav.show li:nth-child(4){bottom: 120px;}
.social-icons .navbar-nav.show li:nth-child(5){bottom: 150px;}
button.social-btn{ background:#fff;  color: #000; font-size: 13px; padding: 5px 0; margin: 0; border:0 !important;  cursor: pointer; }
button.social-btn:hover{ color: #3c3c3c }
button.social-btn:focus{ border: 0; outline-color: transparent;  }


ul.footer-icon-rm{ margin: 0; padding: 0; }
ul.footer-icon-rm li{ margin: 0; padding: 0; }

 
.container-rm{ margin:0; padding: 0 60px  }

.focus-in-expand-fwd {
    -webkit-animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


.game-brk{ position:absolute; z-index:999; left:0; right:0; margin:auto; text-align:center; bottom:1%; width:100px}
.game-brk a{ font-size:44px;cursor: cell;}
.fancybox-inner{width:100%!important; }
#game{ width:100%!important; background:#000; height:100%; position: absolute; top:0; left:0; padding:0px; overflow:hidden; position:relative}
.fancybox-wrap{width:100%!important;height:100%!important; top:0%!important; left:0!important; padding:0!important; margin:auto!important}
.fancybox-skin{ background:#000!important; padding:20px!important; height:100%!important; border-radius:0!important}
.fancybox-overlay{ background:none!important}
#game iframe{ position:absolute; width:100%; border:0px solid red; height:100%; left:0; top:0%}
.fancybox-inner{ height:100%!important; }
.fancybox-outer, .fancybox-inner{ height:100%!important; }
.fancybox-skin{ padding:0!important}
.fancybox-lock .fancybox-overlay{ overflow:hidden !important}
.fancybox-close{right:15px!important;top:20px!important; }
.game-mo{display: none;}
.game-pc{display: block;}


@media (max-width: 950px) {

.footer-rm1{ padding:0 0% 0 0  }
.footer-rm2{ padding:0 0 0 0%  }
.footer-rm3{ padding:0 0 0 0%  }
.footer-rm4{ padding:0 0 0 0%  }

}

@media (max-width: 768px) {
 
.page-header-alpha.menu-right .navbar-brand {
    left: 34px; top:15px; z-index: 5px;
}
.navbar {
    position: absolute  !important; width: 100%; background: #fff;}
.page-header-alpha.menu-right .navbar-topmenu {
    right: 60px; z-index: 60; background: #fff
}

.section {
    position: relative;
    padding-top: 80px;
    padding-bottom: 32px;

}
.container-rm{ margin:0; padding: 0 20px  }
.section .section-wrapper.fullwidth {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
}




}


@media (max-width: 767px) {

  .page-header-alpha .navbar-topmenu .navbar-nav-actions .nav-item{ text-align: center; }
  .page-header-alpha .navbar-toggler{ display:  block; }

	  ul.ram-nav li a{ font-size:20px;}
	  .page-header-alpha .navbar-nav-actions {
 
    width: 200px;
    margin: 0 auto;
}

ul.ram-nav li a {
    border-bottom: 1px solid #fff;
}

}

@media (max-width: 750px) {


#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
 
  width: 20px;
  }


#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    width: 20px;
 
}

.video-box{ margin:0 auto; width: 80%;}

.fp-scroller { 
    min-height: 60vh !imporatnt;
}

.footer-rm1{ padding:0 0% 0 0  }
.footer-rm2{ padding:40px 0 0 0%  }
.footer-rm3{ padding:40px 0 0 0%  }
.footer-rm4{ padding:40px 0 0 0%  }
.game-mo{display: block;}
.game-pc{display: none;}

}

@media (max-width: 600px) {
.text-center br{ display:none}
.strategy-list ul{ text-align: center; margin: 0; padding: 0 }
.strategy-list li{ display: inline-block; text-align: center; padding: 0 5px; width: 32% }
.section-home .home-title {
    font-size:2rem;
}
.container-rm{ margin:0; padding: 0 0px  }

}

@media (max-width: 480px) {
 
 .section-wrapper .form-desc .display-title, .section-wrapper .title-desc .display-title {
    font-size: 1.5rem;
}
 
.section-home .home-title {
    font-size:1.5rem;
}
}


  

@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{ cursor: pointer; position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}



/* ----------------------------------------------
 * Generated by Animista on 2019-7-8 12:31:57
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-expand-fwd
 * ----------------------------------------
 */
@-webkit-keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}