@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Puritan:ital,wght@0,400;0,700;1,400;1,700&family=Ysabeau+Infant:ital,wght@0,1..1000;1,1..1000&display=swap');

  
html {
    font-size: 100%;
    font-family: "Afacad Flux", sans-serif;
}


.sec-title h5 {
    font-weight: bold;
    margin-bottom: 0;
    line-height: 2.6rem !important;
    font-family: "Afacad Flux", sans-serif;
    color:#29231B;
}

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

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

.heading-content-one h5.sub-title {
    font-family: "Afacad Flux", sans-serif;
    font-size: 16px;
    color: inherit;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    margin-top: 15px
}

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

.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: #0e385d;
    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: 60px;
    color: inherit;
    font-weight: bold;
    line-height: 1.1em
}

.heading-content-two h5.sub-title {
    font-family: "Afacad Flux", sans-serif;
    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: #0e385d;
    margin-top: 10px
}

.heading-content-three h5.sub-title {
    font-family: "Afacad Flux", sans-serif;
    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: #0e385d
}

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

.heading-content-four h5.sub-title {
    font-family: "Afacad Flux", sans-serif;
    font-size: 16px;
    color: inherit
}

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

.section-title-area .section-title {
    font-weight: bold;
    font-family: "Afacad Flux", sans-serif;
    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: "Afacad Flux", sans-serif;
    font-size: 45px;
    margin-bottom: 0;
    line-height: 1.12em;
    margin-top: 0
}

.page-header .page-description {
    color: #000;
    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
}

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

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: white;
    word-wrap: break-word;
    overflow-x: hidden
}

q {
    quotes: "" ""
}

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

blockquote {
    border: 0;
    padding: 0;
    font-family: "Afacad Flux", sans-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: "Afacad Flux", 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
}

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

.jarallax {
    position: relative
}

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

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

.yellow-color {
    color: #E77716;
}

.nevy-blue-bg {
    background: #0e385d
}

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

.bg-nero {
    background-color: #1C1C1C
}

.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.856);
    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 {
        overflow: hidden
    }
}

.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
}

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

input[type="submit"]:hover {
    color: #E77716;
}

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: #0e385d;
    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: #ffffff;
    padding: 10px 45px;
    border-radius: 26px;
    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 {
    border: solid #1D7308 1px !important;
    border-radius: 7px;
    background-color:#1D7308;
    color:#fff;
    font-size: 1.2rem;
    text-decoration: none;
    padding: 8px 25px !important;
}

.nevy-button:hover {
    background-color: transparent;
    border:#1D7308 1px solid !important;
    color: #1D7308 !important;
}

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

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

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

.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.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;
}

textarea:focus {
    border-color: #E77716 !important;
}

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: "Afacad Flux", 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: inherit;
    -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: 1.3rem;
        font-weight: 600;
        text-transform: capitalize;
        text-decoration: none;
        position: relative;
        color: white;
        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;
        text-shadow: 2px 4px 3px black;
    }
    .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: "Afacad Flux", 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) {}

@media screen and (min-width: 280px) and (max-width: 520px) {
    #hero-sec {
        position: relative;
        overflow: hidden;
        top: 0;
        height: 50vh !important;
    }
}

@media only screen and (max-width: 991px) {
    .hero-cont {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .hero-cont img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }
    .site-navigation {
        display: none
    }
    .header-cont {
        display: none !important;
    }
    .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: "Afacad Flux", sans-serif;
    }
    .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: "Afacad Flux", sans-serif;
        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: 240px;
        -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: -8px;
        top: -15px;
        z-index: 200;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        cursor: pointer;
        padding: 44px 4px;
    }
    #menu-marker {
        display: none
    }
    .animated-arrow.menuopen {
        position: fixed;
        left: 4%;
    }
    .animated-arrow span,
    .animated-arrow span:before,
    .animated-arrow span:after {
        cursor: pointer;
        height: 3px;
        width: 30px;
        background: #E77716;
        position: absolute;
        display: block;
        content: '';
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }
    .animated-arrow span:before {
        top: -7px;
    }
    .animated-arrow span:after {
        bottom: -7px;
    }
    .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: 15px;
        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: #E77716;
        border: white solid;
    }
    .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
    }
}

@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
    }
}

.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
}

