@font-face {
  font-family: CenturyGothic;
  src: url(../fonts/CenturyGothic.ttf);
}
@font-face {
  font-family: CenturyGothicBold;
  src: url(../fonts/CenturyGothicBold.ttf);
}
body{
  background-color: #000;
}
.content-main{
  width: 745px;
  height: 100vh;
  margin: 0 auto;
  position: relative;
}
.content{
  width: 100%;
    height: 75%;
    border: 1px #f2f2f2 solid;
    position: absolute;
    top: 13%;
    padding: 20px 10px 20px 10px;
}
.left-side-1{
  width: 25%;
  float: left;
  height: 100%;
  background-color: #686665;
  padding-top: 15%;
}
.left-side-2{
  width: 17%;
    float: left;
    height: 100%;
    background-color: #34302f;
}
.menu{
  list-style: none;
    margin-top: 42px;
    padding-left: 25px;
}
.menu li{
  margin: 20px 0;
  position: relative;
}
.menu li a{
  font-size: 12px;
    font-family: CenturyGothic;
    color: #8c8b8b;
    text-decoration: none;
}
.sub-menu{
  display: none;
    position: absolute;
    right: -145px;
    z-index: 999;
    padding: 0;
    margin: 0;
    top: -2px;
    background-color: #34302f;
    padding: 5px;
    width: 145px;
}
.sub-menu li{
  margin: 5px 0;
}
.menu li:hover .sub-menu{
  display: block;
}
.image-slide-main-1{
  width: 58% !important;
}
.image-slide-main{
  float: left;
    width: 100%;
}
.image-slide-main .owl-carousel .owl-item img{
  height: 427px;
}
.introduction-left-side-1{
  width: 40%;
    padding-top: 0;
}
.introduction-left-side-3{
  float: left;
    width: 60%;
    position: relative;
}
.introduction-left-side-2{
  position: absolute;
    left: 0;
    background-color: #000000a6;
    z-index: 999;
    width: 28%;
}
.pagination .nav-tabs{
    border: 0 !important;
}
.pagination .nav-tabs li a{
  padding: 2px 6px !important;
    border-radius: 0 !important;
    background-color: #171717 !important;
    color: #888888 !important;
    border: 1px #888888 solid;
    font-size: 11px;
}
.introduction-left-side-1{
  position: relative;
}
.logo-bottom{
  position: absolute;
    bottom: -13px;
    right: -13px;
}
.tabs-content{
  padding: 15px;
    background-color: #171717;
    height: 363px;
    position: relative;
}
.pagination{
    margin: 0;
    position: absolute;
    bottom: 15px;
}
.pagination ul li{
  margin-right: 5px;
}
.tabs-content h6{
  color: #e53509;
    font-size: 11px;
    font-family: 'CenturyGothicBold';
    margin-top: 0;
}
.tabs-content p{
    font-size: 10px;
    color: #fff;
    font-family: 'CenturyGothic';
    margin-bottom: 8px;
}
.tabs-content span b{
  color: #fff
}
.tabs-content span{
  font-size: 11px;
}