@font-face {
    font-family: 'Californian FB';
    src: url('CalifornianFB-Reg.eot');
    src: url('CalifornianFB-Reg.eot?#iefix') format('embedded-opentype'),
        url('CalifornianFB-Reg.woff2') format('woff2'),
        url('CalifornianFB-Reg.woff') format('woff'),
        url('CalifornianFB-Reg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Californian FB';
    src: url('CalifornianFB-Italic.eot');
    src: url('CalifornianFB-Italic.eot?#iefix') format('embedded-opentype'),
        url('CalifornianFB-Italic.woff2') format('woff2'),
        url('CalifornianFB-Italic.woff') format('woff'),
        url('CalifornianFB-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Californian FB';
    src: url('CalifornianFB-Bold.eot');
    src: url('CalifornianFB-Bold.eot?#iefix') format('embedded-opentype'),
        url('CalifornianFB-Bold.woff2') format('woff2'),
        url('CalifornianFB-Bold.woff') format('woff'),
        url('CalifornianFB-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body,html{position: relative; min-height: 100%;}
body{font-family: 'Poppins', sans-serif; font-weight: normal; line-height: 1.5; color: #111; overflow-x: hidden; background: #fff; font-size: 16px; padding-top: 122px;}
.light{font-weight: 300}
.regular,.normal{font-weight: normal}
.medium{font-weight: 500}
.semibold{font-weight: 600}
.bold{font-weight: bold}
.heavy{font-weight: 900}
p{margin-bottom: 20px; text-align: justify}
b,strong{font-weight: bold}
h1,h2,h3,h4{font-family: 'Californian FB'; color: #494949; font-weight: bold}
h5,h6{font-family: 'Poppins'; color: #494949}
h1{font-size:40px;}
h2{font-size:36px;font-variant-caps: small-caps!important;}
h3{font-size:30px;font-variant-caps: small-caps!important;color:#d7ac67;}
h4{font-size:22px;font-variant-caps: small-caps!important;}
h5{font-size:20px;}
h6{font-size:18px;}
.container-small{max-width: 800px; margin: 0 auto; padding: 0 15px;}
a:hover,a:focus,a:active, button:hover,button:focus,button:active{outline: 0; box-shadow: none!important}
button,a{outline: none; outline: 0}
.btn:focus{box-shadow: none!important}
.btn{padding-left: 20px; padding-right: 20px;}
.btn:hover{text-decoration: none!important}
a{color: #333; text-decoration: none}
a:hover{color: #e6c57d; text-decoration: underline}
.upper, .uppercase,.text-upper,.text-uppercase{text-transform: uppercase}
.cali{font-family: 'Californian FB'}
.text-black,.black{color: #000}
.smallcaps{font-variant-caps: small-caps}
.lower{font-variant-caps:normal; text-transform: lowercase}

.btn-primary{background: #032d57; border-color:#032d57;transition: ease-in-out 0.3s}
.btn-primary:hover{background: #d7ac67;border-color: #d7ac67;}
.lead{font-size: 20px; color: #1aa3d3}
.color-333{color: #333}
.color-666{color: #666}
.color-999{color: #999}
.color-aaa{color: #aaa}

.btn-outline-secondary{color: #494949; border-color: #494949;}
.btn-outline-secondary:hover{color: #fff; border-color: #494949; background: #494949}
.btn-gold{color: #000; border-color: #d7ac67; background: #d7ac67}
.btn-gold:hover{color: #fff; border-color: #a07d46; background: #a07d46}

.owl_atrima.owl-theme .owl-dots{bottom: 0}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 50px; height: 100px; font-size: 30px; line-height: 100px; transition: ease-in-out0.2s; padding: 0; background: transparent; color: rgba(0,0,0,0.8); z-index: 100; border-radius: 8px; margin: 0; background: rgba(255,255,255,0.3)}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{color: rgba(0,0,0,1);background: rgba(255,255,255,0.7)}

.owl_testimonial.owl-carousel .owl-nav button.owl-next, .owl_testimonial.owl-carousel .owl-nav button.owl-prev{color: rgba(255,255,255,0.5);}
.owl_testimonial.owl-carousel .owl-nav button.owl-next:hover, .owl_testimonial.owl-carousel .owl-nav button.owl-prev:hover{color: rgba(255,255,0,1);}

.owl-theme .owl-nav{position: absolute; top: 50%; left: -22px; right: -22px; transform: translateY(-50%); z-index: 5; margin: 0}
.owl-theme .owl-dots {position: absolute; margin: 0; z-index: 6; left: 50%; bottom: -30px;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.owl-theme .owl-dots .owl-dot span{width: 14px ; height: 14px; border-radius: 14px; margin: 5px; background: #777}
.owl-theme .owl-dots .owl-dot.active span{background: #000}
.owl-prev{position: absolute; left: 5px; top: 50%; transform: translateY(-50%)}
.owl-next{position: absolute; right: 5px; top: 50%; transform: translateY(-50%)}

header .navbar-toggler i{color: #fff}
.navbar-toggler.collapsed .la-times{display: none}
.navbar-toggler.collapsed .la-bars{display: block}
.navbar-toggler .la-times{display: block}
.navbar-toggler .la-bars{display: none}

.navbar{background:rgba(255,255,255,1); padding: 0; transition: ease-in-out 0.3s; }
.navbar-expand-lg .navbar-nav .nav-link{color: #494949;padding: 12px 10px;line-height:1;font-family: 'Poppins'; font-size: 15px; text-transform: uppercase; font-weight: 500}
.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .active .nav-link{color: #d7ac67; text-decoration: none}
.navbar.fixed{background: rgba(255,255,255,1); box-shadow: 0 0 20px #ccc}

.navbar-expand-lg .navbar-nav.navbar-btns .nav-link {padding: 12px 2px;}
.navbar-expand-lg .navbar-nav.navbar-icons .nav-link {padding: 12px 5px; font-size: 130%}

.navbar .navbar-brand{padding: 10px; transition: ease-in-out 0.2s}
.navbar.fixed .navbar-brand{padding:5px 10px}
.navbar .navbar-brand img{max-width: 130px; transition: ease-in-out 0.3s}
.navbar.fixed .navbar-brand img{max-width: 110px}

.dropdown-menu{border-radius: 0; margin-top: 0;}
.dropdown-item{padding: 8px 18px; transition: ease-in-out 0.2s; font-family:'Californian FB'; text-transform: uppercase }
.dropdown-item:hover{background: #d7ac67; color: #fff; text-decoration: none;}
.dropdown-item.active, .dropdown-item:focus{background:#494949;}
.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{display: block;}
.dropdown-toggle{margin-bottom: 2px;}
.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{margin-bottom: 0;}  

.shine{
  position: relative;
  overflow: hidden;
  width: 125px;
  height: 40px;
  animation: shine 1s ease-in-out  infinite;
}
@keyframes shine{
  10% {
    opacity: 1;    
    transition-property: opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0.3;    
    transition-property: opacity;
  }
}

.btn_close{position: absolute; top: 11px; right: 7px; font-size: 32px; transition: ease-in-out 0.2s; opacity: 0.6; color: #f00; border: 0; background: transparent; padding: 0; width: 42px; height: 42px; text-align: center; line-height: 42px;}
.btn_close:hover{opacity: 1;}

.modal-dialog{margin-top: 100px!important}

header{background:#494949; line-height: 1.2; margin-top: 80px;}
header .navbar{background:transparent;}
header .navbar-expand-lg .navbar-nav .nav-link{color: #fff;padding: 18px 12px;line-height:1;font-family: 'Californian FB'; font-size: 15px; text-transform: uppercase; font-weight: bold}
header .navbar-expand-lg .navbar-nav .nav-link.btn{background: #e6c57d; color: #1e1e1e; padding: 8px 18px; margin-top: 6px; border-radius: 20px; margin-right: 10px; display: inline-block}
header .navbar-expand-lg .navbar-nav .nav-link.btn:hover{color: #fff;}
header .navbar-expand-lg .navbar-nav .nav-link.btn i{font-size: 18px}
header .navbar-expand-lg .navbar-nav .nav-link:hover, header.navbar-expand-lg .navbar-nav .active .nav-link{color: #d7ac67}

/* dd menu hover */
.dropdown-toggle-custom:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
/* dd menu hover */

/*home banner*/
.sec-homebanner{}
.owl_home_main{padding: 0}
.owl_home_main .item {}
.owl_home_main.owl-theme .owl-dots {bottom: 0}
.owl_home_main .owl-nav{left: 20px; right: 20px; transform: translateY(-50%); z-index: 5}


.bg-video{position: relative;}
.bg-video a{position: absolute; top: 50%; left: 50%; z-index: 5; width: 155px; height: 113px; transform: translate(-50%,-50%); background: url(../images/play2.png); opacity: 0.75; transition: ease-in-out 0.2s}
.bg-video a:hover{opacity: 1}


.img-rounded{border-radius: 10px}

.card-room {border: 0; box-shadow: 0 5px 20px #ccc; border-radius: 10px; position: relative; transition: ease-in-out 0.3s; }
.card-room:hover {box-shadow: 0 5px 30px #aaa;}
.card-room .card-header{padding: 0}
.card-room .card-header img{border-radius: 10px 10px 0 0}
.card-room .card-body{min-height: 100px}
.card-room .card-footer{background: #fff; border: 0; padding-bottom: 20px; border-radius: 0 0 10px 10px}
.card-room p{font-weight: normal; text-align: center}
.card-room h6{font-family: 'Californian FB'; font-size: 20px; color: #909090; font-style:  italic; line-height: 24px;}


.card-offers{border: 0; padding: 20px; box-shadow: 0 5px 20px #ccc; border-radius: 10px; position: relative; transition: ease-in-out 0.3s; }
.card-offers:hover {box-shadow: 0 5px 30px #aaa;}


.benefits p{text-transform: uppercase}
.covid_guide .benefits p{text-transform: uppercase}

.home_amenities{background: #f0f0f0}
.home_amenities .benefits img{margin-bottom: 10px; border-radius: 50%; border: 1px solid #d7ac67; width: 80px; padding: 10px; background: #fff}
.bg-dark{background: #494949!important}
.bg-blue{background: #d7ac67!important}
.card-room:hover {box-shadow: 0 5px 30px #ccc;text-decoration: none;}

img.white{filter: brightness(0) invert(1);}

.starrating p{text-align: center}
.starrating .las{font-size: 20px; color:#ffde00}
.starrating .lar{font-size: 20px; color:#fff}
.starrating img{max-width: 200px}

.special{color: #fff;}
.special img{border: 3px solid #d7ac67}
.special p{color: #fff;}
.special h6 {color: goldenrod;}
.special h6 small{color: #27b1df; font-weight: normal}

footer{background: #fff; color: #494949; font-size:14px;}
footer a{color: #494949}
footer a:hover{color: #d7ac67; text-decoration: none}
footer h3{margin-bottom: 30px; font-weight: 600; font-size: 24px; position: relative; color: #d7ac67; }
footer p{line-height: 1.7}
.footer_logo img{max-width: 250px; margin-top: 30px}
.footer_logo p{display: none}

.list-contact{margin-bottom: 40px}
.list-contact li{display: flex; margin-bottom: 10px; align-items:center;}
.list-contact li i{width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 32px; margin-right: 10px}
.list-contact li a{color: #494949;}
.list-contact li a:hover{text-decoration: none; color: #27b1df}

.list-quick-links{}
.list-quick-links li{}
.list-quick-links li a{display: block; padding: 4px 0 8px 20px; position:relative; text-transform: uppercase }
.list-quick-links li a:before{position:absolute;content:'\f105'; top:4px;left:0;font-family:'Line Awesome Free';font-weight:900;color:#d7ac67 !important; }
.list-quick-links li a:hover{text-decoration: none;}

.copyright{background:#202020; color: #c6c6c6; font-size: 15px;}
.copyright a{color: #d7ac67; text-transform: uppercase}
.copyright a:hover{color: #fff; text-decoration: none}

.copyright a.social{color: #fff; background: #27b1df; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; border-radius: 50%; font-size: 18px; transition: ease-in-out 0.2s}
.copyright a.social:hover{color: #000; background: #d7ac67; text-decoration: none}

.static-banner{position: relative;box-shadow: 0 10px 30px -15px #999; border-bottom: 1px solid #fff; z-index:1;}
.static-banner h2{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 3px #545e6c; color:#fff;text-align:center;}

.banquet-hall h5{color: #24416b; margin: 0; font-family: 'Roboto Condensed'; text-align: center}
.banquet-hall .col-sm-4 img{margin: 15px auto; border: 1px solid goldenrod; border-radius: 50%; padding: 10px}

.dining h5{color: #24416b; margin: 0; font-family: 'Roboto Condensed'; text-align: center}
.dining .col-sm-4 img{margin: 15px auto; border: 1px solid goldenrod; border-radius: 50%; padding: 10px}

.gallery-item{height: 300px; background-size: cover; box-shadow: 0 5px 20px #ccc; transition: ease-in-out 0.3s; background-position:  center center; background-repeat: no-repeat; display: block; border: 1px solid #ccc; position: relative; border-radius: 10px; overflow: hidden}
.gallery-item i{z-index: 100; font-size: 24px; background: #2286c1; border-radius: 50%; padding: 6px; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); transition: ease-in-out 0.2s}
.gallery-item:hover i{top: 50%; transform: translate(-50%,-50%); color: #fff}
.gallery-item:hover {box-shadow: 0 5px 30px #999!important;}
.gallery-item:after{top: 1px; right: 1px; bottom: 1px; left: 1px; transition: ease-in-out 0.3s; width: 100%; height: 100%; border: 2px solid #fff; content: ''; z-index: 5; display: block; border-radius: 10px}
.gallery-item:hover:after{border-color:#2286c1;}

.form-group{margin-bottom: 20px}
.form-group label{font-size: 15px; margin-bottom: 5px;}

/*contact info*/
.contactus-info{background:#37b7e0; color:#fff};
.contactus-info .card1,.contactus-info .card2,.contactus-info .card3{padding: 20px 0 30px; height: 100%;}
.contactus-info .card1,.contactus-info .card3{background: #2286c1;padding: 20px 0 30px; border-radius: 10px}
.contactus-info .card2{background: #649741;padding: 20px 0 30px; border-radius: 10px}
.contactus-info i{font-size: 40px; width: 80px; height: 80px; background: goldenrod; border-radius: 50%; line-height: 80px; margin-bottom: 20px; color: #fff}
.contactus-info h5{font-weight: normal; margin: 0; color: #fff; font-size: 15px; line-height: 1.8}
.contactus-info a {color: #fff;}

.cmspages,.cmspages p, .cmspages .form-control{font-size: 16px}
.cmspages h1,.cmspages h2,.cmspages h3,.cmspages h4,.cmspages h5,.cmspages h6{font-family: 'Montserrat'; font-weight: 500; margin: 0; line-height: 1.4;color:#000; display: block}
.cmspages h1{font-size:36px; margin: 0 0 20px}
.cmspages h2{font-size:30px; margin: 15px 0; color: #777}
.cmspages h3{font-size:24px; margin: 15px 0}
.cmspages h4{font-size:22px; margin: 15px 0;  color: #777}
.cmspages h5{font-size:20px; margin: 15px 0}
.cmspages h6{font-size:18px; margin: 15px 0}
.cmspages ul{padding: 0; margin: 0}
.cmspages ul li{list-style: none}
.cmspages a:hover,.cmspages a:focus,.cmspages a:active, .cmspages button:hover,.cmspages button:focus,.cmspages button:active{outline: 0;}
.cmspages button,.cmspages a{outline: none; outline: 0}
.cmspages img{margin-bottom: 1rem; max-width: 100%; height: auto}
.cmspages p{text-align: justify}

.cmspages  ul,.cmspages  ol {margin: 0 0 1rem; padding: 0}
.cmspages  ul ul,.cmspages  ol ol{margin-bottom: 0}
.cmspages  ul ul ul,.cmspages  ol ol ol{margin-bottom: 0}

.cmspages ul li{list-style: none; position: relative; padding-left: 30px; margin: 5px 0}
.cmspages ul li:before{content: '\f105'; font-family: 'Line Awesome Free'; font-weight: 900; color: #2679ff; position: absolute; top: 0; left: 0;}
.cmspages ul ul li:before{content: '\f04b'; font-family: 'Line Awesome Free'; font-weight: 900; color: #2679ff; position: absolute; top: 0; left: 0;}
.cmspages ul ul ul li:before{content: '\f00c'; font-family: 'Line Awesome Free'; font-weight: 900; color: #2679ff; position: absolute; top: 0; left: 0;}

.cmspages ol li{position: relative; padding-left: 0; margin: 5px 0}
.cmspages ol ol li,.cmspages ol ol ol li{padding-left: 30px;}

.cmspages ol { counter-reset: item }
.cmspages ol li { display: block }
.cmspages ol li:before { content: counters(item, " . ") " "; counter-increment: item; padding-right: 20px }

.cmspages blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";}
.cmspages blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 1px;margin-right: 0.25em;vertical-align: -0.4em;}
.cmspages blockquote p {display: inline;}
.cmspages blockquote h2,.cmspages blockquote h3,.cmspages blockquote h4,.cmspages blockquote h5,.cmspages blockquote h6 {margin-top: 0}
.cmspages table{margin-bottom: 20px}



@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {width:96%;max-width: 1240px; padding: 0 15px}
}

@media screen and (max-width: 1200px){
    .container{width: 100%; max-width: 100%;}
    .owl-theme .owl-nav{left: -12px; right: -12px;}
    .owl-carousel{padding-left: 30px; padding-right: 30px;}
    .owl-theme.owl_home_main .owl-nav{left: 20px; right: 20px;}
    .owl-carousel.owl_home_main{padding-left: 0; padding-right: 0;}
}

@media screen and (max-width: 1199px){

}

@media screen and (max-width: 1024px){

}
@media (min-width: 992px){

}

@media screen and (max-width: 991px){
    .navbar-collapse{position: absolute;top: 100%;z-index: 100;background: #f5f5f5;left: 0;right: 0; padding: 20px}
    #navbarSupportedContent2{background: #666}
    footer{text-align: center}
    .list-contact li{display: block}
    footer h3:before{left:50%;transform:translateX(-50%)}
    .list-quick-links li a:before{left:auto; margin-left:-20px}
    .navbar-nav.navbar-btns,.navbar-nav.navbar-icons{display: block;}
    .navbar-nav.navbar-btns li,.navbar-nav.navbar-icons li{display: inline-block;}
    .navbar-expand-lg .navbar-nav.navbar-icons .nav-link{padding: 12px}
    header{padding: 5px 0; }
    footer img{margin: 0 auto}
}
@media screen and (max-width: 767px){
    .owl_home_main .banner-wrapper h1{font-size:30px;}
    .owl_home_main .banner-wrapper p{font-size:16px;}    
    .special img{max-width: 200px}
    .special p,.special h6{text-align: center}
}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 575px){
.owl_home_main .banner-wrapper{padding:10px;}
.owl_home_main .banner-wrapper h1{font-size:18px; text-transform:none;}
.pb-5, .py-5 {padding-bottom: 2rem!important;}
.pt-5, .py-5 {padding-top: 2rem!important;}
.list-contact li i{display:block;margin:12px auto 5px;}

footer p{text-align: center}
.static-banner h2{font-size:20px;}
.bg-video a{width: 80px; height: 58px; background-size: 100%}
.page-aboutus, .page-aboutus p {text-align: center}
.page-offers, .page-offers p {text-align: center}
.banquet-hall h5{min-height: 10px;


}
@media screen and (max-width: 480px){

}
@media screen and (max-width: 375px){

}
@media screen and (max-width: 360px){

}
@media screen and (max-width: 320px){

}