@charset "utf-8";
/* CSS Document */
/*
Hotel Booking | Responsive Landing Template
 Author Name : Jitu chauhan;
 */
/*
+ Typography
+ Buttons
+ Forms
+ General CSS
+ Hero Section
+ Page Section CSS:
	- Hero Section
	- Navigation
	- Rooms
	- Feature
	- About us
	- Testimonial
	- Call to action
	- Contact Us
+ Blog:
	- Blog
	- Blog-Details
*/

/******* Typography *******/

body {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #7d7b76;
    -webkit-font-smoothing: antialiased;
}

    body.body-el {
        font-family: 'Noto Serif', serif;
    }

h1, h2, h3, h4, h5, h6 {
    color: #383631;
    margin: 0 0 20px 0;
    font-weight: 300;
    font-family: 'PT Serif', serif;
}

.body-el h1, .body-el h2, .body-el h3, .body-el h4, .body-el h5, .body-el h6 {
    font-family: 'Noto Serif', serif;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

p {
    margin: 0 0 20px 0;
}

a {
    color: #383631;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    a:hover, a:focus {
        color: #b9830f;
        text-decoration: none;
    }

ul, ol {
    margin: 0 0 28px 0;
}

.lead {
    font-family: 'PT Sans', sans-serif;
    font-style: italic;
    color: #74726e;
    font-size: 21px;
    line-height: 34px;
}

.body-el .lead {
    font-family: 'Noto Serif', serif;
}

/******* Buttons *******/

.btn {
    text-transform: uppercase;
    font-family: 'PT Serif', serif;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 0px;
    letter-spacing: 2px;
    border: none;
}

.body-el .btn {
    font-family: 'Noto Serif', serif;
}

.btn-default {
    background-color: transparent;
    color: #bca065;
    border: 2px solid #bca065;
}

    .btn-default:hover,.btn-default:focus {
        background-color: #bca065;
        color: #fff;
        border: 2px solid #bca065;
    }

.btn-primary {
    background-color: #bca065;
    color: #fff;
}

    .btn-primary:hover,.btn-primary:focus {
        background-color: #a38545;
        color: #fff;
    }

.btn-secondary {
    background-color: #e2ddd5;
    color: #8f7f5e;
}

    .btn-secondary:hover,.btn-secondary:focus {
        background-color: #b9830f;
        color: #fff;
    }

.btn-sm {
    padding: 6px 10px;
    font-size: 12px;
}

.btn-lg {
    padding: 13px 50px;
    font-size: 16px;
}

.btn-link {
    color: #b9830f;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 20px;
    display: inline-block;
}

    .btn-link:focus, .btn-link:hover {
        color: #b9830f;
    }

/******* Form *******/

.form-control {
    background: #f3f1e9;
    border: none;
    /*height: 45px;*/
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
}

select.form-control {
    color: #60635d;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-image: url(../images/down-arrow.png);
    padding-right: 15px;
    do;
}

textarea .form-control {
}

label {
}

.control-label {
}

/******* General CSS *******/

.main-container {
    padding-top: 60px;
    padding-bottom: 100px;
}

.listnone {
    list-style: none;
    padding-left: 0;
}

.well-block {
    background-color: #f9f8f4;
    padding: 30px;
}

.well-block-default {
}

/******* space *******/

.mbtm0 {
    margin-bottom: 0px;
}

.mbtm1 {
    margin-bottom: 10px;
}

.mbtm2 {
    margin-bottom: 20px;
}

.mbtm3 {
    margin-bottom: 30px;
}

.no-padding {
    padding: 0px;
}

.padding-right {
    padding-right: 0px;
}

.padding-left {
    padding-left: 0px;
}

/******* section *******/

.section-space {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-color {
    background-color: #f9f8f4;
}

.section-title {
    text-align: center;
    margin-bottom: 60px;
}


/******* List Style - Font Awasome *******/

.angle-right li {
    position: relative;
    display: flex;
}

    .angle-right li:before {
        margin-right: 10px;
        font-family: FontAwesome;
        color: #7d7b76;
        top: 0;
        left: -5px;
        content: "\f105";
    }

.check-circle li {
    position: relative;
    list-style: none;
    padding-left: 10px;
}

    .check-circle li:before {
        font-size: 16px;
        margin-right: 10px;
        font-family: FontAwesome;
        top: 0;
        left: -5px;
        color: #4f4c45;
        content: "\f058";
    }

.angle-right {
}

/******* navigation *******/

.is-sticky .navigation .navbar-default {
    background-color: #2d2c29;
}

.navigation {
    z-index: 9;
}

    .navigation .navbar-brand {
        float: left;
        height: 50px;
        padding: 5px 0px 0px 15px;
        font-size: 18px;
        line-height: 20px;
    }

    .navigation .navbar-nav {
        margin-top: 10px;
    }

    .navigation .navbar-default {
        background-color: transparent;
        border-color: transparent;
        border-radius: 0px;
    }

    .navigation .navbar {
        margin-bottom: 0px;
        min-height: 80px;
        padding-top: 12px;
    }

    .navigation .navbar-default .navbar-nav > li > a {
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        padding: 10px 20px 10px 20px;
        line-height: .8;
        font-family: 'PT Sans', sans-serif;
    }

.body-el .navigation .navbar-default .navbar-nav > li > a {
    font-family: 'Noto Serif', serif;
}

.navigation .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #bca065;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #bca065;
    background-color: transparent;
}

.navigation .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #fff;
}