.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
}

.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-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
}

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

.social-media h5 {
    display: inline-block;
    font-family: "Afacad Flux", sans-serif;
    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.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 .booking {
    border-left: 1px solid rgba(80, 171, 249, 0.19)
}

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

.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
    }
}

@media only screen and (max-width: 480px) {
    .mobile-header-block .logo-area .site-logo {
        padding: 15px 10px
    }
}

.mobile-header-block {
    display: flex;
    justify-content: space-between;
}

.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: black;
}

.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: 0;
    list-style: none
}

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

.mobile-header-block .left-content ul li a {
    color: #21b360;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
    padding: 9px 15px 9px 15px;
    font-size: 15px;
    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-text-content {
    clear: both;
    overflow: hidden;
    color: #fff;
    text-align: center;
    margin-top: 6rem !important;
}

.slider-text-content .button {
    background-color: #E77716;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    text-align: center
}

.slider-text-content .button:hover {
    background-color: #153E4D;
}

.slider-text-content h2 {
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.842);
    color: #fff
}

.slider-text-content h3 {
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.842);
    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: 90px;
    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: 30px
    }
}

.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 p {
        display: none
    }
}

.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
    }
}

.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.png)
}

.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
    }
}

@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: "Afacad Flux", sans-serif;
    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 white;
    border-right: 0 none;
    padding: 15px 5px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.category-slider {
    background-color: #E77716;
    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: 1.2rem;
    margin-top: 20px;
    color: white;
    font-family: "Afacad Flux", sans-serif;
}

.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;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize !important;
    margin: 0;
    font-family: "Afacad Flux", sans-serif;
}

.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
    }
}

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

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

.catagory-left-content h2 {
    font-size: 70px;
    font-weight: bold;
    font-family: "Afacad Flux", sans-serif;
    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: #0e385d;
    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: "Afacad Flux", sans-serif;
    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: "Afacad Flux", sans-serif;
}

.availability-area.two .form-content label {
    font-family: "Afacad Flux", 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: 75px 0 90px
}

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

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

@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: #B6B6B6;
    width: 20px;
    height: 20px;
    right: -10px;
    top: 10px;
    border-radius: 50%;
    z-index: 999;
    border: 5px solid #EEEEEE
}

@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
}

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

@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;
    color: #6a6a6a
}

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

.aboutus-area .nav.nav-tabs a:hover {
    border: 1px solid #fff;
    background: none
}

.aboutus-area .nav.nav-tabs li.active a {
    border: 1px solid #fff
}

.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: #B6B6B6;
    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 {
    width: 100%;
    box-shadow: rgba(238, 118, 5, 0.144) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.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 h3 {
    margin-top: 15px;
}

.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: #E77716;
    font-weight: bold;
    font-family: "Afacad Flux", sans-serif;
}

.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: "Afacad Flux", 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: "Afacad Flux", sans-serif;
}

.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: "Afacad Flux", 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
}

.package-h-cont {
    padding-top: 10%;
}

.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: "Afacad Flux", sans-serif;
    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: "Afacad Flux", 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: "Afacad Flux", sans-serif;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0
}

.extra-info .extra-info-inner ul li {
    list-style: none !important;
    line-height: 150%;
}

.extra-info-inner .sec-title {
    margin-top: 1rem;
}

.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: "Afacad Flux", sans-serif;
    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: "Afacad Flux", sans-serif;
    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: "Afacad Flux", 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: "Afacad Flux", sans-serif;
    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: "Afacad Flux", sans-serif;
    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%
}

.h-about {
    position: relative;
    padding: 0px 0px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    max-height: auto;
}

.h-about::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.795);
    /* Adjust the alpha value for transparency */
}

.section_padding_top p {
    color: white;
}

.call-to-action .tb-cell {
    float: none
}

.left-cta {
    color: white;
}

.left-cta p {
    color: white !important;
}

.left-cta h2 {
    color: white;
    font-size: 2.7rem !important;
    line-height: 150% !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    margin-right: 1rem !important;
    z-index: 99;
    /* text-align: center; */
}

.right-content .sec-title h4 {
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.959);
    font-size: 2.5rem !important;
    line-height: 130% !important;
}

.right-content .site-logo {
    color: white;
    border-radius: 100%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.959);
    background-color: #ffffff;
}

