html {
    font-size: 100%
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.45em;
    color: #4b4b4b;
    background-color: #f7f7f7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: "Playfair Display", serif;
    line-height: 1.4em;
    color: #8b7757;
    font-weight: 400;

}

h1,
h2,
h3,
h4 {
    font-weight: inherit
}

h1 {
    font-size: 2.441em
}

h2 {
    font-size: 1.953em
}

h3 {
    font-size: 1.563em
}

h4 {
    font-size: 1.25em
}

h5 {
    font-size: 1em
}

h6 {
    font-size: 0.8em
}

small,
.font_small {
    font-size: 0.8em
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    color: inherit;
    text-decoration: none
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
    color: inherit;
    text-decoration: none
}

.heading-content-one {
    color: gold;
    margin: auto;
    text-align: center;
    margin-bottom: 20px
}

@media only screen and (min-width: 600px) {
    .heading-content-one {
        max-width: 640px
    }
   
}

.heading-content-one h2.title {
    font-size: 30px;
    color: inherit;
    position: relative;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1em;
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .heading-content-one h2.title {
        font-size: 45px
    }
}

.heading-content-one h5.sub-title {
    font-family: inherit;
    font-size: 16px;
    color: #363131;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    margin-top: 15px
}

.heading-content-one.border h2.title {
    position: relative;
    margin-bottom: 30px;
    line-height: 1.3;
}

.heading-content-one.border h2.title:before {
    position: absolute;
    content: "";
    background-color: #969696;
    width: 105px;
    height: 1px;
    bottom: -15px;
    z-index: 999;
    left: 0;
    right: 0;
    margin: auto
}

.heading-content-two {
    color: gold;
    margin: auto;
    text-align: center;
    font-weight: bold
}

@media only screen and (min-width: 600px) {
    .heading-content-two {
        max-width: 500px
    }
}

.heading-content-two h2.title {
    font-size: 40px;
    color: inherit;
    font-weight: bold;
    line-height: 1.1em
}

.heading-content-two h5.sub-title {
    font-family: inherit;
    font-size: 16px;
    color: inherit;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.015em;
    margin-top: 15px
}

.heading-content-two h5.sub-title span {
    font-weight: bold;
    font-size: 18px
}

.heading-content-three {
    margin: auto auto 45px;
    text-align: center
}

.heading-content-three h2.title {
    font-size: 45px;
    color: inherit;
    position: relative;
    font-weight: bold;
    color: gold;
    margin-top: 10px
}

.heading-content-three h5.sub-title {
    font-family: inherit;
    font-size: 22px;
    color: inherit;
    font-weight: 600;
    color: #20527e
}

.heading-content-three h5.sub-title span {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 24px
}

.heading-content-four {
    color: gold
}

.heading-content-four h2.title {
    font-size: 60px;
    color: inherit;
    position: relative
}

.heading-content-four h5.sub-title {
    font-family: inherit;
    font-size: 16px;
    color: inherit
}

.section-title-area {
    padding: 30px 0 60px
}

.section-title-area .section-title {
    font-weight: bold;
    font-family: inherit;
    font-size: 45px;
    margin-bottom: 0;
    line-height: 1em
}

.section-title-area .section-description {
    color: #999;
    margin-bottom: 0
}

.page-header .page-title {
    color: #fff;
    font-weight: bold;
    font-family: inherit;
    font-size: 27px;
    margin-bottom: 0;
    line-height: 1.12em;
    margin-top: 57px;
}

.page-header .page-description {
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.015em;
    margin-bottom: 0
}

.heading-section {
    padding-top: 60px
}

.form-bottom-title {
    font-weight: 600
}

::-moz-selection {
    color: white;
    display: inline-block;
    text-shadow: none
}


p {
    margin-bottom: 1.875em;
    line-height: 1.975em
}

blockquote {
    margin: 0 0 1.3em
}

address {
    margin: 0 0 1.3em
}

dfn,
em,
cite,
i,
code,
kbd,
tt,
var {
    font-size: 1em
}

em,
cite,
i {
    font-style: italic
}

abbr,
acronym {
    border-bottom: 1px dotted #666666;
    cursor: help
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none
}

label {
    font-weight: 600
}

big {
    font-size: 125%
}

pre {
    background: #f7f7f7;
    padding: 20px 30px;
    margin-bottom: 30px;
    max-width: 100%;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    border-left: 10px solid #ccc;
    font-size: 0.929em;
    overflow: auto
}

.dropcap {
    display: block;
    float: left;
    margin: 15px 5px 0 0;
    font-weight: bold;
    font-size: 60px;
    color: #ccc
}

body {
    background: #f7f7f7;
    word-wrap: break-word;
    overflow-x: hidden
}

q {
    quotes: "" ""
}

q:before,
q:after {
    content: ""
}

blockquote {
    border: 0;
    padding: 0;
    font-family: "Playfair Display", serif;
    font-style: italic;
    font-size: 16px;
    position: relative;
    border-left: 5px solid #9bc6b2;
    color: #939292
}

blockquote:before {
    content: "";
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #9bc6b2;
    color: white !important;
    text-align: center;
    left: -22px;
    position: absolute;
    top: 0;
    content: "\f10d";
    font-style: normal;
    font-family: FontAwesome;
    font-size: 15px
}

blockquote:after {
    background: #9bc6b2;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 45px
}

blockquote p {
    padding: 0 0 20px 40px;
    margin-bottom: 10px;
    position: relative
}

blockquote p:last-child {
    margin-bottom: 0
}

blockquote p cite {
    margin-left: 0;
    padding-left: 0
}

blockquote footer {
    font-family: "Poppins", sans-serif;
    margin-left: 35px;
    position: relative;
    top: 6px;
    margin-top: -15px
}

blockquote cite,
blockquote a,
blockquote span {
    padding: 0 1.2em;
    font-size: 0.8em;
    font-weight: 500;
    font-style: normal;
    position: relative
}

blockquote cite {
    display: block
}

blockquote cite::before {
    content: "--";
    padding-right: 5px
}

blockquote .small::before,
blockquote footer::before,
blockquote small::before,
blockquote .font_small::before {
    margin-left: 18px
}

.single-post blockquote {
    margin: 35px 0 35px 25px
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1em
}

dt {
    font-weight: bold
}

dd {
    margin: 0 1.5em 1.5em
}

img {
    height: auto;
    max-width: 100%
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    border: 1px solid #d2d2d2
}

th,
td {
    border: 1px solid #d2d2d2
}

td {
    border-width: 0 1px 1px 0
}

.post li,
.page li,
#comments li {
    line-height: 1.3em
}

.post table,
.page table,
#comments table {
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-left: none
}

.post table tbody tr.odd,
.page table tbody tr.odd,
#comments table tbody tr.odd {
    background: white
}

.post table th,
.post table td,
.post table td,
.page table th,
.page table td,
.page table td,
#comments table th,
#comments table td,
#comments table td {
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    line-height: 18px;
    padding: 8px;
    text-align: left;
    vertical-align: top
}

.tb {
    display: table;
    width: 100%
}

.tb .tb-cell {
    display: table-cell;
    vertical-align: middle
}

.tb .tb-cell[class*=' col-'] {
    float: none
}

.margin-less-top {
    margin-top: -42px
}

.default-pd-center {
    padding: 90px 0px;
    text-align: center
}

.full-width-content {
    float: none;
    margin: auto
}

.pd-zero {
    padding: 0 !important
}

@media only screen and (max-width: 767px) {
    .mobile-center {
        text-align: center
    }
}

.border-radius {
    border-radius: 5px
}

.jarallax {
    position: relative
}

.bg-gray-color {
    background-color: #F7F7F7
}

.bg-white-color {
    background-color: #fff
}

.yellow-color {
    color: #ebdc0f;
}

.nevy-blue-bg {
    background: gold
}

.bg-white-smoke {
    background-color: #f8f8f8
}

.bg-nero {
    background-color: #CBB682;
}
.bg-green {
    background: #21b75f
}

.text-green {
    color: #21b75f
}

.default-text-gradient {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .default-text-gradient {
        background: transparent
    }
}

.overlay-gradient:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.gradient-border {
    border: 10px solid transparent;
    position: relative;
    background-clip: padding-box
}

.gradient-border:after {
    position: absolute;
    top: -12px;
    bottom: -12px;
    left: -12px;
    right: -12px;
    content: "";
    z-index: 0;
    border-radius: 5px
}

.gradient-border>div {
    position: relative;
    z-index: 99;
    margin: 0
}

.gradient-circle {
    position: relative;
    background-clip: padding-box
}

.gradient-circle>div {
    position: absolute;
    margin: 2px;
    content: "";
    z-index: 0;
    border-radius: 50%;
    padding: 2px
}

.gradient-circle>div span {
    background: #fff;
    border-radius: 50%;
    padding: 30px;
    display: block
}

.transfarent-white-bg {
    background-color: rgba(255, 255, 255, 0.92)
}

.breadcrumbs-area.bg {
    background-color: #F8F8F8
}

.overlay-bg {
    position: relative
}

.overlay-bg:before {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.45);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.color-black h2 {
    color: #000
}

.color-black p {
    color: #fff !important
}

@media only screen and (max-width: 992px) {
    .mobile-extend {
        max-height: 600px;
        overflow: hidden
    }
    .contact-main .col-lg-3{
        width:98% !important;
    }
}

.extend-icon {
    font-size: 35px;
    padding: 15px;
    display: block;
    cursor: pointer
}

.extend-icon.up .fa:before {
    content: "\f106"
}

.extend-btn {
    text-align: center;
    position: relative;
    margin-top: -95px;
    padding-top: 60px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.9) 40%, white 97%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(20%, rgba(255, 255, 255, 0.7)), color-stop(40%, rgba(255, 255, 255, 0.7)), color-stop(40%, rgba(255, 255, 255, 0.9)), color-stop(100%, white));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.012) 0, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.9) 40%, white 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.012) 0, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.9) 40%, white 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.012) 0, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.9) 40%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.012) 0, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.9) 40%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .container-large-device {
        max-width: 1000px;
        margin: auto
    }
}

@media only screen and (min-width: 1200px) {
    .container-large-device {
        max-width: 1190px;
        margin: auto
    }
}

@media only screen and (min-width: 1500px) {
    .container-large-device {
        max-width: 1475px;
        margin: auto
    }
}

.overview>ul>li {
    background-color: #f7f7f7;
    border-radius: 5px;
    color: #666666;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 7px;
    padding: 18px 0;
    text-align: left;
    -webkit-width: calc(50% - 5px);
    width: calc(50% - 5px)
}

@media only screen and (max-width: 767px) {
    .overview>ul>li {
        width: 100%
    }
}

.overview>ul>li:nth-child(2n+1) {
    margin-right: 7px
}

@media only screen and (max-width: 767px) {
    .overview>ul>li:nth-child(2n+1) {
        margin-right: 0
    }
}

