/* Overide Styles July 25 2018 */

body,
p,
#navigation ul li ul {
    font-family: "Oakes-Regular", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
#navigation {
    font-family: "Typold-Bold", Arial, sans-serif;
}

h3.commontittle {
    margin-bottom: 40px;
    margin-top: 0;
}

h4.commontittle {
    color: #a39375;
    padding: 0 0 20px;
}

img.thin-border {
    padding: 10px;
    border: solid 1px #e3e3e3;
}

#navigation {
}

#navigation ul ul {
    margin: 6px 0 0 0;
}

#navigation ul li ul {
    text-transform: capitalize
}

h3.headline {
    font-size: 30px;
}

#header {
    padding: 15px 0 5px 0;
}

.parallax {
    border: 20px solid #fff;
}

.parallax {
    border-top: 0px
}

#header {
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.12)
}

#header.cloned {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12)
}

#navigation.style-1 ul li {
    margin: 0 1px
}

#navigation ul li:hover ul a, #navigation ul ul a {
    padding: 9px 30px 6px 15px !important;
}

#navigation ul ul ul {
    margin: 0 0 0 2px;
}

.search-type-arrow {
    bottom: -1px;
}

.post-content {
    padding: 30px;
}

section.fullwidth {
    margin: 0;
    padding: 20px 80px
}

#footer {
    background: #414141
}

.mm-menu {
    background: #414141
}

.mm-listview > li {
    border-bottom: 1px solid #5a5a5a;
}

.mm-panel.mm-hasnavbar .mm-navbar {

    background-color: #beb18c;
}

.text-widget span, .footer-links li a, #footer h4, .copyrights {
    color: #818284;
}

#subtitlebar h2, #subtitlebar nav, #subtitlebar nav a {
    color: #fff
}

.parallax-content.common {
    padding: 150px 0
}

.parallax-content.listing {
    padding: 50px 0 60px
}

.content-holder {
    padding: 80px 0;
}

#navigation.style-1 .current {
    border: none;
    padding: 6px 15px
}

.fluid {
    width: 100%;
    padding: 50px 0;
    background: #fff
}

.fluid.light-grey {
    background: #f8f8f8
}

.fluid.white {
    background: #fff
}

.flip_banner {
    padding: 50px 0 0;
    height: 200px;
    overflow: hidden;
    background: #fff
}

.listing-badges span {
    background: #D9985F
}

.left-side.navbar {
    width: 80%
}

.right-side.login {
    width: 20%
}

.user-menu {
    top: 12px
}

.main-search-box.no-shadow {
    padding: 20px;
}

h3.search-title {
    color: #fff
}

.ad-space-demo {
    background: #a39375;
    width: 100%;
    height: 250px;
    border-radius: 4px;
}

.listing-title {
    padding: 0 20px
}

ul.listing-details {
    background: #fff;
    padding: 5px 20px 0
}

a.listing-address {
    color: #a39375
}

ul.listing-details {
}

ul.listing-details li {
    padding: 0px 10px 10px 0px
}

.listing-img-content {
    padding: 25px 20px
}

.listing-footer {
    padding: 0 20px 15px
}

.property-slider .item {
    border: solid 1px #d4d4d4;
}

.listing-img-content {
    padding: 25px 20px 15px
}

span.like-icon {
    right: 20px
}

#titlebar {
    margin-bottom: 0
}

#titlebar.property-titlebar {
    background: #F1F1F1;
    padding: 60px;
    margin: 0 20px;
}

.more-search-options-trigger {
    margin: 0
}

.minus-margin {
    margin-top: -25px
}

.agent-widget {
    padding: 20px;
    color: #FF9800
}

.agent-title .agent-photo img {
    max-width: 42px;
}

.agent-details {
    margin-left: 55px;
    transform: translateY(-42%)
}

input, input[type="text"], input[type="password"], input[type="email"], input[type="number"], select {
    padding: 0 15px;
}

textarea {
    padding: 15px
}

.agent-widget {
    border: solid 1px;
}

.fa-map-marker:before {
    content: "\f041";
    color: #ff645b;
}

.fp-accordion .accordion h3.ui-accordion-header.ui-accordion-header-active span {
    background-color: rgb(255, 255, 255);
    color: #a39375;
}

.ui-accordion .ui-accordion-header, .trigger a {
    padding: 10px 15px
}

.fp-accordion .accordion h3 i.fa-angle-down {
    top: 15px;
}

.fp-accordion .accordion h3 {
    color: #333;
}

.agent-name {
    padding: 20px 20px 15px
}

.agent-contact-details {
    background-color: #fff;
    padding: 0 20px 20px
}

body .agent ul.social-icons {
    margin-left: 20px
}

.agent {
    box-shadow: 0px 0px 140px 0px rgba(101, 78, 36, 0.08);
}