.right-content .main-contact a {
    font-size: 1.4rem !important;
    font-weight: normal !important;
}

.right-cta {
    justify-content: center;
    align-items: center;
    height: 100% !important;
}

.stat {
    text-align: center
}

.highlight {
    font-weight: bold;
    margin-bottom: 40px;
    font-size: 60px;
    color: #fff;
    font-family: "Afacad Flux", sans-serif;
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .highlight {
        font-size: 45px
    }
}

.milestone-details {
    font-weight: bold;
    font-size: 36px;
    color: #fff
}

@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: 60px 0 75px
}

.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: 120px;
    color: #fff;
    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: 60px
    }
}

.testimonial-area .testimonial-heading-content h2.sub-title {
    font-size: 30px;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
    font-family: "Afacad Flux", sans-serif;
}

.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: 30px;
}

.testimonial-slider .item h3 {
    font-family: "Afacad Flux", sans-serif;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.testimonial-slider .item h5 {
    font-family: "Afacad Flux", sans-serif;
    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;
    color: #E77716;
}

.testimonial-slider .owl-dot {
    width: 25px;
    height: 25px;
    background-color: #B6B6B6;
    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
    }
}

@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 {
    display: inline-block;
    margin: auto;
    display: table;
    position: relative;
    margin-top: 30px;
    position: relative
}

.testimonial-slider .owl-dots:before {
    position: absolute;
    content: "";
    background-color: #D8D8D8;
    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
}

@media only screen and (max-width: 520px) {
    .call-to-action .tb-cell {
        display: block
    }
}

@media screen and (max-width: 520px) {
    .call-to-action .contact-right-content {
        margin-left: 0%;
        margin-top: 30px
    }
}

@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 h5 {
    color: #E77716
}

.service-area {
    padding: 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-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    text-align: center
}

@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
}

.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: "Afacad Flux", 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: "Afacad Flux", 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: "Afacad Flux", sans-serif;
    font-weight: bold
}

.post-filter-area h5 a {
    margin-right: 10px
}

.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: "Afacad Flux", sans-serif;
    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: "Afacad Flux", sans-serif;
    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: "Afacad Flux", sans-serif;
    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: "Afacad Flux", sans-serif;
    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: "Afacad Flux", 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: #777A7D;
    font-family: "Afacad Flux", sans-serif;
    font-weight: 600
}

.map-area .heading-content-one h2 {
    font-family: "Afacad Flux", 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: 3px !important;
        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
}

.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: 20px;
    margin-top: 15px;
    font-weight: 800;
    font-family: "Afacad Flux", sans-serif;
}

.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
}

.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: "Afacad Flux", sans-serif;
}

.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: "Afacad Flux", sans-serif;
    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: #E77716 !important;
    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: #E77716;
}

.comments-area .comment-metadata {
    margin-bottom: 0.5em;
    color: #f0f00d
}

.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: black !important;
    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: #E77716 !important;
}

.comment-reply-link {
    padding: 6px 22px;
    font-size: 11px;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    background-color: #ebeb05;
    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: "Afacad Flux", 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: "Afacad Flux", sans-serif;
    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: #0e385d
}

.nevy-color .widget-title-area .widget-title {
    color: #0e385d
}

.nevy-color.widget.widget_place_category ul li a {
    color: #0e385d
}

.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;
    border-radius: 6px;
}

.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: "Afacad Flux", sans-serif;
    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: "Afacad Flux", 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: "Afacad Flux", 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: "Afacad Flux", 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: "Afacad Flux", 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: "Afacad Flux", sans-serif;
    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: "Afacad Flux", sans-serif;
    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 {
    padding: 60px 0 75px;
    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;
    color: #0E385D;
    font-family: "Afacad Flux", sans-serif;
    font-weight: 700
}

.contact-area .contact h4 i {
    color: #0E385D;
    font-size: 30px;
    margin-right: 10px
}

.contact-area .contact h4 .fa-user {
    background-color: #0E385D;
    border-radius: 50%;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px
}

.contact-area .contact p {
    color: #414141;
    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: #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 {
    margin-bottom: 70px
}

.contact-us-area .contact h4 {
    font-size: 22px;
    color: #0E385D;
    font-family: "Afacad Flux", sans-serif;
    font-weight: bold
}