.overview>ul>li i.fa {
    font-size: 18px;
    margin: -3px 20px 0
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-size: 11px;
    padding: 12px 30px;
    color: white;
    line-height: normal;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

input[type="submit"] {
    font-weight: bold;
    text-transform: uppercase;
    background: #646464;
    color: white
}

input[type="submit"]:hover {
    color: white
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: none
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

button a,
input[type="button"] a,
input[type="reset"] a,
input[type="submit"] a {
    color: white
}

.search-form .btn:not(.dropdown-toggle),
.searchform .btn:not(.dropdown-toggle) {
    -webkit-border-radius: 0;
    border-radius: 0
}

.search-form .btn:not(.dropdown-toggle):hover,
.searchform .btn:not(.dropdown-toggle):hover {
    color: white;
    text-decoration: none
}

.search-form .btn:not(.dropdown-toggle):focus,
.searchform .btn:not(.dropdown-toggle):focus {
    background: transparent;
    color: white;
    outline: 0 none
}

.search-form .btn:not(.dropdown-toggle):active:focus,
.searchform .btn:not(.dropdown-toggle):active:focus {
    background: transparent;
    color: white;
    outline: 0 none
}

.btn {
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-default {
    color: #4b4b4b
}

.btn-default:hover {
    color: #4b4b4b
}

.mobile-booking-btn {
    background: white;
    padding: 15px 30px;
    border-radius: 7px;
    font-weight: 600
}

a.more-content {
    background: gold;
    padding: 15px 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    display: table;
    margin: 15px auto auto
}

.more-link {
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
    word-spacing: 0.02em;
    letter-spacing: 0.01em;
    color: white;
    display: table;
    margin: 30px auto 0;
    padding: 15px 30px;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.more-link:hover,
.more-link:focus,
.more-link:active:focus {
    color: white;
    text-decoration: none !important
}

.comment-reply-link {
    padding: 6px 22px;
    font-size: 11px;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    background: #646464;
    color: white
}

.comment-reply-link:hover {
    color: white
}

.comment-navigation .nav-links a {
    background: white;
    display: inline-block;
    padding: 0.5em 1.8em;
    letter-spacing: 0.02em
}

.comment-navigation .nav-links a:hover {
    color: white
}

.go-button {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    width: 186px;
    height: 45px;
    line-height: 46px;
    background: #f7faf9;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.go-button:hover {
    color: white
}

.entry-content .btn {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    letter-spacing: 0;
    line-height: 1.7em
}

.mfp-wrap button:hover,
.mfp-wrap input[type="button"]:hover,
.mfp-wrap input[type="reset"]:hover,
.mfp-wrap input[type="submit"]:hover {
    background: transparent !important
}

.form-group .button {
    border: none;
    margin-top: 30px;
    float: left
}

.form-group .button {
    width: 100%;
    padding: 13px 45px
}

@media only screen and (max-width: 992px) {
    .form-group .button {
        padding: 15px 25px
    }
}

.button {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    padding: 10px 23px;
    border-radius: 13px;
    text-transform: capitalize;
    margin: auto;
    display: table;
    position: relative;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.button:hover {
    color: #ffffff;
}

.nevy-button {
    background-color: #CBB682;
}

.button-radius {
    border-radius: 5px
}

.blog-area .button,
.call-to-action .button {
    text-transform: capitalize;
   
}

.gallery-area .button {
    float: left;
    position: relative;
    top: 0px;
    text-transform: uppercase
}

.button.contact {
    background-color: gold
}

.default-pd-center .button {
    border-radius: 5px;
    top: 10px;
    float: left
}

.call-to-action .button {
    float: left
}

@media screen and (max-width: 767px) {
    .call-to-action .button {
        float: none
    }
}

.pogoSlider-dir-btn {
    padding: 15px
}

.pogoSlider-dir-btn.pogoSlider-dir-btn--prev {
    left: 50px
}

.pogoSlider-dir-btn.pogoSlider-dir-btn--next {
    right: 50px
}

.main-slide.eight .pogoSlider-dir-btn {
    top: 35%
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
    outline: none
}

input[type="search"] {
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent url("assets/images/select-bg.png") no-repeat scroll 95% 50%
}

select option[selected] {
    color: white
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-text-fill-color: #4b4b4b !important
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-text-fill-color: #4b4b4b !important
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

textarea {
    display: block;
    width: 100%;
    font-size: 0.8em;
    padding-left: 3px;
    display: block
}

input,
select,
textarea {
    margin: 0;
    border: none;
    vertical-align: baseline;
    font-size: 100%;
    font-weight: 400;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

::-webkit-input-placeholder {
    color: #b3b3b3
}

:-moz-placeholder {
    color: #b3b3b3;
    opacity: 1
}

::-moz-placeholder {
    color: #b3b3b3;
    opacity: 1
}

:-ms-input-placeholder {
    color: #b3b3b3
}

.form-control {
    box-shadow: 0 0 0 transparent !important
}

.form-controller {
    border: 1px solid #ebebeb;
    background: white;
    width: 100%;
    padding: 0.5em 1em;
    outline: none
}

.form-controller:focus {
    border-color: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.post-password-form input[type="password"] {
    font-size: 11px;
    border: 1px solid #f0f0f0;
    outline: none
}

.post-password-form input[type="submit"] {
    padding: 11px 15px;
    position: relative;
    top: -1px
}

.comments-post p {
    border-bottom: 1px solid #8c8c8c !important
}

.comments-post p input {
    padding: 8px 0 !important;
    font-size: 14px
}

.form-content {
    margin: auto;
    display: table;
    width: 100%
}

.form-content .form-group {
    display: table-cell;
    padding: 0 15px;
    vertical-align: middle
}

@media screen and (max-width: 992px) {
    .form-content .form-group {
        width: 100%;
        display: block
    }
}

.form-content .form-group input {
    display: block;
    padding: 12px;
    color: #AEAEAE;
    border: 1px solid #E7E7E7;
    width: 130px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500
}

@media screen and (max-width: 992px) {
    .form-content .form-group input {
        width: 100%
    }
}

.form-content select {
    padding: 12px;
    width: 210px;
    color: #AEAEAE;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    background: transparent url(assets/images/angle.png) no-repeat scroll 95% 50%;
    background-color: #fff;
    -webkit-appearance: button;
    text-transform: capitalize
}

@media screen and (max-width: 992px) {
    .form-content select {
        width: 100%
    }
}

.form-content label {
    text-transform: uppercase;
    margin-bottom: 7px;
    font-size: 14px;
    display: block;
    line-height: normal
}

.form-content .form-group:nth-of-type(3) {
    position: relative
}

.form-content .form-group:nth-of-type(3):before {
    position: absolute;
    content: "";
    background-color: #000;
    width: 15px;
    height: 1px;
    top: 54px;
    z-index: 999;
    right: -2px
}

@media only screen and (max-width: 992px) {
    .form-content .form-group:nth-of-type(3):before {
        width: 0;
        background: transparent
    }
}

.form-bg.border-radius .form-content .form-group:nth-of-type(3) {
    position: relative
}

.form-bg.border-radius .form-content .form-group:nth-of-type(3):before {
    width: 12px;
    height: 1px;
    top: 57px;
    right: -6px
}

.form-content .form-group:first-child input {
    min-width: 240px;
    background: transparent url(assets/images/cross.png) no-repeat scroll 95% 50%;
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .form-content .form-group:first-child input {
        min-width: 100%
    }
}

.form-area .form-group:nth-child(4)>input[type="text"] {
    margin-top: 30px
}

.form-top {
    margin-top: -60px;
    z-index: 9
}

.form-bg {
    background-color: #fff;
    padding: 30px 15px;
    box-shadow: -2px 5px 20px rgba(229, 226, 226, 0.4)
}

@media screen and (max-width: 990px) {
    .form-bg {
        padding-bottom: 60px
    }
}

.form-content .form-group a span {
    background-color: #000;
    padding: 13px 50px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 25px;
    color: #fff;
    top: 40px;
    position: relative
}

.form-area.form-four .form-group:nth-child(4) input {
    margin-top: 30px
}

.form-area.form-four .form-bg {
    box-shadow: none;
    position: relative
}

.form-area.form-four .form-group a span {
    background-color: #21B360
}

.form-area.form-four h4 {
    position: relative;
    margin: 15px auto;
    display: table;
    color: #000;
    font-family: "Poppins", sans-serif
}

.form-bg.seven .form-group a span {
    border-radius: 5px;
    padding: 13px 66px;
    text-transform: uppercase
}

.form-bg.seven {
    box-shadow: none;
    padding: 30px;
    border-radius: 5px
}

@media screen and (max-width: 767px) {
    .form-bg.seven {
        margin-top: 0px
    }
}

.form-bg.seven .form-group input {
    width: 120px
}

.form-bg.seven .form-group {
    margin-right: 0;
    width: 100%;
    margin-bottom: 25px
}

.form-bg.seven .form-group:before {
    width: 13px;
    right: -18px
}

.form-bg.seven .form-group:first-child input {
    width: 100%
}

.form-bg.seven .form-group:last-child {
    margin-right: 0
}

.form-bg.seven .form-group select {
    width: 100%
}

.form-bg.seven .form-group a span {
    top: 25px
}

.form-bg.seven .form-group.small {
    width: 46%;
    margin-right: 22px
}

.form-bg.seven .form-group.small input {
    width: 100%
}

@media only screen and (max-width: 992px) {
    .form-bg.seven .form-group.small {
        width: 100% !important
    }
}

.form-bg.seven .form-group.small.max {
    margin-right: 0;
    margin-top: 28px
}

.form-area.eight .form-group a span {
    background-color: #0E385E
}

a {
    color: #8b7752;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

a:hover,
a:focus,
a:active {
    text-decoration: none
}

a:focus {
    outline: none
}

a:hover,
a:active {
    outline: 0;
    text-decoration: none
}

@media only screen and (min-width: 992px) {
    #mobile-menu {
        display: none
    }

    .mainmenu {
        position: relative
    }

    .overlapblackbg {
        display: none
    }

    .menu-wrapper {
        color: white;
        position: relative;
        padding: 0;
        margin: 0px auto;
        width: 100%
    }

    .menu-content {
        text-align: center;
        margin: auto
    }

    .menu-list {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        text-align: center
    }

    .menu-list>li {
        line-height: 45px;
        float: left;
        position: relative
    }

    .menu-list li {
        list-style: none
    }

    .top-navigation .menu-list>li>a {
        display: block;
        padding: 10px 30px;
        font-size: 16px;
        font-weight: 600;
        text-transform: capitalize;
        text-decoration: none;
        position: relative;
        color: #fff;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
        white-space: nowrap
    }

    .top-navigation .menu-list>li>a span {
        font-size: 14px;
        color: #929292;
        margin-left: 5px
    }

    .top-navigation .menu-list>li.current-menu-item>a:before,
    .top-navigation .menu-list>li.current-menu-ancestor>a:before {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .top-navigation .menu-list>li:last-child>a::after {
        content: ""
    }

    .menu-click {
        display: none
    }

    .menu-list .sub-menu {
        position: absolute;
        z-index: 999;
        margin: 0;
        padding: 0;
        border: solid 1px #3e3e3e;
        background-color: #1C1C1C;
        opacity: 0;
        font-family: "Poppins", sans-serif;
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transition: transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s
    }

    .menu-list .sub-menu li {
        position: relative
    }

    .menu-list .sub-menu li a {
        background-image: none;
        color: white;
        border-right: 0 none;
        text-align: left;
        display: block;
        line-height: 1.5em;
        padding: 10px 15px;
        text-transform: none;
        font-size: 13px;
        letter-spacing: normal
    }

    .menu-list .sub-menu li:last-child a {
        border-bottom: none
    }

    .menu-list .sub-menu li a,
    .menu-list .sub-menu .sub-menu li a {
        border-bottom: 1px solid #3e3e3e
    }

    .menu-list .sub-menu li:last-child>a {
        border-bottom: 0
    }

    .menuexpandermain {
        display: none
    }

    .menu-list .sub-menu {
        min-width: 200px
    }

    .menu-list li:hover .sub-menu,
    .menu-list .sub-menu li:hover .sub-menu-sub {
        display: block
    }

    .menu-list .sub-menu .sub-menu,
    .menu-list .sub-menu .sub-menu .sub-menu {
        min-width: 200px;
        position: absolute;
        left: 100%;
        top: -1px;
        margin: 0;
        padding: 0;
        opacity: 0;
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transition: transform 0.4s, opacity 0.4s;
        transition: transform 0.4s, opacity 0.4s;
        z-index: 1001
    }

    .menu-list .sub-menu li:hover .sub-menu,
    .menu-list .sub-menu .sub-menu li:hover .sub-menu {
        opacity: 1;
        list-style: none;
        background-color: rgba(0, 0, 0, 0.25)
    }

    .menu-list .sub-menu li {
        position: relative;
        display: block
    }

    .menu-list li>.sub-menu,
    .menu-list li>.megamenu>.sub-menu {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        visibility: hidden
    }

    .menu-list li:hover>.sub-menu,
    .menu-list li:hover>.megamenu>.sub-menu {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
        visibility: visible
    }

    .menu-list li:hover>a,
    .menu-list>li>a:hover,
    .menu-list>li>a.active {
        background-color: transparent;
        text-decoration: none
    }

    .menu-list .sub-menu>li>a:hover,
    .menu-list .sub-menu .sub-menu>li>a:hover,
    .menu-list .sub-menu .sub-menu .sub-menu>li>a:hover {
        background-color: rgba(0, 0, 0, 0.25);
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        text-decoration: none
    }

    .menu-list .sub-menu .current-menu-parent>a,
    .menu-list .sub-menu .current-menu-item>a {
        background-color: rgba(0, 0, 0, 0.25)
    }

    .current-menu-ancestor .current-menu-ancestor>a {
        background-color: rgba(0, 0, 0, 0.25)
    }

    .megamenu .sub-menu .current-menu-item>a,
    .megamenu .current-menu-ancestor>a,
    .megamenu.current-menu-ancestor .current-menu-ancestor>a {
        background-color: transparent
    }

    .megamenu .sub-menu .current-menu-parent>a,
    .megamenu .sub-menu .current-menu-item>a {
        background-color: transparent
    }

    .menu-list .sub-menu .fa {
        margin-right: 7px
    }

    .menu-list.two {
        margin-top: -6px
    }

    .menu-list.two li a {
        color: #000
    }

    .menu-list.two li a .fa-angle-down {
        color: #000
    }

    .menu-list.six {
        border-top: 1px solid #979797;
        margin-top: 70px;
        width: 80%
    }

    .menu-list.six li a {
        font-size: 20px
    }

    .menu-list.six li ul li a {
        font-size: 14px
    }

    .center-nav .menu-list {
        display: table;
        width: auto
    }
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {
    .top-navigation .menu-list>li>a {
        padding: 10px 18px
    }
}

@media only screen and (min-width: 1101px) and (max-width: 1200px) {
    .top-navigation .menu-list>li>a {
        padding: 10px 23px
    }
}

.banner-with-menu-area .menu-list>li>a {
    font-size: 18px;
    font-weight: 700
}

.navigation {
    padding-top: 30px;
    z-index: 1;
    font-size: 12px;
    clear: both
}

.navigation:before,
.navigation:after {
    content: " ";
    display: table
}

.navigation:after {
    clear: both
}

.navigation .nav-links {
    list-style: none;
    padding: 0;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.navigation .nav-links a {
    font-weight: bold
}

.navigation .nav-links>li {
    display: inline-block
}

.navigation .nav-links>li:first-child {
    margin-right: 45px
}

.navigation .nav-links>li:last-child {
    margin-left: 45px
}

.navigation .nav-links>li a,
.navigation .nav-links>li span {
    padding: 8px 12px;
    background: white;
    border: 1px solid #e1e1e1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.navigation .nav-links>li a>span {
    padding: 0;
    border: 0
}

.navigation .nav-links>li span.page-numbers.dots {
    border: 0;
    background: transparent
}

.navigation .nav-links>li a:hover {
    color: white
}

.navigation .nav-links>li.active a,
.navigation .nav-links>li.active span {
    color: white
}

.navigation .nav-links li.nav-previous a,
.navigation .nav-links li.nav-next a {
    border: 0;
    padding: 0;
    display: block;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.navigation .nav-links li.nav-previous a:hover,
.navigation .nav-links li.nav-next a:hover {
    background: transparent;
    color: inherit
}

.navigation .nav-links li.nav-previous.disabled>a,
.navigation .nav-links li.nav-next.disabled>a {
    pointer-events: none;
    filter: alpha(opacity=60);
    opacity: 0.6
}

.navigation .nav-links li.nav-previous a .fa-angle-double-left {
    font-size: 13px;
    margin-right: 8px
}

.navigation .nav-links li.nav-previous>a:after {
    bottom: -4px;
    content: "";
    height: 2px;
    position: absolute;
    width: 45px;
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.navigation .nav-links li.nav-previous>a:hover:after {
    width: 60px
}

.navigation .nav-links li.nav-next a .fa-angle-double-right {
    font-size: 13px;
    margin-left: 8px
}

.navigation .nav-links li.nav-next>a:after {
    bottom: -4px;
    content: "";
    height: 2px;
    position: absolute;
    width: 26px;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.navigation .nav-links li.nav-next>a:hover:after {
    width: 40px
}

.entry-content .page-links>a {
    border: 1px solid #ebebeb;
    font-size: 0.8em;
    padding: 0.4em 0.8em
}

.pagination-link ul li a {
    border: none;
    margin-right: 10px;
    border-radius: 15px;
    color: #000;
    font-weight: bold;
    margin-bottom: 5px
}

.pagination-link ul li a i {
    font-weight: bold
}

.pagination-link ul li.active a {
    background-color: #494949;
    color: #fff
}

.pagination-link .pagination>li:last-child>a {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.pagination-link .pagination>li:first-child>a {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.breadcrumbs-area {
    overflow: hidden
}

.breadcrumbs-area .breadcrumbs {
    font-weight: 600;
    font-size: 18px;
    position: relative;
    padding: 15px 0
}

.breadcrumbs-area .breadcrumbs .last-item {
    color: #999999
}

.breadcrumbs-area .breadcrumbs .separator {
    color: #999999
}

@media only screen and (max-width: 991px) {
    .site-navigation {
        display: none
    }

    .menuexpandermain,
    #mobile-main-nav {
        display: block
    }

    .main-navigation .menu-list {
        margin: 0
    }

    .menu-area {
        margin-top: 0
    }

    .menu-area:before {
        border: 0 none
    }

    .navigation.menuopen {
        display: block
    }

    .menu-list li a span:not(.my-cart) {
        display: none
    }

    #mobile-menu {
        display: block
    }

    .menu-list>li:hover>a {
        background-color: rgba(0, 0, 0, 0.04);
        text-decoration: none
    }

    .main-navigation .menu-list>li.current-menu-item>a,
    .main-navigation .menu-list>li.current-menu-ancestor>a {
        background-color: rgba(0, 0, 0, 0.04)
    }

    .overlaybg {
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        display: none;
        background-color: rgba(0, 0, 0, 0.45);
        cursor: pointer
    }

    .overlaybg.menuopen {
        display: block
    }

    .main-navigation .menu-list>li>a {
        backface-visibility: hidden;
        background-color: white;
        box-shadow: 0 0 1px transparent;
        color: #fff;
        display: block;
        font-weight: 600;
        line-height: 30px;
        overflow: hidden;
        padding: 5px 14px;
        position: relative;
        text-decoration: none;
        transform: translateZ(0px);
        vertical-align: middle
    }

    .menu-list li:hover .sub-menu {
        display: none
    }

    .menu-list li:hover .sub-menu .sub-menu {
        display: none
    }

    .menu-list li:hover .megamenu {
        display: none
    }

    #main-mobile-container .menu-list>li::after {
        content: ""
    }

    .menu-list .sub-menu .sub-menu li:hover .sub-menu {
        display: none;
        list-style: none;
        padding: 2px;
        background-color: white
    }

    .menu-list li:first-child a {
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .menu-list li:last-child a {
        border-right: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .innerpnd {
        padding: 0
    }

    .menu-container {
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        min-height: 800px;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out
    }

    .menuexpander {
        display: inline-block;
        height: 53px;
        margin-bottom: -6px;
        position: relative;
        width: 56px;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out
    }

    .menu-click {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        cursor: pointer;
        z-index: 120
    }

    .menu-click i {
        display: block;
        background-size: 25px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.25);
        float: right;
        padding: 15px;
        width: 43px;
        -webkit-transition: transform 0.1s ease;
        transition: transform 0.1s ease
    }

    .menu-extend.fa-plus::before {
        content: "\f068";
        font-family: FontAwesome
    }

    .menu-list .sub-menu a {
        display: block;
        padding: 10px 22px;
        font-size: 13px;
        font-weight: normal
    }

    .main-navigation .menu-wrapper ul>li ul {
        border-top: 0 none;
        border-bottom: 0 none;
        border-right: 0 none
    }

    .menu-list .sub-menu .sub-menu {
        width: 100%;
        position: static;
        left: 100%;
        top: 0;
        display: none;
        margin: 0;
        padding: 0;
        border: solid 0;
        transform: none;
        opacity: 1;
        visibility: visible
    }

    .menu-list .sub-menu .sub-menu li {
        margin: 0;
        padding: 0;
        position: relative
    }

    .sub-menu sub li:hover>a {
        color: white
    }

    .menu-list>li>a .fa {
        margin-right: 6px
    }

    .sub-menu .sub-menu .sub-menu {
        width: 100%;
        position: static;
        left: 100%;
        top: 0;
        display: none;
        margin: 0;
        padding: 0;
        border: solid 0;
        transform: none;
        opacity: 1;
        visibility: visible
    }

    .sub-menu .sub-menu .sub-menu li {
        margin: 0
    }

    .sub-menu .sub-menu .sub-menu a {
        display: block;
        padding: 11px 25px;
        font-weight: normal
    }

    .sub-menu .sub-menu .sub-menu li:hover>a {
        color: #fff
    }

    .main-navigation {
        overflow-y: auto;
        overflow-x: hidden
    }

    .main-navigation .menu-wrapper .container {
        padding: 0
    }

    .main-navigation .menu-wrapper .row {
        margin: 0
    }

    .main-navigation .menu-list {
        height: 100%;
        display: block
    }

    .main-navigation .menu-list>li {
        width: 240px;
        display: block;
        float: none;
        border-right: none;
        background-color: transparent;
        position: relative;
        text-align: left;
        white-space: inherit
    }

    .main-navigation .menu-list>li>a::before {
        opacity: 0
    }

    .main-navigation .menu-list>li>a::after {
        position: relative;
        content: ""
    }

    .main-navigation .menu-list>li>a {
        padding: 9px 32px 9px 17px;
        font-size: 15px;
        letter-spacing: 0;
        border-right: solid 0px;
        background-color: transparent;
        line-height: 25px;
        border-bottom: 1px solid #313131;
        position: static;
        color: white;
        font-family: inherit
    }

    .menu-list .sub-menu {
        transform: none;
        opacity: 1;
        display: none;
        position: relative;
        top: 0px;
        background-color: #1C1C1C;
        border: 0 none;
        padding: 0;
        margin: 0;
        visibility: visible;
        color: #adabab;
        font-family: inherit;
        font-weight: normal
    }

    .menu-list .sub-menu li {
        position: relative
    }

    .menu-list .sub-menu .sub-menu li a {
        color: #adabab
    }

    .menu-list .sub-menu .sub-menu li a {
        line-height: 20px;
        font-size: 13px
    }

    .menu-list .sub-menu li .sub-menu li a {
        padding-left: 28px
    }

    .menu-list .sub-menu .fa {
        margin-right: 0
    }

    .mrginleft {
        margin-left: 240px;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out
    }

    .main-navigation {
        width: 0;
        height: 100%;
        position: fixed;
        left: 0;
        padding: 0;
        top: 0;
        margin: 0;
        z-index: 1010;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        border: none;
        background-color: #1C1C1C
    }

    .main-navigation.menuopen {
        width: 260px;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out
    }
   

    .main-navigation.menuclose {
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out
    }

    .menucontent {
        z-index: 100
    }

    .animated-arrow {
        position: absolute;
        right: 0;
        left: -28px;
        top: -10px;
        z-index: 200;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out
    }

    #menu-marker {
        display: none
    }

    .animated-arrow {
        cursor: pointer;
        padding: 32px 15px
    }

    .animated-arrow.menuopen {
        position: fixed;
        left: 45%
    }

    .animated-arrow span,
    .animated-arrow span:before,
    .animated-arrow span:after {
        cursor: pointer;
        height: 3px;
        width: 23px;
        background: white;
        position: absolute;
        display: block;
        content: '';
        right:0;
    }

    .animated-arrow span:before {
        top: -7px
    }

    .animated-arrow span:after {
        bottom: -7px
    }

    .animated-arrow span,
    .animated-arrow span:before,
    .animated-arrow span:after {
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out
    }

    .animated-arrow.menuopen span {
        background-color: transparent
    }

    .animated-arrow.menuopen span:before,
    .animated-arrow.menuopen span:after {
        background: #d2d2d2
    }

    .animated-arrow.menuopen span:before,
    .animated-arrow.active span:after {
        top: 7px
    }

    .animated-arrow.menuopen span:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        bottom: 0
    }

    .animated-arrow.menuopen span:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu-list.top-menu>li:first-of-type>a {
        border-top: 0 none
    }

    .menu-list.top-menu>li:last-of-type>.sub-menu>li:first-of-type>a {
        border-top: 0 none
    }

    #mobile-main-nav .menu-list .sub-menu a {
        line-height: 24px
    }

    #mobile-main-nav .menu-list .sub-menu li a,
    #mobile-main-nav .menu-list .sub-menu .sub-menu li a {
        border-bottom: 1px solid #313131
    }

    #mobile-main-nav .menu-list .sub-menu>li:last-of-type>a {
        border-bottom: 1px solid #313131
    }

    li.menu-item>ul.sub-menu,
    li.menu-item:not(.sh_mega) ul.sub-menu {
        display: none
    }

    .mobile-menu-main .animated-arrow {
        width: 100%;
        margin-left: 15x;
        margin-top: 0
    }

    .mobile-menu-main #navtoggole-main.animated-arrow.menuopen {
        left: 16em
    }

    .mobile-menu-main #navtoggole-main.animated-arrow.menuopen span::before,
    .mobile-menu-main #navtoggole-main.animated-arrow.menuopen span::after {
        background: white
    }

    .mobile-menu-main .menuexpandermain {
        position: relative;
        padding: 20px
    }

    .mobile-menu-main .menuexpandermain #menu-marker {
        height: auto;
        padding-top: 0;
        margin-left: 0
    }

    .menu-content ul {
        list-style: none
    }

    .menu-content>ul {
        padding-left: 0
    }
    .why-choose{
        width:100%;
    }
    .why-choose .col-sm-6{
        width:90% !important;
    padding-left: 10%;
    }
    .gold img{
        width:200px;
    }
    .why-choose-center-image{
        padding-bottom: 30px;
    }
    .sub-info{
        font-size: 30px;
    }
    .display-30, p, ul li{
font-size: 18px !important;
    }
    .service-content h3{
        padding-top: 20px;
        font-size: 18px;
    }
    .heading-content-one h2.title{
        font-size: 50px;
    }
    .heading-content-one h5.sub-title{
        font-size: 20px;
    }
    .button{
        font-size: 20px;
        padding: 15px 40px;
    }
}

@media only screen and (max-width: 600px) {
    .menuexpander .menuopen {
        left: 240px;
        margin-top: 4px
    }
}

@media only screen and (max-width: 359px) {
    .mobile-menu-main #navtoggole-main.animated-arrow.menuopen {
        left: 14.5em
    }
}

@media only screen and (max-width: 991px) {
    .paging-navigation {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 590px) {
    .paging-navigation .nav-links li {
        display: none
    }

    .paging-navigation .nav-links li:first-child.nav-previous,
    .paging-navigation .nav-links li:last-child.nav-next {
        display: block
    }

    .paging-navigation .nav-links li:first-child.nav-previous {
        float: left;
        margin-left: 60px
    }

    .paging-navigation .nav-links li:last-child.nav-next {
        float: right;
        margin-right: 60px
    }
    .customized-packages .col-lg-6{
        width: 100% !important;
    }
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    border-radius: 3px;
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both
}

.header-top-content {
    border-bottom: 1px solid rgba(204, 204, 204, 0.35)
}

.header-top-content img {
    width: auto
}

.header-top-content .site-logo,
.header-top-content .left-content {
    padding: 15px 0
}

.header-top-content.header-three .site-logo {
    padding: 10px 0 15px
}

.header-top-content.header-three .left-content {
    margin-top: 12px
}

.header-top-content.header-three .left-content li i {
    color: gold !important
}

.house-logo {
    float: left;
    margin-right: 15px
}

.house {
    float: left
}

.house h4 {
    font-weight: bold;
    color: #fde953;
    margin-top: 10px;
    font-size: 28px;
    font-weight: 800
}

.header-top-content .left-content {
    position: relative
}

.header-top-content .left-content ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.header-top-content .left-content ul li {
    display: inline-block
}

.header-top-content .left-content ul li a {
    font-size: 15px;
    padding-right: 22px;
    font-weight: 600;
    text-transform: uppercase
}

.header-top-content .left-content ul li a i {
    color: rgb(255, 255, 255);
    font-size: 18px;
    margin-right: 10px
}

.header-top-content .left-content ul li:nth-of-type(3) i {
    color: #21B360
}

@media only screen and (min-width: 992px) {
    .header-top-content .left-content {
        float: right;
        margin-right: -25px;
        margin-top: 19px
    }
}

.top-menu {
    padding: 20px 10px;
    display: block;
    padding-bottom: 40px;
    margin-left: -25px
}

.top-menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.top-menu ul li {
    float: left;
    margin-right: 15px
}

.top-menu ul li a {
    font-size: 16px;
    padding: 10px 15px;
    color: #fff;
    font-weight: 700
}

.booking {
    font-size: 16px;
    padding: 21px 25px;
    border-left: 1px solid rgba(204, 204, 204, 0.35);
    text-transform: uppercase;
    font-weight: 600;
    float: right;
    position: relative;
    left: 25px
}

.header-top-area {
    padding: 20px
}

.header-bottom-area {
    padding: 10px 0 0px
}

.left-content.tow {
    margin-top: 5px
}

.left-content.tow a {
    color: #5a5a5a
}

.left-content.tow a i {
    color: #5a5a5a
}

.left-content.tow a .fa-search {
    color: #5a5a5a
}

.social-media {
    margin-top: 5px
}

.social-media ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.social-media ul li {
    float: left;
    margin-left: 12px
}

.social-media ul li a {
    font-weight: bold;
    text-transform: uppercase;
    color: #5a5a5a
}

.header-area.style-two .header-top-content {
    border-bottom: 0 none
}

.header-area.style-two .header-top-content .social-media {
    padding: 20px 0
}

.header-area.style-two .header-top-content .left-content {
    float: right;
    margin-top: 0;
    left: 0;
    padding: 20px 0
}

.header-area.style-two .header-top-content .left-content ul li a {
    color: #000000;
    font-size: 14px;
    padding-right: 15px
}

.header-area.style-two .header-top-content .left-content ul li i {
    color: #5a5a5a
}

.header-area.style-two .header-top-content .left-content ul li:last-child a {
    padding-right: 0
}

.header-bottom-content.style-two .top-navigation .menu-list>li>a {
    letter-spacing: normal;
    color: #3d3d3d;
    text-transform: uppercase;
    padding: 10px 26px;
    font-weight: 700
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .header-bottom-content.style-two .top-navigation .menu-list>li>a {
        padding: 10px 15px
    }
}

.header-bottom-content.style-two .top-navigation .menu-list>li>a span {
    color: #777777
}

@media only screen and (min-width: 992px) {
    .header-bottom-content.style-two .menu-list {
        margin-right: -50px
    }
}

.header-bottom-content.style-two .menu-list>li {
    line-height: 60px
}

.header-bottom-content.style-two .site-logo a {
    padding: 15px 0;
    display: inline-block
}

.social-media {
    display: table;
    margin-top: 0
}

.social-media h5 {
    display: inline-block;
    font-family: inherit;
    font-weight: 600;
    margin: 0;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.015em
}

.social-media ul {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.social-media ul li {
    margin-left: 0
}

.social-media ul li a {
    padding: 0 10px;
    font-size: 14px
}

.mobile-header-area {
    padding-top: 5px
}

.mobile-header-area .site-logo {
    /* padding: 0 10px 15px !important */
}

.mobile-header-area.bg-gray-color .animated-arrow span,
.mobile-header-area.bg-gray-color .animated-arrow span:before,
.mobile-header-area.bg-gray-color .animated-arrow span:after {
    background-color: #333333
}

.mobile-header-area.bg-gray-color .mobile-header-block .search-block .main-search .fa,
.mobile-header-area.bg-gray-color .mobile-header-block .additional-content .trigger-overlay .fa {
    color: #333333
}

.header-bottom-area.four .site-navigation .menu-list>li>a {
    padding: 10px 28px
}

.header-bottom-area.four .top-navigation .menu-list>li>a span {
    color: #eee
}

.main-navigation .social-media {
    width: 240px
}

.top-menu.tow {
    float: right;
    text-transform: uppercase;
    padding-bottom: 20px;
    padding-top: 15px;
    position: relative;
    left: 35px
}

.top-menu.tow li {
    margin-right: 12px
}

.top-menu.tow a {
    color: #000
}

.house.two h4 {
    color: #239B02;
    font-weight: 800
}

.header-area.three {
    background: #153E4D
}

.header-area.three .header-top-content {
    border-bottom: 1px solid rgba(80, 171, 249, 0.19)
}

.header-area.three .booking {
    border-left: 1px solid rgba(80, 171, 249, 0.19)
}

.header-top-area.four {
    padding: 0
}

.header-top-area.four .header-top-content {
    padding: 10px 0;
    border-bottom: none
}

.header-top-area.four .left-content a i {
    color: #31376D
}

.header-bottom-area.four {
    padding: 10px 0
}

.header-bottom-area.four .social-media {
    margin-top: 20px;
    float: right
}

.header-bottom-area.four .social-media a {
    color: #C1C2C2
}

.header-bottom-area.four .social-media a i {
    color: #21B360
}

.header-bottom-area.four .social-media a i:hover {
    color: #C1C2C2
}

.header-bottom-area.four.default-template-gradient {
    padding: 0
}

.overlay,
.overlay-search {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    padding-bottom: 15%
}

.overlay .overlay-close,
.overlay .overlay .overlay-close,
.overlay-search .overlay-close,
.overlay-search .overlay .overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(assets/images/cross-overlay.png) no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100
}

.overlay nav,
.overlay-search nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    font-size: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.overlay-search .header-search-content {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    font-size: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .overlay-search .header-search-content {
        font-size: 15px
    }
}

.overlay-search .form-controller {
    padding: 15px 20px;
    line-height: normal;
    height: 60px;
    border-radius: 5px 0 0 5px
}

.overlay-search .dropdown.dropdown-lg>.dropdown-toggle {
    padding: 19px 30px
}

.overlay-search .form-group {
    display: block;
    overflow: hidden
}

.overlay-search .dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px
}

.overlay-search .input-group-btn .btn-group {
    display: flex !important
}

.overlay-search .btn-group .btn {
    border-radius: 0;
    margin-left: -1px
}

.overlay-search .btn-group .btn:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 19px 25px;
    background: #21b360;
    border-color: #21b360
}

.overlay-search .btn-group .form-horizontal .btn[type="submit"] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-radius: 0
}

.overlay-search .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0
}

.overlay-search .dropdown-menu-right {
    padding: 20px 30px
}

.overlay-search .form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.overlay-search .btn-group .fa-search {
    font-size: 16px
}

@media screen and (min-width: 768px) {
    .overlay-search #adv-search {
        width: 520px;
        margin: 0 auto
    }

    .overlay-search .dropdown.dropdown-lg {
        position: static !important
    }

    .overlay-search .dropdown.dropdown-lg .dropdown-menu {
        min-width: 520px
    }
}

@media screen and (max-width: 540px) {
    .overlay-search #adv-search {
        margin: 0 auto
    }

    .overlay-search .dropdown.dropdown-lg {
        position: static !important
    }

    .overlay-search .dropdown.dropdown-lg .dropdown-menu {
        min-width: 315px
    }
}