.parallax-overlay {
    background-color: rgba(54, 56, 62, 0.33) !important
}

#header.cloned #logo img {
    max-width: 150px;
}

@media (max-width: 991px) {
    #navigation.style-1 {
        display: none
    }

    .parallax {
        border: 0px
    }

    .mmenu-trigger {
        margin-bottom: 10px
    }

    .content-holder {
        padding: 40px 0
    }

    .parallax-content.common {
        padding: 50px 0
    }

    .flip_banner {
        text-align: center;
        padding: 45px 15px 35px;
        height: auto;
    }

    .flip_banner img {
        height: 150px
    }

    #footer {
        padding-top: 0
    }

    .copyrights {
        margin-top: 30px;
        border-top: 1px solid #5a5a5a
    }

}

@media (max-width: 1200px) {
    a.back-to-listings {
        display: none;
    }

    .property-title {
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .property-pricing {
        left: 0px;
        margin-top: 10px;
        position: relative;
        text-align: left;
        transform: translateY(0%);
    }
}

@media (max-width: 1239px) {

    #header {
        padding: 15px 0 5px 0;
    }

    #navigation.style-1 {
        margin: 10px 0 10px -5px;

        padding-top: 10px;
        position: relative;
    }

    #navigation.style-1:before {
        width: 100% !important;
    }
}

@media only screen and (max-width: 992px) {
    .right-side.login {
        width: 100%;
    }

    .header-widget {
        padding: 10px 0 20px
    }

    #titlebar.property-titlebar {
        margin: 0;
        padding: 30px 0px 50px
    }

}

@media only screen and (max-width: 992px) {
    .right-side.login {
        width: 100%;
    }

}

@media (max-width: 1239px) {
    #navigation.style-1 {
        width: 124%
    }
}

.slide1, .slide2, .slide3, .slide4, .slide5, .slide6 {
    position: absolute;
    width: 100%;
    height: 100%;
}

.slide1 {
    background: url(../images/msheireb-downtown-doha-2.jpg) no-repeat center;
    background-size: cover;
    animation: fade 30s infinite;
    -webkit-animation: fade 30s infinite;

}

.slide2 {
    background: url(../images/msheireb-downtown-doha-1.jpg) no-repeat center;
    background-size: cover;
    animation: fade2 30s infinite;
    -webkit-animation: fade2 30s infinite;
}

.slide3 {
    background: url(../images/msheireb-downtown-doha-3.jpg) no-repeat center;
    background-size: cover;
    animation: fade3 30s infinite;
    -webkit-animation: fade3 30s infinite;
}

.slide4 {
    background: url(../images/mirqabmall-05.jpg) no-repeat center;
    background-size: cover;
    animation: fade4 30s infinite;
    -webkit-animation: fade4 30s infinite;
}

.slide5 {
    background: url(../images/shutterstock_739716112.jpg) no-repeat center;
    background-size: cover;
    animation: fade5 30s infinite;
    -webkit-animation: fade5 30s infinite;
}

.slide6 {
    background: url(../images/shutterstock_1013799727.jpg) no-repeat center;
    background-size: cover;
    animation: fade6 30s infinite;
    -webkit-animation: fade6 30s infinite;
}

@keyframes fade {
    0% {
        opacity: 0
    }
    16.67% {
        opacity: 1
    }
    33.34% {
        opacity: 0
    }
    50.01% {
        opacity: 0
    }
    66.68% {
        opacity: 0
    }
    83.35% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes fade2 {
    0% {
        opacity: 0
    }
    16.67% {
        opacity: 0
    }
    33.34% {
        opacity: 1
    }
    50.01% {
        opacity: 0
    }
    66.68% {
        opacity: 0
    }
    83.35% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes fade3 {
    0% {
        opacity: 0
    }
    16.67% {
        opacity: 0
    }
    33.34% {
        opacity: 0
    }
    50.01% {
        opacity: 1
    }
    66.68% {
        opacity: 0
    }
    83.35% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes fade4 {
    0% {
        opacity: 0
    }
    16.67% {
        opacity: 0
    }
    33.34% {
        opacity: 0
    }
    50.01% {
        opacity: 0
    }
    66.68% {
        opacity: 1
    }
    83.35% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes fade5 {
    0% {
        opacity: 0
    }
    16.67% {
        opacity: 0
    }
    33.34% {
        opacity: 0
    }
    50.01% {
        opacity: 0
    }
    66.68% {
        opacity: 0
    }
    83.35% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fade6 {
    0% {
        opacity: 0
    }
    16.67% {
        opacity: 0
    }
    33.34% {
        opacity: 0
    }
    50.01% {
        opacity: 0
    }
    66.68% {
        opacity: 0
    }
    83.35% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}