.contact-us-area .contact h4 i {
    color: #0E385D;
    font-size: 30px;
    margin-right: 10px
}

.contact-us-area .contact h4 .fa-user {
    background-color: #0E385D;
    border-radius: 50%;
    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: "Afacad Flux", sans-serif;
    margin-top: 30px !important
}

.contact-us-area .contact-us-content-right {
    text-align: center
}

.contact-us-area .contact-us-content-right h3 {
    font-family: "Afacad Flux", sans-serif;
    font-weight: bold;
    color: #292928
}

.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: "Afacad Flux", sans-serif;
    text-align: center;
    margin-bottom: 60px;
    font-weight: bold;
    color: #292928
}

.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
}

.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: 105px 30px
}

.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: "Afacad Flux", sans-serif;
    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
}

.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: "Afacad Flux", sans-serif;
    margin-bottom: 30px
}

.section-cont {
    margin-top: 2%;
}

#hero-sec {
    position: relative;
    overflow: hidden;
    top: 0;
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 100vh;
}

.hero-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.hero-ovrlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-info {
    text-align: center;
    color: black;
}

.hero-info h1 {
    font-size: 2.2em;
    margin-bottom: 10px;
    color: white;
    text-shadow: 2px 2px 4px black;
    font-weight: bold;
    margin-top: 15% !important;
}

.hero-info h3 {
    font-size: 1.5em;
    margin: 0;
    color: white;
}

.header-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.699);
    position: absolute;
    top: 0;
    z-index: 99999;
    /* border-bottom:#E77716 1px solid; */
    background-color: rgba(0, 0, 0, 0.399) !important;
}

.header-top-content {
    border-bottom: 1px #fff solid;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1% 1% 1% 1%;
    margin-right: 2rem;
}

.header-top-content span {
    color: black;
    margin: 1% 4% !important;
    float: initial;
    font-size: 1.2rem;
    color: white;
}

.header-top-content span:hover {
    margin: 1% 4% !important;
    float: initial;
    font-size: 1.2rem;
    color: #E77716 !important;
}

.header-bottom-content {
    float: initial;
    background-color: transparent;
}

.header-bottom-content .top-navigation {
    display: flex;
}

.social-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.social-cont a {
    margin-right: 20px !important;
    color: white;
}

.site-logo {
    height: 110px;
    width: 160px;
    z-index: 999999 !important;
    padding: 5px;
    background-color: white !important;
    border-radius: 100%;
}

.site-logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.logo-area {
    height: 80px;
    width: 140px;
    padding-bottom: 1%;
}

.logo-area img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.mobile-header-area {
    background-color: white;
}

.slider-area {
    overflow: hidden;
    margin-top: 0;
    height: 100vh;
}

.pogoSlider {
    height: 100vh;
}

.section_padding_top {
    padding: 100px 0 0 0;
}

.three_about_left {
    position: relative;
}

.three_about_left a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.three_about_left img {
    border: #E77716 1px solid;
    border-radius: 40px 0 20px;
}

.three_about_right h4 {
    padding-bottom: 10px;
}

.three_about_right h2 {
    line-height: 51px;
}

.three_about_right p {
    padding-top: 15px;
    color: white;
}

.about_three_flex {}

.about_counter_item {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    text-align: center;
    padding: 10px 35px;
    font-family: "Afacad Flux", sans-serif;
}

.about_counter_item h2 {
    line-height: 40px;
    color: #E77716;
}

.about_counter_item p {
    padding-top: 0;
    color: var(--main-color);
    font-size: 18px;
    font-weight: 500;
}

.three_heading_area {
    color: var(--main-color);
    font-weight: 400;
    position: relative;
}

.three_heading_area::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    left: 145px;
    top: 13px;
    background-color: var(--main-color);
}

.verified_area {
    position: absolute;
    right: 250px;
    bottom: -150px;
}

.right-content .main-contact {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    border-radius: 5px;
    justify-content: start;
    align-items: start;
    display: flex !important;
}

.right-content .main-contact a {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #E77716;
    border-radius: 5px;
    padding: .6rem 2rem;
}

.right-content .main-contact a:hover {
    background-color: transparent !important;
    border: 1px #E77716 solid;
    border-radius: 5px;
    color: black;
}