@media screen and (max-width: 450px) {
    .overlay-search .dropdown.dropdown-lg .dropdown-menu {
        min-width: 270px
    }

    .overlay-search .dropdown.dropdown-lg>.dropdown-toggle {
        padding: 19px 10px
    }
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative
}

.overlay ul li {
    display: block;
    position: relative
}

.overlay ul li .sub-menu li a {
    font-size: 25px
}

.overlay ul li .fa-angle-down.menu-extend:before {
    content: "\f106"
}

.overlay ul li a {
    font-weight: 600;
    padding: 15px;
    display: block;
    position: relative;
    color: #fff;
    -webkit-transition: color 0.2s;
    transition: color 0.2s
}

.overlay ul li a .fa-angle-down {
    font-size: 18px;
    position: absolute;
    width: 45px;
    height: 45px;
    right: -45px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 13px;
    z-index: 9999
}

.overlay-menu .menu-click {
    display: none
}

.overlay-hugeinc,
.overlay-search {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s
}

.overlay-hugeinc.open,
.overlay-search.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.overlay-hugeinc nav {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.overlay-hugeinc nav>ul {
    opacity: 0.4;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s
}

.overlay-hugeinc nav>ul ul {
    display: none
}

.overlay-hugeinc.open nav ul {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

@media screen and (max-height: 30.5em) {
    .overlay nav {
        height: 70%;
        font-size: 34px
    }
}

.form-block-content {
    padding: 135px 0
}

@media only screen and (max-width: 767px) {
    .form-block-content {
        padding: 75px 0
    }
}

@media only screen and (max-width: 540px) {
    .form-block-content {
        padding: 45px 0
    }
}

.mobile-header-block .menu-area {
    width: 10%
}

.mobile-header-block .logo-area {
    width: 5%;
    text-align: center
}

.mobile-header-block .logo-area .site-logo {
    padding: 15px 0
}

@media only screen and (max-width: 480px) {
    .mobile-header-block .logo-area .site-logo {
        padding: 15px 10px
    }
    .contact-main .col-lg-3{
        width:90% !important;
        }
}

.mobile-header-block .search-block {
    width: 5%
}

.mobile-header-block .search-block .main-search {
    padding: 25px 10px;
    display: block
}

.mobile-header-block .search-block .main-search .fa {
    font-size: 20px;
    color: white
}

.mobile-header-block .additional-content {
    width: 5%
}

.mobile-header-block .additional-content .trigger-overlay {
    padding: 25px 10px;
    display: block
}

.mobile-header-block .additional-content .trigger-overlay .fa {
    font-size: 20px;
    color: white
}

.mobile-header-block .left-content ul {
    padding-top: 56px;
    list-style: none;
    padding-left: 10px;
}

.mobile-header-block .left-content ul li {
    width: 240px
}

.mobile-header-block .left-content ul li a {
    color: #cbb682;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
    padding: 9px 15px 9px 15px;
    font-size: 14px;
    letter-spacing: 0;
    border-right: solid 0px;
    background-color: transparent;
    line-height: 25px;
    border-bottom: 1px solid #313131
}

.mobile-header-block .left-content ul li a .fa {
    font-size: 18px;
    margin-right: 5px
}

.banner-with-menu-area .top-navigation .menu-list>li>a span {
    color: #e2e2e2
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .header-top-content .col-md-8.col-sm-8 {
        width: 58.666667%
    }
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .header-top-content .col-md-4.col-sm-4 {
        width: 40.333333%
    }
}

.cd-user-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 54, 66, 0.9);
    z-index: 9999;
    overflow-y: auto;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s
}

.cd-user-modal.is-visible {
    visibility: visible;
    opacity: 1
}

.cd-user-modal.is-visible .cd-user-modal-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.cd-user-modal-container {
    position: relative;
    width: 90%;
    max-width: 600px;
    background: #FFF;
    margin: 3em auto 4em;
    cursor: auto;
    border-radius: 0.25em;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s
}

@media only screen and (min-width: 600px) {
    .cd-user-modal-container {
        margin: 4em auto
    }
}

.cd-user-modal-container .cd-switcher:after {
    content: "";
    display: table;
    clear: both
}

.cd-user-modal-container .cd-switcher li {
    width: 50%;
    float: left;
    text-align: center;
    list-style: none
}

.cd-user-modal-container .cd-switcher li:first-child a {
    border-radius: 0.25em 0 0 0
}

.cd-user-modal-container .cd-switcher li:last-child a {
    border-radius: 0 0.25em 0 0
}

.cd-user-modal-container .cd-switcher a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #d2d8d8;
    color: #809191;
    font-weight: 600;
    text-transform: capitalize
}

@media only screen and (min-width: 600px) {
    .cd-user-modal-container .cd-switcher a {
        height: 70px;
        line-height: 70px
    }
}

.cd-user-modal-container .cd-switcher a.selected {
    background: #FFF;
    color: #505260
}

.cd-switcher {
    padding: 0
}

.cd-form {
    padding: 1.4em
}

@media only screen and (min-width: 600px) {
    .cd-form {
        padding: 2em
    }
}

.cd-form .fieldset {
    position: relative;
    margin: 1.4em 0
}

@media only screen and (min-width: 600px) {
    .cd-form .fieldset {
        margin: 2em 0
    }
}

.cd-form .fieldset:first-child {
    margin-top: 0
}

@media only screen and (min-width: 600px) {
    .cd-form .fieldset:first-child {
        margin-top: 0
    }
}

.cd-form .fieldset:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 600px) {
    .cd-form .fieldset:last-child {
        margin-bottom: 0
    }
   
}

.cd-form label {
    font-size: 14px
}

.cd-form label.image-replace {
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
    text-shadow: none;
    background-repeat: no-repeat;
    background-position: 50% 0
}

.cd-form label.cd-username {
    background-image: url("assets/images/cd-icon-username.svg")
}

.cd-form label.cd-email {
    background-image: url("assets/images/cd-icon-email.svg")
}

.cd-form label.cd-password {
    background-image: url("assets/images/cd-icon-password.svg")
}

.cd-form input {
    margin: 0;
    padding: 0;
    border-radius: 0.25em
}

.cd-form input.full-width {
    width: 100%
}

.cd-form input.has-padding {
    padding: 12px 20px 12px 50px
}

@media only screen and (min-width: 600px) {
    .cd-form input.has-padding {
        padding: 16px 20px 16px 50px
    }
}

.cd-form input.has-border {
    border: 1px solid #d2d8d8;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.cd-form input.has-border:focus {
    border-color: #343642;
    box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
    outline: none
}

.cd-form input.has-error {
    border: 1px solid #d76666
}

.cd-form input[type=password] {
    padding-right: 65px
}

.cd-form input[type=submit] {
    padding: 16px 0;
    cursor: pointer;
    color: #FFF;
    font-weight: bold;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

@media only screen and (min-width: 600px) {
    .cd-form input[type=submit] {
        padding: 16px 0
    }
}

.cd-form .hide-password {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 15px;
    border-left: 1px solid #d2d8d8;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #343642
}

.cd-form .cd-error-message {
    display: inline-block;
    position: absolute;
    left: -5px;
    bottom: -35px;
    background: rgba(215, 102, 102, 0.9);
    padding: .8em;
    z-index: 2;
    color: #FFF;
    font-size: 13px;
    border-radius: 0.25em;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
    -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
    transition: opacity 0.2s 0, visibility 0 0.2s
}

.cd-form .cd-error-message::after {
    content: '';
    position: absolute;
    left: 22px;
    bottom: 100%;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(215, 102, 102, 0.9)
}

.cd-form .cd-error-message.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.2s 0, visibility 0 0;
    -moz-transition: opacity 0.2s 0, visibility 0 0;
    transition: opacity 0.2s 0, visibility 0 0
}

.no-touch .cd-form input[type=submit]:hover,
.no-touch .cd-form input[type=submit]:focus {
    outline: none
}

.cd-form-message {
    padding: 1.4em 1.4em 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: center
}

@media only screen and (min-width: 600px) {
    .cd-form-message {
        padding: 2em 2em 0
    }
}

.cd-form-bottom-message {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 14px
}

.cd-form-bottom-message a {
    color: #FFF;
    text-decoration: underline
}

.cd-close-form {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: -40px;
    background: url("assets/images/cd-icon-close.svg") no-repeat center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

#cd-login,
#cd-signup,
#cd-reset-password {
    display: none
}

#cd-login.is-selected,
#cd-signup.is-selected,
#cd-reset-password.is-selected {
    display: block
}

.slider-content {
    padding: 130px 0px
}

.slider-area {
    overflow: hidden
}

.slider-text-content {
    clear: both;
    overflow: hidden;
    color: #fff;
    text-align: center
}

.slider-text-content h3 {
    font-size: 24px;
    color: #fff
}

@media screen and (max-width: 536px) {
    .slider-text-content h3 {
        font-size: 18px
    }
}

.slider-text-content h2 {
    color: #fff;
    font-size: 43px;
    margin-top: 0;
    margin-bottom: 30px;
    position: relative;
    margin-bottom: 45px;
    font-weight: bold;
    line-height: 1.1em
}

@media screen and (max-width: 1200px) {
    .slider-text-content h2 {
        font-size: 75px
    }
}

@media screen and (max-width: 1075px) {
    .slider-text-content h2 {
        font-size: 60px
    }
}

@media screen and (max-width: 767px) {
    .slider-text-content h2 {
        font-size: 45px
    }
}

@media screen and (max-width: 536px) {
    .slider-text-content h2 {
        font-size: 27px
    }
}

.slider-text-content h2:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -30px;
    width: 90px;
    height: 5px;
    margin: auto;
    border-radius: 5px
}

.slider-text-content p {
    font-size: 18px;
    padding: 0 50px;
    font-weight: normal
}

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

.slider-text-content a {
    font-size: 22px;
    padding: 15px 30px;
    font-weight: 600
}

@media screen and (max-width: 536px) {
    .slider-text-content a {
        font-size: 15px;
        padding: 10px 30px;
        margin-top: 60px;
        display: none;
    }
}

.slider-area .main-slider>div.owl-controls>div.owl-nav>div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    line-height: normal;
    padding: 15px 15px;
    font-size: 42px;
    border-radius: 50%;
    color: #fff
}

.slider-area .main-slider>div.owl-controls>div.owl-nav>div.owl-prev {
    left: 40px
}

.slider-area .main-slider>div.owl-controls>div.owl-nav>div.owl-next {
    right: 40px
}

.show-image-content img {
    width: auto
}

.show-text-content {
    margin-top: 5%;
    color: #fff;
    padding: 50px
}

.show-text-content h2 {
    font-size: 140px;
    font-weight: bold;
    color: #fff;
    line-height: 140px
}

@media only screen and (max-width: 1000px) {
    .show-text-content h2 {
        font-size: 105px;
        line-height: 105px
    }
}

@media only screen and (max-width: 768px) {
    .show-text-content h2 {
        font-size: 75px;
        line-height: 75px
    }
}

@media only screen and (max-width: 490px) {
    .show-text-content h2 {
        font-size: 60px;
        line-height: 60px
    }
}

@media only screen and (max-width: 430px) {
    .show-text-content h2 {
        font-size: 30px;
        line-height: 30px
    }
}

@media only screen and (max-width: 590px) {
    .show-text-content p {
        display: none
    }
}

@media only screen and (max-width: 590px) {
    .show-text-content {
        padding: 0
    }
}

.slider-image {
    padding: 150px 0px;
    background-image: url(images/slider-three.html)
}

.slider-image .special {
    background: #21B360
}

.slider-image-six {
    padding: 100px 0px 0px;
    background-position: 50% 50% !important;
    background-size: cover !important
}

.slider-image-six img {
    width: 70px
}

.slider-image-six h4 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 50px;
    color: #fff
}

.slider-image-six h2:before {
    width: 0
}

.slider-image-six .button {
    top: 10px
}