.dropdown-menu {
    background-color: #fff;
    border: none;
    padding: 10px 10px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.175);
    box-shadow: 0 2px 2px rgba(0,0,0,.175);
}

    .dropdown-menu > li > a {
        display: block;
        padding: 8px 20px;
        clear: both;
        font-weight: 600;
        line-height: 1.42857143;
        color: #7d7b76;
        white-space: nowrap;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
/***** Mobile Toggle Menu *****/

.navigation .navbar-default .navbar-toggle {
    border-color: #bca065;
    background-color: #bca065;
}

    .navigation .navbar-default .navbar-toggle .icon-bar {
        background-color: #2d2c29;
    }

.navigation .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navigation .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #bca065;
    border-color: #bca065;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}

/******* Hero section *******/

.hero-slide {
    position:relative;
    text-align: center;
    color: white;
}

.hero-section {
    padding-top: 240px;
    padding-bottom: 240px;
}

.hero-title {
    font-size: 54px;
    color: #cb9900;
    text-shadow:2px 2px 2px #5b2619;
    font-weight: 400;
    letter-spacing: -1px;
}

.hero-desc {
    color: #74c2f2;
}

.hero-btn {
    background-color: #783221;
        border: 3px solid #783221;
    color: #cb9900;
    border-radius: 0px;
    margin-top: 40px;


    
}

    .hero-btn:hover {
        background-color: #5b2619;
        border: 3px solid #5b2619;
        color: #cb9900;
    }
/******* page header *******/

.page-header {
    background: url(../images/page-header.jpg) no-repeat;
    padding-bottom: 100px;
    padding-top: 140px;
    margin: 0px;
    position: relative;
}

.page-title {
    color: #fff;
    text-align: center;
}

/******* Booking Form *******/
.bookingform {
}

    .bookingform .form-control {
        background-color: #fff;
    }

.bookomgform .input-group .form-control:first-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.datepick-popup {
    z-index: 9999 !important;
}

.bookingform .btn-primary {
    padding-top: 20px;
    padding-bottom: 20px;
}

.contact-info {
    margin-top: 60px;
}

.close {
    z-index: 9999;
    position: relative;
    color: #000;
    opacity: 1;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0px;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 420px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
    background-color: rgba(248,246,239, .8);
    padding: 30px;
}

.modal-header {
}

/********* Rooms ***********/

.rooms-tabs {
}

    .rooms-tabs h2 {
        margin-bottom: 40px;
    }

    .rooms-tabs .nav-tabs {
    }

    .rooms-tabs ul.nav li {
    }

        .rooms-tabs ul.nav li a {
            border-bottom: 3px solid #edeae5;
            font-family: 'PT Serif', serif;
            font-size: 14px;
            text-transform: uppercase;
            color: #74726e;
            letter-spacing: 3px;
        }

.body-el .rooms-tabs ul.nav li a {
    font-family: 'Noto Serif', serif;
}


.rooms-tabs ul.nav li.active a {
    border-bottom: 3px solid #bca065;
    color: #bca065;
    background-color: transparent;
}

.rooms-block {
    margin-top: 60px;
}

.rooms-title-block {
    margin-bottom: 20px;
}

.rooms-slider {
    margin-bottom: 40px;
}

#rooms .owl-theme .owl-controls .owl-page span {
    background: #fff;
    margin-top: -60px;
}

.rooms-info {
}

.rooms-price {
}

    .rooms-price h1 {
        margin-bottom: 0px;
    }

    .rooms-price .btn {
        margin-top: 20px;
    }