.share-meta .main-contact {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #E77716;
    padding: 8px 30px;
    display: inline-block;
    border-radius: 5px;
    border: #E77716 1px solid;
    margin-top: 10%;
}

.share-meta .main-contact:hover {
    color: #E77716;
    background-color: transparent !important;
    border: #E77716 1px solid;
    cursor: pointer;
}

.meta-bed-room,
.meta-bath-room {
    margin-bottom: 4%;
    color: black;
}

.call-to-action.with-map {
    display: block;
    position: relative;
    margin-top: -160px
}

.footer {
    background-color: black;
    padding: 5% 0;
}

.footbox-cont {
    margin-top: .8rem;
}

.footheader {
    color: #E77716;
    margin-bottom: 5%;
    font-weight: bold;
}

.footheader-p p {
    color: white;
}

.footheader-a a {
    display: block;
    color: white;
    line-height: 220%;
}

.footer-logo {
    height: 90% !important;
    width: 90% !important;
    margin-bottom: 10px;
}

.footer-logo img {
    height: 100% !important;
    width: 100%;
    object-fit: contain;
}

.footer__newsletter {
    background-color: #E4791E;
    border-radius: 8px;
    max-width: fit-content;
}

.footer__newsletter input {
    margin-bottom: 0;
    line-height: normal;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    color: black;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: 1.4rem;
    background-color: white;
    padding: 10px 1rem;
    border-radius: 8px;
}

.footer__newsletter button {
    background-color: #E77716;
    color: white;
    cursor: pointer;
    padding: 13px 19px;
    transition: background-color 0.3s ease;
    border-radius: 8px;
    font-size: 1.4rem;
    border: none !important;
}

.footer__newsletter button:hover {}

.footer__newsletter input[type="email"]::placeholder {
    color: black !important;
    font-size: 1.4rem;
}

.footer__bottom-topline {
    border-top: white 1px solid !important;
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4rem;
}

.footer__images {
    float: inline-end !important;
}

.footer__images img {
    margin-right: 15px;
    margin-bottom: 8px;
}

.Copyright {
    color: #E77716;
    font-size: 1rem;
}

.whatsapp_float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 30px;
    left: 15px;
    background-color: #E77716;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 1999
}

.whatsapp-icon {
    margin-top: 10px
}

@media screen and (max-width:767px) {
    .whatsapp-icon {
        margin-top: 4px
    }
    .whatsapp_float {
        position: fixed;
        width: 40px;
        height: 40px;
        bottom: 6px;
        left: 15px;
        background-color: #E77716;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        /* box-shadow: 2px 2px 3px #999; */
        z-index: 1999
    }
}

/*-------------------------------------------------------------------/
      banner----hero-----
/*-------------------------------------------------------------------*/

/* ==========================mobile======================================= */

@media only screen and (max-width: 992px) {
    .header-top-content {
        float: right;
        margin-right: -25px;
    }
    .header-top-content {
        border-bottom: 1px #00000021 solid;
        display: flex;
        justify-content: center;
        align-items: center !important;
        padding: 1% 1% 1% 1%;
        margin-right: 2rem;
    }
    .l-info-pack-plac::after {
        content: "";
        background: rgb(206, 206, 206);
        position: absolute;
        width: 1px;
        top: 0px;
        bottom: 0px;
        height: 100%;
        left: 12px !important;
    }
    .header-cont .site-logo {
        display: none !important;
    }
    .header-top-content span {
        display: none !important;
    }
    .mobile-header-area {
        margin-bottom: -2px;
    }
    .about_three_flex {
        display: flex;
        justify-content: space-between;
        padding-top: 30px;
        margin-right: 20px;
    }
    .about_three_flex {
        padding-top: 30px;
        margin-right: 20px;
    }
    .about_counter_item {
        background: #FFFFFF;
        box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.05);
        border-radius: 12px;
        text-align: center;
        padding: 10px 35px;
        margin: 10px;
    }
}

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

@media only screen and (max-width: 1199px) {
    .verified_area {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .photo-gallery-area .col-md-3.col-sm-6.col-xs-6 {
        width: 100%
    }
}

@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+.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 .gallery-right-content {
    padding: 0 15px
}

@media only screen and (max-width: 490px) {
    .gallery-area .gallery-right-content {
        padding: 0
    }
}

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

@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
    }
}