.top-menu.six {
    top: 90px;
    position: relative;
    border-top: 1px solid #979797;
    padding-bottom: 0
}

.top-menu.six ul {
    margin: auto;
    display: table
}

.top-menu.six a {
    font-size: 24px
}

.main-slide.eight {
    overflow: hidden
}

.main-slide.eight .slider-content-eight {
    text-align: center;
    margin-top: -60px
}

.main-slide.eight .slider-content-eight h3 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff
}

@media screen and (max-width: 992px) {
    .main-slide.eight .slider-content-eight h3 {
        margin-bottom: 5px;
        margin-top: 20px
    }
}

@media screen and (max-width: 530px) {
    .main-slide.eight .slider-content-eight h3 {
        display: none
    }
}

.main-slide.eight .slider-content-eight p {
    font-size: 20px;
    color: #fff
}

@media screen and (max-width: 530px) {
    .main-slide.eight .slider-content-eight p {
        display: none
    }
}

@media screen and (max-width: 992px) {
    .main-slide.eight .pogoSlider {
        padding-bottom: 48% !important
    }
}

@media screen and (max-width: 767px) {
    .main-slide.eight .pogoSlider {
        padding-bottom: 65% !important
    }
}

@media screen and (max-width: 530px) {
    .main-slide.eight .pogoSlider {
        padding-bottom: 100% !important
    }
}

.pogoSlider-slide {
    background-position: center center
}

@media screen and (min-width: 1200px) {
    .container-slider {
        width: 1100px;
        margin: auto
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .container-slider.one {
        padding: 7%
        
    }
}

@media screen and (min-width: 840px) and (max-width: 991px) {
    .container-slider.one {
        padding: 7%
    }
}

@media screen and (min-width: 700px) and (max-width: 839px) {
    .container-slider.one {
        padding: 10%
    }
}

@media screen and (max-width: 699px) {
    .container-slider.one {
        padding: 10%
    }
}

@media screen and (max-width: 480px) {
    .container-slider.one {
        padding: 7%;
      
    }
}

@media screen and (min-width: 1200px) {
    .container-slider.one {
        padding: 7% 0
    }
}

@media screen and (min-width: 1400px) {
    .container-slider.one {
        padding: 8% 0
    }
}

@media screen and (min-width: 1500px) {
    .container-slider.one {
        padding: 9% 0
    }
}

@media screen and (min-width: 1600px) {
    .container-slider.one {
        padding: 10% 0
    }
}

@media only screen and (min-width: 1950px) {
    .container-slider.one {
        padding: 15% 0
    }
}

.main-slider-two p.pogoSlider-slide-element {
    font-weight: 600
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area .pogoSlider {
        padding-bottom: 45% !important
    }
}

@media screen and (min-width: 840px) and (max-width: 991px) {
    .slider-area .pogoSlider {
        padding-bottom: 50% !important
    }
}

@media screen and (min-width: 700px) and (max-width: 839px) {
    .slider-area .pogoSlider {
        padding-bottom: 72% !important
    }
}

@media screen and (max-width: 699px) and (min-width: 536px) {
    .slider-area .pogoSlider {
        padding-bottom: 60% !important
    }
}

@media screen and (max-width: 534px) {
    .slider-area .pogoSlider {
        padding-bottom: 100% !important
    }
}

@media screen and (max-width: 699px) {
    .slider-area .pogoSlider-dir-btn.pogoSlider-dir-btn--prev {
        left: 25px
    }
}

@media screen and (max-width: 380px) {
    .slider-area .pogoSlider-dir-btn.pogoSlider-dir-btn--prev {
        left: 10px
    }
}

@media screen and (max-width: 699px) {
    .slider-area .pogoSlider-dir-btn.pogoSlider-dir-btn--next {
        right: 25px
    }
}

@media screen and (max-width: 380px) {
    .slider-area .pogoSlider-dir-btn.pogoSlider-dir-btn--next {
        right: 10px
    }
}

.main-slider-two {
    padding-bottom: 60px
}

@media only screen and (min-width: 1400px) {
    .main-slider-two {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1600px) {
    .main-slider-two .container-slider {
        padding: 3% 0
    }
}

@media only screen and (max-width: 480px) {
    .main-slider-two .container-slider {
        padding: 10% 8%
    }
}

@media screen and (min-width: 1200px) and (max-width: 1367px) {
    .main-slider-two .pogoSlider {
        padding-bottom: 42% !important
    }
}

@media screen and (min-width: 690px) and (max-width: 1199px) {
    .main-slider-two .pogoSlider {
        padding-bottom: 55% !important
    }
}

@media screen and (max-width: 690px) {
    .main-slider-two .pogoSlider {
        padding-bottom: 65% !important
    }
}

@media only screen and (min-width: 1400px) {
    .main-slider-two .pogoSlider-dir-btn.pogoSlider-dir-btn--prev {
        left: 10%
    }
}

@media only screen and (min-width: 1400px) {
    .main-slider-two .pogoSlider-dir-btn.pogoSlider-dir-btn--next {
        right: 10%
    }
}

@media screen and (max-width: 699px) {
    .main-slider-two .pogoSlider-dir-btn.pogoSlider-dir-btn--prev {
        left: 25px
    }
}

@media screen and (max-width: 380px) {
    .main-slider-two .pogoSlider-dir-btn.pogoSlider-dir-btn--prev {
        left: 10px
    }
}

@media screen and (max-width: 699px) {
    .main-slider-two .pogoSlider-dir-btn.pogoSlider-dir-btn--next {
        right: 25px
    }
}

@media screen and (max-width: 380px) {
    .main-slider-two .pogoSlider-dir-btn.pogoSlider-dir-btn--next {
        right: 10px
    }
}

.aboutus-area.four .title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.about-heading-content h2,
.about-content-left h2,
.social-media.footer i,
.availability-area.two h2 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.slider-text {
    padding: 100px 0px;
    text-align: center
}

.default-template-gradient.default-pd-center h2 {
    color: #fff;
    font-size: 45px;
    font-family: inherit;
    font-weight: bold
}

.default-template-gradient.default-pd-center p {
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0;
    font-weight: 500
}

.slider-main-content.heading h2 {
    color: #000
}

.slider-main-content.heading p {
    letter-spacing: 1px;
    color: #d6d6d6
}

.header-bottom-area.four.slider-text {
    padding: 10px 0 150px
}

.header-bottom-area.four.slider-text .header-bottom-text-content {
    position: relative;
    top: 80px
}

.header-bottom-area.four.slider-text .header-bottom-text-content h2 {
    color: #000
}

.header-bottom-area.four.slider-text .header-bottom-text-content p {
    color: #fff
}

.banner-with-menu-area .banner-images {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media only screen and (min-width: 992px) {
    .banner-with-menu-area .site-navigation {
        border-top: 1px solid #9e9e9e
    }
}

.banner-with-menu-area .more-link {
    padding: 10px 30px
}

.banner-text-content {
    text-align: center;
    padding: 105px 0 75px
}

.banner-text-content .banner-title {
    color: #fff;
    font-size: 90px;
    margin-top: 0;
    margin-bottom: 30px;
    position: relative;
    margin-bottom: 45px;
    font-weight: bold;
    line-height: 1em
}

@media screen and (max-width: 990px) {
    .banner-text-content .banner-title {
        font-size: 60px
    }
}

@media screen and (max-width: 767px) {
    .banner-text-content .banner-title {
        font-size: 45px
    }
}

.banner-text-content .banner-subtitle {
    color: #ffffff
}

.banner-text-content .more-link {
    border-radius: 50px
}

.category-menu.container-fluid {
    padding: 0
}

.category-menu-content {
    position: relative
}

.category-menu-content .item {
    position: relative;
    min-height: 142px;
    border: 1px solid #b5b5b5;
    border-right: 0 none;
    padding: 15px 5px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.category-slider {
    position: relative;
    border-right: none
}

.category-slider .owl-stage-outer .owl-item:first-child .item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.category-list h4 {
    font-size: 16px;
    margin-top: 20px;
    color: #252525;
    font-weight: 600;
    font-family: inherit
}

.category-list img {
    max-width: 30px;
    margin: auto;
    height: auto
}

.category-list i {
    font-size: 30px
}

.category-list.style-one {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.category-list.style-two {
    margin-bottom: 30px
}

.category-list.style-two h4 {
    color: #777777
}

.category-list a {
    display: block
}

.category-title h3 {
    background-color: #F9F9F9;
    padding: 8px 20px;
    color: #000;
    position: relative;
    font-family: inherit;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin: 0
}

.category-menu {
    position: relative;
    z-index: 9;
    overflow: hidden
}

.category-menu .owl-nav>div {
    background: #f5f5f5;
    padding: 5px 28px
}

.category-menu.four .category-title {
    display: none
}

.category-menu.four .category-slider>div.owl-controls>div.owl-nav {
    display: none
}

.category-menu.four .category-slider {
    background-color: transparent
}

.category-menu.five {
    margin-bottom: 60px
}

.category-menu.five .category-list:hover h4 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.category-menu.seven {
    top: -25px
}

.category-menu.seven .category-title h3 {
    font-size: 17px
}

.category-menu.seven .category-title h3 span {
    padding: 8px 44px;
    color: #fff;
    position: relative;
    font-weight: 700
}

.category-menu.seven .category-slider-seven {
    position: relative
}

.category-menu.seven .owl-stage-outer {
    border-right: 1px solid #b5b5b5
}

.category-menu.seven .category-slider-seven>div.owl-nav>div {
    position: absolute;
    top: -35px;
    right: 0;
    border: 1px solid #b5b5b5;
    width: 70px;
    font-size: 30px;
    color: #b5b5b5;
    text-align: center
}

.category-menu.seven .category-slider-seven>div.owl-nav>div.owl-prev {
    padding: 2px 12px;
    border-right: 1px solid #b5b5b5;
    right: 69px
}

.category-menu.seven .category-slider-seven>div.owl-nav>div.owl-prev i {
    font-weight: bold
}

.category-menu.seven .category-slider-seven>div.owl-nav>div.owl-next {
    padding: 2px 10px
}

.category-menu.seven .category-slider-seven>div.owl-nav>div.owl-next i {
    font-weight: bold
}

@media only screen and (max-width: 470px) {
    .category-menu.seven .category-slider-seven>div.owl-nav {
        display: none
    }
}

.category-menu .category-slider div.owl-nav>div {
    display: inline-block;
    font-size: 30px;
    color: #b5b5b5;
    position: relative
}

.category-menu .category-slider div.owl-nav>div.owl-prev:after {
    content: "";
    background-color: #b5b5b5;
    width: 1px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 6px
}

.category-menu .category-slider div.owl-nav {
    position: absolute;
    top: -40px;
    right: 0
}

.catagory-right-content {
    position: relative
}

.catagory-right-content .category-list {
    border-right: 0;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .catagory-right-content .category-list {
        text-align: center
    }
}


@media screen and (max-width: 767px) {
    .catagory-left-content {
        margin-bottom: 70px;
        text-align: center
    }
}

.catagory-left-content h2 {
    font-size: 60px;
    font-weight: bold;
    font-family: inherit;
    line-height: 1.15em
}

@media screen and (max-width: 767px) {
    .catagory-left-content h2 {
        font-size: 40px
    }
}

@media screen and (max-width: 992px) {
    .catagory-left-content h2 {
        font-size: 40px
    }
}

.catagory-left-content .button {
    background-color: gold;
    display: inline-block;
    margin-top: 30px
}

@media screen and (max-width: 767px) {
    .catagory-left-content .button {
        float: none
    }
}

.availability-area {
    padding: 60px 0 90px
}

.availability-area h3 {
    text-align: center;
    position: relative
}

.availability-area .button {
    margin-top: 45px;
    border: none;
    padding: 15px 45px
}

.availability-area.two {
    background-color: #EDFFE8;
    margin-top: 0
}

.availability-area.two table {
    width: 100%;
    margin-bottom: 50px
}

.availability-area.two table th,
.availability-area.two table td {
    background-color: #3C3C3C;
    border: 1px solid #3C3C3C;
    text-align: center;
    color: #fff;
    padding: 15px;
    letter-spacing: 0.25px;
    font-size: 16px
}

.availability-area.two table th .fa-angle-down,
.availability-area.two table td .fa-angle-down {
    position: relative;
    left: 10px;
    font-size: 18px
}

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

    .availability-area.two table th,
    .availability-area.two table td {
        display: none
    }
}

.availability-area.two table td {
    background-color: #fff;
    text-align: center;
    padding: 15px;
    letter-spacing: 0.25px;
    font-weight: 600;
    font-size: 16px;
    color: #333
}

@media only screen and (max-width: 800px) {
    .availability-area.two table td:last-child {
        border-bottom: 1px solid #3C3C3C
    }
}

@media only screen and (max-width: 800px) {
    .availability-area.two table td {
        display: block !important;
        text-align: left;
        border-bottom: 0 none
    }
}

@media only screen and (max-width: 800px) {
    .availability-area.two table td:before {
        content: attr(data-title) ": ";
        margin-right: 5px
    }
}

.availability-area.two .list {
    background: #fff;
    position: relative;
    top: -68px;
    padding: 10px 100px;
    font-family: inherit;
    font-weight: 500;
    color: #000
}

.availability-area.two .list span {
    color: #7B7B7B
}

.availability-area.two .form-group:nth-child(5) {
    margin-right: 0px
}

.availability-area.two .form-group:nth-child(4) input {
    margin-top: 30px
}

.availability-area.two .form-content .form-group:first-child input {
    width: 260px
}

@media only screen and (max-width: 767px) {
    .availability-area.two .form-content .form-group:first-child input {
        width: 100%
    }
}

.availability-area.two .form-content select {
    width: 250px
}

@media only screen and (max-width: 767px) {
    .availability-area.two .form-content select {
        width: 100%
    }
}

.availability-area.two .form-content h4 {
    font-family: "Poppins", sans-serif
}

.availability-area.two .form-content label {
    font-family: "Poppins", sans-serif
}

.availability-area.two .button {
    display: inline-block;
    margin: 0 5px
}

.availability-area.two .availability-heading h4 span {
    text-transform: lowercase
}

.aboutus-area {
    padding: 60px 0;
}

.aboutus-area .tab-list {
    position: relative
}

.aboutus-area .tab-list:before {
    position: absolute;
    content: "";
    background-color: #000000;
    width: 1px;
    height: 100%;
    top: 0;
    z-index: 999;
    right: -12px
}

@media screen and (max-width: 990px) {
    .aboutus-area .tab-list:before {
        display: none
    }
}

@media screen and (max-width: 1200px) {
    .aboutus-area .tab-list:before {
        background-color: transparent
    }
}

.aboutus-area .nav.nav-tabs {
    border-bottom: none
}

.aboutus-area .nav.nav-tabs li {
    padding-bottom: 60px;
    position: relative
}

.aboutus-area .nav.nav-tabs li:before {
    position: absolute;
    content: "";
    background-color: #020202;
    width: 20px;
    height: 20px;
    right: -27px;
    top: 10px;
    border-radius: 50%;
    z-index: 999;
    border: 5px solid #EEEEEE
}
.aboutus-area .nav.nav-tabs .round:before{
    right:-21px;
}
@media screen and (max-width: 990px) {
    .aboutus-area .nav.nav-tabs li:before {
        top: 30px
    }
}

.aboutus-area .nav.nav-tabs li:last-child::before {
    top: auto;
    bottom: 0;
    right: -17px;
}



.aboutus-area .nav.nav-tabs li:first-child::before {
    top: 0;
    right: -24px
}

@media screen and (max-width: 990px) {
    .aboutus-area .nav.nav-tabs li:first-child::before {
        top: 30px
    }
}

.aboutus-area .nav.nav-tabs li:last-child {
    padding: 0
}

.aboutus-area .nav.nav-tabs a {
    font-size: 16px;
    font-weight: 600;
    
}

.aboutus-area .nav.nav-tabs a:last-child {
    padding: 0 30px
}

.aboutus-area .nav.nav-tabs a:hover {
    background: none
}



.aboutus-area .about-mobile {
    width: 100%;
    border: 2px solid #31386e;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 30px
}

.aboutus-area .nav-tabs.four li.active:before {
    background-color: #34B96D
}

.aboutus-area .text-content {
    line-height: 25px;
    font-size: 14px;
    color: #4b4b4b;
    font-weight: 500
}

@media screen and (max-width: 990px) {
    .aboutus-area .text-content {
        margin-bottom: 20px
    }
}

.aboutus-area .text-content {
    padding: 0 10px
}

.aboutus-area .text-content ul li,
.aboutus-area .text-content ol li {
    position: relative;
    list-style: none;
    margin-top: 10px
}

.aboutus-area .text-content ul li:before,
.aboutus-area .text-content ol li:before {
    position: absolute;
    content: "";
    background-color: #CBB682;
    width: 8px;
    height: 8px;
    left: -25px;
    top: 7px;
    border-radius: 50%
}

.aboutus-area .text-content>ul>li:first-child,
.aboutus-area .text-content>ol>li:first-child {
    margin-top: 0
}

.apartment-menu {
    border-bottom: 0 none
}

.apartment-menu li.active>a,
.apartment-menu>li.active>a,
.apartment-menu>li.active>a:focus,
.apartment-menu>li.active>a:hover,
.apartment-menu li a:hover {
    color: #fff;
    cursor: pointer;
    border: 0 none;
    border-bottom-color: 0 none
}

.apartment-menu li.active>a span,
.apartment-menu>li.active>a span,
.apartment-menu>li.active>a:focus span,
.apartment-menu>li.active>a:hover span,
.apartment-menu li a:hover span {
    color: #fff
}

.apartment-menu li a {
    border: 0 none;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    text-transform: capitalize
}

.apartment-menu li a span {
    display: block;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.015em;
    color: #8c8c8c
}

.apartment-menu li a i {
    padding: 0 3px
}

.apartment-menu .dropdown-menu {
    margin: 0;
    padding: 0;
    border-radius: 5px
}

.apartment-menu .dropdown-menu li a {
    text-align: left;
    padding: 10px 20px
}

.apartment-menu>li {
    margin-bottom: 0;
    margin-right: 15px
}

.apartment-menu>li>a {
    padding: 15px 20px;
    background-color: #e8e8e8;
    color: #000000
}

.apartments-area .title {
    margin-bottom: 20px
}

.apartment-with-ads {
    padding: 75px 0
}

@media only screen and (max-width: 992px) {
    .apartment-with-ads .col-md-8>.button {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 992px) and (min-width: 560px) {
    .apartment-with-ads .col-md-4 .widget {
        width: 46.5%;
        float: left;
        margin-right: 15px
    }
}

.apartment-with-ads .col-md-4 .widget img {
    display: block;
    margin: auto
}

@media only screen and (max-width: 530px) {
    .apartment-with-ads .col-md-6.col-sm-6.col-xs-6 {
        width: 100%
    }
}

.apartments-content {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 5px
}

.apartments-content .image-content {
    overflow: hidden;
    clear: both;
    border-radius: 5px
}

.apartments-content img {
    width: 100%
}

.apartments-content .text-content h3 {
    font-weight: 800;
    color: #292928;
    font-family: inherit;
    font-size: 20px
}

.apartments-content .text-content .top-content {
    border: 1px solid #E4E4E4;
    padding: 0px 20px 20px;
    margin-top: -3px
}

.apartments-content .text-content .top-content span i {
    font-size: 20px;
    color: #9d9d9d;
    margin-right: 5px
}

.apartments-content .text-content .top-content span {
    font-size: 14px;
    color: #9d9d9d;
    font-weight: 500
}

.apartments-content .text-content .bottom-content {
    padding: 20px 20px 20px;
    font-size: 13px;
    color: #9d9d9d;
    font-weight: 500;
    border: 1px solid #E4E4E4;
    border-top: none;
    border-radius: 0 0 5px 5px
}

.apartments-content .text-content .bottom-content>div {
    display: inline-block
}

.apartments-content .text-content .bottom-content>div i {
    margin-right: 5px
}

.apartments-content .text-content .bottom-content .meta-bed-room {
    margin-right: 30px
}

.apartments-content .text-content .bottom-content .rent-price {
    font-size: 20px;
    margin-top: 20px;
    color: #000;
    font-weight: bold
}

.apartments-content .text-content .bottom-content .share-meta {
    font-size: 18px
}

.apartments-content .text-content .bottom-content .share-meta>ul {
    list-style: none;
    float: right;
    margin-top: 20px;
    margin-bottom: 0
}

.apartments-content .text-content .bottom-content .share-meta>ul li {
    float: left
}

.apartments-content .text-content .bottom-content .share-meta>ul li a i {
    margin-right: 10px
}

.apartments-content .text-content .bottom-content .share-meta>ul li .dropdown-menu li {
    float: none
}

.apartments-content .text-content .bottom-content .share-meta .dropdown-menu {
    min-width: 55px;
    right: 0;
    margin: auto;
    left: -20px;
    bottom: 30px;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.175)
}

.apartments-content .text-content .bottom-content .share-meta .dropdown-menu:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: -10px;
    border-top: 10px solid #a2a1a1;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    width: 15px;
    margin: auto
}

.apartments-content .text-content .bottom-content .share-meta .dropdown-menu>li>a {
    padding: 8px 20px
}

.apartments-area {
    padding: 75px 0 90px
}

@media only screen and (max-width: 992px) {
    .apartments-area {
        padding: 30px 0 60px
    }
}

.apartments-area .apartments-content .text-content .bottom-content .meta-bed-room {
    margin-right: 14px
}

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

    .apartments-area .col-md-4.col-sm-6.col-xs-6,
    .apartments-area .col-md-3.col-sm-6.col-xs-6,
    .apartments-area .col-md-6.col-sm-6.col-xs-6 {
        width: 100%
    }
}

@media screen and (max-width: 990px) {
    .apartments-area.seven .form-bg.seven {
        margin-bottom: 30px
    }
}

.apartments-area.seven .visible-xs-block {
    display: block !important
}

.apartments-area.seven .apartments-heading-content {
    margin-bottom: 80px
}

.apartments-area.seven .apartments-content.seven {
    margin-top: -70px
}

@media screen and (max-width: 990px) {
    .apartments-area.seven .apartments-content.seven {
        margin-top: 0px
    }
}

.apartments-area.seven .overlay-image {
    height: 468px
}

.apartments-area .button.Load {
    border-radius: 5px
}

.apartments-area .button {
    padding: 15px 45px
}

.apartments-area .home {
    font-family: "Poppins", sans-serif;
    position: relative;
    top: -40px;
    font-weight: 600
}

.apartments-area .home a {
    margin-right: 10px
}

.apartments-area.post h1 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    font-family: inherit
}

.apartment-menu-mobile {
    width: 100%;
    border: 2px solid #31386e;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 30px
}

.apartments-content {
    position: relative;
    overflow: hidden
}

.apartments-content .overlay-image {
    height: 418px
}

@media screen and (max-width: 990px) {
    .apartments-content .overlay-image {
        height: 480px
    }
}

.apartments-content .overlay-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(127, 158, 136, 0.64);
    opacity: 0;
    border-radius: 5px
}

