@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Pearl Restaurant
Version:	1.0
Last change:	Initial RELEASED 
Primary use:	Restaurant and Hotel
-------------------------------------------------------------------*/

/* google font */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:500,600,700,800,900,400,300);
@import url(https://fonts.googleapis.com/css?family=Tangerine:400,700);

@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700|Montserrat:400,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Playball|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*------------------------------------------------------------------

[Table of contents]

1. body
2. common Classes
2. header 
3. navigation / .navbar
4. sections

NOTE: Every section is commented before starting.

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body 		:		font-family : ''Source Sans Pro', sans-serif'
Paragraph	:		font-family : ''Source Sans Pro', sans-serif'
Input, 
textarea,
title	:		font-family : 'Raleway, sans-serif'  +   font-family: 'Tangerine', cursive;


# [Headings]

h1,
.h1 	font-size: 48px

h2,
.h2     font-size: 42px

h3,
.h3     font-size: 36px

h4,
.h4     font-size: 32px

h5,
.h5     font-size: 28px

h6,
.h6     font-size: 24px

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small   
		
		font-size: 20px

-------------------------------------------------------------------*/
html
{
    user-select: none;
}

body
{
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    color: #222;
    font-size: 14px;
    /* font-family: 'Montserrat', sans-serif; */
    color: #555555;
    /* line-height: 1.7em; */
    font-weight: 400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

*
{
    margin: 0px;
    padding: 0px;
}

h1
{
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    text-transform: uppercase;
}

h2
{
    font-weight: 700;
    font-size: 42px;
    font-family: 'Raleway', sans-serif;
    color: #222222;
}

h3
{
    font-weight: 400;
    font-size: 36px;
    /* font-family: 'Raleway', sans-serif; */
}

h4
{
    font-weight: 600;
    font-size: 32px;
    font-family: 'Raleway', sans-serif;
}

h5
{
    font-weight: 700;
    font-size: 28px;
    font-family: 'Raleway', sans-serif;
}

h6
{
    font-weight: 600;
    font-size: 19px;
    font-family: 'Raleway', sans-serif;
}

p
{
    font-weight: 400;
    line-height: 27px;
}

a
{
    text-decoration: none;
}

li
{
    list-style: none;
}

a .img
{
    border: none;
}

a
{
    transition: background-color 0.5s ease;
    transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

    a:hover
    {
        transition: background-color 0.5s ease;
    }

img
{
    width: 100%;
}

    img:hover
    {
        transition: background-color 0.5s ease;
    }

.clear
{
    clear: both;
}

.height5
{
    height: 5px;
}

.height10
{
    height: 10px;
}

.height15
{
    height: 15px;
}

.height20
{
    height: 20px;
}

.height25
{
    height: 25px;
}

.height30
{
    height: 30px;
}

.height35
{
    height: 35px;
}

:focus
{
    outline: none;
}



/*..... HEADER ......*/

.header .logo
{
    width: 160px;
    float: left;
    margin: 14px 0px 0 0;
    padding: 0 15px;
}

.header .nav
{
    float: left;
    margin: 0 0 0 0;
}

    .header .nav ul li
    {
        float: left;
    }

        .header .nav ul li a
        {
            color: #141414;
            text-transform: uppercase;
            font-weight: 400;
            font-size: 16px;
            font-family: 'Raleway', sans-serif;
            border-left: solid 1px #cccccc;
            padding: 26px 30px;
            line-height: 70px;
        }



        .header .nav ul li:last-child a
        {
            border-right: solid 1px #cccccc;
        }

.header .get-touch
{
    float: right;
}

    .header .get-touch li
    {
        float: left;
    }

        .header .get-touch li a
        {
            text-transform: uppercase;
            font-size: 18px;
            padding: 22px 25px;
            float: left;
        }

        .header .get-touch li.book-table a
        {
            color: #fff;
            background: #0a1d3b;
            font-weight: 500;
            line-height: 26px;
            font-family: 'Raleway', sans-serif;
        }

            .header .get-touch li.book-table a span
            {
                float: left;
            }

            .header .get-touch li.book-table a:hover
            {
                background: #022863;
            }

        .header .get-touch li.book-table i
        {
            color: #fff;
            margin: -2px 0 0 115px;
            float: right;
            font-size: 26px;
        }

        .header .get-touch li.contact-no i
        {
            margin: 0px 15px 0 0;
            float: left;
            font-size: 26px;
        }

        .header .get-touch li.contact-no a
        {
            font-size: 20px;
        }

.header .cart-button
{
    color: #fff;
    padding: 0 26px;
    float: left;
}

    .header .cart-button i
    {
        color: #fff;
        font-size: 34px;
        line-height: 70px;
    }

.header .shop-bag li.close-bag
{
    cursor: pointer;
}

    .header .shop-bag li.close-bag a
    {
        padding: 0 26px;
    }

.header .shop-bag li.open-bag
{
    background: #fff;
    display: none;
    position: absolute;
    margin: 70px 0 0 0;
    right: 0;
    width: 345px;
    padding: 0 20px 20px 20px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

.header ul.shop-bag
{
    float: right;
}

.header .shop-bag .num
{
    position: absolute;
    margin: 12px 0 0 24px;
    float: right;
    color: #222;
    background-color: #fff;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    top: 0;
    padding: 2px 0 0 0;
    font-size: 12px;
    text-align: center;
}

.header .shop-bag .cart-food
{
    border-bottom: solid 1px #d1d1d1;
    float: left;
    width: 100%;
    padding: 20px 0 20px 0;
}

    .header .shop-bag .cart-food .detail
    {
        float: left;
    }

        .header .shop-bag .cart-food .detail img
        {
            float: left;
            width: 62px;
        }

        .header .shop-bag .cart-food .detail .text
        {
            float: left;
            margin: 0 0 0 15px;
            width: 190px;
        }

            .header .shop-bag .cart-food .detail .text a
            {
                text-transform: uppercase;
                font-weight: 600;
                font-size: 18px;
                color: #222;
            }

            .header .shop-bag .cart-food .detail .text p
            {
                color: #666666;
                font-size: 14px;
            }

    .header .shop-bag .cart-food a.cross
    {
        float: right;
        margin: 15px 0 0 0;
    }

        .header .shop-bag .cart-food a.cross i
        {
            font-size: 26px;
            color: #777;
        }

            .header .shop-bag .cart-food a.cross i:hover
            {
                color: #000;
            }

.header .shop-bag .sub-total
{
    margin: 30px 0 0 0;
    float: left;
    width: 100%;
}

    .header .shop-bag .sub-total span
    {
        font-size: 16px;
        color: #636363;
        float: right;
    }

        .header .shop-bag .sub-total span strong
        {
            color: #222;
            margin: 0 0 0 8px;
        }

    .header .shop-bag .sub-total .buttons
    {
        float: left;
        width: 100%;
        margin: 14px 0 0 0;
    }

    .header .shop-bag .sub-total a
    {
        font-size: 13px;
        width: 48%;
        float: left;
        border-radius: 5px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        padding: 11px 0;
    }

        .header .shop-bag .sub-total a.view-cart
        {
            background: #bcbcbc;
        }

        .header .shop-bag .sub-total a.check-out
        {
            background: #222;
            float: right;
        }





/*..... HEADER TWO ......*/

.header-two .logo2
{
    width: auto;
    height: 106px;
    float: left;
    margin: 2px 26px 3px 0;
    position: absolute;
}

.header-two .logo-dark
{
    display: none;
}

.header-two .nav
{
    float: left;
}

    .header-two .nav ul li
    {
        float: left;
    }

        .header-two .nav ul li a
        {
            color: rgb(0, 0, 0);
            text-transform: uppercase;
            font-weight: 600;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            padding: 14px 0 !important;
            margin: 0 24px;
            letter-spacing: 1px;
            display: inline-block;
        }

        .header-two .nav ul li.select-item a
        {
            color: #FFFFFF;
            border-bottom: solid 1px #fff;
        }

.header-two .get-touch
{
    float: right;
    margin: 35px 0 0 0;
}

    .header-two .get-touch li
    {
        float: left;
    }

.header-two .cont-right
{
    float: right;
}

.header-two .social-icons
{
    float: left;
    margin: 38px 8px 0 0;
}

    .header-two .social-icons li
    {
        float: left;
        margin: 0 5px;
    }

        .header-two .social-icons li a
        {
            vertical-align: text-top;
            font-weight: 600;
            color: #fff;
            font-size: 17px;
            border: 1px solid #dad9d966;
            padding: 7px 17px;
            border-radius: 24px;
        }

            .header-two .social-icons li a:hover
            {
                color: black;
            }

.header-two .get-touch li a
{
    text-transform: uppercase;
    font-size: 18px;
    padding: 0px 18px;
    float: left;
}

.header-two .get-touch li.book-table a
{
    color: #fff;
    background: #0a1d3b;
    font-weight: 500;
    line-height: 26px;
    font-family: 'Raleway', sans-serif;
}

    .header-two .get-touch li.book-table a span
    {
        float: left;
    }

    .header-two .get-touch li.book-table a:hover
    {
        background: #022863;
    }

.header-two .get-touch li.book-table i
{
    color: #fff;
    margin: -2px 0 0 115px;
    float: right;
    font-size: 26px;
}

.header-two .get-touch li.contact-no i
{
    margin: 0px 9px 0 0;
    float: left;
    font-size: 26px;
}

.header-two .get-touch li.contact-no a
{
    font-size: 22px;
    color: #ffffff;
}

.header-two .cart-button
{
    color: #fff;
    padding: 0 0;
    float: left;
}

    .header-two .cart-button i
    {
        color: #fff;
        font-size: 28px;
        line-height: 98px;
    }

.header-two .shop-bag li.close-bag
{
    cursor: pointer;
}

    .header-two .shop-bag li.close-bag a
    {
        padding: 0 0;
    }

.header-two .shop-bag li.open-bag
{
    background: #fff;
    display: none;
    position: absolute;
    margin: 70px 0 0 -305px;
    width: 345px;
    padding: 0 20px 20px 20px;
}

.header-two ul.shop-bag
{
    float: right;
}

.header-two .shop-bag .num
{
    position: absolute;
    margin: 30px 0 0 22px;
    float: right;
    color: #222;
    background-color: #fff;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    top: 0;
    padding: 2px 0 0 0;
    font-size: 12px;
    text-align: center;
}

.header-two .shop-bag .cart-food
{
    border-bottom: solid 1px #d1d1d1;
    float: left;
    width: 100%;
    padding: 20px 0 20px 0;
}

    .header-two .shop-bag .cart-food .detail
    {
        float: left;
    }

        .header-two .shop-bag .cart-food .detail img
        {
            float: left;
            width: 62px;
        }

        .header-two .shop-bag .cart-food .detail .text
        {
            float: left;
            margin: 0 0 0 15px;
            width: 190px;
        }

            .header-two .shop-bag .cart-food .detail .text a
            {
                text-transform: uppercase;
                font-weight: 600;
                font-size: 18px;
                color: #222;
            }

            .header-two .shop-bag .cart-food .detail .text p
            {
                color: #666666;
                font-size: 14px;
            }

    .header-two .shop-bag .cart-food a.cross
    {
        float: right;
        margin: 15px 0 0 0;
    }

        .header-two .shop-bag .cart-food a.cross i
        {
            font-size: 26px;
            color: #777;
        }

            .header-two .shop-bag .cart-food a.cross i:hover
            {
                color: #000;
            }

.header-two .shop-bag .sub-total
{
    margin: 30px 0 0 0;
    float: left;
    width: 100%;
}

    .header-two .shop-bag .sub-total span
    {
        font-size: 16px;
        color: #636363;
        float: right;
    }

        .header-two .shop-bag .sub-total span strong
        {
            color: #222;
            margin: 0 0 0 8px;
        }

    .header-two .shop-bag .sub-total .buttons
    {
        float: left;
        width: 100%;
        margin: 14px 0 0 0;
    }

    .header-two .shop-bag .sub-total a
    {
        font-size: 13px;
        width: 48%;
        float: left;
        border-radius: 5px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        padding: 11px 0;
    }

        .header-two .shop-bag .sub-total a.view-cart
        {
            background: #bcbcbc;
        }

        .header-two .shop-bag .sub-total a.check-out
        {
            background: #222;
            float: right;
        }




.arrow-scroll img
{
    width: 43px;
    height: 36px;
}

.scroll-down
{
    position: absolute;
    left: 49.2%;
    bottom: 60px;
    z-index: 5555;
}

    .scroll-down.bounce
    {
        //bounce animation position:relative;
        //top:1em;
        Transform: translateY(4em);
        animation-name: bounce;
        animation-timing-function: ease-in;
        animation-duration: 2.5s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }


/*..... MAIN TITLE ......*/

.main-title
{
    text-align: center;
}

    .main-title span
    {
        font-size: 100px;
        font-family: 'Tangerine', cursive;
    }

    .main-title h1
    {
        background: url(../imgs/heading-dark.png) no-repeat center 80px;
        letter-spacing: 4px;
        padding: 0 0 70px 0;
        margin: -6px 0 0 0;
    }

    .main-title p
    {
        width: 80%;
        display: inline-block;
    }

.main-title-white
{
    text-align: center;
}

    .main-title-white span
    {
        font-size: 100px;
        font-family: 'Tangerine', cursive;
        color: #fff;
    }

    .main-title-white h1
    {
        background: url(../imgs/heading-light.png) no-repeat center 80px;
        letter-spacing: 4px;
        padding: 0 0 70px 0;
        margin: -6px 0 0 0;
        color: #fff;
    }

    .main-title-white p
    {
        width: 80%;
        display: inline-block;
    }

.back
{
    background: #f9f8f7;
}



/*..... SERVICES ......*/

.services-three
{
    padding: 120px 0;
}

    .services-three .serv-main-sec
    {
        margin: 85px 0 0 0;
        background: #fff;
        padding: 0 30px;
        text-align: center;
    }


        .services-three .serv-main-sec i
        {
            font-size: 90px;
            background: #fff;
            border-radius: 100%;
            width: 100px;
            height: 100px;
            padding: 0;
            display: inline-block;
            color: #111;
        }

        .services-three .serv-main-sec h6
        {
            margin: 15px 0 0 0;
        }

        .services-three .serv-main-sec p
        {
            margin: 8px 0 0 0;
        }




/*..... SERVICES TWO ......*/
.services-two
{
    padding: 120px 0;
}

    .services-two .serv-main-sec
    {
        margin: 85px 0 0 0;
    }

        .services-two .serv-main-sec .service-sec
        {
            text-align: center;
        }

            .services-two .serv-main-sec .service-sec .detail
            {
                margin: 36px 0 0 0;
            }

                .services-two .serv-main-sec .service-sec .detail p
                {
                    margin: 8px 0 0 0;
                }

                .services-two .serv-main-sec .service-sec .detail a
                {
                    border: solid 1px #dbdbdb;
                    color: #5d5d5d;
                    display: inline-block;
                    margin: 35px 0 0 0;
                    padding: 13px 25px;
                    font-family: 'Raleway', sans-serif;
                    text-transform: uppercase;
                    font-size: 12px;
                    background: #fff;
                }

                    .services-two .serv-main-sec .service-sec .detail a:hover
                    {
                        color: #fff;
                    }




/*..... BUTTONS ......*/
.white-btn
{
    background: #fff;
    font-size: 15px;
    color: #5d5d5d;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    padding: 20px 44px;
    border-radius: 5px;
    display: inline-block;
}

    .white-btn:hover
    {
        color: #fff;
    }

.dark-bg
{
    background: #f9f8f7;
}



/*..... WELCOME HOTEL ......*/
.parallax
{
    position: relative;
    width: 100%;
    height: 800px;
    overflow: hidden;
    text-align: center;
}

    .parallax img.parallax-back
    {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .parallax .detail
    {
        position: absolute;
        width: 100%;
    }

.welcome-hotel
{
    background: url(../imgs/welcome.jpg) no-repeat fixed;
    height: 800px;
    width: 100%;
    background-size: 100%;
}

    .welcome-hotel .welcome-detail .text
    {
        margin-top: 285px;
        color: #fff;
    }

        .welcome-hotel .welcome-detail .text h1
        {
            text-transform: inherit;
            color: #fff;
            font-weight: 800;
            text-transform: uppercase;
            padding: 0 0 90px 0;
            margin: -6px 0 0 0;
            background: url(../imgs/heading-light.png) no-repeat center 90px;
        }

        .welcome-hotel .welcome-detail .text p
        {
            margin: 15px 0 0 0;
        }

    .welcome-hotel .welcome-detail .welcome-img
    {
        border-radius: 100%;
        border: solid 7px #fff;
        margin-top: 130px;
    }


/*..... Home2 WELCOME PEARL HOTEL ......*/
.welcome-pearl-hotel
{
    padding: 120px 0;
}

    .welcome-pearl-hotel .text-detail
    {
        text-align: center;
        margin: 48px 0 0 0;
    }

        .welcome-pearl-hotel .text-detail a
        {
            text-transform: uppercase;
            font-weight: 500;
            font-family: 'Raleway', sans-serif;
            margin: 30px 0 0 0;
            padding: 0 0 4px 0;
            display: inline-block;
        }

            .welcome-pearl-hotel .text-detail a:hover
            {
                color: #000;
                border-bottom: solid 2px #000;
            }



/*..... SPECIAL SERVICES ......*/
.special-services
{
    padding: 120px 0;
}

    .special-services .post .detail
    {
        background: #fff;
        padding: 48px 32px;
        position: relative;
        text-align: center;
    }

        .special-services .post .detail p
        {
            margin: 14px 0 0 0;
        }

        .special-services .post .detail a
        {
            margin: 32px 0 0 0;
            background-color: #fff;
            border: solid 1px #dbdbdb;
            color: #5d5d5d;
            text-transform: uppercase;
            font-size: 15px;
            padding: 10px 28px;
            display: inline-block;
        }

            .special-services .post .detail a:hover
            {
                color: #fff;
            }

    .special-services .owl-carousel
    {
        margin: 75px 0 0 0;
    }




/*..... LATEST POST and FIND US ......*/
.latest-posts
{
    padding: 120px 0;
}

    .latest-posts h4
    {
        text-transform: uppercase;
    }

    .latest-posts .latest-news
    {
        margin: 55px 0 0 0;
    }

        .latest-posts .latest-news .post-sec
        {
            margin: 0 0 45px 0;
            width: 100%;
            float: left;
        }

            .latest-posts .latest-news .post-sec.last
            {
                margin: 0 0 0 0;
            }

    .latest-posts .post-sec .post-image
    {
        float: left;
        width: 20%;
    }

        .latest-posts .post-sec .post-image img
        {
            width: 80%;
        }

    .latest-posts .post-sec .post-detail
    {
        float: left;
        width: 80%;
    }

        .latest-posts .post-sec .post-detail a
        {
            color: #222;
        }

        .latest-posts .post-sec .post-detail p
        {
            margin: 6px 0 0 0;
        }

        .latest-posts .post-sec .post-detail span
        {
            margin: 6px 0 0 0;
            font-size: 14px;
            color: #868686;
            display: inline-block;
        }

    .latest-posts .find-us
    {
    }

    .latest-posts .find-location img
    {
        margin: 55px 0 0 0;
    }

    .latest-posts .find-location a
    {
        margin: 32px 0 0 0;
        background-color: #fff;
        border: solid 1px #dbdbdb;
        color: #5d5d5d;
        text-transform: uppercase;
        font-size: 15px;
        padding: 14px 28px;
        color: #222;
        float: right;
    }

    .latest-posts .find-location i
    {
        margin: 3px 0 0 18px;
        float: right;
    }

    .latest-posts .find-location a:hover
    {
        color: #fff;
    }



/*..... CUSTOMER WORDS ......*/
.parallax.parallax-customer-words
{
    background: url(../imgs/testimonials-bg.jpg) no-repeat fixed;
    height: 880px;
    width: 100%;
    background-size: 100%;
}

.customer-words .detail
{
    margin: 120px 0 0 0;
}

.customer-words .testi-sec
{
}

    .customer-words .testi-sec img
    {
        width: 135px;
        height: 135px;
        border-radius: 100%;
        border: solid 5px #fff;
    }

    .customer-words .testi-sec span.name
    {
        font-size: 24px;
        display: block;
    }

    .customer-words .testi-sec span.work
    {
        color: #fff;
        display: block;
        font-size: 18px;
    }

    .customer-words .testi-sec p
    {
        color: #fff;
        font-size: 20px;
        width: 84%;
        display: inline-block;
    }

    .customer-words .testi-sec .rating i
    {
        color: #f4bc16;
        font-size: 32px;
    }




/*..... FOOTER ......*/
.footer-hotel
{
    padding: 0 0 0 0; /* border-top:solid 1px #ccc; */
}

    .footer-hotel .hotel-get-touch
    {
        text-align: center;
        padding: 60px 0;
    }

        .footer-hotel .hotel-get-touch .get-touch-sec
        {
        }

            .footer-hotel .hotel-get-touch .get-touch-sec i
            {
                color: #222;
                display: inline-block;
                border-radius: 100%;
                padding: 0 0 0 0;
                font-size: 58px;
                text-align: center;
            }

            .footer-hotel .hotel-get-touch .get-touch-sec .text
            {
                margin: 26px 0 0 0;
            }

                .footer-hotel .hotel-get-touch .get-touch-sec .text span
                {
                    font-size: 20px;
                    display: block;
                    color: #222;
                }

                    .footer-hotel .hotel-get-touch .get-touch-sec .text span strong
                    {
                        font-weight: 700;
                        font-family: 'Raleway', sans-serif;
                        font-size: 22px;
                        text-transform: uppercase;
                    }

    .footer-hotel .foot-detail
    {
        margin: 0px 0 0 0;
        background: #1f1f1e;
        padding: 85px 0;
    }

        .footer-hotel .foot-detail .about-pearl
        {
        }

        .footer-hotel .foot-detail h5
        {
            text-transform: uppercase;
            margin: 0px 0 20px 0;
        }

        .footer-hotel .foot-detail .about-pearl p
        {
            margin: 0 0 0 0;
        }

        .footer-hotel .foot-detail .about-pearl img
        {
            margin: 48px 0 0 0;
            width: auto;
        }

        .footer-hotel .foot-detail .newsletetr .field
        {
            display: inline-block;
            margin: 15px 0 0 0;
        }

        .footer-hotel .foot-detail .newsletetr input[type=text]
        {
            background: #fff;
            border: solid 2px #444444;
            color: #6c6c6c;
            font-size: 16px;
            height: 45px;
            width: 300px;
            padding: 0 15px;
            float: left;
        }

        .footer-hotel .foot-detail .newsletetr a
        {
            height: 45px;
            color: #fff;
            background: #444;
            padding: 9px 10px;
            font-size: 26px;
            margin: 0 0 0 -4px;
            float: right;
            width: 48px;
        }

            .footer-hotel .foot-detail .newsletetr a:hover
            {
                color: #fff;
            }

        .footer-hotel .foot-detail .social-icons
        {
            margin: 45px 0 0 0;
        }

            .footer-hotel .foot-detail .social-icons ul
            {
                margin: 15px 0 0 0;
            }

                .footer-hotel .foot-detail .social-icons ul li
                {
                    display: inline-block;
                    margin: 0 3px;
                }

                    .footer-hotel .foot-detail .social-icons ul li a
                    {
                        color: #222;
                        border: solid 2px #222;
                        border-radius: 100%;
                        width: 50px;
                        height: 50px;
                        padding: 11px 10px;
                        float: left;
                        font-size: 20px;
                        text-align: center;
                    }


        .footer-hotel .foot-detail .useful-links
        {
        }

            .footer-hotel .foot-detail .useful-links ul
            {
            }

                .footer-hotel .foot-detail .useful-links ul li
                {
                    margin: 0 0 24px 0;
                }

                    .footer-hotel .foot-detail .useful-links ul li a
                    {
                        font-size: 20px;
                        color: #222;
                        display: block;
                    }

                    .footer-hotel .foot-detail .useful-links ul li i
                    {
                        font-size: 12px;
                        color: #555;
                        margin: 8px 11px 0 0;
                        float: left;
                    }


    .footer-hotel .copyrights
    {
        text-align: center;
        padding: 32px 0;
        background: #000000;
        border-top: solid 1px #1d1d1d;
    }

        .footer-hotel .copyrights p
        {
            color: #888;
        }






/*..... FOOTER DARK ......*/
.footer-hotel-dark
{
    padding: 0 0 0 0;
    border-top: solid 1px #ccc;
    color: #fff;
}

    .footer-hotel-dark .hotel-get-touch
    {
        text-align: center;
        padding: 60px 0;
    }

        .footer-hotel-dark .hotel-get-touch .get-touch-sec i
        {
            color: #222;
            display: inline-block;
            border-radius: 100%;
            padding: 0 0 0 0;
            font-size: 58px;
            text-align: center;
        }

        .footer-hotel-dark .hotel-get-touch .get-touch-sec .text
        {
            margin: 26px 0 0 0;
        }

            .footer-hotel-dark .hotel-get-touch .get-touch-sec .text span
            {
                font-size: 20px;
                display: block;
                color: #222;
            }

                .footer-hotel-dark .hotel-get-touch .get-touch-sec .text span strong
                {
                    font-weight: 700;
                    font-family: 'Raleway', sans-serif;
                    font-size: 22px;
                    text-transform: uppercase;
                }

    .footer-hotel-dark .foot-detail
    {
        margin: 0px 0 0 0;
        background: #0A1D3B;
        padding: 85px 0;
    }

        .footer-hotel-dark .foot-detail .about-pearl
        {
            color: #fff;
        }

        .footer-hotel-dark .foot-detail h5
        {
            text-transform: uppercase;
            margin: 0px 0 20px 0;
        }

        .footer-hotel-dark .foot-detail .about-pearl p
        {
            margin: 0 0 0 0;
        }

        .footer-hotel-dark .foot-detail .about-pearl img
        {
            margin: 48px 0 0 0;
            width: auto;
        }

        .footer-hotel-dark .foot-detail .newsletetr .field
        {
            display: inline-block;
            margin: 15px 0 0 0;
        }

        .footer-hotel-dark .foot-detail .newsletetr input[type=text]
        {
            background: #fff;
            border: solid 2px #444444;
            color: #6c6c6c;
            font-size: 16px;
            height: 45px;
            width: 300px;
            padding: 0 15px;
            float: left;
        }

        .footer-hotel-dark .foot-detail .newsletetr a
        {
            height: 45px;
            color: #fff;
            background: #444;
            padding: 9px 10px;
            font-size: 26px;
            margin: 0 0 0 -4px;
            float: right;
            width: 48px;
        }

            .footer-hotel-dark .foot-detail .newsletetr a:hover
            {
                color: #fff;
            }

        .footer-hotel-dark .foot-detail .social-icons
        {
            margin: 45px 0 0 0;
        }

            .footer-hotel-dark .foot-detail .social-icons ul
            {
                margin: 15px 0 0 0;
            }

                .footer-hotel-dark .foot-detail .social-icons ul li
                {
                    display: inline-block;
                    margin: 0 3px;
                }

                    .footer-hotel-dark .foot-detail .social-icons ul li a
                    {
                        color: #fff;
                        border: solid 2px #fff;
                        border-radius: 100%;
                        width: 50px;
                        height: 50px;
                        padding: 11px 10px;
                        float: left;
                        font-size: 20px;
                        text-align: center;
                    }


        .footer-hotel-dark .foot-detail .useful-links ul li
        {
            margin: 0 0 24px 0;
        }

            .footer-hotel-dark .foot-detail .useful-links ul li a
            {
                font-size: 20px;
                color: #fff;
                display: block;
            }

            .footer-hotel-dark .foot-detail .useful-links ul li i
            {
                font-size: 12px;
                color: #fff;
                margin: 8px 11px 0 0;
                float: left;
            }


    .footer-hotel-dark .copyrights
    {
        text-align: center;
        padding: 32px 0;
        background: #071833;
        border-top: solid 1px #071833;
    }

        .footer-hotel-dark .copyrights p
        {
            color: #fff;
        }






/*..... SUB BANNER ......*/
.sub-banner
{
    height: 505px;
    min-height: 505px;
}

    .sub-banner .banner-img
    {
        background: url(../imgs/sub-banner-hotel.jpg) no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover;
    }

    .sub-banner .detail
    {
        position: absolute;
        top: 220px;
        text-align: center;
        width: 100%;
        display: block;
    }

        .sub-banner .detail h1
        {
            color: #fff;
            display: block;
        }

        .sub-banner .detail span
        {
            color: #fff;
            font-size: 20px;
            display: block;
        }

        .sub-banner .detail ul
        {
            float: right;
            margin: 110px 0 0 0;
        }

            .sub-banner .detail ul li
            {
                float: left;
                background: url(../imgs/paging-arrow.png) no-repeat right 9px;
                margin: 0 0 0 0;
                padding: 0 16px 0 10px;
            }

                .sub-banner .detail ul li:last-child
                {
                    background: none;
                }

                .sub-banner .detail ul li a
                {
                    color: #fff;
                }

                    .sub-banner .detail ul li a.select
                    {
                        font-weight: 700;
                    }




/*..... ABOUT US ......*/

.about-hotel
{
    padding: 120px 0;
}

    .about-hotel .quality
    {
        text-align: center;
        margin: 0 0 38px 0;
    }

        .about-hotel .quality img
        {
            width: 150px;
            height: 138px;
        }

    .about-hotel .what-we-do
    {
        margin: 58px 0 0 0;
    }

        .about-hotel .what-we-do p
        {
            margin: 8px 0 0 0;
        }

    .about-hotel .include-sec
    {
        text-align: center;
        float: left;
        width: 18%;
        padding: 28px 0;
        border: solid 1px #ccc;
        margin: 65px 2% 0 0;
    }

        .about-hotel .include-sec.last
        {
            margin: 65px 0 0 0;
        }

        .about-hotel .include-sec:hover
        {
            background: #EAEAEA;
        }

        .about-hotel .include-sec img
        {
            width: 114px;
        }

        .about-hotel .include-sec span
        {
            display: block;
            text-transform: uppercase;
            font-weight: 900;
            font-size: 20px;
            margin: 12px 0 0 0;
        }


/*..... OUR TEAM ......*/
.team-members
{
    padding: 120px 0;
}

    .team-members .chef-sec
    {
        margin: 60px 0 0 0;
    }

        .team-members .chef-sec .detail
        {
            text-align: center;
            margin: 52px 0 0 0;
        }

            .team-members .chef-sec .detail p
            {
                margin: 8px 0 0 0;
            }

            .team-members .chef-sec .detail ul
            {
                margin: 22px 0 0 0;
            }

                .team-members .chef-sec .detail ul li
                {
                    display: inline-block;
                }

                    .team-members .chef-sec .detail ul li a
                    {
                        color: #6a6a6a;
                        text-transform: uppercase;
                        font-weight: 500;
                        font-family: 'Raleway', sans-serif;
                        font-size: 14px;
                    }

                        .team-members .chef-sec .detail ul li a.fb:hover
                        {
                            color: #4d6299;
                            border-bottom: solid 2px #4d6299;
                        }

                        .team-members .chef-sec .detail ul li a.tw:hover
                        {
                            color: #4ac5f1;
                            border-bottom: solid 2px #4ac5f1;
                        }

                        .team-members .chef-sec .detail ul li a.gp:hover
                        {
                            color: #d96653;
                            border-bottom: solid 2px #d96653;
                        }

                    .team-members .chef-sec .detail ul li span
                    {
                        color: #6a6a6a;
                        margin: 0 6px;
                        font-size: 22px;
                    }





/*..... HOTEL ROOMS ......*/
.hotel-rooms
{
    padding: 98px 0;
}

    .hotel-rooms .room-sec
    { /* border:solid 1px #ccc; */
        float: left;
        width: 100%;
        margin: 0 0 55px 0;
    }

        .hotel-rooms .room-sec p
        {
            margin: 5px 0 0 0;
        }

        .hotel-rooms .room-sec img
        {
            max-height: 160px;
            width: auto;
            max-width: 250px;
        }

        .hotel-rooms .room-sec .text-detail
        {
            float: left;
            width: 560px; /* margin:30px 0 0 35px; */
        }

            .hotel-rooms .room-sec .text-detail ul
            {
                margin: 35px 0 0 0;
            }

                .hotel-rooms .room-sec .text-detail ul li
                {
                }

                    .hotel-rooms .room-sec .text-detail ul li i
                    {
                        float: left;
                        margin: 5px 10px 0 0;
                        color: #656565;
                    }

                    .hotel-rooms .room-sec .text-detail ul li span
                    {
                        font-size: 20px;
                        float: left;
                    }

        .hotel-rooms .room-sec .price-detail
        {
            text-align: center;
            width: 165px;
            float: left;
            margin: 30px 0 0 0;
        }

            .hotel-rooms .room-sec .price-detail .stars
            {
            }

                .hotel-rooms .room-sec .price-detail .stars i
                {
                    color: #f4bc16;
                    font-size: 26px;
                    margin: 0 3px 0 0;
                }

            .hotel-rooms .room-sec .price-detail .room-price
            {
                background: #f5f5f5;
                padding: 32px 0;
                margin: 15px 0 0 0;
            }

                .hotel-rooms .room-sec .price-detail .room-price span.current
                {
                    color: #0a1d3b;
                    font-size: 40px;
                    font-weight: 700;
                    display: block;
                }

                .hotel-rooms .room-sec .price-detail .room-price span.old
                {
                    font-size: 35px;
                    display: block;
                    margin: -5px 0 0 0;
                    text-decoration: line-through;
                    font-weight: 300;
                }

                .hotel-rooms .room-sec .price-detail .room-price span.per-night
                {
                    margin: 12px 0 0 0;
                    display: block;
                }

            .hotel-rooms .room-sec .price-detail a
            {
                background: #0A1D3B;
                color: #fff;
                width: 100%;
                display: block;
                padding: 12px 0;
                text-transform: uppercase;
                font-size: 16px;
                font-weight: bold;
                margin: 12px 0 0 0;
            }

    .hotel-rooms .paging
    {
        text-align: center;
    }

        .hotel-rooms .paging a
        {
            color: #5e5e5e;
            border: solid 1px #e0e0e0;
            padding: 10px 16px;
            text-align: center;
            display: inline-block;
            margin: 15px 2px 0 2px;
        }

            .hotel-rooms .paging a.select, .hotel-rooms .paging a:hover
            {
                color: #fff;
            }




/*..... HOTEL ROOMS DETAIL ......*/
.room-detail
{
    padding: 100px 0;
}

    .room-detail .what-include
    {
        float: left;
        width: 100%;
        margin: 65px 0 0 0;
    }

    .room-detail .include-sec
    {
        text-align: center;
        float: left;
        width: 18%;
        padding: 28px 0;
        border: solid 1px #ccc;
        margin: 0 15px 15px 0;
    }

        .room-detail .include-sec.last
        {
            margin: 0 0 0 0;
        }

        .room-detail .include-sec:hover
        {
            background: #EAEAEA;
        }

        .room-detail .include-sec img
        {
            width: 70px;
        }

        .room-detail .include-sec span
        {
            display: block;
            text-transform: uppercase;
            font-weight: 900;
            font-size: 15px;
            margin: 12px 0 0 0;
        }

    .room-detail .room-descrip
    {
        margin: 25px 0 0 0;
        float: left;
        width: 100%;
        /* font-size: 13px; */
    }

        .room-detail .room-descrip p
        {
            /* margin: 8px 0 0 0; */
            font-weight: 600;
        }

    .room-detail .room-overview
    {
        float: left;
        width: 100%;
        margin: 38px 0 0 0;
    }

        .room-detail .room-overview .detail
        {
            padding: 16px 25px;
            background: #f5f5f5;
        }

            .room-detail .room-overview .detail span strong
            {
                width: 48%;
                float: left;
            }

            .room-detail .room-overview .detail span
            {
                font-size: 18px;
            }

        .room-detail .room-overview .light-gray
        {
            background: #fcfcfc;
        }

    .room-detail .booking-form
    {
        background: #0a1d3b;
        text-align: center;
        padding: 65px 35px 35px 35px;
        width: 100%;
        float: left;
    }

        .room-detail .booking-form i
        {
            color: #f4bc16;
            font-size: 25px;
            margin: 0 3px;
        }

        .room-detail .booking-form .price
        {
            margin: 35px 0 0 0;
        }

            .room-detail .booking-form .price span
            {
                color: #fff;
                font-size: 18px;
                display: block;
            }

                .room-detail .booking-form .price span.amount
                {
                    font-size: 60px;
                    font-weight: 600;
                    margin: 0px 0 0 0;
                    display: block;
                }

        .room-detail .booking-form .form
        {
            margin: 48px 0 0 0;
        }

            .room-detail .booking-form .form .field
            {
                margin: 0 0 3px 0;
                /* border-radius: 3px!important; */
                padding: 2px;
                text-align: left;
            }

                .room-detail .booking-form .form .field.rooms
                {
                    z-index: 11;
                    position: relative;
                }

                .room-detail .booking-form .form .field input
                {
                    width: 100%;
                    padding: 10px 10px;
                    border: 1px solid #dedcdc;
                    border-radius: 4px;
                }

            .room-detail .booking-form .form .field2
            { /* width:48%; */
                float: left;
            }

                .room-detail .booking-form .form .field2.last
                {
                    width: 48%;
                    float: right;
                }

            .room-detail .booking-form .form a.availability
            {
                float: left;
                width: 100%;
                padding: 2px 0;
                text-transform: uppercase;
                color: #fff !important;
                text-align: center;
            }

                .room-detail .booking-form .form a.availability:hover
                {
                    background: #fff;
                    /* color: #222 !important; */
                }








/*..... BREAD CRUMB ......*/
.bread-crumb
{
    text-align: center;
    background: #f4f4f4;
    border-radius: 30px;
    width: 100%;
    height: 18px;
}

    .bread-crumb .bread-crumb-sec
    {
        float: left;
        width: 33.3%;
        margin: -18px 0 0 0;
    }

        .bread-crumb .bread-crumb-sec a
        {
            display: inline-block;
        }

            .bread-crumb .bread-crumb-sec a.selected
            {
            }

            .bread-crumb .bread-crumb-sec a span.number
            {
                background: #FFF;
                border-radius: 100%;
                width: 50px;
                height: 50px;
                display: inline-block;
                color: #484747;
                font-size: 30px;
                font-weight: 700;
                padding: 4px 0 0 0;
                box-shadow: 0 0 0 6px #F4F4F4;
            }

            .bread-crumb .bread-crumb-sec a span.text
            {
                font-size: 20px;
                color: #222;
                margin: 10px 0 0 0;
                display: inline-block;
                font-weight: 500;
            }

            .bread-crumb .bread-crumb-sec a.selected span.number
            {
                border-radius: 100%;
                width: 50px;
                height: 50px;
                display: inline-block;
                color: #fff;
                font-size: 30px;
                font-weight: 700;
                padding: 4px 0 0 0;
                box-shadow: 0 0 0 6px #F4F4F4;
            }




/*..... Choose Your Room ......*/
.booking-steps
{
    padding: 120px 0;
}

    .booking-steps .detail-sections
    {
        margin: 0px 0 0 0;
        width: 100%;
        float: left;
    }

    .booking-steps .reservation
    {
        background: #ffffff;
        color: #23344f;
        padding: 22px;
    }

        .booking-steps .reservation span.title
        {
            text-transform: uppercase;
            font-size: 16px;
            font-weight: bold;
        }

        .booking-steps .reservation p
        {
            font-size: 15px;
            margin: 8px 0 0 0;
            line-height: 21px;
        }

        .booking-steps .reservation ul
        { /* margin: 15px 0 0 0; */
            padding: 0px 5px;
        }

            .booking-steps .reservation ul li
            {
                border-bottom: solid 1px #e0e0e0;
                line-height: 36px;
                display: flex;
            }

                .booking-steps .reservation ul li > span:first-child
                {
                    text-align: right;
                    display: inline-block;
                    font-weight: bold;
                    width: 100%;
                }

                    .booking-steps .reservation ul li span strong
                    {
                        margin: 0 5px 0 0;
                        float: left;
                        font-weight: 400;
                    }

        .booking-steps .reservation .total-price
        {
            text-align: center; /* background:#23344f; */
            display: block;
            margin: 14px 0 0 0;
            padding: 0 0 18px 0;
        }

            .booking-steps .reservation .total-price span.sub-title
            {
                display: inline-block; /* background: #0a1d3b; */
                padding: 3px 20px;
            }

            .booking-steps .reservation .total-price span.price
            {
                display: block;
                font-size: 24px;
                font-weight: 600;
                margin: 10px 0 0 0;
            }

        .booking-steps .reservation a
        {
            font-size: 16px;
            text-transform: uppercase;
            color: #fff;
            font-weight: bold;
            width: 100%;
            display: block;
            text-align: center;
            /* margin: 35px 0 0 0; */
            /* padding: 18px 0; */
        }

            .booking-steps .reservation a:hover
            {
                background: #fff;
                color: #222;
            }

    .booking-steps .your-room .detail
    {
        margin: 42px 0 0 0;
    }

        .booking-steps .your-room .detail img
        {
            width: 100%;
        }

        .booking-steps .your-room .detail .text
        {
            float: left;
            width: 76%;
            margin: 30px 0 0 0;
        }

            .booking-steps .your-room .detail .text p
            {
                margin: 8px 0 0 0;
            }

            .booking-steps .your-room .detail .text a
            {
                text-transform: uppercase;
                background: #0A1D3B;
                color: #fff;
                padding: 15px 38px;
                display: inline-block;
                font-weight: 600;
                margin: 26px 0 0 0;
            }

                .booking-steps .your-room .detail .text a:hover
                {
                    color: #fff;
                }

    .booking-steps .price-detail
    {
        text-align: center;
        width: 20%;
        float: right;
        margin: 30px 0 0 0;
    }

        .booking-steps .price-detail .stars i
        {
            color: #f4bc16;
            font-size: 26px;
            margin: 0 3px 0 0;
        }

        .booking-steps .price-detail .room-price
        {
            background: #f5f5f5;
            padding: 32px 0;
            margin: 15px 0 0 0;
        }

            .booking-steps .price-detail .room-price span.current
            {
                color: #0a1d3b;
                font-size: 40px;
                font-weight: 700;
                display: block;
            }

            .booking-steps .price-detail .room-price span.old
            {
                font-size: 35px;
                display: block;
                margin: -5px 0 0 0;
                text-decoration: line-through;
                font-weight: 300;
            }

            .booking-steps .price-detail .room-price span.per-night
            {
                margin: 12px 0 0 0;
                display: block;
            }


    .booking-steps .guest-detail
    {
    }

        .booking-steps .guest-detail .form
        {
            margin: 9px 0 0 0;
        }

            .booking-steps .guest-detail .form .field
            {
                margin: 0 0 17px 0;
            }

                .booking-steps .guest-detail .form .field label
                {
                    font-weight: normal;
                    /* font-size: 13px; */
                    /* font-family: 'Raleway', sans-serif; */
                    margin-bottom: 0px;
                }

                    .booking-steps .guest-detail .form .field label span
                    {
                        color: #f00;
                        font-size: 20px;
                        float: right;
                        margin: 4px 0 0 1px;
                    }

                .booking-steps .guest-detail .form .field input[type=text],
                .booking-steps .guest-detail .form .field input[type=email]
                {
                    width: 100%;
                    border: solid 1px #ccc;
                    height: 37px;
                    padding: 0 0 0 12px;
                    font-size: 14px;
                    color: #000;
                    margin: 1px 0 0 0;
                    border-radius: 3px;
                }

                .booking-steps .guest-detail .form .field textarea
                {
                    width: 100%;
                    border: solid 2px #ccc;
                    height: 170px;
                    padding: 10px 0 0 12px;
                    font-size: 18px;
                    color: #222;
                    margin: 7px 0 0 0;
                }

    .booking-steps .book-now
    {
        margin: 28px 0 0 0;
    }

        .booking-steps .book-now .payment-method
        {
            background: #222;
            color: #fff;
            padding: 48px 20px;
            text-align: center;
        }

            .booking-steps .book-now .payment-method span
            {
                font-size: 22px;
                text-transform: uppercase;
                font-weight: 700;
            }

            .booking-steps .book-now .payment-method p
            {
                font-size: 18px;
                margin: 8px 0 0 0;
                line-height: 23px;
            }

            .booking-steps .book-now .payment-method a
            {
                background: #fff;
                display: inline-block;
                margin: 30px 0 0 0;
                padding: 14px 0;
                text-transform: uppercase;
                font-weight: 600;
                color: #222;
                font-size: 16px;
                width: 100%;
            }

                .booking-steps .book-now .payment-method a:hover
                {
                    color: #fff;
                }

    .booking-steps .confirmation .contact
    {
        float: left;
        margin: 40px 65px 0 0;
    }

        .booking-steps .confirmation .contact i
        {
            font-size: 40px;
            float: left;
        }

        .booking-steps .confirmation .contact span
        {
            font-size: 20px;
            float: left;
            margin: 6px 0 0 15px;
        }




/*..... BLOG ......*/
.blog
{
    padding: 120px 0;
}

    .blog .blog-post
    {
        display: inline-block;
        margin: 0 0 120px 0;
    }

        .blog .blog-post .post-text
        {
            text-align: center;
            margin: 105px 0 0 0;
        }

            .blog .blog-post .post-text span
            {
                color: #888888;
                text-transform: uppercase;
                font-size: 18px;
            }

                .blog .blog-post .post-text span.dot
                {
                    margin: 0 4px;
                    font-size: 36px;
                }

            .blog .blog-post .post-text h3
            {
                font-weight: 700;
                color: #333;
                margin: 10px 0 0 0;
                display: block;
            }

                .blog .blog-post .post-text h3 a
                {
                    color: #333;
                    margin: 15px 0 0 0;
                }

                    .blog .blog-post .post-text h3 a:hover
                    {
                        color: #e9b947;
                    }

            .blog .blog-post .post-text p
            {
                margin: 5px 0 0 0;
            }

            .blog .blog-post .post-text a.read-more
            {
                text-transform: uppercase;
                font-weight: 500;
                font-family: 'Raleway', sans-serif;
                margin: 48px 0 0 0;
                padding: 0 0 4px 0;
                display: inline-block;
            }

                .blog .blog-post .post-text a.read-more:hover
                {
                    color: #000;
                    border-bottom: solid 2px #000;
                }

    .blog .more-posts .newest-post
    {
        float: left;
        font-size: 26px;
        color: #727272;
        font-weight: 300;
    }

        .blog .more-posts .newest-post i
        {
            font-size: 28px;
            float: left;
            margin: 3px 8px 0 0;
        }

    .blog .more-posts .older-post
    {
        float: right;
        font-size: 26px;
        color: #727272;
        font-weight: 300;
    }

        .blog .more-posts .older-post i
        {
            font-size: 28px;
            float: right;
            margin: 3px 0px 0 8px;
        }





/*..... BLOG ......*/
.news-posts
{
    padding: 120px 0;
}

    .news-posts .news-sec
    {
        margin: 0 0 120px 0;
    }

        .news-posts .news-sec.text-based
        {
            border: solid 1px #cecece;
            padding: 40px;
        }

            .news-posts .news-sec.text-based .detail
            {
                margin: 0 0 0 0;
            }

        .news-posts .news-sec .detail
        {
            margin: 35px 0 0 0;
        }

            .news-posts .news-sec .detail span
            {
                color: #727272;
                font-size: 22px;
                font-weight: 300;
            }

            .news-posts .news-sec .detail i
            {
                font-size: 26px;
            }

            .news-posts .news-sec .detail .post-writer
            {
                float: left;
                margin: 0 25px 0 0px;
            }

                .news-posts .news-sec .detail .post-writer img
                {
                    float: left;
                    width: 42px;
                    height: 42px;
                    border-radius: 100%;
                }

                .news-posts .news-sec .detail .post-writer span
                {
                    margin: 8px 0 0 12px;
                    float: left;
                }

            .news-posts .news-sec .detail .date
            {
                float: left;
                margin: 0 25px 0 0px;
            }

                .news-posts .news-sec .detail .date i
                {
                    margin: 10px 0 0 0;
                    float: left;
                }

                .news-posts .news-sec .detail .date span
                {
                    margin: 8px 0 0 10px;
                    float: left;
                }

            .news-posts .news-sec .detail .comment
            {
                display: inline-block;
                margin: 0 0 0 0px;
            }

                .news-posts .news-sec .detail .comment i
                {
                    margin: 5px 10px 0 0;
                    float: left;
                }

                .news-posts .news-sec .detail .comment a
                {
                    margin: 8px 0 0 10px;
                    float: left;
                    color: #727272;
                    font-size: 22px;
                }

            .news-posts .news-sec .detail h3
            {
                color: #222222;
                font-weight: 700;
                margin: 30px 0 0 0;
            }

            .news-posts .news-sec .detail h4
            {
                display: inline-block;
                margin: 30px 0 0 0;
                text-transform: inherit;
            }

            .news-posts .news-sec .detail p
            {
                margin: 5px 0 0 0;
            }

            .news-posts .news-sec .detail a.read-more
            {
                text-transform: uppercase;
                font-weight: 500;
                font-family: 'Raleway', sans-serif;
                margin: 45px 0 0 0;
                padding: 0 0 4px 0;
                display: inline-block;
            }

                .news-posts .news-sec .detail a.read-more:hover
                {
                    color: #000;
                    border-bottom: solid 2px #000;
                }

    .news-posts h6.bar-title
    {
        font-weight: 500;
        color: #fff;
        padding: 14px 24px;
        display: block;
    }

    .news-posts .recent-posts .post-sec
    {
        margin: 35px 0 0 0;
    }

        .news-posts .recent-posts .post-sec img
        {
            width: 82px;
            float: left;
            margin: 0 22px 0 0;
        }

        .news-posts .recent-posts .post-sec a.title
        {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            font-size: 20px;
            color: #222;
        }

        .news-posts .recent-posts .post-sec span.date
        {
            color: #ABABAB;
            display: block;
            margin: 5px 0 0 0;
            font-size: 15px;
        }

    .news-posts .categories
    {
        margin: 105px 0 0 0;
    }

        .news-posts .categories ul
        {
            margin: 22px 0 0 0;
        }

            .news-posts .categories ul li
            {
                float: left;
                width: 100%;
                line-height: 39px;
            }

                .news-posts .categories ul li a
                {
                    color: #555555;
                    font-size: 20px;
                }

                    .news-posts .categories ul li a i
                    {
                        font-size: 28px;
                        margin: 7px 4px 0 0;
                        float: left;
                    }

    .news-posts .tags
    {
        margin: 75px 0 0 0;
    }

        .news-posts .tags .all-tags
        {
            margin: 30px 0 0 0;
        }

            .news-posts .tags .all-tags a
            {
                color: #555555;
                border: solid 1px #c8c8c8;
                display: inline-block;
                padding: 10px 23px;
                margin: 0 0 6px 1px;
            }

                .news-posts .tags .all-tags a:hover
                {
                    color: #fff;
                    background: #0A1D3B;
                    border: solid 1px #0A1D3B;
                }

    .news-posts .search
    {
        margin: 75px 0 0 0;
        padding: 24px;
        display: inline-block;
        width: 100%;
    }

        .news-posts .search input[type=text]
        {
            width: 88%;
            padding: 14px 12px;
            color: #747474;
            font-style: italic;
            border: none;
            float: left;
        }

        .news-posts .search a
        {
            width: 12%;
            float: right;
            background-color: #fff;
            padding: 14px 10px;
            border: none;
            margin: 0 0px 0 0;
            color: #333;
            text-align: center;
        }

            .news-posts .search a:hover
            {
                background-color: #0A1D3B;
                color: #fff;
            }



    /*..... BLOG DETAIL PAGE ......*/
    .news-posts .news-detail
    {
        margin: 0 0 0 0;
    }

        .news-posts .news-detail .detail
        {
            margin: 35px 0 0 0;
        }

            .news-posts .news-detail .detail span.date
            {
                font-size: 20px;
                color: #828282;
            }

            .news-posts .news-detail .detail h3
            {
                color: #222222;
                font-weight: 600;
                text-transform: none;
                margin: 12px 0 0 0;
            }

            .news-posts .news-detail .detail p
            {
                margin: 15px 0 0 0;
            }

        .news-posts .news-detail .sub-detail
        {
            margin: 65px 0 30px 0;
            display: inline-block;
        }

            .news-posts .news-detail .sub-detail h6
            {
            }

            .news-posts .news-detail .sub-detail .sub-images
            {
                margin: 20px 0 0 0;
            }

                .news-posts .news-detail .sub-detail .sub-images img
                {
                    float: left;
                    width: 48%;
                    margin: 15px 0 0 0;
                }

                    .news-posts .news-detail .sub-detail .sub-images img.right
                    {
                        float: right;
                    }

    .news-posts .share-post
    {
        margin: 85px 0 0 0;
    }

        .news-posts .share-post h6
        {
            color: #222;
            font-family: 'Raleway', sans-serif;
            font-weight: 700;
        }

        .news-posts .share-post .social-icons
        {
            margin: 15px 0 0 0;
            display: inline-block;
        }

            .news-posts .share-post .social-icons img
            {
                width: auto;
            }

    .news-posts .author-post
    {
        background: #fff;
        border: solid 1px #c8c8c8;
        padding: 4px;
        display: inline-block;
        margin: 85px 0 0 0;
    }

        .news-posts .author-post .author-detail
        {
            background: #fff;
            border: solid 1px #c8c8c8;
            padding: 25px;
            display: inline-block;
        }

            .news-posts .author-post .author-detail img
            {
                float: left;
                width: 136px;
                border-radius: 100%;
                margin: 0 22px 0 0;
            }

            .news-posts .author-post .author-detail .text
            {
            }

                .news-posts .author-post .author-detail .text span.name
                {
                    font-weight: 800;
                    text-transform: uppercase;
                    font-size: 22px;
                }

                .news-posts .author-post .author-detail .text span.position
                {
                    margin: 6px 0 0 6px;
                }

                .news-posts .author-post .author-detail .text p
                {
                    display: block;
                    margin: 15px 0 0 0;
                }

    .news-posts .comments-sec
    {
        margin: 85px 0 0 0;
    }

        .news-posts .comments-sec h3
        {
            text-transform: capitalize;
            font-weight: 600;
        }

    .news-posts .comment-box
    {
        border: solid 1px #c8c8c8;
        padding: 15px;
        margin: 0 0 18px 0;
    }

        .news-posts .comment-box img
        {
            max-width: 160px;
            float: left; /* margin:  auto; */
        }

        .news-posts .comment-box .detail
        {
            width: 85%;
            float: right;
        }

            .news-posts .comment-box .detail a
            {
                background: #262526;
                color: #fff;
                padding: 5px 14px;
                position: absolute;
                right: 40px;
            }

            .news-posts .comment-box .detail span.name
            {
                font-size: 20px;
                color: #222;
                font-family: 'Raleway', sans-serif;
                font-weight: 600;
            }

            .news-posts .comment-box .detail span.date
            {
                font-size: 16px;
                color: #555555;
                display: block;
            }

            .news-posts .comment-box .detail p
            {
                margin: 10px 0 0 0;
            }

        .news-posts .comment-box .reply-comment
        {
            background: #F7F7F7;
            margin: 20px 0 0 0;
        }

    .news-posts .all-comments
    {
        margin: 35px 0 0 0;
    }

    .news-posts .leave-reply
    {
        margin: 85px 0 0px 0;
    }

        .news-posts .leave-reply h3
        {
            text-transform: capitalize;
            font-weight: 600;
        }

        .news-posts .leave-reply .form
        {
            margin: 35px 0 0 0;
        }

            .news-posts .leave-reply .form input[type=text]
            {
                width: 32%;
                padding: 0 12px;
                border: solid 1px #b1b1b1;
                height: 48px;
                margin: 0 12px 0 0;
                color: #222;
            }

                .news-posts .leave-reply .form input[type=text].last
                {
                    margin: 0px;
                }

        .news-posts .leave-reply textarea
        {
            width: 100%;
            height: 220px;
            padding: 12px 12px;
            margin: 16px 0 0 0;
        }

        .news-posts .leave-reply .form input[type=submit]
        {
            border: none;
            background-color: #262526;
            color: #fff;
            padding: 14px 35px;
            text-transform: uppercase;
            font-weight: 700;
            cursor: pointer;
            margin: 12px 0 0 0;
        }




/*..... CONTACT US ONE ......*/
.contact-page .get-in-touch
{
    padding: 120px 0;
}

    .contact-page .get-in-touch .get-touch-detail h3
    {
        font-weight: 700;
    }

    .contact-page .get-in-touch .get-touch-detail p
    {
        margin: 10px 0 0 0;
    }

    .contact-page .get-in-touch .social-icons
    {
        margin: 48px 0 0 0;
    }

        .contact-page .get-in-touch .social-icons ul
        {
            margin: 18px 0 0 0;
        }

            .contact-page .get-in-touch .social-icons ul li
            {
                display: inline-block;
                margin: 0 3px;
            }

                .contact-page .get-in-touch .social-icons ul li a
                {
                    color: #222;
                    border: solid 2px #444444;
                    border-radius: 100%;
                    width: 50px;
                    height: 50px;
                    padding: 11px 13px;
                    float: left;
                    font-size: 20px;
                }

                    .contact-page .get-in-touch .social-icons ul li a:hover
                    {
                        color: #808080;
                        border: solid 2px #808080;
                    }

    .contact-page .get-in-touch .get-touch-form
    {
    }

        .contact-page .get-in-touch .get-touch-form input[type=text]
        {
            float: left;
            width: 48%;
            border: solid 1px #bfbfbf;
            height: 52px;
            border-radius: 5px;
            padding: 0 10px;
            font-size: 18px;
            color: #464646;
        }

        .contact-page .get-in-touch .get-touch-form input#email_address
        {
            float: right;
        }

        .contact-page .get-in-touch .get-touch-form textarea
        {
            margin: 20px 0 0 0;
            width: 100%;
            border: solid 1px #bfbfbf;
            height: 234px;
            border-radius: 5px;
            font-size: 18px;
            color: #464646;
            padding: 10px;
        }

        .contact-page .get-in-touch .get-touch-form input[type=submit]
        {
            float: left;
            border: none;
            border-radius: 5px;
            padding: 18px 40px;
            font-size: 15px;
            color: #fff;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            text-transform: uppercase;
            margin: 15px 0 0 0;
        }

            .contact-page .get-in-touch .get-touch-form input[type=submit]:hover
            {
                background: #0a1d3b;
            }

#find-us
{
    height: 680px;
    width: 100%px;
}

#map
{
    margin: 0 0 -4px 0;
}

.gm-style-iw *
{
    display: block;
    width: 270px !important;
    overflow: hidden;
}

.gm-style-iw h4
{
    margin: 0;
    padding: 0;
    font-size: 26px;
    margin: 0 0 6px 0;
}

.gm-style-iw p
{
    margin: 0;
    padding: 0;
}

.gm-style-iw a
{
    color: #4272db;
}



/*..... CONTACT US TWO ......*/
.find-us
{
    padding: 120px 0;
}

    .find-us .get-touch h3
    {
        font-weight: 700;
    }

    .find-us .get-touch p
    {
        margin: 8px 0 0 0;
    }

    .find-us .get-in-touch span
    {
        font-size: 20px;
        display: block;
        line-height: 34px;
    }

    .find-us .get-in-touch .social-icons a
    {
        color: #222;
        border: solid 1px #222;
        padding: 7px 9px;
        border-radius: 100%;
        font-size: 16px;
        margin: 0 5px 0 0px;
    }

        .find-us .get-in-touch .social-icons a:hover
        {
            color: #fff;
        }

    .find-us .get-in-touch span a
    {
        color: #222;
    }

        .find-us .get-in-touch span a:hover
        {
            color: #02adc6;
        }

    .find-us .get-in-touch .social-icons
    {
        margin: 25px 0 0 0;
    }

        .find-us .get-in-touch .social-icons a.fb:hover
        {
            background: #5c85ce;
            border: solid 1px #5c85ce;
        }

        .find-us .get-in-touch .social-icons a.tw:hover
        {
            background: #02c0f2;
            border: solid 1px #02c0f2;
        }

        .find-us .get-in-touch .social-icons a.gp:hover
        {
            background: #eb6850;
            border: solid 1px #eb6850;
        }

        .find-us .get-in-touch .social-icons a.vimeo:hover
        {
            background: #68d4ee;
            border: solid 1px #68d4ee;
        }

.get-directions
{
    text-align: center;
    margin: 40px 0 0 0;
}

    .get-directions input[type="submit"]
    {
        background: url(../imgs/directions-btn.png) no-repeat;
        width: 72px;
        height: 59px;
        color: rgba(255, 255, 255, 0);
        padding: 0;
        margin: 0;
        border: 0;
        min-width: 0;
        position: relative;
        top: -2px;
    }

    .get-directions input[type="text"]
    {
        padding: 15px 2% 17px;
        width: 85%;
        max-width: 556px;
        font-size: 22px;
        color: #747474;
        font-weight: 400;
        font-family: 'Raleway', sans-serif;
        border: solid 1px #BEBEBE;
        border-radius: 10px;
        margin: 0 10px 0 0;
    }

.find-us .get-touch .map
{
    margin: 38px 0 0 0;
}

.find-us .get-touch .detail
{
    margin: 45px 0 0 0;
}

    .find-us .get-touch .detail span
    {
        font-size: 20px;
        display: block;
        line-height: 34px;
    }

        .find-us .get-touch .detail span b
        {
            margin: 0 5px 0 0;
        }












/*..... FORM ERROR and SUCCESS MESSAGES ......*/
p#reserv_error
{
    border: solid 3px #FFA3A3;
    background: #FBF0F0;
    padding: 12px 0;
    margin: -28px 0 15px 16px;
    width: 96%;
}

form#newsletter_form .error
{
    border: solid 2px #F77070 !important;
}

#contact_form .error
{
    border: solid 1px #FF8282 !important;
    background: #FFF1F1;
}

.booking-form .success
{
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    margin: 95px 0 0 0;
    color: #E9B947;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
}

.newsletter .success_msg
{
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    margin: 12px 0 0 0;
    color: #E9B947;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
}

.get-touch-form .success_msg
{
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    margin: 12px 0 0 0;
    color: #E9B947;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
}


/*** 

====================================================================
	Room Section
====================================================================

***/

.rooms-section
{
    position: relative;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 85px 0px 80px 0px;
}

    .rooms-section:before
    {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: block;
        background-color: #F8F8F8;
    }

    .rooms-section .four-item-carousel
    {
        position: static;
    }

.room-box
{
    position: relative;
    /* margin-bottom:50px; */
    box-shadow: 0px 2px 2px #ddd;
}

@media (min-width:1000px)
{
    .room-box .inner-box .image-box

{
    max-height: 250px;
    overflow: hidden;
}

}

@media (max-width:768px)
{
    .about-section .auto-container .row
    {
        padding: 0px 10px!important;
    }
}

.room-box .inner-box
{
    position: relative;
    background-color: #ffffff;
    cursor: pointer;
}

    .room-box .inner-box .image-box
    {
        position: relative;
    }

        .room-box .inner-box .image-box img
        {
            position: relative;
            width: 100%;
            display: block;
        }

    .room-box .inner-box .lower-content
    {
        position: relative;
        /* text-align:center; */
        padding: 25px;
        padding-top: 16px;
    }

        .room-box .inner-box .lower-content .text
        {
            color: #6b7a8c;
            font-size: 18px;
            font-weight: 400;
            margin: 5px 0px 20px;
            font-family: 'Hind', sans-serif;
        }

        .room-box .inner-box .lower-content .rating
        {
            position: relative;
            /* display:  none; */
        }

            .room-box .inner-box .lower-content .rating span
            {
                position: relative;
                color: #21baa354;
                font-size: 16px;
                margin-right: 6px;
            }

        .room-box .inner-box .lower-content h3
        {
            margin-bottom: 20px;
            line-height: 24px;
        }

            .room-box .inner-box .lower-content h3 a
            {
                position: relative;
                font-size: 16px;
                color: #403f3f;
                font-weight: 700;
                text-transform: uppercase;
                font-family: 'Montserrat', sans-serif;
                line-height: 0px!important;
            }

        .room-box .inner-box .lower-content .price
        {
            position: relative;
            color: #040404;
            font-weight: 700;
            text-align: left;
            margin-top: 12px;
            vertical-align: sub;
            position: relative;
            width: 100%;
            display: inline-block;
            width: 100%;
        }

            .room-box .inner-box .lower-content .price a
            {
                position: relative;
                color: white;
                font-size: 80%;
                font-weight: 400;
                /* float:right; */
                font-family: 'Montserrat', sans-serif;
                */ margin-top: 8px;
                /* border-bottom:1px solid #ff3d54; */
                text-transform: uppercase;
                background: #1b1b1b;
                padding: 4px 11px;
                /* position:  absolute; */
                border-radius: 3px;
                /* right: -1px; */
                display: inline-block;
                /* top: -11px; */
                /* width: 100%!important; */
                text-align: center;
            }

.rooms-section .owl-controls .owl-dots
{
}

.rooms-section .owl-controls .owl-nav
{
    margin: 0px;
    padding: 0px;
}

    .rooms-section .owl-controls .owl-nav [class*="owl-"]
    {
        position: absolute;
        display: inline-block;
        top: 50%;
        margin: 0px;
        margin-top: -25px;
        width: 38px;
        height: 50px;
        font-size: 18px;
        line-height: 40px;
        color: #ffffff;
        background-color: #4a535c;
        border: none;
        border-radius: 0px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .rooms-section .owl-controls .owl-nav [class*="owl-next"]
    {
        right: 0px;
    }

    .rooms-section .owl-controls .owl-nav [class*="owl-prev"]
    {
        left: 0px;
    }

    .rooms-section .owl-controls .owl-nav [class*="owl-"]:hover
    {
        background: #ff3d54;
    }

.room-box.style-two .lower-content
{
    padding: 20px 50px 25px;
}

    .room-box.style-two .lower-content .price
    {
        color: #ff3d54;
        line-height: 42px;
    }

        .room-box.style-two .lower-content .price .theme-btn
        {
            border-color: #e8eff3;
            color: #263e5b;
            border: 2px solid #e8eff3;
        }

.auto-container
{
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.large-container
{
    position: static;
    max-width: 1665px;
    padding: 0px 15px;
    margin: 0 auto;
}

.medium-container
{
    max-width: 850px;
}

.page-wrapper
{
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}


.about-section
{
    position: relative;
    padding: 46px 0px 40px 0px;
    background: #eee;
}
/*** 

====================================================================
	Section Title One
====================================================================

***/

.sec-title-one
{
    position: relative;
    text-align: center;
    margin-bottom: 65px;
}

    .sec-title-one h2
    {
        position: relative;
        font-size: 34px;
        color: #020202;
        line-height: 1em;
        z-index: 9;
        padding-left: 32px;
        text-transform: capitalize;
        font-family: 'Raleway', sans-serif;
    }

    .sec-title-one h3
    {
        position: absolute;
        color: #e0dbdb6e;
        font-size: 55px;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        width: 100%;
        height: auto;
        top: -40px;
    }

    .sec-title-one .text
    {
        color: #848484;
        /* font-size: 20px; */
        margin-top: 30px;
    }

.blover
{
    background: linear-gradient(138deg,hsla(49, 100%, 50%, 0.26),rgba(12, 12, 12, 0.75));
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: top;
    position: absolute;
    color: white;
    content: '';
}

    .blover h3
    {
        font-weight: bold;
        margin-top: 23%;
        font-size: 21px;
    }

.desti > div > div
{
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

a.btn.btn-primary.btn-round
{
    border-radius: 22px;
    background: transparent;
    color: #5f5d5d;
    border-color: transparent;
    font-weight: bold;
    font-size: 18px;
    padding: 4px 20px;
}

.desti .col-md-3
{
    padding: 5px;
}

ul.inlineul li
{
    display: inline-block;
    padding: 11px;
}

    ul.inlineul li a img
    {
        height: 58px;
        width: auto;
        border-radius: 4px;
    }

ul.inlineul
{
    text-align: center;
    margin: auto;
    display: inline-block;
    width: 100%;
}

    ul.inlineul li a
    {
        display: inline-block;
        width: auto;
        margin: 8px;
    }

::placeholder
{
    color: red;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
    color: red;
}

::-ms-input-placeholder
{ /* Microsoft Edge */
    color: red;
}

ul.ulfilter li
{
    display: inline-block;
    padding: 1px 12px;
    border: 1px solid #dddee2;
    border-radius: 30px;
    margin: 2px;
    font-weight: 500;
    cursor: pointer;
    font-size: 95%;
    line-height: 21px;
}

    ul.ulfilter li a
    {
        /* color: black!important; */
    }

.filcap
{
    padding: 4px 5px 6px;
    font-size: 95%;
    font-weight: 600;
    color: black;
}

.filtersection
{
    display: inline-block;
    width: 100%;
    /* border-bottom: 1px solid #374a94; */
    padding-bottom: 12px;
}

ul.ulfilter li.active
{
    background: #283e96;
    border: 1px solid #283e96;
    color: white;
}

.room-detail .field select
{
    padding: 10px 10px;
    float: left;
    width: 100%;
    border: 1px solid #dedcdc;
    border-radius: 4px;
}













.tp-parallax-container
{
    background: rgba(0, 0, 0, 0.45);
}

.spincl
{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-top: 2.5px solid red;
    border-right: solid 2.5px #007eff;
    border-bottom: solid 2.5px #f7ce04;
    border-left: solid 2.5px green;
    background-color: transparent;
    animation-name: spin;
    animation-duration: 600ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* transform: rotate(3deg); */
    /* transform: rotate(0.3rad);/ */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn);  */
}

@keyframes spin
{
    from
    {
        transform: rotate(0deg);
    }

    to
    {
        transform: rotate(360deg);
    }
}


.btn-theme
{
    background-color: #171717;
    border-color: #4d4d4d;
    color: #fefefe;
    border-radius: 30px!important;
}

.cardy
{
    display: inline-block;
    width: 100%;
    background: white;
    border-radius: 3px;
    box-shadow: 2px 2px 9px rgba(16, 23, 60, 0.13);
    margin-bottom: 10px;
}


img.cion
{
    /*width: 150px;*/
    height: auto;
    border-radius: 3px;
    float: left;
}

.hotelname
{
    /* margin-left: 40px; */
    display: inline-block;
    /*display: list-item;*/
    list-style: none;
}

.distancecl
{
    text-align: center;
    padding-top: 4px;
}

    .distancecl img
    {
        height: 20px!important;
        width: auto;
        margin: auto;
    }


.bookcl
{
    padding: 7px 0px;
}

.pad-10
{
    padding: 10px!important;
}

.viewdet
{
    padding: 3px;
    text-align: right;
    background: #fdfdfd;
    border-top: 1px solid #eee;
    color: black;
    font-size: 13px;
    padding: 3px 14px!important;
}




ul.row.amenities
{
    background: white;
}

ul.topfil li
{
    float: left;
    text-align: center;
    background: white;
    border-right: 1px solid #f7f5f5;
    padding: 15px 18px;
    font-size: 10px;
    cursor: pointer;
}

    ul.topfil li h5
    {
        font-size: 13px;
        margin: 0px;
        line-height: inherit;
    }

ul.sortclass li
{
    display: inline-block;
    padding: 6px 11px;
    /* border-right: 1px solid #eee; */
    /* color:  black; */
    cursor: pointer;
    font-size: 83%;
}

ul.sortclass
{
    border-radius: 34px;
    overflow: hidden;
    margin-right: 0px;
    display: inline-flex;
    border: 1px solid #ced0d6;
}

    ul.sortclass li.active
    {
        background: #020104;
        color: white;
    }

.absolute
{
    width: 100%;
    /* position: absolute; */
    bottom: 0px;
    z-index: 9;
}

    .absolute h3
    {
        color: white;
        font-family: sans-serif;
        font-size: 19px;
        padding: 0px 10px;
    }

.text-detail .col-md-12
{
    padding: 0px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.text-detail p
{
    overflow: hidden;
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    line-height: inherit;
}

.text-detail h5
{
    line-height: inherit;
    font-size: 17px;
    padding: 1px 0px 0px;
    font-weight: 600;
    color: black;
}

.distancecl h5
{
    font-family: sans-serif;
    line-height: 17px;
    white-space: nowrap;
    color: #aba8a8;
    font-size: 90%;
}

h1, h2, h3, h4, h5, h6
{
    line-height: 50px;
}

.bookcl
{
    padding: 7px 0px !important;
}

.hotel-rooms .room-sec
{
    /* border:solid 1px #ccc; */
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    background: white;
    box-shadow: 2px 2px 9px rgba(16, 23, 60, 0.13);
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    /* padding: 10px; */
}

    .hotel-rooms .room-sec p
    {
        margin: 0px 0 0 0;
    }

    .hotel-rooms .room-sec .text-detail
    {
        display: inline-block;
        padding: 9px 18px;
        width: 100%;
    }

        .hotel-rooms .room-sec .text-detail ul
        {
            margin: 21px 0 0 0;
        }

            .hotel-rooms .room-sec .text-detail ul li
            {
            }

                .hotel-rooms .room-sec .text-detail ul li i
                {
                    float: left;
                    margin: 5px 10px 0 0;
                    color: #656565;
                }

                .hotel-rooms .room-sec .text-detail ul li span
                {
                    font-size: 15px;
                    float: left;
                }

    .hotel-rooms .room-sec .price-detail
    {
        text-align: center;
        width: 165px; /* float:left; */
        margin: 8px 0 0 0;
        display: inline-block;
    }

.btn-group button.btn.btn-theme i
{
    vertical-align: initial;
}

.switch
{
    background: rgba(66, 66, 64, 0.05);
    border: 1px solid #56bec5;
    /* color: black; */
}

.lable h5
{
    color: white;
    font-size: 13px;
    font-weight: 400;
    line-height: inherit;
}

.lable
{
    padding-top: 20px;
}

.searchd p
{
    color: #0e0e0e!important;
}

p.modify_captions
{
    font-size: 81%;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.modify_txt
{
    FONT-WEIGHT: 500;
    /* BACKGROUND: #f5f5f5; */
    PADDING: 1PX 7PX;
    BORDER-RADIUS: 3PX;
    border: 1px solid #cad5ff;
    color: black!important;
    /* font-size: 96%; */
    font-size: 13px;
}

a.pull-right.modify_search_toggle
{
    border: 2px solid #263d96;
    PADDING: 9PX 17PX;
    BORDER-RADIUS: 2PX;
    MARGIN-TOP: 14PX;
    COLOR: #000000!IMPORTANT;
    border-radius: 30px;
    cursor: pointer;
    font-size: 90%;
    float: inherit!important;
    font-weight: 500;
}

.searchmod
{
    background: WHITE;
    height: 500px;
    margin-top: -17px;
    position: absolute;
    right: 15px;
    left: 15px;
    box-shadow: 0px 2px 31px #565454;
    z-index: 9999;
}

.social-icons .select-item i
{
    font-size: 21px;
    vertical-align: sub;
}

.room-detail .booking-form .form .field label
{
    font-weight: 600;
    margin-bottom: 0px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 85%;
}

.label-danger.offer
{
    /* position: absolute; */
    right: 7px;
    top: 9px;
    padding: 4px 10px;
    color: #0a0a0a;
    background: #fed200;
    border-radius: 3px;
    font-weight: 600;
}

.pricebox
{
    display: inline-block;
    width: 100%;
    text-align: left;
    box-shadow: 0px 0px 4px #e4e3e3;
    background: white;
    padding: 10px 10px;
    border-radius: 4px;
    position: relative;
}


.priceboxinner
{
    position: relative;
    background: #f9f9f9;
    padding: 15px 10px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.details ul.amenities li
{
    width: 49%;
    display: inline-block;
    margin-bottom: 0px;
    padding: 2px;
    /* font-size: 96%; */
}

    .details ul.amenities li img
    {
        height: 22px!important;
        vertical-align: text-top;
        margin-right: 11px;
    }

.head1
{
    /* border-bottom: 1px solid #f5f5f5; */
    display: inline-block;
    margin-bottom: 11px;
    line-height: 34px;
    color: #040404;
}

.rules li
{
    margin-bottom: 10px;
    position: relative;
}

    .rules li:before
    {
        content: '';
        position: absolute;
        left: -18px;
        font-size: 20px;
        width: 5px;
        height: 6px;
        background: #fbbb25;
        border-radius: 10px;
        top: 9px;
    }

.rules
{
    margin-left: 22px;
}

.pricedet td
{
    padding: 8px 0px;
}

.pricedet tr
{
    border-bottom: 1px solid #eee;
}

.finalbtn
{
    padding: 9px 7px;
    background: #4f5dec;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    border-radius: 30px;
    font-weight: 600;
    color: white;
    text-align: center;
    border: 1px solid #ffd200;
}

    .finalbtn.bordered
    {
        
        border: 1px solid #222;
    }

a.finalbtn
{
    width: 49%;
    display: inline-block;
}

.loginform .field input
{
    border: 1px solid #deddda;
    display: inline-block;
    width: 100%;
    padding: 12px 10px;
    border-radius: 4px;
    /* margin-bottom: 20px; */
    color: black;
    margin-top: 11px;
}

.loginform .field label
{
    background: white;
    z-index: 9;
    position: absolute;
    left: 6px;
    padding: 3px 4px;
    /* font-size: 12px; */
    /* font-weight: 100; */
    line-height: 16px;
    color: #7f7f7f;
}


.loginform .field
{
    position: relative;
    margin-bottom: 20px;
}

.login div#wrap:before
{
    content: '';
    position: absolute;
    width: 50%;
    left: 0px;
    height: 100%;
    /* background: #f9cf0a; */
}

.badge.editcircle
{
    padding: 10px 11px;
    border-radius: 50%;
    color: white;
    background: #4f5dec;
    font-weight: bold;
    font-size: 21px;
    position: absolute;
    right: 23px;
    top: 46px;
}

table.myprofile td input, table.myprofile td textarea
{
    padding: 10px;
    border: none;
    background: rgba(238, 238, 238, 0.47843137254901963);
    border-radius: 4px;
    border: none;
    font-weight: bold;
    width: 100%;
}

table.myprofile td textarea
{
    resize: none;
}

.name
{
    margin-bottom: 10px;
}

.bookingdiv
{
    /* background: #ffffff; */
    /* box-shadow: 0px 0px 4px rgba(86, 86, 86, 0.29); */
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    padding: 11px 10px 11px;
    border-top: 1px solid #eee;
}

    .bookingdiv.sticky
    {
        position: fixed;
        z-index: 999;
        top: 0px;
    }

ul.row.amenities img
{
    height: 182px;
    width: auto;
    margin: auto;
    /* background: #e8edea; */
}

ul.row.amenities h3
{
    font-size: 16px;
    padding-top: 0px;
    font-weight: 500;
    background: rgba(20, 80, 86, 0);
    color: black;
}

ul.amenities li
{
    padding: 15px;
}

.owl-dots
{
    display: none!important;
}



.col-md-12.viewdet
{
    display: none;
}

.gridview .text-detail p
{
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 80%;
}

.listview
{
    display: none;
}

.cardy .pad-10
{
    cursor: pointer;
}

.roomdetbox
{
    background: white;
    padding: 0px!important;
    /* box-shadow: 0px -3px 5px #ddd; */
    padding-bottom: 36px;
}

.roomdesc
{
    padding: 0px 35px;
}

.guestdet
{
    padding: 20px 20px 63px;
    border-right: 15px solid #f1f1f1;
}

.loginbox
{
    box-shadow: 0px 2px 16px rgba(2, 2, 2, 0.10980392156862745);
    border-radius: 8px;
    overflow: hidden;
}



@media(max-width:600px)
{
    .room-detail .stickyy .booking-form;

{
    margin: 18px 0 0 0!important;
}

.col-md-3.stickyy
{
    position: inherit!important;
}

#booking-accordion
{
    width: 85%;
}

ul.row.amenities
{
    padding: 0px 23px;
}

    ul.row.amenities h3
    {
        line-height: 20px;
    }

a.pull-right.modify_search_toggle
{
    BACKGROUND: #56bec5;
    PADDING: 6PX 15PX;
    MARGIN-TOP: 17PX;
    COLOR: #ffffff!IMPORTANT;
    border-radius: 30px;
}

p.modify_txt
{
    PADDING: 2PX 7PX;
}

.container.searchd
{
    padding: 0px;
}

.bookingdiv
{
    margin-bottom: 0px;
}

.viewstyle
{
    padding: 6px 13px;
    margin-left: -20px;
    margin-top: 2px;
}

.listview .text-detail p
{
    white-space: nowrap;
    text-overflow: ellipsis;
}

.listview .text-detail .col-md-8
{
    padding: 0px;
}

.distancecl
{
    text-align: left;
}

    .distancecl img
    {
        /* display: none; */
        width: auto!important;
    }

.col-md-1.bookcl
{
    position: absolute;
    right: 9px;
    bottom: 3px;
    padding: 0px!important;
    height: auto!important;
}

.listview h6
{
    line-height: 30px;
    font-size: 17px;
}

.listview .text-detail .col-md-12
{
    padding-bottom: 0px!important;
}

.listview img.cion
{
    width: 109px;
    height: auto;
    border-radius: 3px;
    float: left;
    margin-right: 12px;
}

.listview > .col-md-12
{
    padding: 5px;
}

.roomdetbox
{
    padding-bottom: 0px;
}

.room-descrip.col-md-7
{
    padding: 0px;
}

.room-detail .room-descrip
{
    margin: 25px 0 0 0;
    float: left;
    width: 100%;
    font-size: 13px;
    padding: 0px;
    background: white;
}

.details ul.amenities li
{
    width: auto;
}

.room-detail.details .availability
{
    padding: 3px;
    /* position: fixed; */
    /* bottom: 0px; */
    width: 100%!important;
    color: white;
    z-index: 99;
}

.guestdet
{
    padding: 20px 20px 20px;
}

.acclist li a
{
    padding: 10px 5px!important;
}

.comment-box td
{
    display: table;
}

table.myprofile tr td:first-child
{
    white-space: nowrap!important;
}

table.myprofile tr td
{
    white-space: normal!important;
}

.loginbox
{
    margin: 15px;
}

}

.gridview .owl-carousel .owl-wrapper-outer
{
    max-height: 255px;
}

.leftball
{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #020104;
    left: -12px;
    position: absolute;
}

.rightball
{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #020104;
    right: -12px;
    position: absolute;
}

.line
{
    border-bottom: 2px dashed #dedbcc;
    margin-top: 13px;
    position: absolute;
    right: 0px;
    left: 0px;
    width: 100%;
}

ul.mobilelist li
{
    color: white;
    font-size: 23px;
    line-height: 41px;
    padding: 18px;
    width: 77%;
}

.roomselect
{
    position: absolute;
    width: 400px;
    background: white;
    top: 50px;
    right: 52px;
    border-radius: 2px;
    box-shadow: 0px 2px 3px #eee;
    padding: 10px 10px;
    line-height: 28px;
    z-index: 2;
}

    .roomselect:before
    {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #fff;
        top: -10px;
        left: 90%;
    }

    .roomselect table > tbody > tr > td
    {
        border: none;
        padding: 2px;
        color: black;
    }

        .roomselect table > tbody > tr > td > span
        {
            vertical-align: middle;
            color: black;
        }

        .roomselect table > tbody > tr > td > select
        {
            border: 1px solid #e6dddd;
            padding: 3px;
            width: 90%;
            color: black;
        }

        .roomselect table > tbody > tr > td > button, .btn-done
        {
            color: white;
            font-size: 13px;
            font-weight: 400;
            margin-top: 8px;
            background: #56bec5;
            padding: 4px 11px;
            border-radius: 3px;
            display: inline-block;
            float: right;
            border: none;
            margin-right: 13px;
        }


.soldout
{
    float: left;
    width: 100%;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    background: #4f5dec;
    color: #ffffff;
    border-radius: 5px;
    margin-top: 30px;
}

.soldout_opac
{
    opacity: 0.3;
    pointer-events: none;
}

.no-border-tbl tr td
{
    border: none !important;
}

.guest-select td select, .guest-select td
{
    padding: 3px !important;
}

.middle
{
    vertical-align: middle !important;
}

mandatory
{
    font-size: 12px;
    color: red;
}

strike
{
    font-size: 80%;
}

.stickyy.hasScrolled
{
    position: fixed;
    top: 0px;
    right: 0;
    transform: translateZ(0);
}

.stickyy.hasScrolled2
{
    position: fixed;
    top: 0px;
    right: 0;
    transform: translateZ(0);
}

.form.loginform
{
    padding-top: 20px;
}

table.psgrdet td
{
    padding: 3px 17px;
    /* FONT-SIZE: 13PX; */
    /*background: rgba(249, 249, 249, 0.47843137254901963);*/
    border: 1px solid #eee;
}

.news-posts .comment-box
{
    /* BOX-SHADOW: 0PX 0PX 8PX #DDD; */
    padding: 9px 2px 7px 0px;
    margin: 0 0 0px 0;
    BACKGROUND: WHITE;
    border: none;
    border-top: 1px dashed #cecece;
}


.cls_input_btn
{
    width: auto;
    padding: 7px 21px;
    border-radius: 32px;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    background: #0a0a0a;
    border: none;
    outline: none;
    margin: 5px 0px;
}

#tableprint tr td
{
    padding: 5px;
}

.printbtn
{
    background: #4d4d4d;
    padding: 5px;
    color: white;
    float: right;
    border-radius: 3px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    margin: 3px;
}

.cancelbtn
{
    display: none;
    border: 1px solid red;
    padding: 5px;
    color: white;
    float: right;
    border-radius: 3px;
    cursor: pointer;
    height: 35px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: red;
    margin: 3px;
}

.acclist li
{
    display: inline-block;
    /* margin: 10px; */
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 7px 0px;
}

    .acclist li a
    {
        padding: 10px;
        display: inherit;
        cursor: pointer;
        color: black;
        border-bottom: 3px solid transparent;
        width: 100%;
        text-align: left;
    }

    .acclist li:hover a, .acclist li.active a
    {
        border-right: 3px solid #4d4d4d;
    }

.undercl
{
}

    .undercl li
    {
        display: inline-block;
        padding: 10px;
        border-bottom: 2px solid transparent;
        cursor: pointer;
    }

        .undercl li a
        {
        }

        .undercl li.active
        {
            border-bottom: 2px solid black;
        }

table.myprofile tr td
{
    padding: 12px;
    /* border-bottom: 1px solid#f8f8f8; */
    white-space: nowrap;
}

.news-posts .comment-box img
{
    display: block;
    float: inherit;
    text-align: center;
    padding: 0px 6px;
}

a.viewdet
{
    padding-top: 11px;
    position: relative;
    display: inline-block;
    color: #a5a0a0;
    cursor: pointer;
    text-decoration: underline;
}

.whitecard
{
    display: inline-block;
    width: 100%;
    background: white;
    padding: 17px 15px 20px;
    border-radius: 3px;
    box-shadow: 0px 3px 5px #ddd;
    margin-bottom: 30px;
}


.firstpage .header-two .social-icons li a
{
    color: white;
}

.loggedin .logger:before
{
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background: #4f5dec;
    left: 7px;
    border-radius: 30px;
    top: 0px;
}

.text-detail.cardyy
{
    display: inline-block;
    width: 100%;
    border-top: 1px solid #eee;
}

.img-hold
{
    max-height: 103px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
    position: relative;
    /*margin-right: 10px;*/
}
ul.radiopul {
    display: inline-block;
    /* width: 100%; */
    white-space: nowrap;
}

ul.radiopul li {
    display: inline-block;
    width: 31%!important;
    margin: 3px 1px!important;
}

ul.radiopul li div {
    border: 1px solid rgba(38, 61, 150, 0.3607843137254902);
    padding: 7px;
    border-radius: 3px;
}

ul.radiopul li div p {
    font-weight: 500;
    color: black;
    font-family: sans-serif;
    font-size: 13px!important;
}

ul.radiopul li div small {
    font-size: 9px;
}

ul.radiopul li.active div {
    border: 1px solid #263D95;
    box-shadow: 0px 0px 0px 1px #263d96;
}

ul.radiopul li.active div p {
    font-weight: bold;
}ul.bookingstep {
    display: flex;
    box-shadow: 0px 0 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

ul.bookingstep li {
    display: table-row-group;
    width: -webkit-fill-available;
    background: #fff;
    color: #080808;
    border-radius: 1px;
    position: relative;
    overflow: visible;
}

ul.bookingstep span {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: #fff;
    text-align: center;
    color: #425ba7;
    border: 2px solid #425ba7;
    font-size: 18px;
    border-radius: 30px;
    vertical-align: middle;
    padding-top: 9px;
    margin-right: 10px;
    /* position: absolute; */
    left: 1px;
    text-indent: 0px;
    top: 8px;
    font-weight: 600;
    margin-bottom: 10px;
}

ul.bookingstep li.active a {
    background: white;
    color: #0c0c0c;
}

ul.bookingstep .active span {
    background: #425ba7;
    color: white;
    font-weight: bold;
}ul.bookingstep li a {
    display: inline-block;
    padding: 20px;
    font-weight: 600;
    color: black;
    text-indent: 33px;
    width: 100%;
    text-align: center;
    overflow: visible;
}
 header.header-two.sticky .wtf-menu li a {
    color: white;
}

.erro {
    position: absolute;
    font-size: 10px;
    bottom: -12px;
    text-transform: capitalize;
    }.acclist li:last-child {
    border-bottom: 0px;
}

.editbt {
    position: relative;
    display:inline-block;
 
    background: #4f5dec;
    padding: 6px 10px;
    color: white!important;
    border-radius: 27px;
    cursor: pointer;
}
.form-group {
    position: relative;
}
.bluelab {
    font-size:13px;    color: #4f5dec;margin-right:10px
}
.loginform .editbt {
margin-top: 0px;
    display: inline-block;
    padding: 6px 10px;
    color: #4f5dec!important;
    border-radius: 27px;
    cursor: pointer;
    border: 1px solid #4f5dec;
    position: relative;
    left: 0px;
    background: transparent;
    right: 0px;
    top: 0px;
    margin-bottom: 18px;
}
.col-md-12.fullw {
width:100%!important;}





.radiobcl input[type='radio'] {
  display: none;
  /*removes original button*/
}

.radiobcl label:before {
  /*styles outer circle*/
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid #bbb4b4;
  background-color: transparent;
}
.radiobcl {
    margin-bottom: 20px;
    text-align: right;
}

.radiobcl label {
  position: relative;
  margin-right: 17px;
  font-weight: 400;
}

.radiobcl label input[type='radio']:checked+span {
  /*styles inside circle*/
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 4px;
  display: block;
  background-color: blue;
}

.registerdiv table td {
    vertical-align: top;
}
.plays .x_book_logo_btn ul {
    margin-top: 5px;
    display: flex;
}

.plays .x_book_logo_heading_wrapper:after {
    display: none;
} .plays .x_book_logo_btn.float_left ul li img {
    border-radius: 10px;
}@media (min-width: 768px){
.modal-med {
    width: 400px!important;
}}

 @media (max-width: 768px){
.modal-med {
    width: 100%!important;
}}