@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
    }
    .footer__newsletter input {
        max-width: 70%;
    }
}

@media only screen and (max-width: 349px) {
    .footer__newsletter input {
        max-width: 64%;
    }
}

@media only screen and (max-width: 991px) {
    #contact_form .form-submit {
        margin-bottom: 0
    }
    .left-cta h2 {
        border-right: none;
        color: white;
        font-size: 3rem !important;
        line-height: 180% !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
        margin-right: 1rem;
    }
    .footbox-cont {
        margin-top: 3rem;
    }
    .footheader {
        color: #E77716;
        margin-bottom: .5%;
        font-weight: bold;
    }
    .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
    }
}

.form-content input::placeholder,
.form-content textarea::placeholder {
    font-size: 1.2rem !important;
    color: rgba(0, 0, 0, 0.589);
}

.form-content .form-group input.input-text {
    font-size: 1.2rem !important;
    color: rgba(0, 0, 0, 0.589);
}

.form-content .form-group input[type="text"],
.form-content .form-group input[type="tel"],
.form-content .form-group input[type="email"],
.form-content .form-group input[type="number"],
.form-content .form-group textarea {
    font-size: 1.2rem !important;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 100%;
    color: black;
}

@media only screen and (min-width: 992px) {
    .desktop-d-none {
        display: none !important;
    }
}

.top-navigation .menu-list li a:hover {
    color: #E77716 !important;
}

.top-navigation .social-cont a:hover {
    color: #E77716 !important;
}

.header-top-content span a:hover {
    color: #E77716 !important;
}

#more_products_sec {
    width: 100%;
    position: relative;
    padding: 50px 0 10px 0;
    margin-top: 2rem !important;
}

.more_products_sec-cont {
    width: 100%;
    padding-top: 15px;
}

.more_products_box {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.more_products_box_img {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.more_products_box_img img {
    width: 100%;
    object-fit: cover;
}

.more_products_ovrly {
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 49px 40px 49px;
}

.more_products_ovrly-content {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    flex-direction: row;
}

.more_products_ovrly-content .share-meta .main-contact:hover {
    color: black;
    background-color: white !important;
}

.more_products_ovrly-content-text {
    width: 100%;
    float: left;
    position: relative;
}

.more_products_ovrly-content-text p {
    font-family: "Afacad Flux", sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    line-height: inherit;
    margin: 0;
}

.more_products_ovrly-content-text h4 {
    font-family: "Afacad Flux", sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    text-transform: inherit;
    padding: 0 0 5px 0;
    line-height: inherit;
    margin: 0;
    position: relative;
    text-shadow: 2px 4px 4px black;
}

.more_products_ovrly-content-text h3:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 40px;
    background: #fff;
    left: -10%;
    top: 40%;
}

.more_products_ovrly-content-text h5 {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #fff;
    text-transform: inherit;
    padding: 0;
    line-height: inherit;
    margin: 0;
}

.fa-chevron-right {
    color: #E77716 !important;
    position: absolute;
    top: 48%;
    right: .8%;
    font-size: 1.4rem !important;
    font-weight: bold !important;
}

.fa-chevron-left {
    color: #E77716 !important;
    position: absolute;
    top: 48%;
    left: .8%;
    font-size: 1.8rem !important;
    font-weight: bold !important;
}

.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: "Afacad Flux", sans-serif;
    color: #fff;
    margin-top: 0px
}

.call-to-action.style-two .left-content h4 {
    font-size: 20px;
    color: #303c6c;
    font-weight: bold;
    font-family: "Afacad Flux", sans-serif;
}

.call-to-action.style-two .right-content h4 {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
    font-weight: bold;
    line-height: 30px;
    font-family: "Afacad Flux", sans-serif;
    margin-top: 0
}

.call-to-action.style-two .right-content h4 span {
    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: "Afacad Flux", sans-serif;
    color: #fff;
    margin-top: 0
}

.call-to-action .contact-left-content h4 {
    font-size: 20px;
    font-weight: bold;
    font-family: "Afacad Flux", sans-serif;
    margin-bottom: 0
}

