@import url('https://fonts.googleapis.com/css?family=Cairo');
@import url('https://fonts.googleapis.com/css?family=Changa');

html, body, h1, h2, h3, h4, h5, h6, p, .dropdown li a { font-family: Changa; letter-spacing: 0; }
.header-logo img { max-height: 50px; }
.actionlogo { display: inline-block; float: right; margin-left: 30px; }
.actiontxt { padding-top: 70px; }
.nomargin { margin-top: 1rem; margin-bottom: 1rem; }
@media (max-width: 768px) { .actiontxt { padding-top: 10px; }
}

.actionlogo img { max-height: 150px; }



.property__accordion-header { padding: 10px 15px; display: flex; justify-content: space-between; border-top: 1px solid #eeeeee; background-color: #f6f6f6; cursor: pointer; }

@media only screen and (min-width: 768px) {
    .property__accordion-header { padding: 2px 20px; }
}

@media only screen and (min-width: 992px) {
    .property__accordion-header { align-items: center; }
}

@media only screen and (min-width: 992px) {
    .property__accordion-textcontent { display: flex; justify-content: space-between; align-items: center; }
}

.property__accordion-title { color: #393E99; font-size: 16px; font-weight: 700; }

@media only screen and (min-width: 992px) {
    .property__accordion-title { min-width: 150px; }
}

.property__accordion-figure { position: relative; color: #666666; }

@media only screen and (min-width: 768px) {
    .property__accordion-figure { display: inline-block; margin-left: 15px; padding-left: 15px; }
        .property__accordion-figure:last-child { margin-left: 0; padding-left: 0; }
        .property__accordion-figure:after {color: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: "\f111"; font-family: "FontAwesome"; font-size: 5px; }
        .property__accordion-figure:last-child:after { display: none; }
}

.property__accordion-figure--cat { color: #333333; font-weight: 500; margin-right: 10px; }
.property__accordion-expand { color: #888888; }
.property__accordion-content { display: none; text-align: center; }
.property__accordion-content--active { display: block; }

@media only screen and (min-width: 992px) {
    .property__feature-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eeeeee; }
}

.lineh30 { line-height: 30px; }
.bg {background: #f3f3f3 }
.overview ul li.pad { padding: 8px 10px; } 
.overview ul li .emx { width: 30px; height: 30px; border-radius: 50%; background: #666666; color: #FFF; overflow: hidden; margin: 1px 5px; margin-left: 20px; float: right; display: inline-block; text-align: center; }


.margright20 { margin-right: 20px; }





.property__header { padding: 10px 0; margin-top: -40px;}
.property__header ul { padding-right: 0; }
.property__header--v3 { padding: 0 0 45px; }
.property__title--b-margin { margin-bottom: 20px; }
.property__price--b-margin { margin-bottom: 25px; }
.property__meta { display: flex; align-items: center; margin-bottom: 10px; }
.property__offer { display: inline-block; margin-left: 15px; padding: 2px 18px; border-radius: 4px; background-color: #ff9d00; color: #ffffff; font-size: 10px; text-transform: uppercase; font-weight: 500; }
.property__type { display: inline-block; color: #4B98A4; font-size: 11px; text-transform: uppercase; }
.property__name { margin-bottom: 8px; font-size: 30px; }
.property__address { color: #888888; }
.property__address-icon { margin-left: 5px; font-size: 16px; }
.property__stat { display: inline-block; margin-left: 20px; color: #888888; font-size: 12px; text-transform: uppercase; }
    .property__stat:last-child { margin-left: 0; }
.property__figure { display: block; margin-bottom: -2px; color: #333333; font-size: 24px; }
.property__price-primary { margin-bottom: 2px; color: #4B98A4; font-size: 24px; font-weight: 700; }
.property__price-secondary { color: #888888; }
.property__item { display: inline-block; margin-left: 10px; text-align: center; overflow: hidden; }

@media only screen and (min-width: 1200px) {
    .property__item { /*margin-right: 30px;*/ }
}

.property__item:last-child { margin-left: 0; }
.property__item-desc { display: inline-block; text-align: center; color: #999999; }
.property__link{ display: flex; flex-direction: column; align-items: center; }
.property__icon, .addthis_inline_share_toolbox_igi5  { font-size: 18px; width: 50px; height: 50px; margin-bottom: 5px; border-radius: 50%; background-color: #22355b; color: #ffffff; line-height: 50px; text-align: center; }
.at-icon-wrapper, .at-share-btn at-svc-compact {background-color: #22355b }
.at-style-responsive .at-share-btn {padding:0; }
@media only screen and (min-width: 992px) { .property__main { display: flex; align-items: center; }
}

.property__main-item { position: relative; margin-bottom: 10px; }

@media only screen and (min-width: 992px) {
    .property__main-item { display: inline-block; margin-bottom: 0; margin-left: 20px; padding-left: 20px; }
        .property__main-item:after { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; width: 1px; height: 80px; background-color: #dddddd; }
        .property__main-item:last-child { padding-left: 0; margin-left: 0; }
            .property__main-item:last-child:after { display: none; }
}

@media only screen and (min-width: 1200px) {
    .property__main-item { margin-left: 50px; padding-left: 50px; }
}

@media only screen and (min-width: 768px) {
    .property__header-container { display: flex; justify-content: space-between; align-items: center; }
}

.property__container { padding-bottom: 20px; background-color: #f6f6f6; }
    .property__container .widget { transition: 0.3s all ease-out; }
        .property__container .widget:hover { box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); }
.property__feature-container { padding: 50px 0; }

@media (max-width: 991px) {
    .property__feature-container { padding: 0 0 50px; }
}

.widget__container { padding-top: 50px; }
.property__feature { margin-bottom: 30px; padding: 15px 20px; background-color: #ffffff; transition: 0.5s box-shadow ease-out; }
    .property__feature:hover { box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15); }

@media only screen and (min-width: 768px) {
    .property__feature { padding: 25px 40px; }
}

.property__feature p { color: #666666; }
.property__feature-title { font-size: 20px; padding-bottom: 10px; }
.property__feature-title--b-spacing { margin-bottom: 25px; border-bottom: 1px solid #eeeeee; }
.property__feature-schedule { margin-bottom: 8px; }

@media only screen and (min-width: 768px) {
    .property__feature-schedule { display: flex; justify-content: space-between; align-items: center; }
}

.property__feature-cta { display: inline-block; padding: 10px 42px; background-color: #22355b; color: #ffffff; border-radius: 4px; text-align: center; }

@media only screen and (min-width: 768px) {
    .property__feature-cta { flex-shrink: 0; }
}

.property__feature-time-list { margin-bottom: 10px; }

@media only screen and (min-width: 768px) {
    .property__feature-time-list { margin-bottom: 0; }
}

.property__feature-time-item { display: inline-block; margin-right: 10px; color: #666666; }
.property__feature-open-maps { color: #4B98A4; }

@media only screen and (min-width: 768px) {
    .property__details-list { columns: 2; column-gap: 40px; }
}

.property__details-item { position: relative; color: #666666; margin-bottom: 5px; padding-left: 20px; }
    .property__details-item:before { position: absolute; left: 0; top: 5px; display: inline-block; content: "\f042"; font-family: "FontAwesome"; font-size: 8px; }
.property__details-item--cat { color: #333333; font-weight: 500; }

@media only screen and (min-width: 30em) {
    .property__features-list { columns: 2; column-gap: 10px; }
}

@media only screen and (min-width: 768px) {
    .property__features-list { columns: 3; column-gap: 20px; }
}

.property__features-item { margin-bottom: 10px; color: #666666; }
.property__features-icon { display: inline-block; margin-right: 10px; color: #333333; }

.nav-topbar-social .nav-pills .nav-item { float: left; margin:0;}
.listing-compare-col-wrapper { margin: 0; padding: 0; position: relative; }



.c-feature-box2 { margin-top: 10px; margin-bottom: 10px; position: relative; display: block; min-height: 150px; padding-top: 40px; padding-bottom: 40px; width: 100%; transition: all 0.3s ease-out 0s; text-align: center; text-decoration: none; font-weight: bolder; font-size: 1.2rem; color: #22425B; }
    .c-feature-box2:hover { color:#4B98A4; text-decoration: none; transition: all 0.3s ease-out 0s; }
        .c-feature-box2:hover i { color: #4B98A4; text-shadow: 20px 20px 20px rgba(75, 152, 164, 0.45); 
                                  border-color:#4B98A4; 
                                  transition: all 0.3s ease-out 0s; }

@media (min-width: 768px) {
    .c-feature-box2 i { font-size: 3.5rem; min-width: 65%; display: inline-block; color: #22425B; margin-bottom: 35px; padding: 30px; border: 3px solid #22425B; -webkit-border-radius: 49%; -moz-border-radius: 49%; border-radius: 49%; text-shadow: -10px -10px 80px rgba(75, 152, 164, 0.85); }
}



@media (max-width: 768px) {
    .c-feature-box2 {text-align: center; }
    .col-5x-1 { text-align: center; padding-left:0; padding-right:0; }
    .c-feature-box2 i { font-size: 2.2rem; min-width: 75%; display: inline-block; color: #22425B; margin-bottom: 35px; padding: 10px; border: 3px solid #22425B; -webkit-border-radius: 10%; -moz-border-radius: 10%; border-radius: 10%; text-shadow: -10px -10px 80px rgba(75, 152, 164, 0.85); }
}


.c-feature-box1 { margin-top: 10px; margin-bottom: 10px; position: relative; background-color: #22425B; display: block; min-height: 150px; padding-top: 40px; padding-bottom: 40px; width: 100%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.03); transition: all 0.3s ease-out 0s; text-align: center; text-decoration: none; font-weight: bold; font-size: 1.2rem; color: #FFF; }
    .c-feature-box1:hover { background-color: #FFF; color: #22425B; text-decoration: none; box-shadow: 20px 20px 20px rgba(75, 152, 164, 0.15); transition: all 0.3s ease-out 0s; }
    .c-feature-box1:hover i { color: #22425B; text-shadow: 20px 20px 20px rgba(75, 152, 164, 0.35); transition: all 0.3s ease-out 0s; }
    .c-feature-box1 i { font-size: 3.5rem; color: #FFF; margin-bottom: 30px; text-shadow: -20px -20px 30px rgba(75, 152, 164, 0.35); }





.c-feature-box { 
    position: relative; 
    display: block;
    min-height: 150px; padding-top: 40px;padding-bottom: 40px; margin-top: 10px; margin-bottom: 10px;
    width: 100%; 
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.03); 
    transition: all 0.3s ease-out 0s;
    text-align: center;
    text-decoration: none;
    font-weight: bolder;
    font-size: 1.2rem;
    color: #22425B;
    }

.c-feature-box:hover { 
    background-color: #22425B;
    color: #FFf;
    text-decoration: none;
    box-shadow: 20px 20px 20px rgba(75, 152, 164, 0.15);
    transition: all 0.3s ease-out 0s;
    }
    .c-feature-box:hover i { color: #FFF; text-shadow: 20px 20px 20px rgba(75, 152, 164, 0.35); transition: all 0.3s ease-out 0s; }
    .c-feature-box i { font-size: 3.5rem; color: #22425B; margin-bottom: 30px; text-shadow: -20px -20px 30px rgba(75, 152, 164, 0.35); }

.p-t-b-30 { padding-top: 100px; padding-bottom: 100px; }
.m-p-50 {margin-bottom: 50px; }

.nav-primary .nav-item a {
    font-size: .90rem;
}