.apartments-content .overlay-content h3 {
    position: absolute;
    bottom: -65px;
    background-color: #20B55F;
    padding: 18px 10px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    width: 100%;
    text-align: center
}

.apartments-content .overlay-content h3 i {
    margin-left: 11px
}

.apartments-content:hover .overlay-content {
    opacity: 1
}

.apartments-content:hover .overlay-content h3 {
    bottom: -10px;
    transition: all 300ms ease-out
}

.apartment-tab-area .apartment-menu {
    display: table;
    width: 100%
}

.apartment-tab-area .apartment-menu>li {
    position: relative;
    display: table-row
}

.apartment-tab-area .apartment-menu>li>a {
    height: 70px;
    padding: 15px 30px;
    vertical-align: middle;
    display: table-cell
}

.apartment-tab-area .apartment-menu .pull-right {
    margin-right: 0
}

@media only screen and (max-width: 1200px) {
    .apartment-tab-area .apartment-menu .pull-right {
        float: left !important;
        margin-top: 15px
    }
}

.apartment-menu {
    margin-bottom: 30px
}

.apartment-menu>ul {
    list-style: none;
    padding: 0
}

.apartment-menu>ul>li {
    float: left;
    margin-right: 20px;
    padding: 5px 40px;
    background-color: #EDEDED;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    position: relative
}

@media screen and (max-width: 990px) {
    .apartment-menu>ul>li {
        width: 30%;
        margin-bottom: 20px
    }
}

.apartment-menu>ul>li span {
    display: block;
    font-size: 12px;
    color: #8a8a8a
}

.apartment-menu>ul>li:last-child {
    margin-right: 0
}

.apartment-menu>ul .dropdown {
    padding: 16px 40px;
    color: #fff
}

.apartment-menu>ul .dropdown i {
    color: #fff;
    position: relative;
    left: 15px;
    font-size: 20px;
    font-weight: bold
}

.apartment-menu>ul .dropdown.right {
    float: right
}

.apartment-menu>ul .dropdown-menu {
    min-width: 20px !important
}

.dropdown.right .catagory-dropdown {
    width: 189px
}

.apartment-single-area {
    padding: 60px 0
}

@media only screen and (max-width: 767px) {
    .apartment-single-area .form-bg.seven {
        margin-bottom: 0
    }
}

.apartments-related-area {
    padding: 60px 0 60px
}

.apartments-related-area .title {
    font-family: inherit;
    margin: 0 !important;
    font-size: 45px !important
}

@media only screen and (max-width: 992px) and (min-width: 520px) {
    .apartments-related-area .col-md-4.col-sm-6:last-child {
        display: none
    }
}

@media only screen and (max-width: 520px) {
    .apartments-related-area .col-md-4.col-sm-6 {
        width: 100%
    }
}

.corousel-gallery-content h4 {
    font-family: "Poppins", sans-serif;
    position: relative;
    top: -30px
}

.corousel-gallery-content h4 a {
    margin-right: 10px
}

.corousel-gallery-content h4 span {
    font-weight: normal;
    color: #605F5F
}

.corousel-gallery-content .owl-carousel .owl-item img {
    border-radius: 10px
}

.corousel-gallery-area {
    padding: 40px 0
}

.list-view.owl-carousel.owl-theme.owl-loaded {
    margin-top: 20px;
    margin-bottom: 50px
}

.list-view.owl-carousel.owl-theme.owl-loaded img {
    border-radius: 10px
}

.family-apartment-content .tb {
    margin-bottom: 30px
}

.family-apartment-content .tb-cell {
    vertical-align: bottom
}

.family-apartment-content .rent {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
    color: #777
}

@media only screen and (max-width: 520px) {
    .family-apartment-content .rent {
        font-size: 15px;
        padding-left: 5px
    }
}

.family-apartment-content .apartment-description {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    line-height: 1.75em;
    color: #777
}

.family-apartment-content .apartment-description:before {
    position: absolute;
    content: "";
    width: 60px;
    height: 8px;
    bottom: -20px
}

.family-apartment-content .apartment-title {
    font-family: inherit;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0
}

.family-apartment-content .price-details {
    margin-top: 60px;
    margin-bottom: 45px
}

.family-apartment-content .price-details h1,
.family-apartment-content .price-details h2,
.family-apartment-content .price-details h3,
.family-apartment-content .price-details h4,
.family-apartment-content .price-details h5 {
    font-family: inherit;
    font-weight: bold
}

.family-apartment-content .price-details ul {
    list-style: none;
    padding: 0
}

.family-apartment-content .price-details ul li {
    line-height: 2.45em;
    color: #868686
}

.family-apartment-content .price-details ul li span {
    font-size: 18px;
    color: #4d4d4d;
    font-weight: bold
}

.family-apartment-content .property-details h1,
.family-apartment-content .property-details h2,
.family-apartment-content .property-details h3,
.family-apartment-content .property-details h4,
.family-apartment-content .property-details h5 {
    font-family: inherit;
    font-weight: bold
}

.family-apartment-content .property-details ul {
    list-style: none;
    padding: 0
}

.family-apartment-content .property-details ul li {
    font-size: 16px;
    color: #868686;
    margin-bottom: 30px;
    line-height: 1.85em
}

.family-apartment-content .property-details ul li span {
    font-weight: bold;
    font-size: 18px;
    color: #4D4D4D;
    font-family: "Poppins", sans-serif
}

.family-apartment-content .apartment-overview h1,
.family-apartment-content .apartment-overview h2,
.family-apartment-content .apartment-overview h3,
.family-apartment-content .apartment-overview h4,
.family-apartment-content .apartment-overview h5 {
    font-family: inherit;
    font-weight: bold
}

.family-apartment-content .apartment-overview ul {
    font-weight: 600;
    color: #666666;
    list-style: none;
    padding: 0
}

.family-apartment-content .apartment-overview li {
    background-color: #F8F8F8;
    padding: 20px 40px;
    margin-bottom: 10px
}

.family-apartment-content .apartment-overview .overview {
    margin-top: 30px
}

.indoor-features {
    margin-top: 45px
}

.indoor-features h1,
.indoor-features h2,
.indoor-features h3,
.indoor-features h4,
.indoor-features h5 {
    font-family: inherit;
    font-weight: bold
}

.indoor-features .features-title {
    font-size: 20px;
    color: #444444;
    background: #F8F8F8;
    padding: 20px 30px;
    margin: 0;
    line-height: normal
}

.indoor-features .features-list {
    list-style: none;
    padding-left: 30px;
    margin-top: 15px
}

.indoor-features .features-list li {
    font-size: 15px;
    font-weight: 600;
    color: #666666;
    line-height: 2.45em
}

.indoor-features .features-list li:before {
    content: "--";
    margin-right: 10px
}

.corousel-gallery-area .form-bg.seven.post {
    margin-top: 0px
}

.apartment-sidebar .form-bg.seven {
    max-width: 100%
}

.fun-fects-area {
    position: relative;
    padding: 90px 0px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.fun-fects-area:before {
    position: absolute;
    content: "";
    background-color: #cbb682d4;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.stat {
    text-align: center
}

.highlight {
    font-weight: bold;
    margin-bottom: 40px;
    font-size: 60px;
    color: #000000;
    font-family: inherit;
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .highlight {
        font-size: 45px
    }
}

.milestone-details {
    font-weight: bold;
    font-size: 18px;
    color: #000000
}

@media screen and (max-width: 990px) {
    .milestone-details {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .milestone-details {
        font-size: 20px
    }
}

@media screen and (max-width: 990px) {
    .milestone-counter {
        margin-bottom: 50px
    }
}

.testimonial-area {
    padding-bottom: 60px ;
}

.testimonial-area .container {
    overflow: hidden
}

.testimonial-area .owl-carousel .owl-stage-outer {
    overflow: visible
}

.testimonial-area .testimonial-heading-content {
    text-align: center;
    margin-bottom: 90px;
    position: relative
}

.testimonial-area .testimonial-heading-content h2.title {
    font-size: 40px;
    color: #8b7752;
    font-weight: bold;
    margin-top: 0;
    line-height: 1.1em;
    margin-bottom: 0
}

@media screen and (max-width: 992px) {
    .testimonial-area .testimonial-heading-content h2.title {
        font-size: 90px
    }
}

@media screen and (max-width: 780px) {
    .testimonial-area .testimonial-heading-content h2.title {
        font-size: 75px
    }
}

@media screen and (max-width: 540px) {
    .testimonial-area .testimonial-heading-content h2.title {
        font-size: 30px
    }
    .heading-content-two h2.title{
        font-size: 30px;
    }
    .form{
        margin-bottom: 50px;
    }
    .footer-area .bottom-content{
        flex-direction: column;
    }
}

.testimonial-area .testimonial-heading-content h2.sub-title {
    font-size: 16px;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
    font-family: inherit
}

.testimonial-area .testimonial-heading-content i {
    font-size: 30px;
    position: absolute;
    bottom: 70px;
    color: #525252;
    left: 0;
    right: 0
}

.testimonial-slider .item {
    position: relative;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1)
}

.testimonial-slider .item .client-image {
    width: 71px;
    height: 71px;
    backface-visibility: hidden;
    position: absolute;
    top: -40px;
    left: 25px
}

.testimonial-slider .item .client-content {
    background-color: #fff;
    padding: 10px
}

.testimonial-slider .item h3 {
    font-family: inherit;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: capitalize
}

.testimonial-slider .item h5 {
    font-family: inherit;
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: normal;
    margin-top: 5px;
    text-transform: capitalize
}

.testimonial-slider .item p {
    font-size: 15px;
    margin-bottom: 15px
}

.testimonial-slider .item .star i {
    font-size: 17px
}

.testimonial-slider .owl-dot {
    width: 25px;
    height: 25px;
    background-color: #000000;
    border-radius: 50%;
    border: 7px solid #EEEEEE;
    display: inline-block;
    margin: 0 60px
}

@media only screen and (max-width: 992px) {
    .testimonial-slider .owl-dot {
        margin: 0 45px
    }
    .testimonial-slider .owl-dots{
        margin-top: 190px !important;
    }
}

@media only screen and (max-width: 780px) {
    .testimonial-slider .owl-dot {
        margin: 0 30px
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-slider .owl-dot {
        margin: 0 15px
    }
}

@media only screen and (max-width: 520px) {
    .testimonial-slider .owl-dot {
        margin: 0 5px
    }
    .testimonial-slider .owl-dots{
        margin-top: 80px !important;
    }
}

.testimonial-slider .owl-dots {
    display: inline-block;
    margin: auto;
    display: table;
    position: relative;
    margin-top: 70px;
    position: relative
}

.testimonial-slider .owl-dots:before {
    position: absolute;
    content: "";
    background-color: #000000;
    width: 70%;
    height: 1px;
    left: 0;
    bottom: 18px;
    z-index: -99;
    right: 0;
    margin: auto
}

@media screen and (max-width: 990px) {
    .testimonial-slider .owl-dots:before {
        display: none
    }
}

.testimonial-area>div>div:nth-child(2) {
    margin-right: -22px;
    margin-left: -20px
}

.company-logo-area {
    padding: 75px 0
}

.company-logo-area .logo-content img {
    width: auto;
    width: auto
}

.company-logo-area .logo-content h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
    font-family: inherit;
    font-weight: 600;
    margin-top: 0
}

.company-logo-area .logo {
    text-align: center
}

.company-logo-area .logo img {
    padding: 50px;
    width: auto
}

.call-to-action {
    padding: 70px 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    overflow: hidden
}

.call-to-action .tb-cell {
    float: none
}

@media only screen and (max-width: 520px) {
    .call-to-action .tb-cell {
        display: block
    }
}

.call-to-action .button {
    text-transform: capitalize;
    border-radius: 5px;
    display: inline-block
}

.call-to-action .contact-left-content h3 {
    font-size: 30px;
    font-weight: bold;
    font-family: inherit;
    color: #fff;
    margin-top: 0
}

.call-to-action .contact-left-content h4 {
    font-size: 20px;
    font-weight: bold;
    font-family: inherit;
    margin-bottom: 0
}

.call-to-action .contact-right-content {
    margin-left: 30%
}

@media screen and (max-width: 520px) {
    .call-to-action .contact-right-content {
        margin-left: 0%;
        margin-top: 30px
    }
}

.call-to-action .contact-right-content h4 {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
    font-weight: bold;
    line-height: 30px;
    font-family: "Poppins", sans-serif;
    margin-top: 0px
}

.call-to-action .contact-right-content h4 span {
    display: block
}

.call-to-action.style-two {
    padding: 40px 0 30px
}

.call-to-action.style-two .left-content {
    left: 0
}

.call-to-action.style-two .left-content h3 {
    font-size: 30px;
    font-weight: bold;
    font-family: inherit;
    color: #fff;
    margin-top: 0px
}

.call-to-action.style-two .left-content h4 {
    font-size: 20px;
    color: #303c6c;
    font-weight: bold;
    font-family: inherit
}

.call-to-action.style-two .right-content h4 {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
    font-weight: bold;
    line-height: 30px;
    font-family: "Poppins", sans-serif;
    margin-top: 0
}

.call-to-action.style-two .right-content h4 span {
    display: block
}

.call-to-action.style-two .right-content .contact a {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #303C6C;
    padding: 13px 45px;
    display: inline-block;
    border-radius: 5px
}

.call-to-action.with-map {
    display: block;
    position: relative;
    margin-top: -160px
}

@media only screen and (max-width: 992px) {
    .call-to-action.with-map {
        margin-top: 0
    }
}

.call-to-action.with-map .left-content h3,
.call-to-action.with-map .contact-left h4 {
    color: #fca22a
}

.service-area {
    padding-bottom: 60px
}

@media only screen and (max-width: 992px) {
    .service-area {
        padding: 30px
    }
}

@media only screen and (max-width: 530px) {
    .service-area {
        padding: 15px
    }
}

.service-area .col-md-4 {
    padding: 0
}

.service-content.border {
    border-right: 1px solid #DCDCDC;
    padding-bottom: 0px;
    border-bottom: none;
    /* padding-top: 35px */
}

@media screen and (max-width: 990px) {
    .service-content.border {
        padding: 0;
        border-right: none
    }
}

.service-content {
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  box-shadow: 5px 5px 19px 0 #cbb682;
    text-align: center;
    margin: 18px 52px;
    border-top: 10px solid #cbb682;
}

@media screen and (max-width: 990px) {
    .service-content {
        border-bottom: none;
        border-right: none;
        margin-bottom: 50px
    }
}

.service-content .image-content {
    width: 190px;
    height: 130px;
    margin: auto;
    padding-top: 20px;
 
}

.service-content .image-content img {
    height: 100%
}

.service-content p {
    color: #686868;
    font-weight: 500;
    padding: 20px 35px;
    line-height: 25px
}

.service-content h3 {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: bold
}

.service-area>div>div.row>div:nth-child(3)>div,
.service-area>div>div.row>div:nth-child(7)>div {
    border-right: none
}

.blog-area {
    padding: 60px 0
}

.blog-area .heading-content-one {
    margin-bottom: 30px
}

.blog-area .text-content {
    padding: 20px
}

.blog-area .text-content .top-content span {
    font-weight: 600;
    color: #828282;
    position: relative;
    font-size: 13px
}

.blog-area .text-content .top-content .devied {
    width: 2px;
    height: 12px;
    background-color: #828282;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px
}

.blog-area .bottom-content h4 {
    font-size: 16px;
    margin-top: 20px
}

.blog-area .bottom-content h4 a {
    font-family: "Poppins", sans-serif;
    color: 474747;
    margin-right: 20px;
    font-weight: 500;
    font-size: 14px
}

.blog-area .bottom-content h4 a i {
    margin-right: 5px
}

.blog-area .bottom-content h4 a .fa-heart-o {
    color: #5ED8E1
}

.blog-area .bottom-content h4 a:last-child i {
    color: #7CC144
}

.blog-area .blog-content {
    background-color: #fff;
    margin-bottom: 30px
}

@media screen and (max-width: 990px) {
    .blog-area .blog-content {
        margin-bottom: 30px
    }
}

.blog-area .nav-tabs {
    border-bottom: none;
    margin-bottom: 30px
}

.blog-area .nav-tabs li {
    margin-right: 20px
}

.blog-area .nav-tabs li a {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 40px;
    border-radius: 5px;
    background-color: #fff
}

.blog-area .nav-tabs li a:hover {
    border: 1px solid #fff
}

.blog-area .nav-tabs li a span {
    margin-right: 5px
}

.blog-area .nav-tabs li a span:last-child {
    margin-left: 5px
}

.blog-area .nav-tabs li.active a {
    color: #fff
}

.blog-area .nav-tabs .nav-tabs>li.active>a,
.blog-area .nav-tabs .nav-tabs>li.active>a:focus,
.blog-area .nav-tabs .nav-tabs>li.active>a:hover {
    background-color: none
}

.nav-tabs>li a.active {
    background-color: #ddd
}

.blog-content-right {
    margin-top: 85px
}

.post-filter-area h5 {
    position: relative;
    top: -30px;
    font-size: 18px;
    font-family: inherit;
    font-weight: bold
}

.post-filter-area h5 a {
    margin-right: 10px
}

.footer-area {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: repeat
}

@media only screen and (max-width: 992px) {
    .footer-area {
        background-size: cover
    }
}

.footer-area .bottom-content {
    /* text-align: center; */
    border-top: 1px solid #DFDFDF;
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
}

.footer-area .bottom-content p {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px
}

.footer-area .col-md-4 .widget:first-of-type {
    margin-top: 17px
}

.footer-area .widget {
    padding: 0
}

.footer-area .widget-title {
    font-size: 23px;
    margin-bottom: 22px
}

@media only screen and (max-width: 992px) {
    .footer-area .widget .widget-title.expand-margin {
        background: #f0f0f0;
        padding: 10px 20px
    }
}

@media only screen and (max-width: 992px) {
    .footer-area .widget .expand-margin.widget-title:after {
        right: 15px
    }
}

.footer-area .widget .mb-widget+div,
.footer-area .widget .mb-widget+ul,
.footer-area .widget .mb-widget+p {
    background: #f0f0f0;
    padding: 30px
}

.footer-area .widget .mb-widget .widget-title {
    border-bottom: 0 none !important
}

.footer-area.three {
    background-color: #F8F8F8
}

.footer-area.four {
    background-color: #FAFAFA
}

.widget-about-content img {
    width: auto;
    display: block;
    margin-bottom: 30px
}

.widget-about-content p {
    color: #363131;
    font-size: 15px;
    font-weight: 500
}

.widget-about-content .button {
    margin-left: 0;
    border-radius: 5px
}

.footer-area.others .footer-content h3 {
    color: #303C6C
}

.footer-area.others .footer-content h2 {
    color: #239B02;
    font-size: 28px;
    margin-bottom: 25px
}

.footer-area.others .footer-content h2 a {
    position: relative;
    top: 5px
}

.footer-area.others .footer-content span a {
    background-color: #303C6C
}

.footer-area.others .list-content ul li a {
    color: #303c6c
}

.topbutton {
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: white;
    display: block;
    height: 45px;
    line-height: 47px;
    text-align: center;
    width: 45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.4);
    z-index: 99;
    opacity: 0;
    color: #292928
}