.call-to-action {
    position: relative;
    overflow: hidden;
    background: url(/assets/images/bushdinner-banner-min.jpg) no-repeat center center;
    background-size: cover;
    background-position: 100% 50%;
    background-attachment: fixed;
    overflow: hidden;
    padding: 70px 0;
}

.contact-left-content .sec-title h3 {
    line-height: 170%;
    font-size: 2.7rem;
    text-shadow: 2px 1px 3px black;
}

.contact-left-content .sec-title h3 span {
    line-height: 170%;
    font-size: 2.7rem;
    font-family: "Afacad Flux", sans-serif;
}

.call-to-action .contact-right-content h4 {
    font-size: 28px;
    color: #fff;
    margin-top: 20px;
    line-height: 150%;
    letter-spacing: 2px;
    font-family: "Afacad Flux", sans-serif;
    margin-top: 0px;
    z-index: 99;
}

.contact-left h4 {
    font-size: 18px !important;
    font-weight: bold;
    font-family: "Afacad Flux", sans-serif;
    margin-bottom: 0
}

.call-to-action .contact-left-content {
    padding: 5%;
}

.call-to-action .contact-right-content {
    width: 100%;
}

.call-to-action p {
    color: white;
}

.main-contact a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #E77716;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 1rem;
    transition: background-color 0.3s ease-in-out;
    color: #ffffff;
}

.main-contact a:hover {
    background-color: transparent;
    border: #E77716 solid 1px;
}

.title-line {
    margin-top: -10px;
}

.tl-1 {
    width: 80px;
    height: 1px;
    display: inline-block;
    background: #E77716;
}

.tl-2 {
    display: inline-block;
    height: 12px;
    margin: 0px 5px;
    position: relative;
    top: 5px;
    width: 12px;
    border: 1px solid black;
    border-radius: 50px;
}

.tl-3 {
    width: 80px;
    height: 1px;
    display: inline-block;
    background: #E77716;
}

.company-logo-area {
    padding: 6% 0 12% 0;
}

.bg-smoke::before {
    background: #000;
    left: 0;
    top: 0;
    right: 0;
    position: absolute;
}

.service-box {
    position: relative;
    text-align: center;
    box-shadow: 2px 1px 2px black;
    background-color: white;
}

.service-box_img {
    overflow: hidden;
    box-shadow: 0px 10px 30px rgba(1, 19, 60, 0.05)
}

.service-box_img img {
    width: 100%;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease
}

.service-box_content {
    background-color: transparent;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    margin-left: var(--space);
    position: relative;
    z-index: 2;
    padding-top: 2%;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    box-shadow: 2px 1px 2px 3px black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.service-box:hover .service-box_content {
    background-color: white;
    margin-top: 14px;
}

.service-box h3.service-box_title {
    color: #E77716;
    font-size: 1.8rem;
    font-weight: bold !important;
    margin-bottom: 6%;
}

.service-box_content h5.service-box_title {
    color: black;
    font-size: 1rem !important;
    font-family: "Afacad Flux", sans-serif;
    font-weight: normal !important;
}

.call-to-action h2 {
    color: white;
    line-height: 170%;
    font-size: 2.7rem;
}

.call-to-action span {
    color: white;
    font-family: "Afacad Flux", sans-serif;
    color: #E77716;
    text-shadow: 3px 3px 5px black
}

.form-bg .form-content h4 {
    color: #E77716;
    font-family: "Afacad Flux", sans-serif;
    font-size: 1.6rem !important;
    font-weight: normal;
}

.l-info-pack-days {
    margin-top: 6rem !important;
}

.l-info-pack-days .sec-title h2 {
    text-align: start !important;
}

.review-sec {
    margin-top: 4rem;
}

.header-bottom-content.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    animation: fadeInDown 0.8s;
    background-color: black;
    border-radius: 8px;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: #333;
    color: #fff;
}

.mobile-header-area {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.596);
    transition: background-color 0.3s ease;
}

.menu-wrapper .left-content ul li a {
    color: #E77716;
}

.logo-area {
    background: white;
    border-radius: 100%;
}

.mobile-header-area.scrolled {
    background-color: white !important;
}

.l-info-pack-plac .sec-title h4{
    font-family: "Afacad Flux", sans-serif !important;
    color:#1D7308 !important;
    margin-top: 4%;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    font-family: "Afacad Flux", sans-serif;

}