@charset "UTF-8";
@media (max-width:991px){
    .nav-menu,.nav-push-item{
        display:none
    }
}
.mt-30{
    margin-top:30px
}
.mt-40{
    margin-top:40px
}
.mt-50{
    margin-top:50px
}
.mt-60{
    margin-top:60px
}
.mt-65{
    margin-top:65px
}
.mt-80{
    margin-top:80px
}
.mb-10{
    margin-bottom:10px
}
.mb-20{
    margin-bottom:20px
}
.mb-30{
    margin-bottom:30px
}
.mb-40{
    margin-bottom:40px
}
.mb-50{
    margin-bottom:50px
}
.mb-60{
    margin-bottom:60px
}
.mb-80{
    margin-bottom:80px
}
.pt-20{
    padding-top:20px
}
.pt-30{
    padding-top:30px
}
.pt-40{
    padding-top:40px
}
.pt-80{
    padding-top:80px
}
.pt-100{
    padding-top:100px
}
.pt-115{
    padding-top:115px
}
.pt-120{
    padding-top:120px
}
.pb-20{
    padding-bottom:20px
}
.pb-30{
    padding-bottom:30px
}
.pb-40{
    padding-bottom:40px
}
.pb-50{
    padding-bottom:50px
}
.pb-60{
    padding-bottom:60px
}
.pb-80{
    padding-bottom:80px
}
.pb-90{
    padding-bottom:90px
}
.pb-115{
    padding-bottom:115px
}
.pb-120{
    padding-bottom:120px
}
.pb-160{
    padding-bottom:160px
}
body{
    font-family:var(--primary-font),sans-serif;
    font-weight:400;
    font-style:normal;
    color:#777;
    overflow-x:hidden;
    font-size:16px;
    line-height:1.6;
    background-color:#f8f8f8
}
@media (max-width:399px){
    body{
        font-size:14px
    }
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
img{
    max-width:100%;
    transition:all .4s ease-out 0s
}
.slick-initialized .slick-slide:focus,a:focus,button:focus,input:focus,textarea:focus{
    text-decoration:none;
    outline:none;
    box-shadow:none
}
a:focus,a:hover{
    text-decoration:none
}
a,i,span{
    display:inline-block
}
h1,h2,h3,h4,h5,h6{
    font-family:var(--secondary-font),serif;
    font-weight:400;
    margin:0
}
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{
    color:#222
}
h1{
    font-size:48px
}
h2{
    font-size:36px
}
h3{
    font-size:28px
}
h4{
    font-size:22px
}
h5{
    font-size:18px
}
h6{
    font-size:16px
}
ul{
    padding:0;
    list-style-type:none
}
p,ul{
    margin:0
}
a{
    transition:all .3s ease-out 0s
}
a,a:hover{
    color:var(--color-1st)
}
input,select,textarea{
    border:none;
    width:100%;
    height:70px;
    background-color:#f8f8f8;
    padding:0 40px
}
textarea{
    height:250px;
    padding-top:25px
}
input,select,textarea{
    font-family:var(--tertiary-font),sans-serif;
    color:#777
}
.nice-select{
    width:100%;
    background-color:transparent;
    border-radius:0;
    position:relative;
    border:none;
    height:70px;
    padding-left:50px;
    line-height:70px
}
.nice-select:after{
    display:none
}
.nice-select:before{
    content:"";
    font-family:Font Awesome\ 5 Pro;
    font-weight:300;
    position:absolute;
    left:30px;
    top:50%;
    color:var(--color-1st);
    transform:translateY(-50%)
}
.input-group input,.input-group select,.input-group textarea{
    padding-left:80px
}
.input-group label{
    font-size:14px;
    font-weight:700;
    margin-bottom:10px;
    color:#222;
    display:block
}
.input-group .icon{
    position:absolute;
    left:40px;
    bottom:35px;
    color:var(--color-1st);
    transform:translateY(50%)
}
.input-group.textarea .icon{
    top:25px;
    bottom:auto;
    transform:translateY(0)
}
.input-group .nice-select{
    padding-left:80px
}
.input-group .nice-select:before{
    left:40px
}
.input-group.input-group-two input,.input-group.input-group-two select,.input-group.input-group-two textarea{
    height:60px;
    padding:0 50px 0 30px;
    background-color:#fff;
    color:#777
}
.input-group.input-group-two ::-moz-placeholder{
    opacity:1;
    color:#777
}
.input-group.input-group-two :-ms-input-placeholder{
    opacity:1;
    color:#777
}
.input-group.input-group-two ::placeholder{
    opacity:1;
    color:#777
}
.input-group.input-group-two .icon{
    left:auto;
    bottom:30px;
    right:30px
}
.input-group.input-group-two .nice-select{
    background-color:#fff;
    padding:0 50px 0 30px;
    height:60px;
    line-height:60px
}
.input-group.input-group-two .nice-select:before{
    left:auto;
    right:30px
}
@media (min-width:1600px){
    .container-custom-one{
        max-width:1600px
    }
}
.main-btn,.slick-slide img{
    display:inline-block
}
.main-btn{
    font-weight:700;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 48px;
    font-size:14px;
    line-height:60px;
    border-radius:0;
    cursor:pointer;
    transition:all .4s ease-out 0s;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#777;
    border:2px solid var(--color-1st)
}
.main-btn.btn-filled{
    background-color:var(--color-1st);
    color:#fff;
    box-shadow:0 14px 24px 0 rgba(190,173,142,.4)
}
.main-btn.btn-filled:hover{
    background-color:transparent;
    color:#777;
    box-shadow:none
}
.main-btn.btn-border{
    border-color:var(--color-1st)
}
.main-btn.btn-border:hover{
    background-color:var(--color-1st);
    color:#fff;
    box-shadow:0 14px 24px 0 rgba(190,173,142,.4)
}
.section-title span.title-tag{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    padding-bottom:20px
}
@media (max-width:767px){
    .section-title span.title-tag{
        letter-spacing:2px
    }
}
@media (max-width:399px){
    .section-title span.title-tag{
        font-size:12px
    }
}
.section-title h2{
    font-size:80px;
    line-height:1.125;
    letter-spacing:-1px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .section-title h2{
        font-size:62px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-title h2{
        font-size:52px
    }
}
@media (max-width:767px){
    .section-title h2{
        font-size:42px
    }
}
@media (max-width:399px){
    .section-title h2{
        font-size:32px
    }
}
.arrow-style{
    display:flex;
    justify-content:flex-end
}
.arrow-style .slick-arrow{
    height:70px;
    width:70px;
    text-align:center;
    line-height:70px;
    font-size:18px;
    color:#111;
    background:#fff;
    cursor:pointer;
    transition:all .3s ease-out 0s
}
.arrow-style .slick-arrow:hover{
    background-color:var(--color-1st);
    color:#fff;
    box-shadow:0 14px 24px 0 rgba(190,173,142,.3)
}
.preloader{
    background-color:var(--color-1st);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:9999
}
.preloader .cssload-container{
    display:block;
    width:97px
}
.preloader .cssload-loading i{
    width:19px;
    height:19px;
    display:inline-block;
    border-radius:50%;
    background:#fff
}
.preloader .cssload-loading i:first-child{
    opacity:0;
    -webkit-animation:cssload-loading-ani2 .58s linear infinite;
    animation:cssload-loading-ani2 .58s linear infinite;
    transform:translate(-19px)
}
.preloader .cssload-loading i:nth-child(2),.preloader .cssload-loading i:nth-child(3){
    -webkit-animation:cssload-loading-ani3 .58s linear infinite;
    animation:cssload-loading-ani3 .58s linear infinite
}
.preloader .cssload-loading i:last-child{
    -webkit-animation:cssload-loading-ani1 .58s linear infinite;
    animation:cssload-loading-ani1 .58s linear infinite
}
@-webkit-keyframes sticky{
    0%{
        top:-200px
    }
    to{
        top:0
    }
}
@keyframes sticky{
    0%{
        top:-200px
    }
    to{
        top:0
    }
}
@-webkit-keyframes pulse-border{
    0%{
        transform:scale(1);
        opacity:1
    }
    to{
        transform:scale(1.3);
        opacity:0
    }
}
@keyframes pulse-border{
    0%{
        transform:scale(1);
        opacity:1
    }
    to{
        transform:scale(1.3);
        opacity:0
    }
}
@-webkit-keyframes pulse-border-2{
    0%{
        transform:scale(1);
        opacity:1
    }
    to{
        transform:scale(1.5);
        opacity:0
    }
}
@keyframes pulse-border-2{
    0%{
        transform:scale(1);
        opacity:1
    }
    to{
        transform:scale(1.5);
        opacity:0
    }
}
@-webkit-keyframes cssload-loading-ani1{
    to{
        transform:translate(39px);
        opacity:0
    }
}
@keyframes cssload-loading-ani1{
    to{
        transform:translate(39px);
        opacity:0
    }
}
@-webkit-keyframes cssload-loading-ani2{
    to{
        transform:translate(19px);
        opacity:1
    }
}
@keyframes cssload-loading-ani2{
    to{
        transform:translate(19px);
        opacity:1
    }
}
@-webkit-keyframes cssload-loading-ani3{
    to{
        transform:translate(19px)
    }
}
@keyframes cssload-loading-ani3{
    to{
        transform:translate(19px)
    }
}
@-webkit-keyframes zoomIn{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.2)
    }
    to{
        transform:scale(1)
    }
}
@keyframes zoomIn{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.2)
    }
    to{
        transform:scale(1)
    }
}
@-webkit-keyframes hvr-buzz-out{
    10%{
        transform:translateX(3px) rotate(2deg)
    }
    20%{
        transform:translateX(-3px) rotate(-2deg)
    }
    30%{
        transform:translateX(3px) rotate(2deg)
    }
    40%{
        transform:translateX(-3px) rotate(-2deg)
    }
    50%{
        transform:translateX(2px) rotate(1deg)
    }
    60%{
        transform:translateX(-2px) rotate(-1deg)
    }
    70%{
        transform:translateX(2px) rotate(1deg)
    }
    80%{
        transform:translateX(-2px) rotate(-1deg)
    }
    90%{
        transform:translateX(1px) rotate(0)
    }
    to{
        transform:translateX(-1px) rotate(0)
    }
}
@keyframes hvr-buzz-out{
    10%{
        transform:translateX(3px) rotate(2deg)
    }
    20%{
        transform:translateX(-3px) rotate(-2deg)
    }
    30%{
        transform:translateX(3px) rotate(2deg)
    }
    40%{
        transform:translateX(-3px) rotate(-2deg)
    }
    50%{
        transform:translateX(2px) rotate(1deg)
    }
    60%{
        transform:translateX(-2px) rotate(-1deg)
    }
    70%{
        transform:translateX(2px) rotate(1deg)
    }
    80%{
        transform:translateX(-2px) rotate(-1deg)
    }
    90%{
        transform:translateX(1px) rotate(0)
    }
    to{
        transform:translateX(-1px) rotate(0)
    }
}
header.header-absolute{
    position:absolute;
    left:0;
    width:100%;
    z-index:99;
    background-color:transparent;
    top:35px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    header .container.container-custom-one{
        max-width:100%
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    header .container.container-custom-one{
        max-width:100%
    }
}
header .nav-container .toggle{
    margin-right:50px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    header .nav-container .toggle{
        margin-right:20px;
        margin-right:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    header .nav-container .toggle{
        display:none
    }
}
@media (max-width:767px){
    header .nav-container .toggle{
        display:none
    }
}
header .nav-container .toggle a{
    color:#222;
    font-size:24px;
    padding:10px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    header .nav-container .site-logo img{
        max-width:200px
    }
}
@media (max-width:575px){
    header .nav-container .site-logo img{
        max-width:180px
    }
}
header .nav-container .site-logo .sticky-logo{
    display:none
}
@media only screen and (min-width:768px) and (max-width:991px){
    header .nav-container .header-info{
        padding:40px 20px 0
    }
}
@media (max-width:767px){
    header .nav-container .header-info{
        padding:40px 20px 0
    }
}
header .nav-container .header-info .item{
    padding-left:50px;
    position:relative
}
@media only screen and (min-width:768px) and (max-width:991px){
    header .nav-container .header-info .item{
        color:#fff
    }
}
@media (max-width:767px){
    header .nav-container .header-info .item{
        color:#fff
    }
}
header .nav-container .header-info .item i{
    position:absolute;
    left:0;
    top:6px;
    height:30px;
    width:30px;
    text-align:center;
    line-height:30px;
    border-radius:4px;
    background:#111;
    color:#fff;
    font-size:14px
}
header .nav-container .header-info .item span{
    font-weight:600;
    font-size:14px;
    padding-bottom:4px
}
header .nav-container .header-info .item a{
    display:block
}
header .nav-container .header-info .item .title{
    font-size:18px;
    font-weight:400
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    header .nav-container .header-info .item .title{
        font-size:20px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    header .nav-container .header-info .item .title{
        font-size:16px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    header .nav-container .header-info .item .title{
        color:#fff;
        font-size:22px
    }
}
@media (max-width:767px){
    header .nav-container .header-info .item .title{
        color:#fff;
        font-size:22px
    }
}
header .nav-container .header-info .item:not(:last-child){
    margin-right:45px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    header .nav-container .header-info .item:not(:last-child){
        margin-right:15px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    header .nav-container .header-info .item:not(:last-child){
        margin-right:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    header .nav-container .header-info .item:not(:last-child){
        margin-right:0;
        margin-bottom:30px
    }
}
@media (max-width:767px){
    header .nav-container .header-info .item:not(:last-child){
        margin-right:0;
        margin-bottom:30px
    }
}
header .nav-container .menu-items ul li{
    display:inline-block;
    position:relative
}
header .nav-container .menu-items ul li a{
    font-size:16px;
    font-weight:600;
    color:#111;
    text-transform:capitalize;
    line-height:80px;
    padding:0 20px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    header .nav-container .menu-items ul li a{
        font-size:14px;
        padding:0 10px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    header .nav-container .menu-items ul li a{
        padding:0 8px
    }
}
header .nav-container .menu-items ul li .submenu{
    position:absolute;
    left:0;
    top:110%;
    width:200px;
    background-color:#fff;
    opacity:0;
    visibility:hidden;
    transition:all .3s ease-out 0s;
    z-index:99;
    height:auto
}
header .nav-container .menu-items ul li .submenu li{
    display:block
}
header .nav-container .menu-items ul li .submenu li a{
    display:block;
    padding:8px 24px;
    position:relative;
    transition:all .3s ease-out 0s;
    border-radius:0;
    margin:0;
    line-height:30px!important;
    border-bottom:1px solid rgba(242,244,248,.7);
    color:#777
}
header .nav-container .menu-items ul li .submenu li a:hover{
    background-color:var(--color-1st);
    color:#fff!important;
    border-color:var(--color-1st)
}
header .nav-container .menu-items ul li .submenu li .submenu{
    left:100%;
    top:50%
}
header .nav-container .menu-items ul li .submenu li:hover .submenu{
    top:0
}
header .nav-container .menu-items ul li:hover>.submenu{
    opacity:1;
    visibility:visible;
    top:100%
}
header .nav-container .menu-items ul li .dd-trigger,header .nav-container .nav-pushed-item{
    display:none
}
header .nav-container .navbar-toggler{
    border:none;
    background-color:transparent;
    cursor:pointer;
    display:none
}
header .nav-container .navbar-toggler span{
    position:relative;
    background-color:#222;
    border-radius:3px;
    height:3px;
    margin-top:5px;
    padding:0;
    transition-duration:.3s;
    width:30px;
    cursor:pointer;
    display:block
}
header .nav-container .navbar-toggler.active span:first-of-type{
    transform:rotate(45deg);
    top:8px
}
header .nav-container .navbar-toggler.active span:nth-of-type(2){
    opacity:0
}
header .nav-container .navbar-toggler.active span:nth-of-type(3){
    transform:rotate(-45deg);
    top:-8px
}
header .nav-container .navbar-close{
    position:absolute;
    top:20px;
    right:20px;
    z-index:12;
    display:none
}
header .nav-container .navbar-close .cross-wrap{
    width:26px;
    height:26px;
    cursor:pointer;
    position:relative
}
header .nav-container .navbar-close .cross-wrap span{
    position:absolute;
    display:block;
    width:100%;
    height:2px;
    border-radius:6px;
    background:#fff
}
header .nav-container .navbar-close .cross-wrap span.top{
    top:12px;
    left:0;
    transform:rotate(45deg)
}
header .nav-container .navbar-close .cross-wrap span.bottom{
    bottom:12px;
    left:0;
    transform:rotate(-45deg)
}
header .nav-container.breakpoint-on .nav-menu{
    background-color:var(--color-1st);
    position:fixed;
    top:0;
    left:-300px;
    z-index:9999;
    width:300px;
    height:100%;
    transition-duration:.5s;
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    display:block;
    overflow-x:hidden;
    overflow-y:scroll;
    padding:70px 0 0
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li{
    display:block
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li a{
    display:block;
    border-bottom:1px solid hsla(0,0%,100%,.5);
    color:#fff!important;
    line-height:45px!important
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu{
    width:100%;
    position:relative;
    top:0;
    left:0;
    box-shadow:none;
    background-color:transparent;
    visibility:visible;
    opacity:1;
    display:none;
    transition:none
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a{
    color:#fff;
    padding:0 20px 0 40px;
    line-height:45px!important
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a:hover{
    border-color:hsla(0,0%,100%,.5)
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li .dd-trigger{
    display:block;
    position:absolute;
    right:0;
    height:45px;
    width:45px;
    top:0;
    border-left:1px solid hsla(0,0%,100%,.5);
    z-index:2;
    background:transparent;
    text-align:center;
    line-height:45px;
    cursor:pointer;
    color:#fff;
    font-size:20px
}
header .nav-container.breakpoint-on .nav-menu.menu-on{
    left:0
}
header .nav-container.breakpoint-on .nav-pushed-item,header .nav-container.breakpoint-on .navbar-close,header .nav-container.breakpoint-on .navbar-toggler{
    display:block
}
header.header-two .nav-container .menu-items ul li a,header.header-two .nav-container .toggle a{
    color:#fff
}
header.header-two .nav-container .navbar-toggler span{
    background-color:#fff
}
header.header-two .header-info .item i{
    background:var(--color-1st)
}
@media only screen and (min-width:768px) and (max-width:991px){
    header.header-two .header-info .item i{
        background:#111
    }
}
@media (max-width:767px){
    header.header-two .header-info .item i{
        color:#111
    }
}
header.header-two .header-info .item,header.header-two .header-info .item .title,header.header-two .header-info .item a{
    color:#fff
}
header.inner-page.header-absolute{
    background-color:#fff;
    top:0
}
@media only screen and (min-width:768px) and (max-width:991px){
    header.inner-page.header-absolute .nav-container{
        padding:10px 0
    }
}
@media (max-width:767px){
    header.inner-page.header-absolute .nav-container{
        padding:10px 0
    }
}
header.inner-page.header-absolute .nav-container .menu-items ul li a{
    line-height:130px
}
header.sticky-header.sticky-active{
    position:fixed;
    top:0;
    left:0;
    right:0;
    background-color:#fff;
    box-shadow:0 5px 5px 0 rgba(0,0,0,.04);
    z-index:999;
    -webkit-animation:sticky 1.2s;
    animation:sticky 1.2s
}
@media only screen and (min-width:768px) and (max-width:991px){
    header.sticky-header.sticky-active .nav-container{
        padding:10px 0
    }
    header.sticky-header.sticky-active .nav-container .site-logo img{
        max-width:200px
    }
}
@media (max-width:767px){
    header.sticky-header.sticky-active .nav-container{
        padding:10px 0
    }
}
header.sticky-header.sticky-active .nav-container .menu-items ul li a{
    line-height:100px
}
header.sticky-header.sticky-active .nav-container .site-logo .main-logo{
    display:none
}
header.sticky-header.sticky-active .nav-container .site-logo .sticky-logo{
    display:block
}
header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li a,header.sticky-header.sticky-active.header-two .nav-container .toggle a{
    color:#111
}
header.sticky-header.sticky-active.header-two .nav-container .navbar-toggler span{
    background-color:#111
}
header.sticky-header.sticky-active.header-two .header-info .item,header.sticky-header.sticky-active.header-two .header-info .item .title,header.sticky-header.sticky-active.header-two .header-info .item a{
    color:#111
}
@media only screen and (min-width:768px) and (max-width:991px){
    header.sticky-header.sticky-active.header-two .header-info .item,header.sticky-header.sticky-active.header-two .header-info .item .title,header.sticky-header.sticky-active.header-two .header-info .item a{
        color:#fff
    }
}
@media (max-width:767px){
    header.sticky-header.sticky-active.header-two .header-info .item,header.sticky-header.sticky-active.header-two .header-info .item .title,header.sticky-header.sticky-active.header-two .header-info .item a{
        color:#fff
    }
}
.offcanvas-wrapper{
    position:fixed;
    width:450px;
    top:0;
    min-height:100vh;
    left:0;
    transition:all .4s;
    z-index:999;
    opacity:0;
    visibility:hidden;
    margin-left:-450px
}
.offcanvas-wrapper.show-offcanvas{
    margin-left:0;
    opacity:1;
    visibility:visible
}
.offcanvas-wrapper .offcanvas-overly{
    position:fixed;
    height:100vh;
    width:100%;
    z-index:98;
    background-color:#1e1e1e;
    left:0;
    top:0;
    transition:all .4s;
    cursor:pointer;
    opacity:0;
    visibility:hidden
}
.offcanvas-wrapper .offcanvas-overly.show-overly{
    visibility:visible;
    opacity:.5
}
.offcanvas-wrapper .offcanvas-widget{
    background-color:#fff;
    width:100%;
    height:100vh;
    padding:70px 40px;
    position:relative;
    z-index:99
}
.offcanvas-wrapper .offcanvas-widget a.offcanvas-close{
    position:absolute;
    right:30px;
    top:30px;
    font-size:28px;
    color:var(--color-1st)
}
.offcanvas-wrapper .offcanvas-widget .widget{
    margin-bottom:50px;
    font-size:14px
}
.offcanvas-wrapper .offcanvas-widget .widget .widget-title{
    font-size:20px;
    margin-bottom:25px;
    line-height:1;
    position:relative;
    padding-left:30px
}
.offcanvas-wrapper .offcanvas-widget .widget .widget-title:before{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:2px;
    background-color:var(--color-1st);
    content:""
}
.offcanvas-wrapper .offcanvas-widget .widget.search-widget form{
    position:relative
}
.offcanvas-wrapper .offcanvas-widget .widget.search-widget form input{
    width:100%;
    background-color:#f8f8f8;
    height:60px;
    border:none;
    padding-left:30px;
    padding-right:60px;
    font-size:14px
}
.offcanvas-wrapper .offcanvas-widget .widget.search-widget form button{
    border:none;
    position:absolute;
    right:0;
    top:0;
    width:60px;
    height:100%;
    z-index:1;
    background-color:var(--color-1st);
    font-size:14px;
    color:#fff;
    transition:all .3s ease-out 0s
}
.offcanvas-wrapper .offcanvas-widget .widget.search-widget form button:hover{
    background-color:#111;
    color:#fff
}
.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li{
    line-height:30px
}
.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li a{
    color:#777;
    font-weight:700
}
.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li a:hover{
    padding-left:10px;
    color:var(--color-1st)
}
.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li .submenu{
    padding-left:10px
}
.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li{
    display:inline-block;
    margin-right:5px
}
.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li a{
    height:40px;
    width:40px;
    background-color:var(--color-1st);
    color:#fff;
    line-height:40px;
    text-align:center
}
.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li a:hover{
    background-color:#222
}
.breadcrumb-area{
    background-size:cover;
    background-position:50%;
    position:relative;
    z-index:1;
    margin-top:130px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .breadcrumb-area{
        margin-top:100px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .breadcrumb-area{
        margin-top:100px
    }
}
@media (max-width:575px){
    .breadcrumb-area{
        margin-top:80px
    }
}
.breadcrumb-area:before{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:-1;
    background-color:#222;
    content:"";
    opacity:.7
}
.breadcrumb-area .breadcrumb-text{
    position:relative;
    padding:100px 0
}
.breadcrumb-area .breadcrumb-text,.breadcrumb-area .breadcrumb-text h2.page-title{
    color:#fff
}
.breadcrumb-area .breadcrumb-text h2.page-title{
    font-size:72px;
    letter-spacing:-1px
}
@media only screen and (min-width:576px) and (max-width:767px){
    .breadcrumb-area .breadcrumb-text h2.page-title{
        font-size:60px
    }
}
@media (max-width:575px){
    .breadcrumb-area .breadcrumb-text h2.page-title{
        font-size:50px
    }
}
.breadcrumb-area .breadcrumb-text span{
    font-size:14px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
    padding-bottom:25px
}
@media (max-width:767px){
    .breadcrumb-area .breadcrumb-text span{
        letter-spacing:2px
    }
}
@media (max-width:575px){
    .breadcrumb-area .breadcrumb-text span{
        font-size:12px
    }
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav{
    position:absolute;
    right:0;
    bottom:0;
    background-color:#fff;
    padding:20px 40px;
    z-index:2
}
@media (max-width:575px){
    .breadcrumb-area .breadcrumb-text .breadcrumb-nav{
        padding:15px 20px;
        font-size:14px
    }
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li{
    display:inline-block;
    font-weight:700;
    position:relative
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li,.breadcrumb-area .breadcrumb-text .breadcrumb-nav li a{
    color:#222
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li a:hover{
    color:var(--color-1st)
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li:not(:first-child){
    padding-left:10px;
    margin-left:10px
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li:not(:first-child):before{
    position:absolute;
    left:-2px;
    top:50%;
    transform:translateY(-48%);
    content:"|";
    color:#222
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li.active,.breadcrumb-area .breadcrumb-text .breadcrumb-nav li.active:before{
    color:var(--color-1st)
}
.banner-area .banner-content span.promo-tag{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    padding-bottom:30px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .banner-area .banner-content span.promo-tag{
        font-size:12px;
        letter-spacing:1px
    }
}
@media (max-width:767px){
    .banner-area .banner-content span.promo-tag{
        font-size:12px;
        letter-spacing:1px
    }
}
.banner-area .banner-content .title{
    font-size:120px;
    line-height:1.1;
    font-weight:400;
    letter-spacing:-6px;
    padding-bottom:26px
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .banner-area .banner-content .title{
        font-size:100px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .banner-area .banner-content .title{
        font-size:86px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .banner-area .banner-content .title{
        font-size:72px
    }
}
@media (max-width:575px){
    .banner-area .banner-content .title{
        font-size:66px
    }
}
@media (max-width:399px){
    .banner-area .banner-content .title{
        font-size:52px
    }
}
.banner-area .banner-content ul li{
    display:inline-block
}
.banner-area .banner-content ul li:last-child{
    margin-left:24px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .banner-area .banner-content ul li:last-child{
        margin-left:10px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .banner-area .banner-content ul li:last-child{
        margin-left:10px
    }
}
@media (max-width:767px){
    .banner-area .banner-content ul li:last-child{
        margin-left:5px
    }
}
@media (max-width:399px){
    .banner-area .banner-content ul li:last-child{
        margin-left:0;
        margin-top:10px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .banner-area .banner-content .main-btn{
        padding:0 35px;
        line-height:55px
    }
}
@media (max-width:575px){
    .banner-area .banner-content .main-btn{
        padding:0 25px;
        line-height:50px;
        letter-spacing:1px
    }
}
.banner-area.banner-style-two .single-banner{
    height:950px;
    position:relative;
    z-index:1;
    overflow:hidden
}
@media (max-width:767px){
    .banner-area.banner-style-two .single-banner{
        height:700px
    }
}
.banner-area.banner-style-two .single-banner .banner-bg,.banner-area.banner-style-two .single-banner .banner-overly{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-2;
    background-size:cover;
    background-position:50%
}
.banner-area.banner-style-two .single-banner .banner-overly{
    background-color:#222;
    z-index:-1;
    opacity:.3
}
.banner-area.banner-style-two .single-banner .banner-bg{
    -webkit-animation:zoomIn 15s linear infinite;
    animation:zoomIn 15s linear infinite
}
.banner-area.banner-style-two .banner-content,.banner-area.banner-style-two .banner-content h1{
    color:#fff
}
@media only screen and (min-width:768px) and (max-width:991px){
    .banner-area.banner-style-two .banner-content h1{
        font-size:90px
    }
}
.banner-area.banner-style-two .banner-content .main-btn.btn-border:hover,.banner-area.banner-style-two .banner-content .main-btn.btn-filled{
    box-shadow:none
}
.banner-area.banner-style-two .banner-content .main-btn.btn-border,.banner-area.banner-style-two .banner-content .main-btn.btn-filled:hover{
    border-color:hsla(0,0%,100%,.2);
    color:#fff
}
.banner-area .slick-arrow{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    height:50px;
    width:50px;
    background:#fff;
    line-height:50px;
    text-align:center;
    font-size:17px;
    cursor:pointer;
    transition:.3s;
    z-index:9
}
.banner-area .slick-arrow:hover{
    background-color:var(--color-1st);
    color:#fff
}
.banner-area ul.slick-dots{
    position:absolute;
    left:50%;
    transform:translateX(-51%);
    bottom:30px
}
.banner-area ul.slick-dots li{
    display:inline-block;
    margin:0 5px
}
.banner-area ul.slick-dots li button{
    border:none;
    height:10px;
    width:10px;
    border-radius:50%;
    line-height:0;
    font-size:0
}
.banner-area ul.slick-dots li.slick-active button{
    background-color:var(--color-1st)
}
.about-section{
    position:relative;
    z-index:1
}
.about-section .down-arrow-wrap{
    padding-bottom:125px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .down-arrow-wrap{
        padding-bottom:90px
    }
}
@media (max-width:767px){
    .about-section .down-arrow-wrap{
        padding-bottom:90px
    }
}
.about-section .down-arrow-wrap a.down-arrow{
    height:60px;
    width:60px;
    text-align:center;
    line-height:60px;
    background:var(--color-1st);
    border-radius:50%;
    color:#fff;
    box-shadow:0 14px 24px 0 rgba(190,173,142,.3);
    position:relative
}
.about-section .down-arrow-wrap a.down-arrow:before{
    -webkit-animation:pulse-border-2 1s linear infinite;
    animation:pulse-border-2 1s linear infinite
}
.about-section .down-arrow-wrap a.down-arrow:after,.about-section .down-arrow-wrap a.down-arrow:before{
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:100%;
    width:100%;
    border:1px solid #ccc;
    border-radius:50%
}
.about-section .down-arrow-wrap a.down-arrow:after{
    -webkit-animation:pulse-border-2 1.5s linear infinite;
    animation:pulse-border-2 1.5s linear infinite
}
.about-section .about-title span.title-tag span{
    color:var(--color-1st)
}
@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-title h2{
        font-size:45px
    }
}
@media (max-width:575px){
    .about-section .about-title h2{
        font-size:30px
    }
}
.about-section .about-features{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    grid-template-rows:1fr;
    grid-column-gap:35px;
    margin-top:100px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .about-section .about-features{
        grid-column-gap:20px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features{
        grid-column-gap:15px
    }
}
@media (max-width:767px){
    .about-section .about-features{
        grid-template-columns:repeat(3,1fr);
        grid-template-rows:2fr;
        grid-column-gap:15px;
        margin-top:60px
    }
}
@media (max-width:575px){
    .about-section .about-features{
        grid-template-columns:repeat(2,1fr);
        grid-template-rows:3fr
    }
}
.about-section .about-features li{
    margin-top:15px
}
.about-section .about-features li a{
    background:#fff;
    padding:55px 0 45px;
    box-shadow:0 14px 24px 0 hsla(0,0%,72.2%,.1);
    text-align:center;
    display:block;
    color:var(--color-1st);
    position:relative;
    z-index:1
}
.about-section .about-features li a,.about-section .about-features li a i,.about-section .about-features li a span{
    transition:all .3s ease-out 0s
}
.about-section .about-features li a i{
    font-size:75px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features li a i{
        font-size:55px
    }
}
.about-section .about-features li a img{
    max-width:75px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features li a img{
        max-width:55px
    }
}
.about-section .about-features li a .title{
    font-size:12px;
    color:#111;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:3px;
    padding-top:10px;
    display:block
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .about-section .about-features li a .title{
        letter-spacing:2px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features li a .title{
        letter-spacing:1px
    }
}
@media (max-width:767px){
    .about-section .about-features li a .title{
        letter-spacing:1px
    }
}
.about-section .about-features li a .hover-icon{
    position:absolute;
    right:0;
    bottom:0;
    color:#fff;
    font-size:75px;
    z-index:-1;
    opacity:0;
    visibility:hidden
}
.about-section .about-features li a:hover{
    background:var(--color-1st);
    color:#fff
}
.about-section .about-features li a:hover .title{
    color:#fff
}
.about-section .about-features li a:hover .hover-icon{
    visibility:visible;
    opacity:.1
}
.about-section .about-features.masonry-layout{
    margin-top:0
}
@media (max-width:767px){
    .about-section .about-features.masonry-layout{
        margin-top:50px
    }
}
.about-section .about-features.masonry-layout li{
    margin-top:0
}
.about-section .about-features.masonry-layout li:nth-child(2){
    margin-top:100px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features.masonry-layout li:nth-child(2){
        margin-top:50px
    }
}
@media (max-width:767px){
    .about-section .about-features.masonry-layout li:nth-child(2){
        margin-top:50px
    }
}
.about-section .about-features.masonry-layout li:nth-child(3){
    margin-top:200px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features.masonry-layout li:nth-child(3){
        margin-top:100px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .about-section .about-features.masonry-layout li:nth-child(3){
        margin-top:100px
    }
}
@media (max-width:575px){
    .about-section .about-features.masonry-layout li:nth-child(3){
        margin-top:0
    }
}
.about-section .about-features.masonry-layout li:nth-child(4){
    margin-top:100px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .about-section .about-features.masonry-layout li:nth-child(4){
        margin-top:50px
    }
}
@media (max-width:767px){
    .about-section .about-features.masonry-layout li:nth-child(4){
        margin-top:-50px
    }
}
@media (max-width:575px){
    .about-section .about-features.masonry-layout li:nth-child(4){
        margin-top:50px
    }
}
.room-type-section{
    position:relative;
    z-index:1
}
.room-type-section,.room-type-section:before{
    background-size:100% 100%;
    background-position:50%
}
.room-type-section:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
    background-image:url(../img/bg/brush.png);
    z-index:-1;
    background-repeat:no-repeat
}
.room-type-section .room-filter{
    text-align:right
}
@media only screen and (min-width:768px) and (max-width:991px){
    .room-type-section .room-filter{
        margin-top:30px
    }
}
@media (max-width:767px){
    .room-type-section .room-filter{
        margin-top:30px
    }
}
.room-type-section .room-filter li a{
    display:inline-block;
    font-size:16px;
    font-weight:700;
    text-transform:capitalize;
    border:2px solid transparent;
    padding:20px 30px;
    cursor:pointer;
    color:#777;
    transition:all .3s ease-out 0s;
    border-radius:0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-type-section .room-filter li a{
        padding:10px 20px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-type-section .room-filter li a{
        padding:10px 20px
    }
}
@media (max-width:575px){
    .room-type-section .room-filter li a{
        padding:8px 15px;
        font-size:14px
    }
}
.room-type-section .room-filter li a.active,.room-type-section .room-filter li a:hover{
    color:#111;
    border-color:#e6e6e6;
    background-color:transparent
}
.room-type-section .room-items .row{
    margin-left:-7.5px;
    margin-right:-7.5px
}
.room-type-section .room-items .row>.col,.room-type-section .room-items .row>[class*=col-]{
    padding-left:7.5px;
    padding-right:7.5px
}
.room-type-section .room-items .room-box{
    width:100%;
    height:280px;
    position:relative;
    z-index:1;
    overflow:hidden;
    margin-top:15px
}
.room-type-section .room-items .room-box.extra-height{
    height:575px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .room-type-section .room-items .room-box.extra-height{
        height:280px
    }
}
@media (max-width:767px){
    .room-type-section .room-items .room-box.extra-height{
        height:280px
    }
}
.room-type-section .room-items .room-box:after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(45deg,rgba(17,17,17,.50196),rgba(17,17,17,.25) 44%,rgba(17,17,17,0));
    content:""
}
.room-type-section .room-items .room-box .room-bg{
    width:100%;
    height:100%;
    background-size:cover;
    background-position:50%;
    transition:all .4s ease-out 0s
}
.room-type-section .room-items .room-box .room-content{
    position:absolute;
    left:30px;
    bottom:30px;
    z-index:2;
    right:30px
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-type-section .room-items .room-box .room-content{
        left:15px
    }
}
.room-type-section .room-items .room-box .room-content h3{
    font-size:36px
}
@media (max-width:767px){
    .room-type-section .room-items .room-box .room-content h3{
        font-size:26px
    }
}
.room-type-section .room-items .room-box .room-content h3 a{
    color:#fff
}
.room-type-section .room-items .room-box .room-content span{
    color:#fff;
    padding-bottom:15px;
    font-weight:700
}
.room-type-section .room-items .room-box .room-content span i{
    margin-right:10px
}
@media (max-width:767px){
    .room-type-section .room-items .room-box .room-content span{
        font-size:14px
    }
}
.room-type-section .room-items .room-box .room-link{
    border:2px solid hsla(0,0%,100%,.2);
    width:60px;
    height:60px;
    position:absolute;
    right:15px;
    bottom:0;
    border-radius:50%;
    z-index:3;
    color:#fff;
    font-size:18px;
    line-height:60px;
    text-align:center;
    opacity:0;
    visibility:hidden
}
@media (max-width:767px){
    .room-type-section .room-items .room-box .room-link{
        height:40px;
        width:40px;
        text-align:center;
        right:10px;
        line-height:40px
    }
}
.room-type-section .room-items .room-box .room-link:hover{
    background-color:#fff;
    color:#111
}
.room-type-section .room-items .room-box.extra-wide .room-link{
    right:40px
}
.room-type-section .room-items .room-box:hover .room-link{
    opacity:1;
    visibility:visible;
    bottom:30px
}
.room-type-section .room-items .room-box:hover .room-bg{
    transform:scale(1.1)
}
.cta-section .cta-inner{
    padding:100px 0;
    background-color:#fff;
    position:relative;
    z-index:1
}
.cta-section .cta-inner .cta-text p{
    font-size:20px;
    line-height:1.6;
    color:var(--color-1st)
}
.cta-section .cta-inner .cta-text a.main-btn.btn-filled{
    background-color:#111;
    color:#fff;
    margin-top:40px;
    border-color:#111
}
.cta-section .cta-inner .cta-text a.main-btn.btn-filled:hover{
    background-color:var(--color-1st);
    border-color:var(--color-1st)
}
@media only screen and (min-width:768px) and (max-width:991px){
    .cta-section .cta-inner .cta-text{
        margin-top:60px
    }
}
@media (max-width:767px){
    .cta-section .cta-inner .cta-text{
        margin-top:60px
    }
}
.cta-section .cta-inner .cta-features .single-feature{
    display:grid;
    grid-template-rows:1fr;
    grid-template-columns:120px 1fr;
    margin-bottom:45px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .cta-section .cta-inner .cta-features .single-feature{
        grid-template-columns:100px 1fr
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .cta-section .cta-inner .cta-features .single-feature{
        grid-template-columns:100px 1fr
    }
}
@media (max-width:575px){
    .cta-section .cta-inner .cta-features .single-feature{
        display:block
    }
}
.cta-section .cta-inner .cta-features .single-feature .icon{
    width:120px;
    height:120px;
    border-radius:50%;
    background-color:#fff;
    box-shadow:0 8px 16px 0 rgba(190,173,142,.2);
    text-align:center;
    line-height:120px;
    font-size:60px;
    color:var(--color-1st);
    transition:all .3s ease-out 0s;
    position:relative;
    z-index:2
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .cta-section .cta-inner .cta-features .single-feature .icon{
        height:100px;
        width:100px;
        line-height:100px;
        font-size:40px
    }
}
@media (max-width:767px){
    .cta-section .cta-inner .cta-features .single-feature .icon{
        height:100px;
        width:100px;
        line-height:100px;
        font-size:40px
    }
}
@media (max-width:575px){
    .cta-section .cta-inner .cta-features .single-feature .icon{
        margin-bottom:30px
    }
}
.cta-section .cta-inner .cta-features .single-feature .cta-desc{
    position:relative;
    padding-left:40px;
    z-index:1;
    font-size:14px
}
@media (max-width:575px){
    .cta-section .cta-inner .cta-features .single-feature .cta-desc{
        padding-left:0
    }
}
.cta-section .cta-inner .cta-features .single-feature .cta-desc h3{
    font-size:30px;
    color:#111;
    margin-bottom:20px;
    letter-spacing:-1px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .cta-section .cta-inner .cta-features .single-feature .cta-desc h3{
        font-size:26px
    }
}
.cta-section .cta-inner .cta-features .single-feature .cta-desc .count{
    position:absolute;
    font-size:120px;
    font-weight:700;
    left:-32px;
    top:0;
    line-height:1;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px #111;
    z-index:-1;
    color:transparent;
    opacity:.1
}
@media (max-width:575px){
    .cta-section .cta-inner .cta-features .single-feature .cta-desc .count{
        left:0;
        top:-75px
    }
}
.cta-section .cta-inner .cta-features .single-feature:hover .icon{
    background-color:var(--color-1st);
    color:#fff
}
.cta-section .cta-inner .cta-features .single-feature:last-child{
    margin-bottom:0
}
.cta-section .cta-inner:after{
    content:"";
    position:absolute;
    left:35px;
    right:35px;
    bottom:-40px;
    background-color:var(--color-1st);
    height:20px
}
.cta-section .cta-inner:before{
    content:"";
    font-family:Flaticon;
    left:0;
    bottom:0;
    line-height:1;
    color:#f6f6f6;
    font-size:350px;
    position:absolute
}
.room-gallery-cta{
    position:relative;
    z-index:1;
    background-size:cover;
    background-position:50%;
    padding:120px 0;
    background-attachment:fixed
}
.room-gallery-cta:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-color:#111;
    opacity:.7;
    content:""
}
.room-gallery-cta ul li{
    display:inline-block;
    margin:0 10px
}
@media (max-width:767px){
    .room-gallery-cta ul li{
        margin:0 5px
    }
}
@media (max-width:767px){
    .room-gallery-cta ul li .main-btn{
        padding:0 25px;
        letter-spacing:1px
    }
}
@media (max-width:399px){
    .room-gallery-cta ul li .main-btn{
        padding:0 15px;
        letter-spacing:1px;
        font-size:12px
    }
}
.room-gallery-cta ul li .main-btn.btn-border:hover,.room-gallery-cta ul li .main-btn.btn-filled{
    box-shadow:none
}
.room-gallery-cta ul li .main-btn.btn-border,.room-gallery-cta ul li .main-btn.btn-filled:hover{
    border-color:hsla(0,0%,100%,.2);
    color:#fff
}
.room-gallery-cta .cta-text h2{
    font-size:80px;
    line-height:1.125;
    letter-spacing:-3px;
    color:#fff
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .room-gallery-cta .cta-text h2{
        font-size:72px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-gallery-cta .cta-text h2{
        font-size:60px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .room-gallery-cta .cta-text h2{
        font-size:52px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-gallery-cta .cta-text h2{
        font-size:42px
    }
}
@media (max-width:575px){
    .room-gallery-cta .cta-text h2{
        font-size:32px
    }
}
@media (max-width:399px){
    .room-gallery-cta .cta-text h2{
        font-size:28px
    }
}
.room-gallery-cta .cta-text span{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    padding-bottom:20px;
    color:var(--color-1st)
}
.room-gallery-cta .rotate-images img{
    position:absolute;
    z-index:1;
    bottom:0;
    transform:rotate(-37deg);
    left:3%;
    z-index:-1
}
@media (max-width:767px){
    .room-gallery-cta .rotate-images img{
        max-width:150px
    }
}
@media (max-width:399px){
    .room-gallery-cta .rotate-images img{
        max-width:100px
    }
}
.room-gallery-cta .rotate-images img.rotate-image-one{
    left:8%;
    top:0;
    bottom:auto;
    max-width:260px;
    transform:rotate(-37deg)
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .room-gallery-cta .rotate-images img.rotate-image-one{
        left:2%
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-gallery-cta .rotate-images img.rotate-image-one{
        left:2%;
        max-width:220px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .room-gallery-cta .rotate-images img.rotate-image-one{
        left:1%;
        max-width:180px
    }
}
@media (max-width:767px){
    .room-gallery-cta .rotate-images img.rotate-image-one{
        left:1%;
        max-width:150px
    }
}
@media (max-width:399px){
    .room-gallery-cta .rotate-images img.rotate-image-one{
        max-width:100px
    }
}
.room-gallery-cta .rotate-images img.rotate-image-three{
    right:5%;
    left:auto
}
@media only screen and (min-width:1200px) and (max-width:1599px){
    .room-gallery-cta .rotate-images img.rotate-image-three{
        left:auto;
        right:2%;
        max-width:250px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-gallery-cta .rotate-images img.rotate-image-three{
        left:auto;
        right:2%;
        max-width:250px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .room-gallery-cta .rotate-images img.rotate-image-three{
        left:auto;
        right:1%;
        max-width:200px
    }
}
@media (max-width:767px){
    .room-gallery-cta .rotate-images img.rotate-image-three{
        left:auto;
        right:1%;
        max-width:150px
    }
}
@media (max-width:399px){
    .room-gallery-cta .rotate-images img.rotate-image-three{
        max-width:100px
    }
}
.text-block.with-bg{
    background-size:cover;
    background-position:50%;
    position:relative;
    z-index:1
}
.text-block.with-bg:after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
    background-color:#fff;
    z-index:-1;
    opacity:.94
}
@media (max-width:575px){
    .text-block .block-text p{
        padding-right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .text-block .mb-small{
        margin-bottom:50px
    }
}
@media (max-width:767px){
    .text-block .mb-small{
        margin-bottom:50px
    }
}
.video-wrap{
    width:100%;
    height:480px;
    background-size:cover;
    background-position:50%;
    display:flex;
    align-items:center;
    justify-content:center
}
@media (max-width:575px){
    .video-wrap{
        height:350px
    }
}
.video-wrap a.popup-video{
    border-radius:50%;
    box-shadow:0 14px 24px 0 rgba(190,173,142,.3);
    width:60px;
    height:60px;
    line-height:65px;
    background-color:#fff;
    text-align:center;
    font-size:16px;
    color:#111;
    position:relative
}
.video-wrap a.popup-video:before{
    -webkit-animation:pulse-border-2 1s linear infinite;
    animation:pulse-border-2 1s linear infinite
}
.video-wrap a.popup-video:after,.video-wrap a.popup-video:before{
    position:absolute;
    content:"";
    left:0;
    top:0;
    height:100%;
    width:100%;
    border:1px solid #ccc;
    border-radius:50%
}
.video-wrap a.popup-video:after{
    -webkit-animation:pulse-border-2 1.5s linear infinite;
    animation:pulse-border-2 1.5s linear infinite
}
.video-wrap.video-wrap-two{
    height:460px
}
@media (max-width:575px){
    .video-wrap.video-wrap-two{
        height:350px
    }
}
.video-wrap.video-wrap-two a.popup-video{
    height:120px;
    width:120px;
    line-height:120px;
    font-size:20px;
    box-shadow:none
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .video-wrap.video-wrap-two a.popup-video{
        height:100px;
        width:100px;
        line-height:100px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .video-wrap.video-wrap-two a.popup-video{
        width:80px;
        height:80px;
        line-height:80px
    }
}
@media (max-width:767px){
    .video-wrap.video-wrap-two a.popup-video{
        width:80px;
        height:80px;
        line-height:80px
    }
}
.video-wrap.video-about{
    height:650px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .video-wrap.video-about{
        height:500px
    }
}
@media (max-width:767px){
    .video-wrap.video-about{
        height:300px
    }
}
.testimonial-box{
    background-color:#fff;
    text-align:center;
    padding:50px 30px;
    transition:all .3s ease-out 0s;
    margin-bottom:40px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .testimonial-box{
        padding:50px 20px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .testimonial-box{
        padding:50px 20px;
        font-size:14px
    }
}
.testimonial-box .client-img{
    max-width:150px;
    max-height:150px;
    margin:auto;
    position:relative
}
.testimonial-box .client-img img{
    max-width:150px;
    max-height:150px;
    border-radius:50%
}
.testimonial-box .client-img .check{
    position:absolute;
    right:0;
    top:0;
    border:4px solid #fff;
    height:50px;
    width:50px;
    border-radius:50%;
    background-color:var(--color-1st);
    text-align:center;
    line-height:50px;
    color:#fff
}
.testimonial-box h3{
    font-size:30px;
    margin-bottom:15px;
    margin-top:35px;
    letter-spacing:-1px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .testimonial-box h3{
        font-size:26px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .testimonial-box h3{
        font-size:22px
    }
}
.testimonial-box .clinet-post{
    font-weight:700;
    text-transform:uppercase;
    color:var(--color-1st);
    margin-bottom:30px;
    letter-spacing:2px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .testimonial-box .clinet-post{
        font-size:14px;
        font-size:12px
    }
}
.testimonial-box:hover{
    box-shadow:0 14px 24px 0 rgba(190,173,142,.2)
}
.testimonial-slider ul.slick-dots{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%)
}
.testimonial-slider ul.slick-dots li{
    display:inline-block;
    cursor:pointer
}
.testimonial-slider ul.slick-dots li button{
    font-size:0;
    border:0;
    background:#e7e7e7;
    width:16px;
    height:4px;
    margin:0 5px;
    transition:all .3s ease-out 0s
}
.testimonial-slider ul.slick-dots li.slick-active button{
    width:26px;
    background-color:var(--color-1st)
}
.latest-news .latest-post-box .post-img{
    height:260px;
    width:100%;
    background-size:cover;
    background-position:50%
}
@media (max-width:767px){
    .latest-news .latest-post-box .post-img{
        height:220px
    }
}
.latest-news .latest-post-box .post-desc{
    background-color:#fff;
    padding:40px 35px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .latest-news .latest-post-box .post-desc{
        padding:35px 25px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .latest-news .latest-post-box .post-desc{
        padding:35px 18px;
        font-size:14px
    }
}
@media (max-width:399px){
    .latest-news .latest-post-box .post-desc{
        padding:35px 25px;
        font-size:14px
    }
}
.latest-news .latest-post-box .post-desc .post-meta{
    margin-bottom:20px
}
.latest-news .latest-post-box .post-desc .post-meta li{
    display:inline-block;
    margin-right:20px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .latest-news .latest-post-box .post-desc .post-meta li{
        margin-right:5px;
        font-size:14px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .latest-news .latest-post-box .post-desc .post-meta li{
        margin-right:10px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .latest-news .latest-post-box .post-desc .post-meta li{
        margin-right:5px;
        font-size:12px
    }
}
@media (max-width:399px){
    .latest-news .latest-post-box .post-desc .post-meta li{
        margin-right:5px;
        font-size:12px
    }
}
.latest-news .latest-post-box .post-desc .post-meta li a{
    font-weight:500;
    color:#777
}
.latest-news .latest-post-box .post-desc .post-meta li a i{
    margin-right:10px
}
.latest-news .latest-post-box .post-desc .post-meta li:last-child{
    margin-right:0
}
.latest-news .latest-post-box .post-desc h4{
    font-size:24px;
    color:#111;
    margin-bottom:25px;
    letter-spacing:-1px;
    line-height:1.4
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .latest-news .latest-post-box .post-desc h4{
        font-size:22px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .latest-news .latest-post-box .post-desc h4{
        font-size:20px
    }
}
@media (max-width:399px){
    .latest-news .latest-post-box .post-desc h4{
        font-size:20px
    }
}
.features-loop .feature-box{
    padding:60px 50px;
    font-size:14px;
    background-color:#fff;
    border:2px solid #f8f8f8;
    position:relative;
    margin-top:30px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .features-loop .feature-box{
        padding:50px 30px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .features-loop .feature-box{
        padding:50px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .features-loop .feature-box{
        padding:35px 25px
    }
}
@media (max-width:575px){
    .features-loop .feature-box{
        padding:50px 30px
    }
}
.features-loop .feature-box .icon{
    margin-bottom:30px;
    font-size:70px;
    color:var(--color-1st);
    line-height:1
}
.features-loop .feature-box:hover .icon i{
    -webkit-animation:hvr-buzz-out .75s linear 1;
    animation:hvr-buzz-out .75s linear 1
}
.features-loop .feature-box h3{
    font-size:30px;
    margin-bottom:30px;
    letter-spacing:-1px
}
@media only screen and (min-width:576px) and (max-width:767px){
    .features-loop .feature-box h3{
        font-size:24px
    }
}
.features-loop .feature-box .count{
    line-height:1;
    position:absolute;
    right:0;
    top:-10px;
    font-size:120px;
    color:#f8f8f8
}
.features-loop .feature-box.dark-box{
    background-color:#292929;
    border:none
}
.features-loop .feature-box.dark-box,.features-loop .feature-box.dark-box h3 a{
    color:#fff
}
.features-loop .feature-box.dark-box .count{
    color:#222
}
.room-gird-loop .room-box .room-img-wrap{
    overflow:hidden;
    width:100%;
    height:240px
}
.room-gird-loop .room-box .room-img-wrap .room-img{
    height:100%;
    width:100%;
    transition:all .3s ease-out 0s;
    background-size:cover;
    background-position:50%
}
.room-gird-loop .room-box:hover .room-img{
    transform:scale(1.1)
}
.room-gird-loop .room-box .room-desc{
    background-color:#fff;
    font-size:14px;
    text-align:center;
    padding:50px 35px 30px;
    position:relative
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-gird-loop .room-box .room-desc{
        padding:50px 25px 30px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-gird-loop .room-box .room-desc{
        padding:50px 20px 30px
    }
}
.room-gird-loop .room-box .room-desc .icons{
    background-color:#fff;
    padding:15px;
    position:absolute;
    left:25px;
    right:25px;
    top:0;
    transform:translateY(-50%);
    box-shadow:0 8px 16px 0 hsla(0,0%,54.1%,.04)
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-gird-loop .room-box .room-desc .icons{
        left:12px;
        right:12px;
        padding:15px 5px
    }
}
.room-gird-loop .room-box .room-desc .icons li{
    display:inline-block;
    margin:0 10px;
    color:#222
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-gird-loop .room-box .room-desc .icons li{
        margin:0 5px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .room-gird-loop .room-box .room-desc .icons li{
        margin:0 8px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-gird-loop .room-box .room-desc .icons li{
        margin:0 5px
    }
}
@media (max-width:399px){
    .room-gird-loop .room-box .room-desc .icons li{
        margin:0 5px
    }
}
.room-gird-loop .room-box .room-desc h4{
    font-size:24px;
    letter-spacing:-1px;
    margin-bottom:15px
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-gird-loop .room-box .room-desc h4{
        font-size:20px
    }
}
.room-gird-loop .room-box .room-desc span.price{
    font-size:16px;
    font-weight:700;
    color:var(--color-1st);
    margin-top:25px
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-gird-loop .room-box .room-desc span.price{
        font-size:14px
    }
}
.room-slider{
    position:relative;
    z-index:1
}
.room-slider .rooms-slider-one.row{
    margin-left:-20px;
    margin-right:-20px
}
.room-slider .rooms-slider-one.row>.col{
    padding-left:20px;
    padding-right:20px
}
.room-slider .rooms-slider-one .slider-img{
    width:100%;
    height:580px;
    background-size:cover;
    background-position:50%
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-slider .rooms-slider-one .slider-img{
        height:500px
    }
}
@media (max-width:767px){
    .room-slider .rooms-slider-one .slider-img{
        height:450px
    }
}
@media (max-width:575px){
    .room-slider .rooms-slider-one .slider-img{
        height:400px
    }
}
@media (max-width:767px){
    .room-slider .rooms-content-wrap{
        margin-bottom:100px
    }
}
.room-slider .rooms-content-wrap .room-content-box{
    background-color:#222;
    color:#d4d4d4;
    font-size:14px;
    padding:60px 50px;
    position:relative;
    z-index:2;
    margin-top:-495px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-slider .rooms-content-wrap .room-content-box{
        margin-top:-445px
    }
}
@media (max-width:767px){
    .room-slider .rooms-content-wrap .room-content-box{
        margin-top:-100px;
        padding:50px 30px
    }
}
@media (max-width:575px){
    .room-slider .rooms-content-wrap .room-content-box{
        margin-top:-50px;
        padding:50px 30px
    }
}
.room-slider .rooms-content-wrap .room-content-box .slider-count{
    position:absolute;
    right:50px;
    font-size:14px;
    font-weight:700;
    top:90px;
    color:#4c4c4c;
    z-index:3;
    letter-spacing:2px
}
.room-slider .rooms-content-wrap .room-content-box .slider-count .current{
    color:var(--color-1st)
}
.room-slider .rooms-content-wrap .room-content-box .slider-count-big{
    position:absolute;
    bottom:-30px;
    right:0;
    line-height:1;
    font-size:200px;
    z-index:-1;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px hsla(0,0%,100%,.6);
    opacity:.1
}
@media (max-width:767px){
    .room-slider .rooms-content-wrap .room-content-box .slider-count-big{
        font-size:150px
    }
}
.room-slider .rooms-content-wrap .room-content-box h3{
    font-size:36px;
    color:#fff;
    margin-bottom:20px
}
.room-slider .rooms-content-wrap .room-content-box h3,.room-slider .rooms-content-wrap .room-content-box h3 a{
    color:#fff
}
.room-slider .rooms-content-wrap .room-content-box .icon{
    line-height:1;
    color:var(--color-1st);
    margin-bottom:40px;
    font-size:70px
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider{
    padding-bottom:45px
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider .single-content{
    overflow:hidden
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots{
    position:absolute;
    left:0;
    bottom:0
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li{
    display:inline-block;
    cursor:pointer
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li button{
    font-size:0;
    border:0;
    background:#434343;
    width:16px;
    height:4px;
    margin:0 5px;
    transition:all .3s ease-out 0s
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li.slick-active button{
    width:26px;
    background-color:var(--color-1st)
}
.room-details .deatils-box{
    font-family:var(--tertiary-font),sans-serif
}
.room-details .deatils-box .title-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:40px 50px;
    background-color:#fff;
    margin-right:40px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .title-wrap{
        padding:40px 30px;
        margin-right:30px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-details .deatils-box .title-wrap{
        padding:30px 20px;
        margin-right:20px
    }
}
@media (max-width:575px){
    .room-details .deatils-box .title-wrap{
        padding:30px;
        margin-right:20px;
        display:block
    }
}
.room-details .deatils-box .title-wrap .title .room-cat{
    text-transform:uppercase;
    padding-bottom:10px;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px
}
.room-details .deatils-box .title-wrap .title h2{
    font-size:48px;
    letter-spacing:-1px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .title-wrap .title h2{
        font-size:42px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-details .deatils-box .title-wrap .title h2{
        font-size:32px
    }
}
@media (max-width:575px){
    .room-details .deatils-box .title-wrap .title h2{
        font-size:28px
    }
}
.room-details .deatils-box .title-wrap .price{
    font-size:40px;
    color:var(--color-1st);
    font-weight:700;
    font-family:var(--primary-font),sans-serif
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .title-wrap .price{
        font-size:35px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-details .deatils-box .title-wrap .price{
        font-size:30px
    }
}
@media (max-width:575px){
    .room-details .deatils-box .title-wrap .price{
        font-size:24px;
        margin-top:15px
    }
}
.room-details .deatils-box .title-wrap .price span{
    font-size:16px
}
.room-details .deatils-box .thumb{
    margin-top:-90px;
    position:relative;
    margin-bottom:60px
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-details .deatils-box .thumb{
        margin-top:-65px
    }
}
.room-details .deatils-box h3.subtitle{
    font-size:30px;
    padding-bottom:20px;
    margin-bottom:40px;
    border-bottom:1px solid #f1f1f1
}
.room-details .deatils-box .room-fearures{
    background-color:#fff;
    padding:50px 50px 30px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .room-fearures{
        padding:50px 35px 30px
    }
}
@media (max-width:575px){
    .room-details .deatils-box .room-fearures{
        padding:50px 30px 30px
    }
}
.room-details .deatils-box .room-fearures .room-fearures-list li{
    width:33.33%;
    float:left;
    margin-bottom:20px;
    padding-left:40px;
    position:relative
}
@media only screen and (min-width:576px) and (max-width:767px){
    .room-details .deatils-box .room-fearures .room-fearures-list li{
        width:50%
    }
}
@media (max-width:575px){
    .room-details .deatils-box .room-fearures .room-fearures-list li{
        width:100%
    }
}
.room-details .deatils-box .room-fearures .room-fearures-list li i{
    color:var(--color-1st);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.room-details .deatils-box .room-rules{
    background-color:#fff;
    padding:50px 50px 30px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .room-rules{
        padding:50px 35px 30px
    }
}
@media (max-width:575px){
    .room-details .deatils-box .room-rules{
        padding:50px 30px 30px
    }
}
.room-details .deatils-box .room-rules .room-rules-list li{
    margin-bottom:20px;
    position:relative;
    padding-left:40px
}
.room-details .deatils-box .room-rules .room-rules-list li:before{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    color:var(--color-1st);
    font-family:Font Awesome\ 5 Pro;
    font-weight:300;
    content:""
}
.room-details .deatils-box .cancellation-box{
    background-color:#fff;
    padding:50px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .deatils-box .cancellation-box{
        padding:50px 35px
    }
}
@media (max-width:575px){
    .room-details .deatils-box .cancellation-box{
        padding:50px 30px
    }
}
.room-details .deatils-box .cancellation-box strong{
    color:#222
}
.room-details .deatils-box .related-room h3.subtitle{
    border-color:#ddd
}
.room-details .room-booking-form{
    background-color:#fff;
    padding:40px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .room-details .room-booking-form{
        margin-top:30px
    }
}
@media (max-width:767px){
    .room-details .room-booking-form{
        margin-top:30px
    }
}
.room-details .room-booking-form .nice-select,.room-details .room-booking-form input,.room-details .room-booking-form select{
    background-color:#f8f8f8
}
.room-details .room-booking-form .main-btn{
    height:60px;
    line-height:60px;
    box-shadow:none;
    width:100%;
    padding:0
}
.room-details .room-booking-form .title{
    font-weight:700;
    font-family:var(--primary-font),sans-serif;
    margin-bottom:30px;
    padding-left:60px;
    position:relative
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .room-booking-form .title{
        padding-left:50px
    }
}
@media (max-width:399px){
    .room-details .room-booking-form .title{
        padding-left:50px
    }
}
.room-details .room-booking-form .title:before{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:2px;
    background-color:var(--color-1st);
    content:""
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .room-details .room-booking-form .title:before{
        width:30px
    }
}
@media (max-width:399px){
    .room-details .room-booking-form .title:before{
        width:30px
    }
}
.menu-area{
    position:relative;
    z-index:1
}
.menu-area .menu-loop .single-menu-box{
    align-items:center;
    margin-bottom:20px;
    padding-left:120px;
    position:relative
}
@media (max-width:575px){
    .menu-area .menu-loop .single-menu-box{
        padding-left:0;
        padding-top:140px
    }
}
.menu-area .menu-loop .single-menu-box .menu-desc{
    position:relative;
    transition:all .3s ease-out 0s;
    font-size:14px;
    color:#222;
    padding:20px 85px 20px 30px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .menu-area .menu-loop .single-menu-box .menu-desc{
        padding:20px 50px 20px 30px
    }
}
@media (max-width:399px){
    .menu-area .menu-loop .single-menu-box .menu-desc{
        padding:20px 50px 20px 30px
    }
}
.menu-area .menu-loop .single-menu-box .menu-desc h4{
    font-size:24px;
    letter-spacing:-1px;
    margin-bottom:8px
}
.menu-area .menu-loop .single-menu-box .menu-img{
    position:absolute;
    left:0;
    top:0;
    width:120px;
    height:100%;
    background-size:cover;
    background-position:50%
}
@media (max-width:575px){
    .menu-area .menu-loop .single-menu-box .menu-img{
        height:120px;
        left:30px
    }
}
.menu-area .menu-loop .single-menu-box:hover .menu-desc{
    background-color:#fff
}
.contact-part .contact-info .info-box{
    padding:50px 45px;
    background-color:#fff;
    display:grid;
    grid-template-rows:1fr;
    grid-template-columns:40px 1fr;
    margin-bottom:30px;
    grid-column-gap:30px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .contact-part .contact-info .info-box{
        padding:50px 30px;
        grid-template-columns:30px 1fr
    }
}
@media (max-width:767px){
    .contact-part .contact-info .info-box{
        display:block;
        padding:30px 20px
    }
}
.contact-part .contact-info .info-box .icon{
    font-size:40px;
    color:var(--color-1st)
}
@media (max-width:767px){
    .contact-part .contact-info .info-box .icon{
        margin-bottom:15px
    }
}
.contact-part .contact-info .info-box .desc h4{
    font-size:24px;
    margin-bottom:20px
}
.contact-part .contact-maps{
    height:700px;
    width:100%
}
.contact-part .contact-form{
    background-color:#fff;
    padding:100px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .contact-part .contact-form{
        padding:50px
    }
}
@media (max-width:767px){
    .contact-part .contact-form{
        padding:50px
    }
}
.contact-part .contact-form .main-btn.btn-filled{
    box-shadow:none
}
.offers-area .offer-boxes-loop .offer-box{
    margin-bottom:60px
}
.offers-area .offer-boxes-loop .offer-box .offer-desc{
    background-color:#fff;
    padding:65px 60px 60px;
    margin-left:60px;
    margin-right:60px;
    border-top:6px solid var(--color-1st);
    margin-top:-75px;
    z-index:2;
    position:relative
}
@media only screen and (min-width:768px) and (max-width:991px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc{
        margin-left:30px;
        margin-right:30px;
        padding:65px 40px 60px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc{
        margin-left:20px;
        margin-right:20px;
        padding:40px 30px 30px;
        margin-top:-50px
    }
}
@media (max-width:575px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc{
        margin-left:15px;
        margin-right:15px;
        padding:40px 20px 30px;
        margin-top:-30px
    }
}
@media (max-width:399px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc{
        margin-left:5px;
        margin-right:5px;
        padding:30px 15px 20px
    }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .main-btn{
    box-shadow:none;
    margin-top:30px
}
@media (max-width:575px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .main-btn{
        padding:0 35px;
        line-height:40px
    }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap{
    border-bottom:2px solid #ececec;
    margin-bottom:40px;
    padding-bottom:40px;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title .room-cat{
    text-transform:uppercase;
    padding-bottom:10px;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px
}
@media (max-width:575px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title .room-cat{
        letter-spacing:2px
    }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2{
    font-size:48px;
    letter-spacing:-1px
}
@media only screen and (min-width:576px) and (max-width:767px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2{
        font-size:32px
    }
}
@media (max-width:575px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2{
        font-size:24px
    }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price{
    font-size:40px;
    color:var(--color-1st);
    font-weight:700;
    text-align:right;
    line-height:1
}
@media only screen and (min-width:768px) and (max-width:991px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price{
        font-size:32px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price{
        font-size:28px
    }
}
@media (max-width:575px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price{
        font-size:20px
    }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price span{
    font-size:16px
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature,.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-text{
    font-family:var(--tertiary-font),sans-serif
}
@media only screen and (min-width:768px) and (max-width:991px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature{
        margin-top:50px
    }
}
@media (max-width:767px){
    .offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature{
        margin-top:50px
    }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature li{
    width:50%;
    float:left;
    margin-bottom:20px;
    padding-left:40px;
    position:relative
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature li i{
    color:var(--color-1st);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.post-box .post-desc{
    padding:50px;
    background-color:#fff
}
@media only screen and (min-width:576px) and (max-width:767px){
    .post-box .post-desc{
        padding:40px 30px
    }
}
@media (max-width:575px){
    .post-box .post-desc{
        padding:40px 30px;
        font-size:14px
    }
}
@media (max-width:399px){
    .post-box .post-desc{
        padding:40px 20px
    }
}
.post-box .post-desc .cat{
    margin-bottom:25px;
    padding:10px 30px;
    font-size:14px;
    font-weight:700;
    font-family:var(--tertiary-font),sans-serif;
    display:inline-block;
    color:#fff;
    background-color:var(--color-1st)
}
.post-box .post-desc .cat:hover{
    background-color:#111
}
.post-box .post-desc h2{
    font-size:42px;
    margin-bottom:20px;
    letter-spacing:-2px;
    line-height:1;
    color:#111
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .post-box .post-desc h2{
        font-size:34px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .post-box .post-desc h2{
        font-size:32px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .post-box .post-desc h2{
        font-size:30px
    }
}
@media (max-width:575px){
    .post-box .post-desc h2{
        font-size:24px
    }
}
.post-box .post-desc .post-meta{
    margin-bottom:30px
}
.post-box .post-desc .post-meta li{
    display:inline-block;
    margin-right:30px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .post-box .post-desc .post-meta li{
        margin-right:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .post-box .post-desc .post-meta li{
        margin-right:15px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .post-box .post-desc .post-meta li{
        margin-right:10px
    }
}
@media (max-width:575px){
    .post-box .post-desc .post-meta li{
        font-size:14px;
        margin-right:15px;
        margin-bottom:5px
    }
}
.post-box .post-desc .post-meta li a{
    color:#777
}
.post-box .post-desc .post-meta li a:hover{
    color:var(--color-1st)
}
.post-box .post-desc .post-meta li a i{
    margin-right:5px
}
.post-box .post-desc .post-footer{
    margin-top:35px;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.post-box .post-desc .post-footer .author{
    font-family:var(--secondary-font),serif;
    letter-spacing:-1px
}
.post-box .post-desc .post-footer .author a{
    color:#777
}
.post-box .post-desc .post-footer .author img{
    margin-right:15px
}
.post-box .post-desc .post-footer .read-more a{
    font-size:14px;
    color:#777;
    font-family:var(--tertiary-font),sans-serif
}
.post-box .post-desc .post-footer .read-more a i{
    margin-right:5px
}
.post-box .post-desc .post-footer .read-more a:hover{
    color:var(--color-1st)
}
.news-details-box{
    padding:40px;
    background-color:#fff;
    font-family:var(--tertiary-font),sans-serif
}
@media (max-width:767px){
    .news-details-box{
        padding:30px;
        font-size:14px
    }
}
@media (max-width:399px){
    .news-details-box{
        padding:15px
    }
}
.news-details-box .entry-content .cat{
    margin-bottom:25px;
    padding:10px 30px;
    display:inline-block;
    font-weight:700;
    color:#fff;
    background-color:var(--color-1st)
}
.news-details-box .entry-content .cat:hover{
    background-color:#111
}
.news-details-box .entry-content .subtitle,.news-details-box .entry-content .title{
    margin-bottom:30px;
    letter-spacing:-1px;
    font-family:var(--secondary-font),serif
}
.news-details-box .entry-content h2.title{
    font-size:36px;
    margin-bottom:15px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-content h2.title{
        font-size:28px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .news-details-box .entry-content h2.title{
        font-size:34px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .news-details-box .entry-content h2.title{
        font-size:28px
    }
}
@media (max-width:575px){
    .news-details-box .entry-content h2.title{
        font-size:20px
    }
}
@media (max-width:399px){
    .news-details-box .entry-content h2.title{
        font-size:18px
    }
}
.news-details-box .entry-content h3.subtitle{
    font-size:30px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-content h3.subtitle{
        font-size:24px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .news-details-box .entry-content h3.subtitle{
        font-size:26px
    }
}
@media (max-width:575px){
    .news-details-box .entry-content h3.subtitle{
        font-size:18px
    }
}
.news-details-box .entry-content .post-meta{
    margin-bottom:25px
}
.news-details-box .entry-content .post-meta li{
    display:inline-block;
    margin-right:25px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-content .post-meta li{
        margin-right:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .news-details-box .entry-content .post-meta li{
        margin-right:15px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .news-details-box .entry-content .post-meta li{
        margin-right:10px
    }
}
@media (max-width:575px){
    .news-details-box .entry-content .post-meta li{
        margin-right:15px;
        margin-bottom:5px
    }
}
.news-details-box .entry-content .post-meta li a{
    color:#777;
    font-size:14px
}
.news-details-box .entry-content .post-meta li a:hover{
    color:var(--color-1st)
}
.news-details-box .entry-content .post-meta li a i{
    margin-right:5px
}
.news-details-box .entry-footer .tag-and-share h5{
    font-size:20px;
    letter-spacing:-1px;
    margin-bottom:25px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-footer .tag-and-share h5{
        font-size:18px
    }
}
@media (max-width:767px){
    .news-details-box .entry-footer .tag-and-share .tag{
        margin-bottom:30px
    }
}
.news-details-box .entry-footer .tag-and-share .tag li{
    display:inline-block;
    margin-right:5px
}
.news-details-box .entry-footer .tag-and-share .tag li a{
    font-size:12px;
    padding:10px 20px;
    display:block;
    background-color:#f8f8f8;
    text-transform:uppercase;
    color:#777
}
.news-details-box .entry-footer .tag-and-share .tag li a:hover{
    background-color:var(--color-1st);
    color:#fff
}
.news-details-box .entry-footer .tag-and-share .share li{
    display:inline-block;
    margin-left:25px
}
.news-details-box .entry-footer .tag-and-share .share li a{
    color:#b5becc;
    font-size:18px
}
.news-details-box .entry-footer .related-post-box h3{
    font-size:26px;
    letter-spacing:-1px
}
.news-details-box .entry-footer .related-post-box .thumb{
    background-size:cover;
    background-position:50%;
    width:100%;
    height:300px
}
.news-details-box .entry-footer .related-post-box .desc{
    font-size:14px;
    padding:40px;
    box-shadow:0 8px 16px 0 rgba(93,93,93,.06);
    transition:.3s
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-footer .related-post-box .desc{
        padding:30px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .news-details-box .entry-footer .related-post-box .desc{
        padding:30px
    }
}
@media (max-width:767px){
    .news-details-box .entry-footer .related-post-box .desc{
        padding:30px
    }
}
.news-details-box .entry-footer .related-post-box .desc .date{
    display:inline-block;
    margin-bottom:10px;
    color:#777
}
.news-details-box .entry-footer .related-post-box .desc .date i{
    margin-right:5px
}
.news-details-box .entry-footer .related-post-box .desc h4{
    font-size:22px;
    margin-bottom:20px;
    letter-spacing:-1px;
    color:#222
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .news-details-box .entry-footer .related-post-box .desc h4{
        font-size:18px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .news-details-box .entry-footer .related-post-box .desc h4{
        font-size:22px
    }
}
@media (max-width:399px){
    .news-details-box .entry-footer .related-post-box .desc h4{
        font-size:20px
    }
}
.news-details-box .entry-footer .related-post-box:hover .desc{
    background-color:#f8f8f8;
    box-shadow:none
}
.pagination-wrap{
    text-align:center;
    padding-top:20px
}
.pagination-wrap ul li{
    display:inline-block;
    margin:0 5px
}
@media (max-width:575px){
    .pagination-wrap ul li{
        margin-bottom:8px
    }
}
.pagination-wrap ul li a{
    height:50px;
    width:50px;
    line-height:50px;
    color:#777;
    font-weight:700;
    font-family:var(--tertiary-font),sans-serif;
    background-color:#fff;
    color:#111
}
.pagination-wrap ul li.active a,.pagination-wrap ul li a:hover{
    background-color:var(--color-1st);
    color:#fff
}
@media only screen and (min-width:768px) and (max-width:991px){
    .sidebar{
        margin-top:80px
    }
}
@media (max-width:767px){
    .sidebar{
        margin-top:80px
    }
}
.sidebar .widget{
    padding:40px;
    background-color:#fff
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .sidebar .widget{
        padding:40px 20px
    }
}
@media (max-width:399px){
    .sidebar .widget{
        padding:40px 20px
    }
}
.sidebar .widget .widget-title{
    font-size:20px;
    margin-bottom:40px;
    line-height:1;
    position:relative;
    padding-left:30px
}
.sidebar .widget .widget-title:before{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:2px;
    background-color:var(--color-1st);
    content:""
}
.sidebar .widget.search-widget form{
    position:relative
}
.sidebar .widget.search-widget form input{
    width:100%;
    background-color:#f8f8f8;
    height:60px;
    border:none;
    padding-left:30px;
    padding-right:60px;
    font-size:14px
}
.sidebar .widget.search-widget form button{
    border:none;
    position:absolute;
    right:0;
    top:0;
    width:60px;
    height:100%;
    z-index:1;
    background-color:var(--color-1st);
    font-size:14px;
    color:#fff;
    transition:all .3s ease-out 0s
}
.sidebar .widget.search-widget form button:hover{
    background-color:#111;
    color:#fff
}
.sidebar .widget.popular-feeds .single-popular-feed{
    display:grid;
    grid-template-rows:1fr;
    grid-template-columns:80px 1fr;
    grid-column-gap:15px;
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #e1e6ff;
    align-items:center
}
.sidebar .widget.popular-feeds .single-popular-feed:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border:none
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc h6{
    font-size:18px;
    margin-bottom:10px
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time{
    font-size:14px
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time i{
    margin-right:5px
}
.sidebar .widget.categories-widget ul li{
    margin-bottom:10px
}
.sidebar .widget.categories-widget ul li:last-child{
    margin-bottom:0
}
.sidebar .widget.categories-widget ul li a{
    font-size:14px;
    padding-left:30px;
    background-color:#f8f8f8;
    display:block;
    position:relative;
    color:#777
}
.sidebar .widget.categories-widget ul li a,.sidebar .widget.categories-widget ul li a span{
    height:50px;
    line-height:50px;
    transition:all .3s ease-out 0s
}
.sidebar .widget.categories-widget ul li a span{
    position:absolute;
    right:0;
    top:0;
    width:50px;
    text-align:center;
    background-color:#eaeaea
}
.sidebar .widget.categories-widget ul li a:hover{
    background-color:var(--color-1st);
    color:#fff
}
.sidebar .widget.categories-widget ul li a:hover span{
    background-color:#947f58
}
.sidebar .widget.popular-tag-widget ul li{
    display:inline-block;
    margin-right:5px;
    margin-bottom:10px
}
.sidebar .widget.popular-tag-widget ul li a{
    font-size:12px;
    color:#777;
    padding:10px 20px;
    background-color:#f4f4f4
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .sidebar .widget.popular-tag-widget ul li a{
        padding:10px 15px
    }
}
@media (max-width:399px){
    .sidebar .widget.popular-tag-widget ul li a{
        padding:10px 15px
    }
}
.sidebar .widget.popular-tag-widget ul li a:hover{
    background-color:var(--color-1st)
}
.booking-form{
    position:relative;
    margin-top:-70px;
    z-index:2
}
.booking-form .booking-form-inner{
    background-color:#fff;
    padding:10px 40px 40px
}
.booking-form form .nice-select,.booking-form form input,.booking-form form select{
    background-color:transparent;
    width:100%;
    height:50px;
    font-size:14px;
    border:none;
    border-bottom:2px solid var(--color-1st);
    line-height:50px;
    color:hsla(0,0%,46.7%,.5)
}
.booking-form form .nice-select{
    border-color:#e9e9e9;
    padding-left:0
}
.booking-form form .nice-select:after{
    display:none
}
.booking-form form .nice-select:before{
    left:0
}
.booking-form form label{
    color:#222;
    font-weight:700;
    font-family:var(--tertiary-font),sans-serif;
    display:block;
    margin:0
}
.booking-form form .inputs-filed{
    position:relative
}
.booking-form form .inputs-filed .nice-select,.booking-form form .inputs-filed input{
    padding:0 20px
}
.booking-form form .inputs-filed .icon{
    position:absolute;
    left:0;
    bottom:15px;
    font-size:14px;
    color:var(--color-1st)
}
.booking-form form button{
    width:100%;
    border:none;
    background-color:var(--color-1st);
    font-size:14px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    height:60px;
    letter-spacing:2px;
    transition:all .3s ease-out 0s
}
.booking-form form button:hover{
    background-color:#111
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .booking-form form button{
        font-size:12px;
        letter-spacing:1px
    }
}
.booking-form.boxed-layout{
    margin-top:-40px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .booking-form.boxed-layout{
        margin-top:0
    }
}
@media (max-width:767px){
    .booking-form.boxed-layout{
        margin-top:0
    }
}
.booking-form.boxed-layout form button{
    font-size:12px;
    letter-spacing:1
}
.places-boxes .place-box .place-bg-wrap{
    overflow:hidden
}
.places-boxes .place-box .place-bg-wrap .place-bg{
    background-size:cover;
    background-position:50%;
    width:100%;
    height:250px;
    transition:all .3s ease-out 0s
}
@media (max-width:575px){
    .places-boxes .place-box .place-bg-wrap .place-bg{
        height:220px
    }
}
.places-boxes .place-box:hover .place-bg{
    transform:scale(1.1)
}
.places-boxes .place-box .desc{
    background-color:#fff;
    padding:20px;
    text-align:center
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .places-boxes .place-box .desc{
        padding:20px 15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .places-boxes .place-box .desc{
        padding:20px 15px
    }
}
.places-boxes .place-box .desc h4{
    font-size:24px;
    margin-bottom:10px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .places-boxes .place-box .desc h4{
        font-size:22px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .places-boxes .place-box .desc h4{
        font-size:22px
    }
}
.places-boxes .place-box .desc .time{
    font-family:var(--tertiary-font),sans-serif;
    font-size:14px
}
.places-details .title-wrap .place-cat{
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    padding-bottom:5px;
    letter-spacing:2px
}
@media (max-width:575px){
    .places-details .title-wrap .place-cat{
        letter-spacing:0;
        font-size:12px
    }
}
.places-details .title-wrap h2{
    font-size:48px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .places-details .title-wrap h2{
        font-size:38px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .places-details .title-wrap h2{
        font-size:32px
    }
}
@media (max-width:575px){
    .places-details .title-wrap h2{
        font-size:28px
    }
}
@media (max-width:399px){
    .places-details .title-wrap h2{
        font-size:24px
    }
}
.places-details .title-wrap .link a{
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    background-color:#fff;
    color:#777;
    padding:25px 45px;
    letter-spacing:2px
}
@media (max-width:767px){
    .places-details .title-wrap .link a{
        padding:20px 30px
    }
}
@media (max-width:575px){
    .places-details .title-wrap .link a{
        padding:15px 25px;
        letter-spacing:0
    }
}
.places-details .title-wrap .link a:hover{
    background-color:var(--color-1st);
    color:#fff
}
.restaurant-tab-area .restaurant-rood-list .nav-link{
    border-radius:0;
    transition:all .3s ease-out 0s;
    background-color:#fff;
    text-align:center;
    display:block;
    padding:35px 25px;
    margin-bottom:30px
}
@media (max-width:575px){
    .restaurant-tab-area .restaurant-rood-list .nav-link{
        padding:25px
    }
}
.restaurant-tab-area .restaurant-rood-list .nav-link .title{
    display:block;
    font-size:12px;
    font-weight:700;
    padding-top:20px;
    text-transform:uppercase;
    color:#222
}
.restaurant-tab-area .restaurant-rood-list .nav-link .title,.restaurant-tab-area .restaurant-rood-list .nav-link i{
    transition:all .3s ease-out 0s
}
.restaurant-tab-area .restaurant-rood-list .nav-link i{
    color:var(--color-1st);
    font-size:60px
}
@media (max-width:575px){
    .restaurant-tab-area .restaurant-rood-list .nav-link i{
        font-size:40px
    }
}
.restaurant-tab-area .restaurant-rood-list .nav-link.active,.restaurant-tab-area .restaurant-rood-list .nav-link:hover{
    background-color:var(--color-1st)
}
.restaurant-tab-area .restaurant-rood-list .nav-link.active .title,.restaurant-tab-area .restaurant-rood-list .nav-link.active i,.restaurant-tab-area .restaurant-rood-list .nav-link:hover .title,.restaurant-tab-area .restaurant-rood-list .nav-link:hover i{
    color:#fff
}
.restaurant-tab-area .food-box{
    margin-bottom:30px
}
@media (max-width:399px){
    .restaurant-tab-area .food-box{
        margin-left:-5px;
        margin-right:-5px
    }
}
.restaurant-tab-area .food-box .thumb{
    position:relative
}
.restaurant-tab-area .food-box .thumb img{
    width:100%
}
.restaurant-tab-area .food-box .thumb .price{
    position:absolute;
    right:10px;
    top:10px;
    background-color:var(--color-1st);
    font-size:18px;
    font-weight:700;
    color:#fff;
    padding:8px 15px
}
.restaurant-tab-area .food-box .desc{
    padding:30px;
    background-color:#fff;
    position:relative
}
@media (max-width:575px){
    .restaurant-tab-area .food-box .desc{
        padding:15px
    }
}
.restaurant-tab-area .food-box .desc a.cat{
    font-size:12px;
    color:#777;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px
}
@media (max-width:575px){
    .restaurant-tab-area .food-box .desc a.cat{
        letter-spacing:1px
    }
}
@media (max-width:399px){
    .restaurant-tab-area .food-box .desc a.cat{
        letter-spacing:0
    }
}
.restaurant-tab-area .food-box .desc h4{
    font-size:24px
}
@media (max-width:575px){
    .restaurant-tab-area .food-box .desc h4{
        font-size:20px
    }
}
@media (max-width:399px){
    .restaurant-tab-area .food-box .desc h4{
        font-size:18px
    }
}
.restaurant-tab-area .food-box .desc .link{
    color:#d2d2d2;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    font-size:18px;
    transition:all .3s ease-out 0s;
    visibility:hidden;
    opacity:0
}
.restaurant-tab-area .food-box:hover .desc .link{
    visibility:visible;
    opacity:1;
    right:30px
}
@media (max-width:575px){
    .restaurant-tab-area .food-box:hover .desc .link{
        right:10px
    }
}
.menu-area.gradient-white{
    background:linear-gradient(45deg,#f8f8f8,#fff)
}
footer .footer-widget-area{
    position:relative;
    z-index:1;
    background-color:#222
}
footer .footer-widget-area:after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:url(../img/icon/pattern-01.png);
    content:"";
    background-size:cover;
    background-repeat:repeat;
    background-position:50%;
    z-index:-1
}
footer .footer-widget-area .widget,footer .footer-widget-area .widget .widget-title,footer .footer-widget-area .widget a,footer .footer-widget-area .widget h6{
    color:#fff
}
footer .footer-widget-area .widget h4.widget-title{
    font-size:24px;
    margin-bottom:40px
}
footer .footer-widget-area .widget.site-info-widget{
    color:#bababa
}
@media only screen and (min-width:992px) and (max-width:1199px){
    footer .footer-widget-area .widget.site-info-widget{
        font-size:14px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    footer .footer-widget-area .widget.site-info-widget{
        font-size:14px
    }
}
footer .footer-widget-area .widget.site-info-widget .social-links{
    text-align:left
}
footer .footer-widget-area .widget.site-info-widget .social-links a{
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    background-color:#2e2e2e;
    margin-right:5px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    footer .footer-widget-area .widget.site-info-widget .social-links a{
        height:35px;
        width:35px;
        line-height:35px;
        font-size:14px;
        margin-right:2px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    footer .footer-widget-area .widget.site-info-widget .social-links a{
        height:35px;
        width:35px;
        line-height:35px;
        font-size:14px;
        margin-right:2px
    }
}
footer .footer-widget-area .widget.site-info-widget .social-links a:hover{
    background-color:var(--color-1st)
}
footer .footer-widget-area .widget.nav-widget{
    padding-left:70px
}
@media only screen and (min-width:768px) and (max-width:991px){
    footer .footer-widget-area .widget.nav-widget{
        padding-left:0
    }
}
@media (max-width:767px){
    footer .footer-widget-area .widget.nav-widget{
        padding-left:0
    }
}
footer .footer-widget-area .widget.nav-widget ul li{
    margin-bottom:35px;
    width:50%;
    float:left
}
@media (max-width:399px){
    footer .footer-widget-area .widget.nav-widget ul li{
        margin-bottom:20px;
        width:100%
    }
}
footer .footer-widget-area .widget.nav-widget ul li a{
    font-family:var(--tertiary-font),sans-serif;
    position:relative;
    padding-left:20px
}
footer .footer-widget-area .widget.nav-widget ul li a:hover{
    padding-left:30px;
    color:var(--color-1st)
}
footer .footer-widget-area .widget.nav-widget ul li a:before{
    position:absolute;
    left:0;
    top:0;
    content:"+"
}
footer .footer-widget-area .widget.nav-widget ul li:last-child{
    margin-bottom:0
}
@media only screen and (min-width:768px) and (max-width:991px){
    footer .footer-widget-area .widget.contact-widget{
        padding-left:70px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    footer .footer-widget-area .widget.contact-widget{
        padding-left:20px
    }
}
footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #2e2e2e;
    display:grid;
    grid-template-columns:40px 1fr;
    grid-template-rows:1fr;
    grid-column-gap:20px;
    font-size:14px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box{
        grid-column-gap:15px
    }
}
footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border:none
}
footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box h6{
    font-size:20px;
    margin-bottom:10px
}
footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box .icon{
    font-size:40px;
    color:var(--color-1st)
}
footer .copyright-area{
    background-color:#111;
    color:#fff
}
footer .copyright-area .social-links{
    text-align:right
}
@media (max-width:767px){
    footer .copyright-area .social-links{
        text-align:center;
        margin-bottom:10px
    }
}
footer .copyright-area .social-links a{
    height:60px;
    width:60px;
    line-height:60px;
    text-align:center;
    color:#fff;
    background-color:#212121;
    margin-left:10px
}
@media only screen and (min-width:768px) and (max-width:991px){
    footer .copyright-area .social-links a{
        margin-left:5px;
        width:50px;
        height:50px;
        line-height:50px
    }
}
@media (max-width:767px){
    footer .copyright-area .social-links a{
        margin:0 5px;
        width:50px;
        height:50px;
        line-height:50px
    }
}
@media (max-width:575px){
    footer .copyright-area .social-links a{
        margin:0 2px;
        width:40px;
        height:40px;
        line-height:40px;
        font-size:12px
    }
}
footer .copyright-area .social-links a:hover{
    background-color:var(--color-1st)
}
footer .copyright-area .copyright-text{
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase
}
@media (max-width:575px){
    footer .copyright-area .copyright-text{
        letter-spacing:0
    }
}
footer .copyright-area .copyright-text a{
    color:#fff;
    text-decoration:underline
}
footer .copyright-area .copyright-text.copyright-two{
    text-transform:none;
    font-family:var(--tertiary-font),sans-serif;
    font-weight:700;
    letter-spacing:0
}
@media (max-width:767px){
    footer .copyright-area .copyright-text{
        margin-top:10px;
        text-align:center
    }
}
footer .copyright-area .footer-menu ul li{
    display:inline-block;
    position:relative;
    padding-left:15px;
    margin-right:15px
}
@media (max-width:399px){
    footer .copyright-area .footer-menu ul li{
        padding-left:0;
        margin-right:0
    }
}
footer .copyright-area .footer-menu ul li:before{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:3px;
    height:12px;
    background-color:#fff;
    content:""
}
@media (max-width:399px){
    footer .copyright-area .footer-menu ul li:before{
        display:none
    }
}
footer .copyright-area .footer-menu ul li:first-child{
    padding-left:0;
    margin-left:0
}
footer .copyright-area .footer-menu ul li:first-child:before{
    display:none
}
footer .copyright-area .footer-menu ul li a{
    color:#fff;
    font-weight:700;
    font-family:var(--tertiary-font),sans-serif
}
footer .copyright-area .footer-menu ul li a:hover{
    color:var(--color-1st)
}
.back-to-top{
    position:fixed;
    right:0;
    bottom:40px;
    height:40px;
    width:40px;
    text-align:center;
    line-height:40px;
    background-color:var(--color-1st);
    z-index:99;
    color:#fff;
    font-size:18px;
    opacity:0;
    visibility:hidden
}
.back-to-top.active{
    visibility:visible;
    opacity:1;
    right:40px
}
.back-to-top:hover{
    background-color:#222
}
body.show-admin-bar{
    position:static!important
}
body.show-admin-bar header.header-absolute{
    top:75px
}
body.show-admin-bar header.header-absolute.inner-page,body.show-admin-bar header.sticky-header.sticky-active{
    top:40px
}
body.show-admin-bar .offcanvas-wrapper{
    z-index:9999999
}
body.show-admin-bar .breadcrumb-area{
    margin-top:170px
}
body #list-photo .item .photo-item .thumb{
    padding:0;
    box-shadow:none
}
body #list-photo .item .photo-item img{
    border:none
}
body .main-btn.btn-filled.booking-button{
    padding:7px 12px;
    line-height:20px;
    background-color:transparent;
    color:#777;
    box-shadow:none;
    font-size:12px
}
body .restaurant-tab-area .food-box .desc .cat{
    font-size:12px;
    color:#777;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px
}
@media (max-width:575px){
    body .restaurant-tab-area .food-box .desc .cat{
        letter-spacing:1px
    }
}
@media (max-width:399px){
    body .restaurant-tab-area .food-box .desc .cat{
        letter-spacing:0
    }
}
body .features-loop .feature-box.dark-box,body .features-loop .feature-box.dark-box h3{
    color:#fff
}
body .about-section .about-features li div{
    background:#fff;
    padding:55px 0 45px;
    box-shadow:0 14px 24px 0 hsla(0,0%,72.2%,.1);
    text-align:center;
    display:block;
    color:var(--color-1st);
    position:relative;
    z-index:1
}
body .about-section .about-features li div,body .about-section .about-features li div i,body .about-section .about-features li div span{
    transition:all .3s ease-out 0s
}
body .about-section .about-features li div i{
    font-size:75px
}
@media only screen and (min-width:768px) and (max-width:991px){
    body .about-section .about-features li div i{
        font-size:55px
    }
}
body .about-section .about-features li div img{
    max-width:75px
}
@media only screen and (min-width:768px) and (max-width:991px){
    body .about-section .about-features li div img{
        max-width:55px
    }
}
body .about-section .about-features li div .title{
    font-size:12px;
    color:#111;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:3px;
    padding-top:10px;
    display:block
}
@media only screen and (min-width:992px) and (max-width:1199px){
    body .about-section .about-features li div .title{
        letter-spacing:2px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    body .about-section .about-features li div .title{
        letter-spacing:1px
    }
}
@media (max-width:767px){
    body .about-section .about-features li div .title{
        letter-spacing:1px
    }
}
body .about-section .about-features li div .hover-icon{
    position:absolute;
    right:0;
    bottom:0;
    color:#fff;
    font-size:75px;
    z-index:-1;
    opacity:0;
    visibility:hidden
}
body .about-section .about-features li div:hover{
    background:var(--color-1st);
    color:#fff
}
body .about-section .about-features li div:hover .title{
    color:#fff
}
body .about-section .about-features li div:hover .hover-icon{
    visibility:visible;
    opacity:.1
}
body header .nav-container .menu-items ul li.active>a,body header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li.active>a{
    color:var(--color-1st)
}
@-webkit-keyframes half-circle-spinner-animation{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
@keyframes half-circle-spinner-animation{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}
.booking-form-body{
    background-color:#fff;
    padding:50px 35px 30px;
    position:relative
}
.booking-form-body p strong{
    color:#222
}
.booking-form-body form label{
    color:inherit;
    font-weight:500;
    font-size:16px
}
.booking-form-body form input::-moz-placeholder{
    font-size:14px
}
.booking-form-body form input:-ms-input-placeholder{
    font-size:14px
}
.booking-form-body form input::placeholder{
    font-size:14px
}
.custom-checkbox label{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-left:25px;
    cursor:pointer
}
.custom-checkbox input{
    width:auto;
    height:auto;
    position:absolute;
    left:-99999px
}
.custom-checkbox span{
    width:15px;
    height:15px;
    display:block;
    border:1px solid var(--color-1st);
    position:absolute;
    left:0
}
.custom-checkbox input:checked~span:before{
    content:"";
    font-family:Font Awesome\ 5 Pro;
    line-height:normal;
    font-size:12px;
    position:absolute;
    left:1px;
    color:var(--color-1st)
}
.room-gird-loop .room-box .room-desc .nice-select{
    float:none;
    background:#f8f8f8;
    margin-top:20px
}
.room-details .deatils-box .title-wrap{
    z-index:2;
    position:relative
}
@media (max-width:575px){
    .room-details .deatils-box .title-wrap{
        padding:20px;
        margin-right:0;
        width:100%;
        display:block
    }
    .room-details .deatils-box .thumb{
        margin-top:0
    }
    .booking-form-body{
        padding:30px 20px
    }
    .main-btn{
        font-size:13px;
        letter-spacing:1px
    }
}
.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li.active a{
    padding-left:10px;
    color:var(--color-1st)
}
header .nav-container .header-info .item a{
    word-break:break-all
}
@media (max-width:767px){
    header.header-two .nav-pushed-item .header-info .item i{
        background:#111;
        color:#fff
    }
    .show-admin-bar header .nav-container.breakpoint-on .nav-menu.menu-on{
        top:40px
    }
    header .nav-container .header-info .item .title{
        font-size:18px
    }
}
header .nav-container .site-logo img{
    max-width:250px;
    max-height:100px
}