@font-face {
    font-family: 'gothic';
    src: url(fonts/gothic.ttf);
}
body{
  color:#000;
  font-family:"gothic";
}
.main{
    max-width:1440px;
    width:100%;
    margin:0 auto;
    box-shadow:0 0 5px #eee;
}
a,button,tr,.img-box,.border{
    transition: 0.5s;
}
a{
   cursor: pointer;
}
a.black{
    display: inline-block;
    line-height:26px;
    height:26px;
}
a:hover span,
a:focus, a:hover{
    text-decoration: none;
}
img.center{
  margin-left:auto;
  margin-right:auto;
}
a:hover .iconfont{
  text-decoration: none;
}

a:hover .iconfont2{
  text-decoration: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,b,.b{
    font-weight:bold;
}
hr{
    border-color:#c5c5c5;
}
hr.dot{
  border-top:1px #ccc dashed;
}
.relative{
    position: relative;
}
.w100{
  width:100%!important;
}
.w30{
    width:30%;
}
.w40{
    width:40%;
}
.mw100{
    max-width:100%!important;
}
.h45{
  min-height:45px;
}
.h70{
  min-height:70px;
}
.h180{
  min-height:180px;
}
.font10{
    font-size: 10px;
}
.font11{
    font-size: 11px;
}
.font12{
    font-size: 12px;
}
.font13{
    font-size: 13px;
}
.font15{
    font-size: 15px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size:18px;
}
.font20{
    font-size:20px;
}
.font30{
    font-size:30px;
}
.font35{
    font-size:35px;
}
.font40{
    font-size:40px;
}
.now{
    font-weight: 400;
}
.lh15{
    line-height: 1.5;
}
.lh2{
    line-height: 2;
}
.lh25{
    line-height: 2.5;
}
.black{
    color: #000;
}
.white,
.white .black{
  color:#fff;
}
.gray{
    color:#979797;
}
.black-img,
.logo{
    filter: brightness(0);
}
.white .logo{
  filter: brightness(100);
}
.bg-black{
  background-color:#000
}
.pl10{
    padding-left:10px!important;
}
.p20{
    padding: 20px;
}
.prl0{
    padding-right:0px!important;
    padding-left:0px!important;
}
.prl5{
    padding-right:5px!important;
    padding-left:5px!important;
}
.prl7{
    padding-right:7px!important;
    padding-left:7px!important;
}
.prl15{
    padding-right:15px!important;
    padding-left:15px!important;
}
.prl30{
    padding-right:30px;
    padding-left:30px;
}
.prl85{
  padding-right:85px;
  padding-left:85px;
}
.prl70{
    padding-right:70px;
    padding-left:70px;
}
.ptb30{
    padding-top: 30px;
    padding-bottom:30px;
}
.pt100{
    padding-top: 100px;
}
.pb50{
  padding-bottom:50px;
}
.pb100{
  padding-bottom:100px;
}
.pb10{
  padding-bottom:10px;
}
.mlr0{
    margin-left:0!important;
    margin-right:0!important;
}
.mlr-7{
    margin-left:-7px!important;
    margin-right:-7px!important;
}
.mr20{
    margin-right:20px;
}
.mlr10{
  margin-left:10px!important;
  margin-right:10px!important;
}
.mr10{
  margin-right:10px;
}
.mr8{
  margin-right:6px;
}
.mr-15{
    margin-right:-15px;
}
.ml20{
    margin-left:20px;
}
.ml40{
    margin-left:40px;
}
.mt10{
    margin-top: 10px;
}
.mt-20{
    margin-top: -20px;
}
.mt15{
    margin-top: 15px;
}
.mt20{
    margin-top: 20px;
}
.mt30{
    margin-top: 30px;
}
.mt40{
    margin-top: 40px;
}
.mt50{
    margin-top: 50px;
}
.mt65{
    margin-top: 65px;
}
.mt100{
    margin-top: 100px;
}
.mt120{
    margin-top: 125px;
}
.mt5p{
    margin-top: 5%;
}
.mt15p{
    margin-top: 15%;
}
.mb0{
    margin-bottom: 0px!important;
}
.mb20{
    margin-bottom: 20px;
}
.mtb10{
  margin-top:10px;
  margin-bottom:10px;
}
.inlineb{
    display: inline-block;
}
.border{
  border:1px solid #ddd;
}
a.border:hover,
.dl-box:hover .border,
a.border.active{
  border-color:#978067;
  box-shadow: 0 0 5px #978067;
}
a.black:hover,
.footer a:hover{
  color:#978067;
}
/* header style */
.navbar{
    border-radius:0;
    min-height: 52px;
}
.navbar-brand{
  padding:10px 15px;
  display: inline-block;
  width:200px;
  height:50px;
  background-position: center;
  background-repeat: no-repeat;
}
.navbar-brand .icon-bn-logo{
  font-size:25px;
  color:#000;
}
.icon-BNSymbol{
  color:#000;
  font-size:24px;
}
.white .navbar-brand .icon-bn-logo,
.white .navbar-brand .icon-BNSymbol{
  color:#fff;
}

.navbar-nav>li>a,.navbar-default .navbar-nav>li>a{
    color:#000;
    padding: 16px 2vw;
}
.white .navbar-nav>li>a,
.white.navbar-default .navbar-nav>li>a{
  color:#fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.menu li a:focus,.menu li a:hover,
a:focus, a:hover{
  color:#978067;
}
.navbar-default .navbar-toggle{
    display: block;
    border:none;
    margin-left: 0;
    padding:7px 0 7px 10px;
}
.navbar-default .navbar-toggle .icon-bar{
  background-color:#000;
}
.white.navbar-default .navbar-toggle .icon-bar{
  background-color:#fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: transparent;
}
.navbar-default{
    background-color:transparent;
    border: none;
    margin-bottom:0;
}
#right-menu .modal-dialog{
    float: right;
    margin:0;
    width:360px;
}
#right-menu .modal-content{
    border-radius:0;
    height:100vh;
}
#right-menu button.close{
    opacity: 1;
    padding: 17px;
    font-size: 30px;
    float: none;
}
.modal-dialog{
    margin:10% auto;
}
#edit .modal-content,
#delete .modal-content{
    padding:50px 20px;
}
.menu li a{
    line-height:5;
    color:#000;
}