@media only screen and (max-width: 600px) {
    .topbutton {
        right: 41px
    }
}

.btn-show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width: 600px) {
    .btn-show {
        opacity: 0.75
    }
}

.btn-hide {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.single-content .single-text-content {
    position: relative;
    top: -25px
}

.single-content .single-text-content p {
    font-size: 16px;
    color: #636363;
    font-weight: 600;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 50px
}

.single-content {
    background-color: #F7F7F7
}

.single-content h4 {
    font-family: "Poppins", sans-serif;
    position: relative;
    top: 15px
}

.single-content h4 a {
    margin-right: 10px
}

.single-content h4 span {
    font-weight: normal;
    color: #605F5F
}

.blog-area .blog-heading {
    text-align: center
}

.blog-area .blog-heading h2 {
    font-size: 26px;
    font-family: "Poppins", sans-serif;
    font-weight: bold
}

.blog-area.bolge {
    padding: 30px 0
}

@media only screen and (max-width: 530px) {
    .blog-area .col-md-4.col-sm-6.col-xs-6 {
        width: 100%
    }
}

@media only screen and (min-width: 530px) and (max-width: 992px) {
    .blog-area .col-md-4.col-sm-6.col-xs-6:last-child {
        display: none
    }
    .wrapper{
        width:auto !important;
    }
}

.color-black li a {
    color: #000 !important
}

.single-main-content {
    padding: 60px;
    background-color: #fff;
    margin-top: 20px;
    border-radius: 5px
}

@media only screen and (max-width: 540px) {
    .single-main-content {
        padding: 30px
    }
}

@media only screen and (max-width: 380px) {
    .single-main-content {
        padding: 20px
    }
}

.single-main-content .entry-header .entry-title {
    font-size: 36px;
    font-weight: bold;
    font-family: inherit;
    color: #181818;
    margin-bottom: 30px
}

.single-main-content .post-thumb {
    overflow: hidden;
    border-radius: 7px
}

.single-main-content .post {
    margin-bottom: 0
}

.single-main-content .post .entry-meta {
    color: #828282;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    display: block;
    overflow: hidden
}

.single-main-content .post .entry-meta>div .fa {
    margin-right: 5px
}

.single-main-content .entry-meta>div {
    float: left;
    margin-right: 45px;
    margin-bottom: 30px
}

.single-main-content .entry-meta>div span {
    display: block;
    font-weight: bold;
    color: #181818
}

.entry-share span {
    font-weight: 600
}

.entry-share a {
    padding: 5px
}

.entry-share a i {
    color: #969696;
    font-size: 15px
}

.entry-share a i:hover {
    color: #000
}

.ralated-area .ralated-heading {
    margin-top: 30px
}

.ralated-area .ralated-heading h2 {
    font-weight: bold;
    font-size: 25px;
    color: #363636;
    font-family: inherit;
    margin-top: 0
}

.ralated-area .post-thumb img {
    width: 100%
}

@media only screen and (max-width: 992px) and (min-width: 540px) {
    .ralated-area .col-md-4.col-sm-6.col-xs-6:last-child {
        display: none
    }
}

@media only screen and (max-width: 539px) {
    .ralated-area .col-md-4.col-sm-6.col-xs-6 {
        width: 100%
    }
}

.commingsoon {
    overflow: hidden
}

.commingsoon-content>.row {
    padding: 150px 0
}

@media only screen and (max-width: 480px) {
    .commingsoon-content>.row {
        padding: 60px 15px
    }
  
}

.commingsoon-content .comming-heading {
    font-size: 60px;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-family: inherit;
    font-weight: bold
}

@media only screen and (max-width: 480px) {
    .commingsoon-content .comming-heading {
        font-size: 30px
    }
}

.commingsoon-content .comming-description {
    font-size: 15px;
    letter-spacing: 0.15em;
    color: #fff;
    font-family: inherit;
    margin-bottom: 45px
}

.commingsoon-content .social-link a:hover {
    background-color: #ffffff
}

.commingsoon-count {
    margin: 15px 0 30px;
    text-align: center
}

.commingsoon-count .timer-body-block {
    display: table;
    width: 100%;
    padding: 0 45px
}

@media only screen and (max-width: 767px) {
    .commingsoon-count .timer-body-block {
        padding: 0
    }
}

.commingsoon-count .timer-body-block>div {
    display: table-cell
}

.commingsoon-count .timer-body-block>div .tab-val {
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    line-height: 1em
}

@media only screen and (max-width: 767px) {
    .commingsoon-count .timer-body-block>div .tab-val {
        font-size: 45px
    }
}

@media only screen and (max-width: 600px) {
    .commingsoon-count .timer-body-block>div .tab-val {
        font-size: 25px
    }
}

.commingsoon-count .timer-body-block>div .tab-unit {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize
}

@media only screen and (max-width: 767px) {
    .commingsoon-count .timer-body-block>div .tab-unit {
        font-size: 15px
    }
}

.social-link a {
    background-color: #21B360;
    padding: 9px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 17px;
    font-size: 19px;
    color: #337A6B;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 35px;
    display: inline-block
}

.social-link a .fa {
    font-size: 15px
}

.map-area .heading-content-one {
    margin-bottom: 20px
}

.map-area .heading-content-one h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    float: left
}

.map-area .heading-content-one h4 span {
    color: #605f5f
}

.map-area .heading-content-one h5 {
    font-size: 24px;
    position: relative;
    top: 15px;
    color: #8b7752;
    font-family: inherit;
    font-weight: 600
}

.map-area .heading-content-one h2 {
    font-family: "Poppins", sans-serif
}

.map-area .heading-content-one p {
    margin-bottom: 10px;
    margin-top: 30px;
    font-weight: 600;
    font-size: 20px;
    color: #535353
}

.map-area iframe {
    width: 100%
}

.map-content iframe {
    width: 100%
}

.map-left-content iframe {
    display: block;
    width: 100%;
    position: relative;
    pointer-events: none
}

.map-left-content iframe.clicked {
    pointer-events: auto
}

.google-map-area {
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 992px) {
    .google-map-area {
        min-height: 855px
    }
}

.google-map-area iframe {
    display: block;
    width: 100%;
    position: relative;
    pointer-events: none
}

.google-map-area iframe.clicked {
    pointer-events: auto
}

@media only screen and (max-width: 992px) {
    .google-map-area iframe {
        height: 350px
    }
}

@media only screen and (min-width: 992px) {
    .google-map-area .col-md-4 {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-61%);
        transform: translateY(-61%)
    }
}

.google-map-area .col-md-4 .widget-top {
    width: 350px
}

@media only screen and (min-width: 992px) {
    .google-map-area .col-md-4>.widget_rental_search {
        max-width: 360px
    }
}

@media only screen and (max-width: 992px) {
    .google-map-area .col-md-4>.widget_rental_search {
        padding: 30px;
        background: #F7F7F7
    }
}

.google-map-area .contact-background {
    background-color: #fff;
    padding: 0
}

@media only screen and (min-width: 992px) {
    .google-map-area .contact-background {
        display: inline-block;
        min-width: 240px;
        position: absolute;
        right: 7%;
        top: 50%;
        -webkit-transform: translateY(-75%);
        transform: translateY(-75%)
    }
}

@media only screen and (max-width: 992px) {
    .google-map-area .contact-background {
        background-color: #f7f7f7
    }
}

.google-map-area .contact-background .contact {
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    padding: 20px 30px
}

.google-map-area .contact-background .contact h4 {
    margin: 0
}

.google-map-area .contact-background .contact p {
    margin: 0;
    font-size: 12px
}

.google-map-area .contact-background .contact:last-child {
    border-bottom: 0 none;
    margin-bottom: 0
}

.sticky {
    display: block
}

.hentry {
    margin: 0 0 75px
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.4em 0
}

.page-links {
    clear: both;
    margin: 0 0 2.1em
}

.header-title {
    text-align: center;
    margin-bottom: 30px
}

.page-header {
    margin: 0;
    padding: 60px 0;
    text-align: center
}

.post {
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 5px
}

.post .post-content {
    padding: 20px
}

.post .entry-meta {
    color: #9a9a9a;
    font-size: 13px;
    letter-spacing: 0.02em;
    font-weight: 600;
    font-style: normal;
    text-transform: capitalize
}

.post .entry-meta .devied {
    background-color: #9a9a9a;
    width: 2px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px
}

.post .entry-header h3 {
    line-height: 30px;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 15px;
    font-size: 17px;
    margin-top: 15px;
    font-weight: 800;
    font-family: inherit
}

.post .entry-footer-meta i {
    margin-right: 5px
}

.post .entry-footer-meta span {
    margin-right: 10px
}

.post .entry-footer-meta .like i {
    color: #5ED8E1
}

.post .entry-footer-meta .comments i {
    color: #7CC144
}

.entry-meta {
    color: #b3b3b3;
    font-size: 11px;
    letter-spacing: 0.04em;
    font-weight: bold;
    font-style: italic
}

.entry-meta a {
    color: inherit
}

.entry-meta .entry-date {
    display: inline-block
}

.post .post-thumb {
    overflow: hidden;
    clear: both;
    border-radius: 5px
}

.post .post-thumb img {
    display: block;
    margin: auto
}

.post .entry-footer {
    font-size: 13px;
    font-weight: 500
}

.blog-menu-mobile {
    width: 100%;
    border: 2px solid #31386e;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 30px
}

.format-aside .entry-content {
    margin-bottom: 0
}

.format-aside {
    border: 1px solid #f0f0f0
}

.format-aside .entry-header .entry-title,
.format-aside .entry-header .entry-meta,
.format-aside .entry-footer {
    display: none
}

.format-aside .post-format {
    border: 1px solid #f0f0f0;
    line-height: 54px;
    margin-top: -27px
}

.format-aside .entry-content {
    padding: 15px 30px 30px
}

.format-aside .entry-content p {
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 30px
}

.format-aside .entry-content .entry-meta {
    text-align: center
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.comments-main-content {
    border-radius: 5px;
    background-color: #ffffff;
    padding: 75px;
    margin-bottom: 30px;
    overflow: hidden
}

@media only screen and (max-width: 992px) {
    .comments-main-content {
        padding: 60px
    }
}

@media only screen and (max-width: 800px) {
    .comments-main-content {
        padding: 45px
    }
}

@media only screen and (max-width: 767px) {
    .comments-main-content {
        padding: 30px
    }
}

@media only screen and (max-width: 530px) {
    .comments-main-content {
        padding: 30px 20px 20px
    }
}

.comment-reply-title {
    font-weight: bold;
    font-size: 1.25em;
    margin: 0 auto 45px;
    background: white;
    font-size: 26px;
    font-weight: 800;
    text-align: center;
    font-family: inherit
}

.comment-reply-title span {
    position: relative;
    background: white;
    z-index: 20
}

.cancel-comment-reply-link {
    bottom: -2px;
    display: inline-block;
    left: 0.6em;
    position: relative
}

.logged-in-as {
    margin-bottom: 0.7em !important
}

.comments-area .comment-list,
.comments-area .children {
    list-style: none;
    padding: 0
}

.comments-area .comments-title {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    font-family: inherit;
    margin-top: -15px;
    margin-bottom: 45px
}

@media only screen and (max-width: 767px) {
    .comments-area .comments-title {
        margin-top: 0
    }
}

.comments-area .comments-title span {
    background: white;
    z-index: 10;
    position: relative
}

.comments-area .comment-list {
    margin-bottom: 0;
    border-top: none
}

.comments-area .comment-body {
    overflow: hidden;
    margin-bottom: 45px;
    background: white
}

.comments-area .comment-list>li.comment:last-child .comment-body {
    margin-bottom: 0
}

.comments-area .comment-list>li.comment:last-child .comment-body+.children {
    margin-top: 45px
}

.comments-area .comment-author {
    float: left;
    margin-right: 20px;
    width: 85px
}

.comments-area .author-img {
    padding-top: 100%;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.comments-area .author-img .avatar.photo {
    left: 50%;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.comments-area .date {
    display: block;
    font-size: 12px;
    color: #a0a0a0;
    margin-top: 5px;
    font-weight: 600
}

.comments-area .reply {
    margin-top: 20px
}

.comments-area .comment-details {
    display: table-cell;
    vertical-align: top
}

.comments-area .comment-details {
    width: 1070px;
    overflow: hidden
}

.comments-area .comment-content p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 2.15em;
    color: #787878
}

.comments-area .comment-metadata {
    margin-bottom: 0.5em;
    color: #292928
}

.comments-area .comment-metadata .author {
    font-size: 18px
}

.comments-area .comment-metadata .says,
.comments-area .comment-metadata .comment-edit-link {
    color: #777
}

.comments-area .children {
    margin-left: 108px
}

.comments-area .comment-navigation {
    margin-bottom: 3.5em
}

.comments-area .comment-navigation .nav-links .nav-previous {
    float: left
}

.comments-area .comment-navigation .nav-links .nav-next {
    float: right
}

.comments-area .comment-navigation .nav-links span {
    font-size: 18px
}

.comments-area .comment-respond {
    position: relative
}

.comment-respond p {
    margin-bottom: 1em
}

.comment-respond .form-submit {
    margin-bottom: 0
}

.comment-respond .pd-left {
    padding-left: 8px
}

.comment-respond .pd-right {
    padding-right: 8px
}

.comment-respond .comment-subscription-form {
    display: none
}

.comment-respond input {
    font-size: 13px;
    color: #8c8c8c;
    border-bottom: 1px solid #dad2d2;
    width: 100%
}

.comment-respond textarea {
    font-size: 13px;
    color: #8c8c8c;
    border-bottom: 1px solid #dad2d2
}

.comment-respond #submit {
    padding: 8px 30px;
    margin-top: 30px;
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
    background-color: #292928
}

.comment-reply-link {
    padding: 6px 22px;
    font-size: 11px;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    background-color: #292928;
    color: white;
    border-radius: 25px
}

.widget {
    background: #f7faf9;
    margin-bottom: 30px;
    overflow: hidden
}

.widget:last-child {
    border-bottom: none
}

.widget select {
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 0.4em 0.8em;
    outline: none
}

.widget ul,
.widget ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget ul li {
    border-bottom: 1px solid #ebebeb
}

.widget p {
    font-family: "Poppins", sans-serif
}

.widget .widget-title-area {
    position: relative
}

.widget .widget-title {
    margin-top: 0
}

.widget pre {
    padding: 0.5em
}

.widget label {
    margin-bottom: 0;
    display: inline
}

.widget option {
    padding: 0.2em 1em
}

.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
    padding: 0.5em 1em
}

.widget input[type="text"]:focus,
.widget input[type="email"]:focus,
.widget input[type="url"]:focus,
.widget input[type="password"]:focus,
.widget input[type="search"]:focus,
.widget textarea:focus {
    box-shadow: none !important
}

.blog-content-right .widget {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 30px
}