.price {
    color: #bca065;
    font-style: 38px;
    font-weight: 600;
}

.price-info {
}

.rooms-facility {
}

    .rooms-facility ul {
    }

        .rooms-facility ul li {
            margin-bottom: 20px;
            border-bottom: 1px solid #f2ece0;
            padding-bottom: 10px;
        }

.rooms-desc {
}


/********* Feature Block *******/


.feature-block-section {
    text-align: center;
}

.feature-block {
    margin-bottom: 40px;
    text-align: center;
}

    .feature-block .feature-icon {
        margin-bottom: 30px;
    }

/********** About us *********/
.aboutus-block {
}

    .aboutus-block h1 {
        margin-bottom: 60px;
        line-height: 42px;
    }

    .aboutus-block .btn {
        margin-top: 30px;
    }

.aboutus-pic {
}

    .aboutus-pic img {
        margin-bottom: 30px;
    }
/******* Gallery Section *******/

.gallery-block {
}

    .gallery-block .owl-nav {
        text-align: center;
        width: 98px;
        margin: 0px auto;
        bottom: 48px;
        position: relative;
    }

        .gallery-block .owl-nav i {
            font-size: 24px;
            color: #b9830f;
        }

    .gallery-block .owl-prev {
        float: left;
        background: #e5dfd3;
        padding: 10px 20px;
    }

    .gallery-block .owl-next {
        float: right;
        background: #e5dfd3;
        padding: 10px 20px;
    }

.gallery-caption {
    position: absolute;
    bottom: 60px;
    left: 7%;
    color: #fff;
    font-style: italic;
}

    .gallery-caption h1 {
        color: #fff;
    }

/******* Packages *******/

.pricing-box {
}

.price-title {
}

.price-box {
    background-color: #fff;
    padding: 10px 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    height: 90px;
    border-radius: 4px;
    color: #21201d;
    font-size: 16px;
    font-family: 'PT Serif', serif;
}


.adult-person {
    font-style: italic;
    padding-top: 20px;
    display: inline-block;
    font-size: 18px;
}

.download-broucher {
    color: #4f4c45;
    font-style: italic;
    padding-top: 10px;
}

.pricing-box .list {
    line-height: 40px;
}

/******* Offer *******/

.offer-block {
    border: 1px dotted #818180;
    background-color: #fff;
    padding: 60px 30px;
}

.offer-block-left {
    padding-left: 40px;
}

.offer-block-right {
    padding-left: 60px;
}

.coupon-code {
    background: #fefcf9;
    font-family: 'PT Serif', serif;
    font-size: 16px;
    text-transform: uppercase;
    font-style: italic;
    background-image: url('../images/ptn.jpg');
    color: #74726e;
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.body-el .coupon-code {
    font-family: 'Noto Serif', serif;
}


/******* Testimonial *******/
#testimonial {
}

.testimonial-block {
    text-align: center;
}

.testimonial-desc {
    font-style: italic;
    font-size: 16px;
    line-height: 2;
    color: #74726e;
    font-family: 'PT Serif', serif;
}

.body-el .testimonial-desc {
    font-family: 'Noto Serif', serif;
}

.testimonial-name h1 {
    color: #383631;
    margin-top: 30px;
    font-size: 16px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
}

.body-el .testimonial-name h1 {
    font-family: 'Noto Serif', serif;
}

.testimonial-pic {
    margin-bottom: 40px;
}

.star-rating {
}

    .star-rating i {
        color: #fdd972;
    }

#testimonial .owl-theme .owl-controls .owl-page span {
    background: #bca065;
    margin-top: 60px;
}

/******* parallax *******/
.parallax-cta {
    padding: 100px 0px;
    text-align: center;
}

    .parallax-cta .btn {
        margin-bottom: 5px;
    }

    .parallax-cta h1 {
        color: #fff;
        margin-bottom: 40px;
    }

    .parallax-cta p {
        color: #fff;
    }