/* Form style */
.form-horizontal .control-label{
    text-align: left;
    font-weight:400;
    padding: 7px 0 7px 11px;
}
.form-control{
    border-radius:0;
}
#showPassword{
    z-index:99;
    cursor: pointer;
    pointer-events:auto;
}
.Fbutton{
    border:none;
    font-size:18px;
    padding:8px 10px;
    background-color: transparent;
}
.Fbutton:hover{
    background-color: #777;
    color:#fff;
}
.ebutton{
    border: none;
    background-color:#999;
    padding:8px 0;
    color:#fff;
    width:100%;
}
.ebutton:hover{
    background-color:#333;
}
/* Content style  */
.content{
    min-height:calc( 100vh - 370px);
}
.content.login{
    min-height: calc(100vh - 130px);
}
.middle{
    display: table;
    width: 100%;
}
.middle .cell{
    display: table-cell;
    vertical-align: middle;
}
.panel-body{
  padding-left:0;
  padding-right:0;
}
/* Footer style */
.footer{
    border-top:1px solid #d8d8d8;
    padding: 35px 0 20px;
}
.footer a{
    color:#000;
    font-size: 11px;
    line-height: 2.5;
}
.footer .row>.menu-item.col-sm-3>a{
  font-size:14px;
}
.menu-footer-menu-container li{
  list-style: none;
}
.menu-footer-menu-container ul{
  padding-left:0;
}
.sub-menu{
  margin-top:20px;
}
/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
    height:300px;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible,
.block{
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}




/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;

    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;

    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}