.blog-content-right .widget .widget-title {
    font-family: inherit;
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: bold;
    background: linear-gradient(330deg, #1136bb 50%, #019047 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    border-bottom: 0 none;
    padding-bottom: 0
}

.tagcloud a:hover,
.unit,
.blog-area .nav-tabs li.active a {
    background: #21b75f;
    background: -moz-linear-gradient(left, #21b75f 0%, #31386e 100%);
    background: -webkit-linear-gradient(left, #21b75f 0%, #31386e 100%);
    background: linear-gradient(to right, #21b75f 0%, #31386e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21b75f', endColorstr='#31386e', GradientType=1)
}

.widget-title-area .widget-title {
    font-size: 22px;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-weight: bold
}

.footer-area .widget {
    background: transparent
}

.nevy-color .button {
    background-color: #CBB682;

}

.nevy-color .widget-title-area .widget-title {
    background-color: #CBB682;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.nevy-color.widget.widget_place_category ul li a {
    background-color: #CBB682;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.widget.apartments_ads {
    padding: 0
}

.widget-top {
    margin-top: 6px
}

.widget .expand-margin.widget-title:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    color: #333333
}

.widget .expand-margin.expand.widget-title:after {
    content: "\f106"
}

.widget_rental_search {
    margin-bottom: 30px
}

.widget_rental_search .advance_search_query {
    z-index: 9;
    position: relative
}

.widget_rental_search .advance_search_query h1,
.widget_rental_search .advance_search_query h2,
.widget_rental_search .advance_search_query h3,
.widget_rental_search .advance_search_query h4,
.widget_rental_search .advance_search_query h5 {
    font-family: inherit;
    font-weight: bold
}

.widget_rental_search .advance_search_query .form-title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase
}

.widget_rental_search .advance_search_query.booking-form .form-group {
    padding: 0
}

.widget_rental_search .advance_search_query.booking-form .form-group input {
    width: 100%;
    font-size: 14px
}

.widget_rental_search .advance_search_query.booking-form .form-group textarea {
    min-height: 150px;
    font-size: 14px;
    border-radius: 5px
}

.widget_rental_search .advance_search_query.booking-form .form-group:last-of-type {
    margin-bottom: 0
}

.widget_rental_search .advance_search_query.booking-form .form-content .form-group:nth-of-type(3):before {
    background-color: transparent
}

.widget_rental_search .form-content {
    display: block
}

.widget_rental_search .form-content .form-group {
    display: block
}

.widget_rental_search .form-content .form-group.small {
    display: inline-block;
    width: 45%
}

.widget_rental_search .form-content .button {
    float: none
}

.widget_tagcloud .tagcloud a {
    border: 1px solid #e1e1e1;
    display: block;
    color: black;
    float: left;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 1.4em !important;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 6px 17px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 0.05em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s
}

.widget_tagcloud .tagcloud a:hover {
    color: white
}

.widget_popular_posts .post-content {
    margin-bottom: 20px;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 20px
}

.widget_popular_posts .post-content:last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0
}

.widget_popular_posts .image-content {
    margin-right: 15px;
    float: left;
    width: 75px;
    height: 75px;
    overflow: hidden
}

.widget_popular_posts .image-content img {
    width: 100%;
    height: 100%
}

.widget_popular_posts .post-title {
    display: table-cell
}

.widget_popular_posts .post-title h5 {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    margin-top: 0;
    margin-bottom: 5px;
    color: #000;
    font-weight: bold
}

.widget_popular_posts .post-title span {
    font-size: 12px;
    font-weight: 500;
    color: #828282;
    font-family: "Poppins", sans-serif
}

.widget_categories ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.widget_categories ul li {
    line-height: 30px;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 20px;
    font-weight: bold
}

.widget_categories ul li:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.widget_categories ul li span {
    float: right
}

.widget_categories ul li:hover {
    color: #3FB476
}

.widget_advertisement {
    padding: 0
}

.widget_apartment {
    padding: 0
}

.widget_apartment .apartments-content {
    margin-bottom: 0
}

.widget.widget_place_category ul {
    list-style: none;
    margin: 0;
    padding: 0 30px
}

.widget.widget_place_category ul li {
    position: relative;
    line-height: 45px;
    font-size: 16px;
    font-weight: 600;
    color: #3A3A3A;
    border-bottom: none
}

.widget.widget_place_category ul li:before {
    position: absolute;
    content: "";
    background-color: #D8D8D8;
    width: 15px;
    height: 2px;
    left: -27px;
    top: 20px
}

@media only screen and (max-width: 992px) {
    .widget.widget_place_category ul li:before {
        left: -20px
    }
}

.instagram-image-content {
    padding-top: 10px
}

.instagram-image-content>a {
    width: 110px;
    display: inline-block;
    height: 110px;
    margin-right: 4px;
    overflow: hidden
}

.instagram-image-content img {
    width: 100%;
    height: 100%
}

.about-main-content {
    margin-bottom: 90px;
    overflow: hidden
}

.about-main-content .about-heading-content {
    margin-bottom: 50px
}

.about-main-content .about-heading-content h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    position: relative;
    top: 10px
}

.about-main-content .about-heading-content h4 span {
    color: #605f5f
}

.about-main-content .about-heading-content h2 {
    text-align: center;
    font-size: 45px;
    font-family: "Poppins", sans-serif;
    margin-top: 50px
}

.about-main-content .about-heading-content p {
    text-align: center;
    font-weight: 500;
    line-height: 1.95em
}

.about-content-left h2 {
    font-size: 65px;
    font-family: inherit;
    margin-top: 0;
    line-height: 1.1em;
    font-weight: bold
}

.about-bottom-content {
    padding-bottom: 90px;
    overflow: hidden
}

.about-bottom-content img {
    width: auto
}

.about-bottom-content .image-content {
    margin: auto;
    display: table;
    width: 250px;
    border-radius: 50%;
    height: 250px;
    text-align: center
}

.about-bottom-content .image-content img {
    background: #fff;
    padding: 25px;
    border-radius: 50%
}

.about-bottom-content .author-sign img {
    margin-top: 40px
}

.about-bottom-content .author-name {
    text-align: center;
    position: relative;
    top: 25px;
    font-size: 36px;
    font-family: inherit;
    font-weight: bold
}

.about-bottom-content .image {
    float: right;
    position: relative;
    top: -25px
}

.about-bottom-content p {
    color: #767676;
    line-height: 1.95em
}

.about-bottom-content .social-media {
    margin-top: 40px
}

.about-bottom-content .social-media span {
    font-weight: 600;
    margin-right: 15px
}

.about-bottom-content .social-media a {
    padding: 0 10px
}

.about-bottom-content .author-designation {
    position: relative;
    top: 15px
}

.author-content {
    position: relative;
    text-align: center
}

.author-content:before,
.author-content:after {
    content: "";
    border-bottom: 1px solid #ebebeb;
    min-width: 215px;
    top: 50%;
    position: absolute;
    z-index: -1
}

.author-content:before {
    left: 0
}

.author-content:after {
    right: 0
}

.author-content .author-content-area {
    background-color: #ffffff;
    z-index: 1;
    position: relative;
    display: table;
    margin: auto
}

@media only screen and (max-width: 992px) {
    .author-content .author-content-area {
        padding: 0 10px
    }
}

.author-content .author-content-area:before,
.author-content .author-content-area:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #21b75f;
    background: -moz-linear-gradient(left, #21b75f 0%, #31386e 100%);
    background: -webkit-linear-gradient(left, #21b75f 0%, #31386e 100%);
    background: linear-gradient(to right, #21b75f 0%, #31386e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21b75f', endColorstr='#31386e', GradientType=1);
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -5px
}

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

    .author-content .author-content-area:before,
    .author-content .author-content-area:after {
        background: transparent
    }
}

.author-content .author-content-area:before {
    left: -60px
}

.author-content .author-content-area:after {
    right: -60px
}

.heading-content-two.available {
    margin-bottom: 60px
}

.contact-area {
    overflow: hidden
}

.contact-area.pd-zero .map-left-content iframe {
    min-height: 570px
}

.contact-area.pd-zero .heading-content-two.available {
    margin-bottom: 30px
}

.contact-area.pd-zero .heading-content-two h2.title {
    margin-top: 45px
}

@media only screen and (min-width: 1400px) {
    .contact-area.pd-zero .map-right-content {
        max-width: 85% !important
    }
}

@media only screen and (min-width: 1950px) {
    .contact-area.pd-zero .col-md-5 {
        max-width: 789px
    }
}

.contact-area .map-left-content iframe {
    width: 100%
}

@media screen and (max-width: 990px) {
    .contact-area {
        padding: 15px
    }
}

.contact-area .contact {
    margin-bottom: 30px
}

.contact-area .contact h4 {
    font-size: 20px;
    background-color: #8b7752;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-family: inherit;
    font-weight: 700
}

.contact-area .contact h4 i {
    background-color: #CBB682;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 30px;
    margin-right: 10px
}

.contact-area .contact h4 .fa-user {
    background-color: #CBB682;
    border-radius: 50%;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px
}

.contact-area .contact p {
    color: #363131;
    font-weight: 600;
    margin-top: 20px;
    font-size: 16px
}

.contact-area .contact .social-icon {
    margin-top: 20px
}

.contact-area .contact .social-icon i {
    background-color: #363131;
    padding: 9px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 17px;
    font-size: 15px;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px
}
.contact-area .contact .social-icon i:hover{
    background-color: #CBB682;
 
}
.social-icon i:hover{
color:black;
}

.contact-us-area {
    margin-bottom: 70px
}

.contact-us-area .contact h4 {
    font-size: 22px;
    background-color: #CBB682;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-family: "Poppins", sans-serif;
    font-weight: bold
}

.contact-us-area .contact h4 i {
    background-color: #CBB682;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 30px;
    margin-right: 10px
}

.contact-us-area .contact h4 .fa-user {
    background-color: #CBB682;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px
}

.contact-us-area .contact p {
    color: #414141;
    font-weight: bold;
    margin-top: 20px;
    letter-spacing: 0.5px;
    font-size: 16px;
    margin-bottom: 50px
}

.contact-us-area .contact .social-icon {
    margin-top: 20px
}

.contact-us-area .contact .social-icon i {
    background-color: #515151;
    padding: 9px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 17px;
    font-size: 15px;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px
}

.contact-us-area .contact-us-heading-content {
    text-align: center;
    margin-bottom: 30px
}

.contact-us-area .title {
    font-family: inherit;
    margin-top: 7px !important
}

.contact-us-area .contact-us-content-right {
    text-align: center
}

.contact-us-area .contact-us-content-right h3 {
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    color: #8b7752;
}

.contact-us-area .contact-us-content-right img {
    width: auto;
    position: relative;
    top: 25px
}

.contact-us-area .contact-us-content-right textarea {
    padding: 6px 12px
}

@media only screen and (min-width: 1450px) {
    .map-right-content {
        max-width: 95%;
        margin: auto
    }
}

@media only screen and (max-width: 1200px) {
    .map-right-content {
        padding: 0 15px
    }
}

@media only screen and (max-width: 850px) {
    .map-right-content {
        padding: 0 20px
    }
}

@media only screen and (max-width: 767px) {
    .map-right-content {
        padding: 0 30px
    }
}

@media only screen and (min-width: 992px) {
    .container-large-device>.container-fluid>.row:last-child {
        display: table;
        width: 100%
    }
}

@media only screen and (min-width: 992px) {

    .container-large-device>.container-fluid>.row:last-child>.col-md-7,
    .container-large-device>.container-fluid>.row:last-child>.col-md-5 {
        display: table-cell;
        vertical-align: middle;
        float: none
    }
}

.input-content {
    border: 1px solid #dddddd;
    padding: 45px;
    border-radius: 10px;
    background-color: #FAFAFA
}

@media only screen and (max-width: 767px) {
    .input-content {
        padding: 30px
    }
}

.input-content h4 {
    font-size: 24px;
    font-family: inherit;
    text-align: center;
    margin-bottom: 60px;
    font-weight: bold;
    color: #535353
}

.input-content input {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0;
    float: left;
    margin-bottom: 30px;
    font-size: 13px;
    margin-right: 50px;
    color: #8c8c8c;
    font-size: 12px;
    background-color: #FAFAFA
}

@media screen and (max-width: 990px) {
    .input-content input {
        width: 100%
    }
}

.input-content textarea {
    border: none;
    border-bottom: 1px solid #dddddd;
    color: #8c8c8c;
    width: 100%;
    font-size: 12px;
    background-color: #FAFAFA;
    min-height: 150px
}

.input-content .subimt-button {
    margin: 30px auto 0;
    display: table
}

.input-content .subimt-button .submit {
    padding: 17px;
    color: #fff;
    width: 190px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin: auto;
    border-radius: 5px
}

.error-page-area {
    overflow: hidden
}

.error-page-area .default-pd-center {
    text-align: inherit;
    padding: 120px 0
}

.error-page-area .default-pd-center .error-text-content {
    margin: auto;
    display: table
}

.error-page-area .default-pd-center .error-text-content .error-title {
    font-weight: bold;
    margin-top: 0;
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 60px;
    line-height: normal
}

.error-page-area .default-pd-center .error-text-content .error-description {
    font-size: 30px;
    color: #fff;
    line-height: normal;
    margin-bottom: 30px;
    font-weight: 600
}

.error-page-area .default-pd-center .error-text-content .button {
    border-radius: 5px;
    top: 0;
    display: inline-block
}

@media only screen and (max-width: 768px) {
    .content-area .format-quote .quote-thumb .quote-content {
        padding: 2.8em 1em 1.2em !important
    }

    .content-area .format-quote .quote-thumb .quote-content::before {
        top: 16px
    }
}

@media only screen and (max-width: 767px) {
    #singlepage-layout-two .post-description {
        margin-top: -75px;
        padding: 15px
    }

    #singlepage-layout-two .post-format {
        margin-top: -35px
    }

    #singlepage-layout-two .col-md-12 {
        overflow: hidden
    }

    .single .post {
        padding: 0 !important
    }

    #singlepage-layout-two .post .col-sm-12 {
        padding: 0
    }

    #post-others {
        padding: 0 15px
    }
}

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

    .content-area .post,
    .content-area .page {
        padding: 1em
    }

    .content-area .format-quote {
        margin: 90px 10px 0 !important
    }

    .content-area .format-quote blockquote p:first-child {
        margin-top: 2.5em !important
    }

    .content-area .format-quote .quote-icon a {
        top: -70px
    }

    .content-area .post-link-wrapper .tb-cell>a {
        margin-bottom: 8px
    }

    .content-area .format-aside .post-format {
        margin-top: -45px
    }
}

@media only screen and (max-width: 475px) {
    .content-area .post-link-wrapper .link-content {
        padding-left: 15px
    }

    .content-area .post-link-wrapper .icon-area {
        padding: 45px 35px
    }

    .content-area .post-link-wrapper .tb-cell>a {
        text-overflow: inherit;
        white-space: normal
    }
}

@media only screen and (max-width: 440px) {
    .content-area .post-link h2 {
        font-size: 1em;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 410px) {
    .content-area .post-link-wrapper .icon-area {
        padding: 45px 15px
    }

    #singlepage-layout-two .post-description {
        margin-top: -45px
    }
}

@media only screen and (max-width: 991px) {
    #contact_form .form-submit {
        margin-bottom: 0
    }

    .comment-respond .pd-right {
        padding-right: 15px
    }

    .comment-respond .pd-left {
        padding-left: 15px
    }

    .contact-respond .padding-right {
        padding-right: 0;
        padding-left: 0
    }

    .contact-respond .padding-left-right {
        padding-right: 0;
        padding-left: 0
    }

    .contact-respond .padding-left {
        padding-left: 0;
        padding-right: 0
    }

    #contact-form-wrap .col-md-12 {
        padding: 0
    }
}

@media only screen and (max-width: 768px) {
    .children {
        margin-left: 40px !important
    }
}

@media only screen and (max-width: 992px) {
    .about-me .entry-footer .follow-link {
        margin-top: 75px
    }

    .author-sign {
        float: none !important
    }

    .about-me .entry-footer .author-sign h3 {
        text-align: left
    }
}

@media only screen and (max-width: 992px) {
    .contact-details .row {
        margin: 0
    }

    .contact-page #address-main::before {
        margin-top: 0
    }

    .contact-page .entry-content::after {
        width: 0
    }
}

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

    .about-me #main,
    .contact-page #main {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .contact-page #contact-info .dl-horizontal dd {
        margin-left: 0 !important;
        margin-top: 4px
    }
}

@media only screen and (max-width: 615px) {
    .contact-page #address-main {
        width: 50%
    }
}

@media only screen and (max-width: 451px) {
    .contact-page #address-main {
        width: 60%
    }
}

@media only screen and (max-width: 1199px) {
    .go-button {
        width: 100%
    }

    .error-page .go-to:last-child {
        right: 0;
        top: 15px
    }
}

@media only screen and (max-width: 984px) {
    .error-page .border-left {
        display: none
    }
}

@media only screen and (max-width: 577px) {
    .error-search {
        top: 0 !important
    }

    .error-page .go-to {
        margin: 0 !important
    }
}

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

    .error-page .search-form .input-group button,
    .error-page .search-form .input-group input[type="button"],
    .error-page .search-form .input-group input[type="reset"],
    .error-page .search-form .input-group input[type="submit"],
    .error-page .search-form .input-group input[type="button"],
    .error-page .search-form .input-group input[type="reset"],
    .error-page .search-form .input-group input[type="submit"] {
        width: 40px !important
    }
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%;
    border: none
}