.parallax {
    background-position: 60% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.parallax-2 {
    background-image: url("../images/parallax-cta.jpg");
}
/********** newsletter *********/
.newsletter {
}

.newsletter-title {
}

.newsletter .form-control {
    border: 2px solid #E1DED4;
    background-color: #fff;
}
/******* Footer *******/

.footer {
    background-color: #262521;
    padding-top: 60px;
    padding-bottom: 60px;
}

.footer-block h2 {
    color: #fff;
}

.footer-block img {
    margin-bottom: 30px;
}

.footer-block .social-icon {
    margin-bottom: 30px;
}

    .footer-block .social-icon a {
        color: #7d7b76;
        border: 2px solid #383733;
        display: inline-block;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 3.5;
        padding-left: 14px;
    }

        .footer-block .social-icon a i {
            font-size: 20px;
            margin-right: 15px;
        }

        .footer-block .social-icon a:hover {
            color: #bca065;
            border: 2px solid #bca065;
        }

.footer-block .btn {
    margin-top: 10px;
}

.tiny-footer {
    background-color: #201f1b;
    color: #7a7770;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
}

.copyright {
    font-size: 12px;
    margin-bottom: 0px;
}
/******* Blog *******/

.sidebar {
}

.content-right {
}

.post-holder {
    padding-bottom: 49px;
    margin-bottom: 50px;
    border-bottom: 1px #f0eeea solid;
}

.post-head {
    margin-bottom: 40px;
}

.post-content {
}

.post-img {
    margin-bottom: 60px;
}

.post-sticky {
}

.blogslider {
}

    .blogslider .owl-nav {
        text-align: center;
        width: 60px;
        margin: 0px auto;
    }

        .blogslider .owl-nav i {
            font-size: 24px;
            color: #fff;
        }

    .blogslider .owl-prev {
        position: absolute;
        top: 40%;
        left: 5%;
    }

    .blogslider .owl-next {
        position: absolute;
        right: 5%;
        top: 40%;
    }

/***** Blog Meta *****/

.post-meta {
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #a19d96;
    font-family: 'PT Serif', serif;
}

.body-el .post-meta {
    font-family: 'Noto Serif', serif;
}

.meta {
    color: #a1a1a1;
}

.meta-block {
    border-top: 1px solid #f0eeea;
    padding-top: 19px;
    margin-top: 30px;
}

.post-meta i {
    font-size: 14px;
    font-weight: 100;
    padding-right: 10px;
}

.meta-date, .meta-comment, .meta-author {
    margin: 0 20px 0px 0px;
    font-size: 14px;
}

.meta-date {
}

.meta-category {
}

    .meta-category a {
        color: #b9830f;
    }

.meta-comment {
}

.meta-author {
    font-size: 14px;
    text-transform: uppercase;
}

/***** Blockquote *****/

.post-quote {
}

blockquote {
    font-style: italic;
    font-family: 'PT Serif', serif;
    color: #74726e;
    font-size: 21px;
    line-height: 31px;
    border-left: 0px solid transparent;
    padding: 10px 0px;
}

.body-el blockquote {
    font-family: 'Noto Serif', serif;
}

.source-name {
    font-family: 'PT Serif', serif;
    color: #21201d;
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
}

.body-el .source-name {
    font-family: 'Noto Serif', serif;
}
/******* Blog Details *******/
/***** alignment *****/

.alignleft {
    float: left;
    margin: 10px 20px 20px 0;
}

.alignright {
    float: right;
    margin: 20px 0 .5em 20px;
}

.caption {
    font-size: 14px;
    background-color: #fbf7f1;
    color: #21201d;
    padding: 6px;
    font-weight: 500;
    text-transform: uppercase;
}

/***** Related Post *****/

.related-post {
    border-bottom: 1px solid #e2dcd0;
}

.related-title {
}

.related-thumb {
    margin-bottom: 30px;
}

.related-img {
    margin-bottom: 20px;
}

    .related-img img {
        width: 100%;
    }

.tag {
    font-size: 14px;
    color: #21201d;
    text-transform: uppercase;
    font-weight: 700;
}

    .tag a {
        letter-spacing: 2px;
        padding-right: 20px;
    }

    .tag span {
        margin-left: 20px;
    }

/***** Prev Next Block *****/

.next-prev-block {
    margin-top: 30px;
    margin-bottom: 60px;
}

.prev-block {
}

.prev-link, .next-link {
    color: #b9830f;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 20px;
    display: inline-block;
}

.prev-post {
}

    .prev-post h3, .next-post h3 {
        margin-bottom: 5px;
    }

.next-block {
    text-align: right;
}

.next-link {
}

.next-post {
}

/***** Author Post *****/

.author-post {
    margin-bottom: 60px;
}

.author-portrait {
}

.author-info {
}

    .author-info p {
        margin-bottom: 10px;
    }

.author-name {
}

.social-icon {
}

.social-icon-link {
    color: #7d7b76;
    font-size: 16px;
}

/***** Comments *****/

.comments-area {
}

.comments-title {
}

.comment-post {
}

.comment-title {
    margin-bottom: 10px;
}

    .comment-title span {
        margin-left: 25px;
    }

.comment-list {
}

.comment-frame {
    float: left;
    width: 110px;
}

.user-comments {
    margin-left: 130px;
}

.comment-body {
}

    .comment-body.listnone {
        border-bottom: 1px solid #eef4f8;
        padding-bottom: 10px;
        margin-bottom: 40px;
    }

.children {
}

/***** Leave Reply *****/

.leave-comments {
}

.reply-title {
}

/***** Blog sidebar *****/
/*** Widget ***/

.widget {
    margin-bottom: 35px;
}

.widget-title {
    border-bottom: 1px solid #eeebe5;
    margin-bottom: 30px;
    padding-bottom: 20px;
    text-transform: uppercase;
    color: #bca065;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'PT Serif', serif;
}

.body-el .widget-title {
    font-family: 'Noto Serif', serif;
}

/*** Widget-Search ***/

.widget-search {
    padding-top: 15px;
    margin-bottom: 40px;
}

    .widget-search .form-control {
    }

.custom-search-input {
}

    .custom-search-input .search-query {
        padding-right: 30px;
        padding-left: 10px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .custom-search-input button {
        border: 0;
        background: none; /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #b9830f;
    }

    .custom-search-input .input-group .form-control:first-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.search-query:focus + button {
    z-index: 3;
}

/*** Widget-Category ***/

.widget-category {
}

    .widget-category ul li, .widget-archive ul li {
        text-transform: uppercase;
        margin-bottom: 25px;
    }

/*** Widget-Archive ***/

.widget-archive {
    margin-bottom: 30px;
}

    .widget-archive strong {
        padding-left: 10px;
    }

/*** Widget-Recent-Post ***/

.widget-search, .widget-category, .widget-archive, .widget-recent-post {
}

    .widget-recent-post ul li {
        padding-bottom: 0px;
        display: inline-block;
        margin-bottom: 30px;
    }

.recent-post {
}

.recent-post-img {
}

.recent-thumb {
    float: left;
    padding-right: 15px;
}

.recent-post-desc {
}

    .recent-post-desc h4 {
        margin-bottom: 10px;
    }

/*** Widget-tags ***/
.tags-widget {
}

    .tags-widget a {
        margin-bottom: 5px;
        padding: 0px 6px;
        font-size: 12px;
        text-transform: uppercase;
        background-color: transparent;
        margin-right: 5px;
        color: #8f7f5e;
        border-radius: 0px;
        font-weight: 400;
        display: inline-block;
        border: 2px solid #d5cdbe;
    }

        .tags-widget a:hover {
            color: #fff;
            background-color: #bca065;
            border: 2px solid #bca065;
        }

/******* pagination *******/

.st-pagination {
    margin-top: 10px;
}

    .st-pagination .pagination > li > a, .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 15px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #d5cdbe;
        text-decoration: none;
        background-color: transparent;
        border: 1px solid #d5cdbe;
        margin-right: 5px;
        font-weight: 600;
        border-radius: 0px;
    }

    .st-pagination .pagination > .active > a, .st-pagination .pagination > .active > a:focus, .st-pagination .pagination > .active > a:hover, .st-pagination .pagination > .active > span, .st-pagination .pagination > .active > span:focus, .st-pagination .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #bca065;
        border-color: #bca065;
    }

    .st-pagination .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        z-index: 2;
        color: #fff;
        background-color: #bca065;
        border-color: #bca065;
    }

/******* thank you *******/

.thankyou {
    padding-bottom: 100px;
    padding-top: 100px;
}

.thankyou-block {
    background-color: #fefcf9;
    text-align: center;
    border: 1px dotted #B9830F;
    padding: 100px;
    display: inline-block;
}

.thanks-title {
    font-size: 50px;
    color: #21201d;
    line-height: 52px;
}

/*********** Mobile CSS *********/
@media (max-width: 767px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
        background-color: #2d2c29;
    }

    /********* Section space ********/
    .section-space {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    /******* Hero section *******/

    .hero-section {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .hero-title {
        font-size: 42px;
        line-height: 42px;
    }

    /********** Blog Page ********/


    .user-comments {
        margin-left: 0px;
    }

    .comment-frame {
        margin-right: 25px;
        float: none;
    }

    .leave-comments {
        margin-bottom: 50px;
    }
}