/* Icon button style */
.button-icon{
    display: inline-block;
    width:65px;
    height:65px;
    border-radius: 50%;
    border: 1px solid #979797;
    text-align: center;
    line-height:65px;
    font-size: 34px;
    color:#979797;
    vertical-align: middle;
}
.text-middle{
    vertical-align: middle!important;
}
/* Table style */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border:none;
}
.list-box tr td{
    cursor: pointer;
}
.list-box tr:hover,
tr.active,
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active,
.table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{
    color:#D00000;
    background-color:#f9f9f9!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    vertical-align: middle;
}
/* Download Pages */
.dl-box{
  cursor: pointer;
}
.dl-box:hover{
  color:#978067;
}
.act{
  opacity:0;
}
.act a{
  text-decoration: none;
}
.dl-box:hover .act{
  opacity: 1;
}
.sale-box .bg{
  background-size: cover;
  width:190px;
  height:190px;
  background-position:center;
  background-repeat: no-repeat;
}
.video-box{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.video-box div{
  height: 135px;
  line-height:135px;
  background-color:rgba(0,0,0,0.5);
}
.center-box .col-sm-4,
.center-box .col-sm-5{
  float:none;
  display:inline-block;
}
.navbar-brand{
  margin-right:5vw;
}
/* Animation style */
@keyframes bounce-down {
   0%  {
       transform: translateY(0);
       }
   50%  {
       transform: translateY(5px);
    }

   100% {
       transform: translateY(0);
    }
   }
.animate-bounce-down{
    animation: bounce-down 1s infinite linear;
    display: inline-block;
}
.ystep-container{
    display: none!important;
}
select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.response{
  max-width:100%;
}
.sel::after {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    font-size: 10px;
    position: absolute;
    right: 25px;
    top: 11px;
    color: #ccc;
    pointer-events: none;
}
.bdred{
    border-color:red;
}
.mb200{
  margin-bottom:200px;
}
@media (max-width: 992px){
  .text-center-sm{
    text-align: center!important;
  }
}
@media (min-width: 768px){
  .center-box .col-sm-4{
    width:32%;
  }
  .sm-mt-15{
    margin-top:15px;
  }
}
@media (max-width: 768px){
  .navbar-right{
    float:left;
  }
  .response{
    max-width:70%;
  }
  .navbar-brand.mr20{
    margin-right:0;
    width: 175px;
  }
  .nav .ml40{
    margin-left:0;
  }
  .mt100{
      margin-top: 50px;
  }
  .mt120{
      margin-top: 64px;
  }
  .navbar-nav>li>a, .navbar-default .navbar-nav>li>a{
    padding:15px 20px;
  }
  .prl85{
    padding-right:35px;
    padding-left:35px;
  }
  .prl70{
    padding-right:20px;
    padding-left:20px;
  }
  .mb50-sm{
    margin-bottom:50px;
  }
  .mb30-sm{
    margin-bottom:30px;
  }
  .mb200{
    margin-bottom:0;
  }
}

#swiper-res img{
  margin: auto;
}
/* 20200224 style */
span.wpcf7-list-item{
  margin-right:25px;
}
.w130{
  width:130px;
}
.w180{
  width:180px;
}
.pr0{
  padding-right:0!important;
}
.h40{
  min-height:40px;
}
.button2{
  display:inline-block;
  width:200px;
  line-height:2;
  border:1px solid #000;
  font-size:16px;
}
.bg-gray{
  background-color:#D8D8D8;
}
.button2:hover{
  color:#978067;
  border-color:#978067;
}
.text-upp{
  text-transform: uppercase;
}
.h450{
  min-height:450px;
}
@media (max-width: 767px){
  .sub-footer{
    margin-top:10px!important;
    margin-bottom:10px!important;
    font-size:9px;
  }
  #menu-header-right-menu{
    margin-right:0;
  }
  .social{
    margin-top:20px;
  }
  .button2{
    width:100%;
  }
  .menu li a{
    line-height:3.5;
  }
  .text-center-xs{
    text-align: center!important;
  }
  .pb100{
    padding-bottom:20px;
  }
  .mt100{
      margin-top: 20px;
  }
  .mt120{
      margin-top: 20px;
  }
  .mt30{
    margin-top:15px;
  }
  .mt20{
    margin-top:17px;
  }
  .center-box .col-sm-4{
    width:100%;
  }
  .video-box div{
    height:170px;
    line-height:170px;
  }
  .mt50 {
    margin-top: 30px;
  }
  .mt65{
      margin-top: 30px;
  }
  .dl-box .act{
    opacity:1;
  }
  .h70{
    min-height:25px;
  }
  .font20{
    font-size:18px!important;
  }
  .pt100{
    padding-top:30px;
  }
  .prl15{
      padding-right:10px!important;
      padding-left:10px!important;
  }
  .mt40{
    margin-top:10px;
  }
  .navbar-collapse{
    position: absolute;
    right: 50px;
    border: none;
    top: -8px;
  }

}
@media(min-width: 1200px){
  .container{
    width:1200px;
  }
  #swiper-h{
    min-height:582px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media(min-width: 1600px){
  .container{
    width:1350px;
  }
  #swiper-h{
    min-height:642px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  /* .font20 {
    font-size: 1.4vw;
  } */
  /* .font16 {
    font-size: 0.9vw;
  } */
}