


@font-face {
    font-family: 'Eras Bold ITC';
    src: url('../fonts/ErasITC-Bold.woff') format('woff'),
        url('../fonts/ErasITC-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Broadway';
    src: url('../fonts/Broadway.woff') format('woff'),
        url('../fonts/Broadway.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html{font-size: 10px;}
html {
    --scrollbarBG: #000;
    --thumbBG: var(--theme-color);
  }
  body::-webkit-scrollbar {
    width: 11px;
  }
  body {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
  }
  body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
  }


ul{list-style-type: none;margin:0;padding:0}

a{text-decoration: none;}
:root{
    --theme-color: #e9b946
}
h1,h2,h3,h4,h5,h6{margin:0}
.btn {
    text-transform: uppercase;
    vertical-align: bottom;
    border: 0;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    font-weight: 500;
    padding: 0px 0px;
    color:#000;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    font-size: 1.5rem;
    letter-spacing: 1px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 12px 20px;
}
.btn.active, .btn.active:focus, .btn.focus, .btn:active, .btn:active:focus, .btn:focus, .btn:hover {
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
}

.btn-primary{background-color: var(--theme-color);}
.btn-primary:hover{background-color: var(--theme-color);color: #000;}
.mt-50{margin-top:5rem}
.transition{transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.banner{background-image: url('../images/aipan-banner.jpeg');background-size: cover;height:100vh;background-attachment: fixed}
header{position: fixed;top:0;left:0;right:0;width:100%;width:100%;height:70px;z-index: 99;}
header ul{display: flex;}
header ul li{margin-right:15px}
header ul li:last-child{margin-right: 0;}
header ul li a{color: #fff;letter-spacing: .6px;font-size: 1.6rem;}
header ul li a:hover{color: var(--theme-color);}
.sti-cky{background-color:rgba(0,0,0,.8);}
header.sti-cky ul li a{color: #fff;}
.bn-widget{position: fixed;}
.bn-widget h1{font-size: 8rem;color:var(--theme-color);font-family: 'Broadway';}
.bn-widget p{color: #fff;font-size:2.5rem;letter-spacing: 1px;font-weight:600}
.bn-widget span{display: block;}
.f-sec{padding: 40px 0;}
.h-font-b{font-family: Eras Bold ITC;font-style: italic;font-size: 4rem;}
.h-font-y{font-family: Eras Bold ITC;font-size: 4rem;color: var(--theme-color);margin-left: 13px;}

.logo{font-family: 'Broadway';font-size: 4rem;color: var(--theme-color);line-height: 0;}

.und_{position: relative;margin-bottom: 50px;}
.und_:after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    width: 230px;
    margin: auto;
    background: var(--theme-color);
    height: 3px;
}

.clearfix{clear:both}
.clearfix:after, .clearfix:before{display: block;}
.fd-img{position: relative;width:100%;height:300px}
.fd-img img{border-radius:4px;position: absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;box-shadow: 0 2px 10px 0 rgba(0,0,0,.21)!important;}
.fd-listing li{float: left;width:32%;margin-right:2%;margin-bottom: 2%;}
.fd-listing li:nth-child(3n+3){margin-right:0}
.widget-bg{background-image: url('../images/widget-bg.jpg');background-size: cover;position: relative;}
.fd-overlay{position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    display: flex;
    align-items: center;
    opacity: 0;
    margin:auto;
    padding:15px;
    justify-content: center;
    
}
.fd-overlay span{display:block;color: var(--theme-color);font-family: Eras Bold ITC;font-size: 2.3rem;letter-spacing: 1px;}
.fd-img:hover .fd-overlay{opacity: 1;}
.fd-overlay button{background: transparent;
    border: 1px solid #fff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    color: #fff;
    font-size: 1.5rem;
    padding: 9px 20px;
    border-radius: 30px;
    letter-spacing: 1px;
    margin-top: 10px;
}
.fd-overlay button:hover{background-color: var(--theme-color);color: #000;border:1px solid var(--theme-color)}
.m-txt{color: var(--theme-color);font-family: Eras Bold ITC;font-size: 3rem;display: block;}

.fd-overlay p{font-size: 1.6rem;color: #fff;letter-spacing: .6px;}

.ex-sec{padding-bottom: 40px;}
.st-sec .item{box-shadow: 0 2px 10px 0 rgba(0,0,0,.21)!important;
    padding: 15px;
    background: #fff;
    position: relative;}

.item img{width:100%}
.apn-left{padding-left: 80px;padding-right:15px}
.apn-left h1{font-family: Eras Bold ITC;font-size: 3rem;}
.aipan-txt{font-size: 1.7rem;
    font-weight: 600;}
.st-sec, .tst-sec{padding-bottom: 40px;}
.tst-w p{font-size: 1.7rem;}
.mt-100{margin-top:100px}
.tst-w span{font-family: Eras Bold ITC;font-size: 1.7rem;
    font-weight: 600;}
.sc-list{position: fixed;bottom:15px;left:15px}
.sc-list li{margin-right:15px}

footer{padding:40px 0;border-top:2px solid var(--theme-color)}
.ft-h{font-family: Eras Bold ITC;font-size: 2rem;}
.ft-txt{font-size: 1.7rem;font-weight: 600;}
footer iframe{width:100%;height:400px;}

.social-widget{position:fixed;right:0;top:0;bottom:0;height:200px;margin:auto;z-index: 99;}
.social-widget ul li .sc-bx{width:50px;height:50px;position: relative;}

.social-widget ul li:nth-child(1){background:#4267b2}
.social-widget ul li:nth-child(2){background:#fff}
.social-widget ul li:nth-child(3){background:#d22e93}
.social-widget ul li:nth-child(4){background:#19cda0}

.mb-f-link{position: fixed;bottom:0;right:0;left:0;width:100%;height:50px;background-color: #000;
    z-index: 99;}
.mb-f-link{display: none!important;}
.mb-d-links{display: none;}
._close{display: none;}

.modal-body{height:auto;background-size: cover;padding:30px}
.modal-dialog {max-width: 800px;}
.modal-body h1{font-family: 'Broadway';    font-size: 4rem;    color: #000;    line-height: 0;margin-bottom: 50px;}
.modal-body table{}
.modal-body table tr td {padding:0;font-size: 1.6rem;padding-bottom:10px;border:0;font-weight:500} 
.mn-w{max-width: 580px;margin: auto;width:100%}
.ft-bx ul{margin-top:10px}
.ft-bx ul li{margin-bottom: 10px;}

.cpy-w{border-top:2px solid var(--theme-color);height:70px}
.cpy-w span{font-size: 13px;font-weight:600}
.mt-2{margin-top:20px!important}
.rec-h{font-size: 18px;
font-weight: 700;
border-bottom: 2px solid var(--theme-color);
padding-bottom: 5px;
margin-bottom: 10px;
font-family: 'Eras Bold ITC';
}
table{margin-bottom: 0!important;}

.modal-body .owl-carousel .owl-nav.disabled{display: block;}
.modal-body .owl-carousel .owl-nav.disabled .owl-prev{position: absolute;
    top: -70px;
    left: -60px;
    bottom: 0;
    margin: auto;
    height: 39px;
    line-height: 0;
    width: 26px;
}
.modal-body .owl-carousel .owl-nav.disabled .owl-next{position: absolute;
    top: -70px;
    right: -60px;
    bottom: 0;
    margin: auto;
    height: 39px;
    line-height: 0;
    width: 26px;
}
.modal-body .owl-carousel .owl-nav.disabled .owl-prev span, .modal-body .owl-carousel .owl-nav.disabled .owl-next span{font-size: 90px;}




@media screen and (min-width:767px) and (max-width:1024px){
    .bn-widget h1{font-size: 5rem;}
    .bn-widget p{font-size: 1.6rem;}
    .h-font-b, .h-font-y{font-size: 3rem;}
}


@media screen and (max-width: 991px){
    .flex_wrap{flex-direction: column;}
}


@media screen and (max-width: 767px){
    .flex_wrap{flex-direction: column;}
    .bn-widget h1{font-size: 4rem;}
    .social-widget{display: none;}
    .bn-widget p{margin-top: 10px;font-size: 1.7rem;}
    .h-font-b, .h-font-y{font-size: 2.5rem;}
    .rmt-40{margin-top:40px}
    .rmt-15{margin-top:15px}
    .m-txt{font-size: 2.5rem;margin-bottom: 15px!important;}
    .ex-sec{padding:15px 0}
    .fd-listing li{width: 100%;margin:0;margin-bottom: 15px;}
    .fd-listing li:nth-child(2n+2){margin-right:0}
    .fd-img{height: 300px;}
    .fd-overlay span{font-size: 2rem}
    .fd-overlay button{font-size: 1.2em;padding: 7px 15px;}
    .apn-left{    padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px;}
    .apn-left h1{font-size: 2rem;}
    .aipan-txt{font-size: 1.5rem;}
    .mt-100{margin-top:0}
    .mb-f-link{display: flex!important;}
    .for-mb{position: fixed;background: #0e0e0e;left: -100%;right: 0;top: 0;bottom: 0;width: 100%;        height: 100vh;}
    header ul{flex-direction: column;align-items: center;justify-content: center;height:100%}
    header ul li{margin-right:0;margin-bottom: 15px;}
    .mr-15{margin-right:30px}
    .mb-d-links{display: block;}
    ._close{display: block;position: absolute;top:15px;right:15px}
    .sti-cky{background-color: transparent;z-index: 0;}
    .left0{left:0}
    .overflow-h{overflow: hidden;}
    .widget-bg{position: unset;z-index: 0;}
    .widget-r{z-index: -1;}
    .dNone{display: none;}
    .sti-cky .logo{display: none;}
    .overflow-h .fd-img, .overflow-h .und_, .overflow-h .item{position: unset;}
    .overflow-h  .owl-carousel{display: none;}
    .modal-body h1{font-size: 2.5rem;}
    .modal-body table{    margin-top: 20px;}
    .modal-body table tr td{font-size: 1.5rem;padding: 4px 0;}
    .modal-body{height:auto}
    .ft-bx{background: #e1e1e1;border: 1px solid #ccc;padding: 0 10px;margin-top: 5px;}
    .ft-h{font-size: 1.8rem;}
    .cpy-w{padding-bottom: 56px;height:auto;
        padding-top: 10px;}
    .prev, .next{top: 145px!important;}
    .modal-body h1{margin-bottom: 30px;}
    .rec-h{    font-size: 16px;margin-bottom: 0;}
    .modal-body .owl-carousel .owl-nav.disabled .owl-prev{left: -30px;}
    .modal-body .owl-carousel .owl-nav.disabled .owl-next{right: -30px;}
    .modal-body .owl-carousel .owl-nav.disabled .owl-prev span, .modal-body .owl-carousel .owl-nav.disabled .owl-next span{font-size: 70px;}
}