.format-audio iframe {
    width: 100%;
    overflow: hidden
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: 0.4em 0;
    font-size: 0.9em;
    font-style: italic
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-bottom: 30px
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.gallery-one .owl-controls {
    margin: 0;
    padding: 0
}

.gallery-one .owl-controls .owl-nav div {
    display: block !important;
    position: absolute;
    background: white;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 37px;
    top: 50%;
    font-size: 25px;
    margin: auto;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.gallery-one .owl-controls .owl-nav .owl-prev {
    left: 10px
}

.gallery-one .owl-controls .owl-nav .owl-next {
    right: 10px
}

.gallery-one .item {
    text-align: center
}

.gallery-one .item img {
    margin: auto;
    height: auto;
    width: 100%;
    display: block;
    vertical-align: middle
}

.corousel-gallery-content .list-view {
    margin-top: 15px
}

.gallery-area {
    padding: 60px 0;
}

@media only screen and (max-width: 767px) {
    .gallery-area {
        padding: 75px 15px
    }
}

@media only screen and (max-width: 490px) {
    .gallery-area {
        padding: 60px 5px
    }
}

.gallery-area .gallery-left-content .col-md-4 {
    padding: 5px
}

.gallery-area h2 {
    font-size: 30px;
  color:#8b7752;
    margin-top: 20px;
    font-weight: bold;
    line-height: 1.1em
}

.gallery-area h2+.button {
    margin-top: 30px
}

@media screen and (max-width: 990px) {
    .gallery-area h2 {
        font-size: 60px
    }
}

@media screen and (min-width: 1400px) {
    .gallery-area h2 {
        font-size: 90px
    }
}

.gallery-area h3 {
    font-size: 16px;
    font-weight: 600;
    color: #363131;
    font-family: inherit;
    margin-top: 20px;
    margin-bottom: 18px
}

.gallery-area .gallery-right-content {
    padding: 0 15px;
    
}

@media only screen and (max-width: 490px) {
    .gallery-area .gallery-right-content {
        padding: 0
    }
}

.gallery-area .button {
    padding: 10px 23px
}

@media screen and (max-width: 767px) {
    .gallery-area.four .gallery-left-content .button {
        float: none
    }
}

@media screen and (max-width: 990px) {
    .gallery-area.four .gallery-left-content {
        margin-top: 50%
    }
}

@media screen and (max-width: 767px) {
    .gallery-area.four .gallery-left-content {
        margin-bottom: 70px;
        text-align: center;
        margin-top: 0
    }
}

.gallery-area.four .gallery-left-content h2 {
    font-size: 60px;
    background: linear-gradient(330deg, #1136bb 0%, #019047 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2em;
    margin-top: 0;
    font-family: inherit;
    font-weight: bold
}

.gallery-area .gallery-slider>div.owl-nav>div {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    line-height: normal;
    padding: 0px 15px;
    font-size: 35px;
    border-radius: 50%;
    color: #000;
    left: -50px
}

.gallery-area .gallery-slider>div.owl-nav>div.owl-prev i {
    position: relative;
    top: 40px;
    font-weight: bold;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gallery-area .gallery-slider>div.owl-nav>div.owl-next i {
    font-weight: bold;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gallery-heading .gallery-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px
}

@media only screen and (max-width: 480px) {
    .photo-gallery-area .col-md-3.col-sm-6.col-xs-6 {
        width: 100%
    }
}

.gallery-left-content img {
    width: 100%
}

.gallery-image-content {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 7px;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.gallery-image-content img {
    width: 100%
}

.gallery-image-content .overlay-background {
    -webkit-transition: opacity 0.5s ease-in-out 0s;
    transition: opacity 0.5s ease-in-out 0s;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    border-radius: 7px
}

.gallery-image-content .overlay-background a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center
}

.gallery-image-content .overlay-background a span {
    position: absolute;
    top: 30%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.gallery-image-content .overlay-background a span i {
    font-size: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    margin: auto auto 10px;
    display: block
}

.gallery-image-content .overlay-background .video-popup i {
    top: 30%
}

.gallery-image-content .overlay-background .video-popup span {
    position: absolute;
    top: 50%;
    transform: translateY(50% 50%);
    transform: translateX(-50%);
    font-size: 20px;
    font-weight: bold
}

.gallery-image-content:hover .overlay-background {
    opacity: 1;
    width: 100%
}

.photo-gallery-area {
    padding: 30px 0 60px
}

.photo-gallery-area .heading-content-two .title {
    font-family: inherit;
    margin-bottom: 30px
}

/* our work */
.why-choose{
    text-align: center;
    padding-bottom: 40px;
}
.catagory-right-content{
 padding-left: 80px;

}
.text-content{
    padding-bottom: 10px;
}

.service-content:hover{
border-color: #000;
}
/* event */

:root {
    /*========== Colors ==========*/
    --text-color: #000000;
    --bg-color: #282828;

    /*========== Font and typography ==========*/

}

@media screen and (min-width: 968px) {
    :root {
        --normal-font-size: 1rem;
    }
}

/*==================== BASE ====================*/
*,
*:after,
*:before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


/*==================== REUSABLE CSS CLASSES ====================*/

.site-logo img{
    width:70px;
}
.about-list {
    padding-left: 20px ; 
}
/*==================== SERVICE CARD ====================*/
.card__container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    width: 100%;
    max-width: 90%;
    margin: 40px auto;
}
.card__bx {
    --bg-clr: #282828;
    --txt-clr: #ffffff;
    --btn-txt-clr: #333333;
    --transition: all 0.5s;

    font-family: 'Poppins', sans-serif;
    height: 290px;
    width: 300px;
    overflow: hidden;
    border-radius: 20px;
    border-top-left-radius: 70px;
    position: relative;
    overflow: hidden;
    background: var(--clr);
    transition: var(--transition);
    box-shadow: 5px 5px 19px 0 rgba(0,0,0,0.15);
  
}
.card__1 {
    background-color: #CBB682;
}
.card__2 {
    background-color: #CBB682;
}
.card__3 {
    background-color: #CBB682;
}
.card__bx .card__data {
    position: absolute;
    inset: 10px;
    border-radius: 10px;
    background: white;
}
.card__bx .card__data .card__icon {
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-right-radius: 50%;
    height: 45px;
    width: 45px;
    background-color: #CBB682;
}
.card__bx .card__data .card__icon::before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 30px;
    width: 30px;
    border-top-left-radius: 30px;
    background: transparent;
    box-shadow: -5px -5px 0 5px var(--clr);
}
.card__bx .card__data .card__icon::after {
    content: '';
    position: absolute;
    right: -30px;
    top: 0;
    height: 30px;
    width: 30px;
    border-top-left-radius: 30px;
    background: transparent;
    box-shadow: -5px -5px 0 5px var(--clr);
}
.card__bx .card__data .card__icon .card__icon-bx {
    position: absolute;
    inset: 10px;
    border-radius: 10px;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 60px;
    background: white;
    color: var(--clr);
}
.card__bx:hover .card__data .card__icon .card__icon-bx {
    background: var(--clr);
    color: var(--txt-clr);
    transition: var(--transition);
}
.card__bx .card__data .card__content {
    position: absolute;
    top: 110px;
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    color: var(--txt-clr);
    left:64px;
}
.card__bx .card__data .card__content h3 {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    font-family: "poppins";
}

.card__bx .card__data .card__content a {
    display: inline-flex;
    align-self: center;
    padding: 10px 25px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    border: 2px solid var(--clr);
    color: var(--btn-txt-clr);
    background: var(--clr);
    transition: var(--transition);
}
.card__bx .card__data .card__content a:hover {
    background: transparent;
    color: var(--clr);
}
/* why choose us */
.rounded-circle {
    border-radius: 100% !important;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.sub-info{
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    background-color: #CBB682;
    -webkit-background-clip: text;
}

.display-30 {
    font-size: 0.9rem;
}
.why-choose-center-image{
    padding-top: 100px;
}
.button-call{
    background-color: black;
    padding: 10px;
    color:white !important;
}
p{
   color:#363131; 
   font-weight: 500;
}
.about-list li{
    color:#363131;
}
.padding-top{
    padding-top: 30px;
    padding-bottom: 20px;
}
.padding-bottom{
    padding-bottom: 70px;
}
/* contect form */

  /* ------------- */
  /* MEDIA QUERIES */
  /* ------------- */
  
  @media only screen and (min-width: 700px) {
    .wrapper {
      display: grid;
  /* padding-bottom: 50px; */
    }
  
    .wrapper > * {
      padding: 0px;
    }
  
    .company-info {
      border-radius: 4px 0 0 4px;
    }
  
    .contact {
      border-radius: 0 4px 4px 0;
    }
  
    .company-info h3,
    .company-info ul,
    .brand {
      text-align: left;
    }
  }

  /* form */
  .form {
    background: #fff;
    box-shadow: 0 30px 60px 0 rgba(90, 116, 148, 0.4);
    border-radius: 5px;
   width:500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;

    border-top: 5px solid #8b7752;
  /*   z-index: 1; */
    animation: bounce 1.5s infinite;
  }
  ::-webkit-input-placeholder {
    font-size: 1.3em;
  }
  
  .title{
    display: block;
    font-family: sans-serif;
    margin: 10px auto 29px;
 color:#8b7752 !important;
  }
  .termsConditions{
    margin: 0 auto 5px 80px;
  }
  
  .pageTitle{
    font-size: 2em;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
  }
  .secondaryTitle{
    color: black;
    text-align: center;
  }
  
  .name {background-color: #CBB682;
    color: black;
  }
 
  
  .email {
    background-color: #CBB682;
    height: 2em;
    color:black;
  }
  

  .message {
    background-color: #CBB682;
    overflow: hidden;
    height: 10rem;
    color: #000;
  }
  

  .formEntry {
    display: block;
    margin-top: 20px;
    width: 100%;
    padding: 10px;
    border-radius: 2px;
    border: none;
    transition: all 0.5s ease 0s;
  }
  textarea{
    background-color: #CBB682;
    margin-top: 20px;
    padding-left: 10px;
  }
  
  .submit {
    width: 200px;
    background-color: #CBB682;
    font-size: 20px;
    margin-bottom: 20px;
    margin-left: 114px;
    color:#000;
  }
  ::placeholder{
    color:#000;
    font-size: 14px;
  }
 

  
  @keyframes bounce {
    0% {
      tranform: translate(0, 4px);
    }
    50% {
      transform: translate(0, 8px);
    }
  } 
  
  /*  */
  .contact p a:hover{
color:#6e5005 !important;
  }
  .bottom-content p{
    margin-bottom: 10px !important;
  }
  .card h3{
    font-family: 'poppins';
     font-size: 16px;
      font-weight: bold;
      text-align: center;
  }
  .gold img{
    border: 2px solid #cbb682;
    box-shadow: 5px 5px 19px 0 #cbb682;
 
  }
  .why-choose-center-image img{
    box-shadow: 5px 5px 19px 0 gold;
  }
  .image-content img{
    border-radius: 5px;
    box-shadow: 5px 5px 19px 0 #cbb682;
  }
/* media */
@media screen and (max-width: 767px){
    .catagory-right-content{
        padding-left: 0px;
       
       }
       .why-choose-center-image{
        padding-bottom: 30px;
        padding-top: 0px;
       }
       .tip .row{
        flex-direction: column;
        gap: 16px;
       }
       .footer-area .bottom-content {
        flex-direction: column-reverse !important;
    }
       .mobile-menu-main .animated-arrow{
        padding-left:200px ;
       }
       .form{
        width:auto !important;
       }
       .submit {
margin-left: 10px;
       }
       .formEntry{
        margin: 10px;
        width:90%;
       }
       textarea {
        width:90%;
        margin: 10px;
       }
}
/* slider */
/* Add your custom styles here if needed */

@keyframes myCarouselFade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}

#my-carousel {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

.my-carousel-slides {
    overflow: hidden;
    animation-name: myCarouselFade;
    animation-duration: 1s;
    display: none;
}


#my-carousel-dots {
    margin: 0 auto;
    text-align: center;
}

.my-carousel-dot-item {
    display: inline-block;
    border-radius: 50%;
    background: #d3d3d3;
    padding: 8px;
    margin: 10px 5px;
}

.my-carousel-dot-item.active {
    background: black;
}

@media (max-width: 567px) {
    #my-carousel {
        width: 100%;
    }
    #my-carousel{
        display:block !important;
    }
    .service-area{
        display:none;
    }
    .heading-content-one h2.title{
        font-size: 30px;
    }
    .heading-content-one h5.sub-title{
       font-size: 15px; 
    }
    .heading-content-one{
        margin-bottom: 20px;
    }
    .gallery-area h2{
        font-size: 30px;
    }
    .mobile-header-block .left-content ul{
        padding-top: 30px;
    }
    .wrapper{
        width:auto !important;
       }
       .form-control{
        width:90% !important;
        margin: auto;
       }
      
     
}

#heading {
    display: block;
    text-align: center;
    font-size: 2em;
    margin: 10px 0px;
}
#my-carousel{
    display:none;
}
/*  */
/* Add your custom styles here if needed */

@keyframes newCarouselFade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}

#new-carousel {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

.new-carousel-slides {
    overflow: hidden;
    animation-name: newCarouselFade;
    animation-duration: 1s;
    display: none;
}


#new-carousel-dots {
    margin: 0 auto;
    text-align: center;
}

.new-carousel-dot-item {
    display: inline-block;
    border-radius: 50%;
    background: #d3d3d3;
    padding: 8px;
    margin: 10px 5px;
}

.new-carousel-dot-item.active {
    background: black;
}

@media (max-width: 567px) {
    #new-carousel {
        width: 100%;
    }
    .card__bx{
        width:90%;
        margin:auto;
    }
    .service-mob{
        display:block !important;
    }
    .ser-des{
        display:none !important;
    }
    .gold img{
        width:80px !important;
    }
  
    .sub-info{
        font-size: 23px;
    }
    .gallery-main .col-lg-4{
        padding-top: 20px;
    }
    .gallery-main .padding-bottom{
        padding-bottom: 0px;
    }
    .aboutus{
        background-position: center;
    }
    .services-bg{
        background-position: center;
    }
    .event-bg{
        background-position: center;
    }
    .call-to-action-strip-sub{
        flex-direction: column !important;
    }
    .cta-sm{
        margin-top: 20px;
    }
    .layout-position{
      
        right: 0px !important;
        top: 0px !important;
    }
   .top-feautures .col-lg-6{
    width: 100% !important;
   }
   .why-choose-center-image img{
    display: none !important;
   }
}

#heading {
    display: block;
    text-align: center;
    font-size: 2em;
    margin: 10px 0px;
}
.service-mob{
    display:none;
}
.fa-angle-down{
    background-color: #CBB682;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    /* margin-top: 15px; */
    font-size: 16px;
}
.item {
    background: #333;
    text-align: center;
    height: 268px;
}

h2 {
    margin: 0;
    color: #888;
    font-size: 30px;
}
/*  */
.service-main h2{
color:#8b7752;
padding-bottom: 15px;
font-weight: bold;
padding-top: 30px;
}
.service-main img{
    height:250px;
    width:350px;
    animation: bounce 1.5s infinite;
    box-shadow:0 16px 28px 0 rgb(139 119 82);
    border-radius: 5px;
}
.service-main p{
    text-align: justify;
}
.contact-main .contact{
    border:1px solid #8b7752;
    margin: 15px;
    text-align: center;
   
}
.contact-main .contact h4{
    font-family: "poppins";
    font-weight: bold;
}
.contact-main .col-lg-3{
width:21%;
}
.head-main h2{
padding-top: 20px;
}
.padding-bottom{
    padding-bottom: 40px;
}
.subimt-button .submit{
    background-color: #8b7752;
}
.contact-main .fa{
    font-size: 29px;
    padding: 0px 14px;
}
.gallery-main img{
    transition-duration: 2s; 
    border: 2px solid #cbb682;
    border-radius: 5px;
    width:100%;
    height: 100%;
}
.gallery-main img:hover{
transform:scale(1.1)
}
::placeholder{
    color:black !important;
}
.aboutus{
    background-image: url(assets/images/about/about-us-banner.webp);
    height:300px;
}
.breadcrumbs a, .breadcrumbs span {
    color: white;
}
.breadcrumbs{
    padding-top: 15px;
}
.pd-top{
    padding-top: 60px;
}
.pd-bottom{
    padding-bottom: 60px;
}
.gallery-bg{
    background-image: url(assets/images/gallery/gallery-main/background.png);
    height:300px;
}
.event-bg{
    background-image: url(assets/images/Events/background.webp);
    height:300px;
}
.services-bg{
    background-image: url(assets/images/service/background.webp);
    height:300px;
}
.contact-bg{
    background-image: url(assets/images/contactus/background.webp);
    height:300px;
}
@media only screen and (min-width: 1112px) and (max-width: 1200px) {
    .why-choose .col-sm-6{
        width:100% !important;
    }
    .testimonial-slider .owl-dots{
        margin-top: 150px;
    }
}
.thank-you h2 {
display:inline-block;
border: 5px solid white;
padding: 10px;
border-radius: 5px;
margin-top: 15px;
animation: glowing 1500ms infinite;
color:#000;
}

@-webkit-keyframes glowing {
    0% { background-color: #CBB682; -webkit-box-shadow: 0 0 3px #CBB682; }
    50% { background-color: #CBB682; -webkit-box-shadow: 0 0 40px #CBB682; }
    100% { background-color: #CBB682; -webkit-box-shadow: 0 0 3px #CBB682; }
  }
  
.thank-you h3{
    margin-top: 50px; 
}
.thankyou .pogoSlider{
    padding-bottom: 30% !important;
}
.thankyou .slider-text-content h2{
    font-size: 35px;
}
.thankyou .slider-text-content h2:before{
    height:0;
}

/*  */
.modal-footer button{
    cursor: pointer;
}

.width-50{
    display: flex;
}
.width-50 .form-group{
    width: 50%;
   margin: auto;        
}

.modal-header {
flex-shrink: 0;
padding: 55px 20px 5px 20px;
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal {
margin-top: 70px;
overflow-y: hidden !important;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.modal {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: 0.5rem;
--bs-modal-color: ;
--bs-modal-bg: #fff;
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: 1px;
--bs-modal-border-radius: 0.5rem;
--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-modal-inner-border-radius: calc(0.5rem - 1px);
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: 1px;
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: 1px;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-modal-zindex);
display: none;
width: 100%;
height: 100% !important;
overflow-x: hidden;
outline: 0;
}
.modal.show .modal-dialog {
transform: none;
}
.modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translate(0,-50px);
}
.modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translate(0,-50px);
}
.modal-dialog {
height: 100%;
position: relative;
width: auto;
margin: var(--bs-modal-margin);
}
.modal-content {
background: rgba( 61, 1, 62, 0.8 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
color: #fff;
width: 80%;
margin: auto;
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
outline: 0;
}
.form-group input{
padding:20px;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: var(--bs-modal-padding);

}
.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius);
padding-bottom: 30px;
}
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto;
}   
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.form-control {
display: block;
width: 90%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #cbb682;
background-clip: padding-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .375rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin: auto;
}
.wrapper{
    box-shadow: 0 30px 60px 0 rgba(90, 116, 148, 0.4);
    border-radius: 5px;
    animation: bounce 1.5s infinite;
    /* padding: 30px; */
    width:500px;
background-color: white;
margin-bottom: 20px;
border-top: 7px solid #cbb682;
}
.submit-form{
    background-color: #CBB682;
    font-size: 18px;
    margin-bottom: 20px;
    color: #000;
    border: none;
}
.margin-top{
    margin-top: 140px;
}
.center{
    text-align: center;
}
.center .btn{
    padding: 10px 35px;
    border-radius: 5px;
}
.sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.fa-whatsapp{
    color:#019047;
    font-size: 37px;
  
    font-weight: bold;
}

.whatsapp{
    position:fixed;
    right:34px;
    bottom: 100px;
 background-color: #cbb682;
box-shadow:5px 5px 19px 0 gray;
z-index: 10;
padding: 5px 8px;
border-radius: 10px;
}
.call {
    position: fixed;
    right: 37px;
    bottom: 174px;
    background-color: #cbb682;
    box-shadow: 5px 5px 19px 0 gray;
    z-index: 15;
    padding: 9px 16px;
    border-radius: 10px;
    font-size: 23px;
}
.call:hover{
    color: inherit;
}

.g-recaptcha{
    width: 90%;
    margin: auto;
}
.service-main h4{
font-size: 22px;
color:#000;
}
.service-main h4 b{
    font-size: 24px;
font-weight: bold;
}
.blog .item{
height:380px;
}
.padding-top{
    padding-top: 50px;
}
.entry-content h3{
    font-size: 22px;
    font-weight: bold;
    font-family: sans-serif;
}
.entry-content h2{
font-size: 25px;
color:#363131;
font-weight: bold;
font-family: sans-serif;
}
.entry-content p{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 24px;
}
.entry-content ul{
    color:#363131;
    font-weight: 400;
}
.entry-content ul li{
    line-height: 24px;
    padding-bottom: 10px;
}
.entry-content h4{
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    font-size: 19px;
    padding-bottom: 15px;
    color: #363131;
}
.entry-content span{
    font-weight: 500;
}
.celebration-images img{
    border-radius: 20px;
    margin-top: 20px;
}
.birthday-blog{
    background-image: url(assets/images/blog/best-birthday-party-hall/best-birhday-partyhall-in-chennai.png);
    height:300px;
}
.babyshower-blog{
    background-image: url(assets/images/blog/best-venue-for-baby-showers-and-naming-ceremonies/best-venue-for-baby-showers-and-naming-ceremonies-in-chennai.webp);
    height:300px;
}
p a, li a{
    color:black;
    font-weight: 500;
}
.babyshower-blog-content h2{
    font-size: 22px;
    font-weight: bold;
    font-family: sans-serif; 
    color: #8b7752;
}
.babyshower-blog-content h3{
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    padding-bottom: 15px;
    color: #363131; 
}
.call-to-action-strip{
    background-color: #CBB682;
    padding: 20px 10px;
    margin-top: 20px;
    box-shadow: 5px 5px 19px 0 gray;
}
.call-to-action-strip a{
   margin-top: 10px;
}
.call-to-action-strip p{
margin-bottom: 0px;
font-weight: bold;
font-size: 18px;
padding-left: 20px;
}
.call-to-action-strip-sub{
    display: flex;
    justify-content: center;
    align-items: center;
}
.baby-strip{
    margin: 20px;
}
.customized-packages{
    padding: 50px 0;
}
.top-feautures{
padding-bottom: 40px;
}
.list{
    color:black;
    padding:0 20px;
}
.list li{
    text-align: left;
    padding-top: 5px;
    list-style-type:square;
}
.customized-packages .col-lg-6{
    box-shadow: 5px 5px 19px 0 #cbb68273;
    padding: 20px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 48%;
    margin-right: 20px;
}
.top-feautures .col-lg-6{
    box-shadow: 5px 5px 19px 0 #cbb68273;
    padding: 20px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 48%;
    margin-right: 20px;
}
.list li::marker {
    color: #8b7752;
    font-size: 20px;
  }
  .tip .row{
    display: flex;
    justify-content: center ;
    align-items: center;
  }
  .layout-position{
    position: relative;
    right: 385px;
    top: -133px;
  }
  .gathering-size{
    width: 80px;
    height: 80px;
  }
  .customized-packages .title{
    font-weight: bold;
    text-align: center;
  }
  .owl-item{
    margin-bottom: 80px;
  }
  @media (max-width:600px){
    .service-main img{
        width: 100%;
    }
    .banner-font-size{
        font-size: 27px;
    }
    .slider-text-content p{
        padding: 0px 0px;
        font-size: 14px !important;
    }
        .slider-area .pogoSlider-dir-btn.pogoSlider-dir-btn--next {
            right: 12px;
        }
            .slider-area .pogoSlider-dir-btn.pogoSlider-dir-btn--prev{
                left: 10px;
            }
    .banner-break{
        display: none;
    }
  }