@font-face {
    font-family: 'Aozora Mincho';
    src: url('../fonts/AozoraMinchoRegular.eot');
    src: url('../fonts/AozoraMinchoRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AozoraMinchoRegular.woff2') format('woff2'),
        url('../fonts/AozoraMinchoRegular.woff') format('woff'),
        url('../fonts/AozoraMinchoRegular.ttf') format('truetype'),
        url('../fonts/AozoraMinchoRegular.svg#AozoraMinchoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{background: #000000; font-family: 'Oswald', sans-serif;}
h2{font-size: 34px;font-family: 'Aozora Mincho';line-height: 45px;}
h4{font-size: 16px;font-weight: bold;text-transform: uppercase;padding-bottom: 20px;font-family: 'Oswald', sans-serif;}
.navbar{    position: absolute;top: 0;left: 0;z-index: 1111;right: 0;background: transparent!important;margin-left: 30px;margin-right: 30px;padding: 30px 0px;}
.navbar-collapse{justify-content: flex-end;}
.carousel-inner{height: 100vh;}
.navbar-brand img{width: 180px;}
.navbar-dark .navbar-nav .nav-link {text-transform: uppercase;font-size: 12px;font-weight: bold;padding: 5px 15px;}
.brand{border-right: 1px solid #ffffff;}
.navbar{border-bottom: 1px solid #fff;}
.navbar-dark .navbar-toggler {padding: 0;border:none;float: right;}
.navbar-dark .navbar-toggler:focus{outline: none;}
 .navbar-dark .navbar-nav .nav-link:hover {color:#FFF;}
 .navbar-dark .navbar-nav .nav-link:focus{    color: rgba(255,255,255,.5);}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color: #fff;}
.navbar-dark .navbar-toggler-icon{background-image: url("../images/toggle_icon.png");width: 24px;height: 24px;}
#video-viewport { /*position: absolute; top: 0; left: 0;*/ width: 100%; height: 100%; overflow: hidden; z-index: -1;}
video {  position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;width: auto;height: auto; }
.fullsize-video-bg { height: 100%; overflow: hidden; position: relative;}
.fullsize-video-bg:before { content: ""; background: rgba(0,0,0,.35); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;right: 0;bottom: 0; }
.fullsize-video-bg .inner { background: rgba(0,0,0,.35);display: table; width: 100%;  height: 100%; margin: 0 auto; padding: 0px 30px; position: relative; z-index: 2; color: #ffffff;}
.fullsize-video-bg .inner > div { text-align: left; padding-right: 40%;padding-left:10%;display: table-cell;vertical-align: middle;}
.fullsize-video-bg .inner > div.contact{padding-right: 30%;}
.fullsize-video-bg p{font-size: 16px;font-weight: bold;text-transform: uppercase;}
.carousel-fade .carousel-item {
 opacity: 0;
 transition: opacity 1.5s ease-in;
 -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -ms-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

@supports (transition: initial) {
  .carousel-fade .carousel-item {
 opacity: 0;
 transition: opacity 1.5s ease-in;
 -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -ms-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active {
  opacity: 1;
}

}
@media (-webkit-transition) {
  
   .carousel-fade .carousel-item {
 opacity: 0;
 transition: opacity 1.5s ease-in;
 -webkit-transition: opacity 1.5s ease-in;
  -moz-transition: opacity 1.5s ease-in;
  -ms-transition: opacity 1.5s ease-in;
  -o-transition: opacity 1.5s ease-in;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active {
  opacity: 1;
} 
}





@media(max-width: 1366px){
.fullsize-video-bg .inner > div,.fullsize-video-bg .inner > div.contact{padding-right: 10%;}
  
}
@media(max-width: 1024px){

   .fullsize-video-bg .inner > div,.fullsize-video-bg .inner > div.contact{padding-left: 0px;padding-right: 0px;max-width: 100%!important ;}
  .navbar-dark .navbar-nav .nav-link{font-size: 11px;}
   .fullsize-video-bg .inner{padding-top: 90px;}
   .navbar{padding: 20px 0px;}
}
@media(max-width: 980px){
  .navbar-dark .navbar-nav .nav-link{padding:10px;}
  h2{font-size: 24px;line-height: 32px;}

}
@media(max-width: 767px){

  .navbar-nav {padding: 10px 0;}
  .brand {border-right: none;}
  .navbar-collapse{background: #000000;}
  .navbar{margin-left: 15px;margin-right: 15px;}
  .fullsize-video-bg .inner{padding-left: 15px;padding-right: 15px;}
  .fullsize-video-bg .inner{padding-top: 75px;}
  .navbar{padding: 10px 0px;}
  .fullsize-video-bg .inner > div.contact {padding-right: 0;}
   h2{font-size: 20px;line-height: 26px;}
}

@media(max-width: 425px){



}
@media(min-width:768px){
  .navbar-expand-md .navbar-collapse,.navbar-expand-md .navbar-nav{display: block;float: right;}
.navbar-nav li{display: block;float: left;}
}