﻿
/*==============================
GENERAL STYLES
==============================*/

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.23
*/


/*.promoted:after {
    content: '\A';
    position: absolute;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    height: auto;
    width: 95.5%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}*/
.innerPromo {
    position: relative;
    font-size: 21px;
    line-height: 30px;
    padding-top: 10px;
}
.mDiv {
    font-weight: 800;
    display: flex;
    flex-wrap: wrap;
    padding-right: 210px;
}

.pMore {
    color: #0b406a !important;
    margin: 0 auto !important;
    border-bottom: 1px solid #d74e16;
}
.more a.pMore:hover {
    text-decoration: none !important;
    border-bottom: 2px solid #d74e16;
}
.moreP {
    position: absolute;
    top: 10px;
    right: 0;
    font-weight: 600;
}


.media-heading2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #0b406a;
    font-size: 20px;
    height: 50px;
    margin-top: 11px;
    margin-bottom: 20px;
    position: absolute;
    top: 70%;
    left: 5%;
    z-index: 11;
}

.promoted:hover:after {
    opacity: 1;
}

.mediaPromoted {
    position: relative;
    height: auto;
    width: 100%;
    min-width: 250px;
    /*min-height: 260px;*/
    max-height: 300px;
    /*-webkit-box-shadow: inset 0px -54px 89px 9px rgba(0,0,0,0.33);
    -moz-box-shadow: inset 0px -54px 89px 9px rgba(0,0,0,0.33);
    box-shadow: inset 0px -54px 89px 9px rgba(0,0,0,0.33);*/
    object-fit: cover;
}

.pText {
    color: #ffffff !important;
    font-weight: 700;
    font-size: 22px;
}

.bottomShadow {
    position: absolute;
    opacity: 0.5;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    height: auto;
    width: 95.5%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #000;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0));
    background: -o-linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0));
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0));
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0));
    z-index: 1;
}


.thisHeadingIsPromoted {
    margin-top: 0 !important;
    margin-bottom: 3px !important;
    height: auto !important;
    width: 100% !important;
    max-width: 440px !important;
}

.background-image {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.addedText {
    position: absolute;
    top: 0;
    right: 2px;
    color: #d8511b;
    font-size: 15px;
    font-style: italic;
}

#services,
#services1 {
    padding-top: 25px;
}

/*Ribbon Rented*/
.sbtn11 {
    background: #ea4c08;
    background-image: -webkit-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -moz-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -ms-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -o-linear-gradient(top, #ea4c08, #c53f06);
    background-image: linear-gradient(to bottom, #ea4c08, #c53f06);
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 40px 10px 40px;
    text-decoration: none;
    border: none;
    border-radius: 10px;
}

.box {
    width: 200px;
    height: 300px;
    position: relative;
    border: 1px solid #BBB;
    background: #EEE;
}

.ribbon {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .ribbon span {
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#2989d8 0%, #1e5799 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 19px;
        left: -21px;
    }

        .ribbon span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #1e5799;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #1e5799;
        }

        .ribbon span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #1e5799;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #1e5799;
        }




.more {
    bottom: 4px;
}

.mainContactBtn {
    margin-right: 15px;
    background: #ea4c08;
    background-image: -webkit-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -moz-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -ms-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -o-linear-gradient(top, #ea4c08, #c53f06);
    background-image: linear-gradient(to bottom, #ea4c08, #c53f06);
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 34px 10px 34px;
    text-decoration: none;
    border: none;
    border-radius: 10px;
}





.bootstrap-select.btn-group .dropdown-menu.inner {
    /*position: absolute;*/
    overflow: scroll !important;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    word-wrap: break-word;
    white-space: normal;
}

}

.center-item {
    position: relative;
    left: 300px;
}

@media all and (min-width:768px) and (max-width:1200px) {
    .thisHeadingIsPromoted {
        max-width: 300px !important;
    }

    .pText {
        font-size: 17px;
    }

    .bottomShadow {
        width: 93%;
    }

    .mediaPromoted {
        max-height: 180px;
    }

    .media-heading {
        height: 90px !important;
        margin-bottom: -25px !important;
    }
}

.spinner {
    text-align: center;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide {
    display: none !important;
}

.article-media {
    height: 200px;
}

.div-header {
    color: #0b406a;
    font-size: 50px;
    font-weight: 400;
    padding-bottom: 15px;
}

.owl-item.active img {
    opacity: 1;
}

.owl-item img {
    opacity: 1;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}


    .owl-theme .owl-controls .owl-buttons div {
        position: absolute;
    }

    .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: -5px;
        top: 100px;
        padding: 5px 10px 10px 7px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
    }

    .owl-theme .owl-controls .owl-buttons .owl-next {
        right: -5px;
        top: 100px;
        padding: 5px 5px 10px 10px;
        border-bottom-left-radius: 15px;
        border-top-left-radius: 15px;
    }

    /* Styling Next and Prev buttons */

    .owl-theme .owl-controls .owl-buttons div {
        color: rgba(0, 0, 0, 0.45);
        display: inline-block;
        zoom: 1;
        margin: 5px;
        padding: 3px 10px;
        font-size: 70px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background: #FFFFFF;
        filter: Alpha(Opacity=50);
        opacity: 0.9;
    }
    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100); /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline; /*IE7 life-saver */
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50); /*IE7 fix*/
            opacity: 0.5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #869791;
        }

        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100); /*IE7 fix*/
            opacity: 1;
        }

        /* If PaginationNumbers is true */

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center;
}

#owl-demo .owl-item > div img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 4px;
}

#owl-demo .owl-item > div {
    margin: 0px 2px;
    height: 300px;
    background: #000;
    border-radius: 10px;
}

#owl-demo .owl-item.active > div {
    background: #6699ff;
}











.list2 {
    overflow: hidden;
    overflow-y: auto;
    height: 108px;
}

.home-back {
    position: absolute;
    left: 205px;
    top: 0 !important;
}

input:focus {
    outline: none !important;
    border: 1px solid red;
    box-shadow: 0 0 10px #719ECE;
}

textarea:focus {
    outline: none !important;
    border: 1px solid red;
    box-shadow: 0 0 10px #719ECE;
}

.floating-placeholder-float label {
    @include transform(scale(0.55,0.55) rotateY(0));
}

.floating-placeholder-float .astrix {
    display: none;
}

.floating-placeholder label {
    display: block;
    position: absolute;
    top: 6px;
    left: 18px;
    /*left: $padding-horizontal;*/
    font-size: 20px;
    z-index: 1;
    color: rgb(69, 38, 26);
    font-weight: 100 !important;
}

.astrix {
    color: red;
    font-size: 17px;
    position: relative;
    top: 0px;
    left: 10px;
}

#estatePage .astrix {
    left: -5px;
    right: 0 !important;
}
.fancybox-nav span {
    visibility: visible;
    transform: scale(1.25);
   }

.padding-null {
    padding: 0px 0px 0px 0px;
}

.padding-null2 {
    padding: 0px 13px 25px 0px;
}


span.field-validation-error {
    color: red;
}

.sbtn1 {
    background: #ea4c08;
    background-image: -webkit-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -moz-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -ms-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -o-linear-gradient(top, #ea4c08, #c53f06);
    background-image: linear-gradient(to bottom, #ea4c08, #c53f06);
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 40px 10px 40px;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    float: right;
}


.sbtn:hover {
    text-decoration: underline;
}

.phn {
    pointer-events: none;
}

@media (min-width: 960px) and (max-width: 1290px) {

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 30% !important;
    }

    .bootstrap-select {
        min-width: 100% !important;
    }


    .article-body {
        /* max-height: 70px; */
        /*white-space: nowrap;
        overflow: hidden;
        max-width: 210px !important;*/
    }
}



a {
    outline: 0 !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a :hover {
    color: #000;
    text-decoration: none;
    color: #D54308 !important;
}

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder { /* Firefox 18- */
    color: #000;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}

#page_navigation a {
    padding: 3px;
    border: 1px solid gray;
    margin: 2px;
    color: black;
    text-decoration: none;
}

.active_page {
    background: darkblue;
    color: white !important;
}

.dropdown-menu.open {
    min-height: 0% !important;
}

.agentImg {
    min-width: 100%;
    max-width: 100%;
    border-radius: 8px;
    padding-bottom: 1px;
}
.waBtn {
    display: block;
    margin-top: 10px;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 280px !important;
}


img.agent-img {
    border-radius: 15px;
}

.article-body {
    max-height: 60px;
    overflow: hidden;
    max-width: 100%;
    font-size: 14px;
}

.articleImg {
    min-width: 200px;
    max-width: 100%;
    max-height: 200px;
    border-radius: 8px;
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 25px;
}

.pad-bottom {
    padding-bottom: 15px;
}

section {
    padding-bottom: 65px;
    padding-top: 100px;
}

.btn {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.set-bk-clr {
    background-color: #FF2276;
}

.clr-set {
    color: #FF2276;
}

.f-big {
    font-size: 40px;
    font-weight: 900;
}

.set-bk-clr:hover {
    background-color: rgba(107, 1, 41, 0.67);
}
/*==============================
NAVBAR STYLES
==============================*/
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

.navbar-brand {
    padding: 0px;
}

.navbar-left {
    /*margin-left:50px;*/
    text-align: center;
}

.navbar-brand img {
    height: 50px;
}

.navbar-default .navbar-toggle {
    border-color: #555;
    margin-right: 30px;
    top: 5px !important;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #555;
        padding-bottom: 5px;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: rgba(0, 0, 0, 0);
    }

.navbar-default .navbar-nav > li > a {
    color: #373737;
    font-weight: 900;
    font-size: 16px;
    margin-top: 15px;
    padding-bottom: 0px !important;
}

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #000;
        text-decoration: none;
        color: #DC4308;
    }

.navbar-default {
    background-color: #fff;
    border-color: transparent;
}
/* ADDED PADDING IN NAVBAR */
.navbar {
    z-index: 99;
    padding: 15px 0;
    -webkit-transition: background .8s ease-out,padding .8s ease-out;
    -moz-transition: background .8s ease-out,padding .8s ease-out;
    transition: background .8s ease-out,padding .8s ease-out;
}
/* CLASS FOR REMOVING PADDING IN NAVBAR*/
.navbar-pad-original {
    padding: 10px 0;
}
.navbar-default .navbar-nav > .active > a { background-color: #fff ; color: #373737;}
.navbar-default .navbar-nav > li:nth-child(2) > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #d54308;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


/* =============================================================
  HEADER SECTION STYLES
 ============================================================ */

#header {
    /*background: url(../images/banner.jpg) no-repeat center center;*/
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    color: #fff;
    padding-top: 30%;
    height: 100vh;
}

    #header .overlay {
        /*background-color: rgba(3, 3, 3, 0.8);*/
        min-height: 700px;
    }

    #header h1 {
        line-height: 60px;
        font-size: 45px;
        font-weight: 900;
        padding-top: 180px;
        padding-bottom: 35px;
        color: #FF2276;
    }


    #header h4 {
        line-height: 30px;
        font-size: 12px;
        padding-bottom: 40px;
        text-transform: uppercase;
    }

/*================================
    SERVICES STYLES
==================================*/
#services,
#services1 {
    background-color: rgba(237, 237, 237, 1);
}

    /* #services i {
        font-size: 80px;
        padding: 30px;
        color: #FF2276;
    }*/

    #services h4,
    #services1 h4 {
        padding-bottom: 5px;
        padding-top: 15px;
    }
/* =============================================================
  CLIENTS SECTION STYLES
 ============================================================ */

#clients {
    background: url(../img/clients.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
}

    #clients .overlay {
        background-color: rgba(0,0,0,0.7);
        padding-top: 90px;
        min-height: 300px;
        color: #fff;
        padding-top: 100px;
        padding-bottom: 100px;
    }

.clients-carousel {
    margin-top: 50px; /*SMALL TOP MARGIN FOR SPACE */
    padding: 0 30px 30px 30px;
}

    .clients-carousel .thumbnail {
        border: 1px solid #FF2276;
    }

    .clients-carousel .carousel-control.left {
        height: 30px;
        width: 25px;
        margin-top: 45px;
        background: #FF2276;
        left: -15px;
    }

    .clients-carousel .carousel-control.right {
        height: 30px;
        width: 25px;
        margin-top: 45px;
        background: #FF2276;
        right: -15px;
    }

    .clients-carousel img {
        width: 100%;
        height: 120px;
    }

#clients .thumbnail {
    background-color: transparent;
}

/* =============================================================
 PORTFOLIO SECTION STYLES
 ============================================================ */

/* FOR CHANGING COLOR OF ACTIVE CATEGORY */
.caegories a.active {
    background-color: #FF2276;
    border: 2px solid #FF2276;
}

/* FOR TRANSITION BEAUTIFULLY */
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

#works .work-wrapper {
    border: 2px solid #FF2276;
    padding: 2px;
    margin: 5px 5px 10px 5px;
}

#works img {
    filter: gray; /* FOR IE6-9 */
    -webkit-filter: grayscale(1); /* FOR Google Chrome, Safari 6+ and  Opera 15+ */
    opacity: 0.8;
}

    #works img:hover {
        filter: none; /* FOR IE6-9 */
        -webkit-filter: grayscale(0); /* FOR Google Chrome, Safari 6+ and  Opera 15+ */
        opacity: 1;
    }
/* =============================================================
  TESTIMONIAL SECTION STYLES
 ============================================================ */
#testimonial {
    background: url(../img/testimonial.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
}

    #testimonial .overlay {
        background-color: rgba(0,0,0,0.7);
        padding-top: 90px;
        min-height: 300px;
        color: #fff;
        padding-top: 100px;
        padding-bottom: 100px;
    }
/* =============================================================
  TEAM SECTION STYLES
 ============================================================ */
#team {
    background: url(../images/bg1.jpg) repeat;
}

.media img {
    /*margin-right: 10px;*/
    max-height: 150px;
    /*margin-bottom: 20px;*/
    border-radius: 8px;
    margin: 15px 0px 0px 15px;
}

    .media img:hover {
        opacity: 0.6;
    }
/* =============================================================
  CONTACT SECTION STYLES
 ============================================================ */
#contact {
    /*background: url(../images/telAvivBG.jpg) repeat;*/
}

    #contact .overlay {
        padding-top: 20px;
        min-height: 300px;
        padding-top: 30px;
    }
/* =============================================================
  FOOTER SECTION STYLES
 ============================================================ */
footer {
    margin-top: 30px;
    padding: 20px;
    font-size: 13px;
    text-align: center;
    background-color: #383737;
    color: #848383;
}

    footer a, footer a:hover {
        color: #fff;
        text-decoration: none;
    }

.bdr {
    border-bottom: 1px #cecece solid;
    display: table;
}

.caret {
    background: url(../images/down.png) no-repeat top right !important;
    height: 10px;
    width: 30px;
    position: absolute;
    top: 15px;
    right: 10px;
    border: 0 !important;
}

.bootstrap-select {
    background: #ffffff;
    border: 2px #c6ccd2 solid;
    padding: 4px;
    min-width: 212px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.selectpicker {
    width: 100%;
    border: none;
    font-size: 16px;
    color: #6e6e6e;
    font-family: 'Open Sans', sans-serif;
}

.filter-option {
    float: left;
}

.forms {
    background: rgba(255, 255, 255, 0.72);
    display: table;
    padding: 20px 20px 0 44px;
}

.sbtn {
    margin-right: 0px;
}

.dropdown-menu {
    overflow: visible !important;
    padding: 0px;
    border: none;
}

#customDrop .dropdown-menu {
    bottom: auto !important;
    top: 100% !important;
    overflow: hidden !important;
}

.sbtn {
    background: #ea4c08;
    background-image: -webkit-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -moz-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -ms-linear-gradient(top, #ea4c08, #c53f06);
    background-image: -o-linear-gradient(top, #ea4c08, #c53f06);
    background-image: linear-gradient(to bottom, #ea4c08, #c53f06);
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 34px 10px 34px;
    text-decoration: none;
    border: none;
    border-radius: 10px;
}

.navbar {
    -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.35);
}

#services {
    margin-top: 100px;
}

#services,
#services1 {
    height: 100%;
    background: transparent !important;
    /*-webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;*/
}

.white {
    /*background: rgba(255, 255, 255, 0.8);*/
    min-height: 850px;
    padding-top: 0px;
    height: 100%;
}

h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #0b406a;
    font-size: 50px;
}

#services h3,
#services1 h3 {
    font-size: 17px;
    font-weight: bold;
    color: #0b406a;
}

#services .col-sm-4 p,
#services1 .col-sm-4 p {
    font-size: 13px;
    line-height: 20px;
}

.sicons .fa {
    color: #ffffff;
    font-size: 11px;
    background: #0b406a;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 5px;
    width: 25px;
    height: 25px;
    text-align: center;
}

.media {
    background: #edf0f2;
    padding: 18px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 18px;
    line-height: 20px;
}

    .media-left, .media > .pull-left {
        padding-right: 20px;
    }

    .media img {
        border-radius: 0px;
    }

.media-heading {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #0b406a;
    font-size: 20px;
    height: 50px;
    margin-top: 11px;
    margin-bottom: 5px;
}

.media-heading-s {
    height: 20px;
    margin-bottom: 15px;
}

.media-heading a {
    color: #0b406a;
}

.more a {
    text-decoration: none !important;
}

    .more a:hover {
        text-decoration: underline !important;
    }

.date {
    color: #999;
}

.more a {
    color: #d54308;
    margin-right: 10px;
}

h3.resultsTitle {
    font-size: 18px;
    color: #1b4c73;
}

.sbtn1 {
    padding: 10px 34px 10px 34px;
}

.adbox {
    background: linear-gradient(0deg, #0b406a, #053154b5);
    padding: 30px 15px 0 75px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #ffffff;
}
.adbox h5 { margin-left: -45px;}

    .adbox .sicons .fa {
        color: #0b406a;
        font-size: 14px;
        background: #ffffff;
        vertical-align: -2px;
    }
    .adbox a { color: #fff;} 
    .adbox img { vertical-align: -10px; padding: 5px; margin-left: 5px;}

.fbox {
    background: #ffffff;
    outline: 0;
    border: 2px #c6ccd2 solid;
    padding: 8px;
    /*min-width: 250px;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 20px;
    width: 100%;
}

.fbox1 {
    background: #ffffff;
    outline: 0;
    border: 2px #c6ccd2 solid;
    padding: 8px;
    min-width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.fbox, .fbox1 {
    padding-left: 18px !important;
}

.conform {
    background: rgb(199 215 226 / 25%);
    padding: 30px 0px !important;
    display: table;
    webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.flag {
    border-right: 1px #cecece solid;
    padding-right: 10px;
}

.flag, .tags, .phn {
    float: left;
    display: table;
    margin-right: 10px;
}

.phn {
    background: url(../images/phone.jpg) no-repeat left 4px;
    padding-left: 20px;
    color: #337AB7;
    font-weight: bold;
}

.sicons1 {
    margin-bottom: 0px;
    float: left;
}

    .sicons1 li {
        border-left: 1px #cecece solid;
        padding: 0px 10px;
    }
    .sicons1 li:first-child i {
        font-weight: bold;
    }

#standalone_wrapper {
    background: url(../images/bg1.jpg) repeat;
    border-top: 15px #0a4770 solid;
}

.standalone_close {
    position: absolute;
    top: 20px;
    right: 20px;
}

#standalone {
    display: block;
    width: 100%;
    height: 100%;
}

#standalone1 {
    display: block;
    width: 100%;
    height: 100%;
}

#standalone1_wrapper {
    background: url(../images/bg1.jpg) repeat;
    border-top: 15px #0a4770 solid;
}

.comment {
    border-left: 4px #0a4770 solid;
    padding-left: 20px;
}

.standalone1_close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.media {
    overflow: visible !important;
    display: table;
    position: relative;
    min-height: 250px;
}

.prout {
    display: flex;
    margin-bottom: 0px;
}

.prtit {
    min-width: 106px;
    font-weight: 600;
    white-space: nowrap;
    margin-right: 10px;
}

.prout1 {
    display: table;
    margin-bottom: 5px;
    min-width: 300px;
}

.prtit1 {
    float: left;
    width: 106px;
    font-weight: 600;
    white-space: nowrap;
    margin-right: 10px;
}

.forms1 {
    display: inline-table;
    margin-bottom: 20px;
}
#customDrop .pull-left:nth-child(3) .bootstrap-select {
    min-width: 265px;
}

.sold {
    background: url(../images/sold.png) no-repeat top left;
    position: absolute;
    top: -3px;
    left: -4px;
    display: block;
    width: 110px;
    height: 111px;
}

#standalone2 {
    display: block;
    width: 100%;
    height: 100%;
}

#standalone2_wrapper {
    background: url(../images/bg1.jpg) repeat;
    border-top: 15px #0a4770 solid;
}

.standalone2_close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.white1 {
    background: #ffffff;
    padding: 5px 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    .white1 .prtit {
        margin-right: 10px;
    }

    .white1 h2 {
        font-size: 22px;
        color: #0b406a;
    }

.forms2 .fbox {
    width: 100% !important;
    margin-top: 20px;
}

.forms2 form {
    padding: 0 9px;
}

.forms2 {
    background: #eceff2;
    padding: 15px;
    margin-top: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    .forms2 .btn-group {
        width: 100%;
    }

    .forms2 h3 {
        margin: 0px;
        font-size: 18px;
        color: #0b406a;
    }

@media only screen and (max-width:2560px), (max-width:100%) {
}

@media only screen and (max-width:1024px),(max-width:1500px),(max-width:1200px),(max-width:1620px), (max-width:2000px), (max-width:100%) {
}

@media screen and (max-width:320px),(max-width:350px) {
    .forms {
        background: rgba(255, 255, 255, 0.8);
        display: table;
        padding: 20px 0px 0 0px !important;
    }
}

@media screen and (max-width:320px), (max-width:960px) {
    .navbar {
        padding-top: 3px;
    }
    .innerPromo {
        font-size: 15px;
        line-height: 22px;
    }

    .p-0,
    .pBox {
        padding: 0;
    }

    .mDiv {
        max-width: calc(100% - 150px);
        flex-direction: column;
        padding-right: 0;
    }

    .div-header {
        font-size: 30px;
        margin: 0 auto;
    }

    .thisHeadingIsPromoted {
        max-width: 220px !important;
    }

    .mediaPromoted {
        min-height: 220px;
    }

    .bottomShadow {
        width:100%;
    }

    .pText {
        font-size: 17px;
        color: #ffffff !important;
    }

    /*added text*/
    .addedText {
        position: absolute;
        top: 13px;
        right: 2px;
        color: #d8511b;
        font-size: 13.5px;
        font-style: italic;
    }



    .property-title-mobile {
        font-size: 24px;
    }

    .marginer-mobile {
        margin-right: -20px;
    }

    .media-heading {
        font-family: 'Open Sans', sans-serif;
        color: #0b406a;
        font-size: 17px;
    }

    .article-body {
        max-height: 60px;
        overflow: hidden;
        max-width: 225px;
        font-size: 14px;
    }

    .more {
        bottom: 0 !important;
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

    #customDrop .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        margin-bottom: 0px;
    }
    #customDrop .btn-group:not(:first-child)  .bootstrap-select{
        margin-top: 20px;
    }
    #customDrop .sbtn1 {
        margin-top: 20px;
    }

    .phn {
        pointer-events: all;
    }

    .forms {
        background: rgba(255, 255, 255, 0.8);
        display: table;
        padding: 20px 20px 0 20px;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: auto !important;
    }

    .media img .mobile-p-img {
        max-height: 150px;
        /* margin-bottom: 20px; */
        width: 100%;
        max-height: 230px;
        border-radius: 15px;
    }

    .mobile-p-img {
        margin: 0px 0px 0px 0px !important;
        margin-right: 10px;
        max-height: 150px;
        /* margin-bottom: 20px; */
        border-radius: 8px;
        /*width: 100%;
        max-height: 170px !important;*/
    }

    .btn-group, .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }

    p > img {
        width: 100% !important;
        height: 100% !important;
    }

    .bootstrap-select {
        background: #ffffff;
        border: 2px #c6ccd2 solid;
        padding: 4px;
        min-width: 212px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .media {
        overflow: visible !important;
        position: relative;
        margin-top: 10px !important;
        width: 100%;
    }

    .sbtn {
        background: #ea4c08;
        background-image: -webkit-linear-gradient(top, #ea4c08, #c53f06);
        background-image: -moz-linear-gradient(top, #ea4c08, #c53f06);
        background-image: -ms-linear-gradient(top, #ea4c08, #c53f06);
        background-image: -o-linear-gradient(top, #ea4c08, #c53f06);
        background-image: linear-gradient(to bottom, #ea4c08, #c53f06);
        font-family: 'Open Sans', sans-serif;
        color: #ffffff;
        font-size: 15px;
        padding: 10px 0px 10px 0px;
        text-decoration: none;
        border: none;
        width: 100%;
        margin: 20px 0px 0px 0px;
    }

    .mainContactBtn {
        background: #ea4c08;
        background-image: -webkit-linear-gradient(top, #ea4c08, #c53f06);
        background-image: -moz-linear-gradient(top, #ea4c08, #c53f06);
        background-image: -ms-linear-gradient(top, #ea4c08, #c53f06);
        background-image: -o-linear-gradient(top, #ea4c08, #c53f06);
        background-image: linear-gradient(to bottom, #ea4c08, #c53f06);
        font-family: 'Open Sans', sans-serif;
        color: #ffffff;
        font-size: 15px;
        padding: 10px 0px 10px 0px;
        text-decoration: none;
        border: none;
        width: 100%;
        margin: 20px 0px 0px 0px;
    }

    .navbar-default .navbar-nav > li > a {
        color: #373737;
        font-size: 13px;
        font-weight: 900;
        margin-top: 15px;
        padding-bottom: 0 !important;
    }

    .conform {
        width: 100%;
    }

    .fbox {
        background: #ffffff none repeat scroll 0 0;
        border: 2px solid #c6ccd2;
        border-radius: 8px;
        margin-right: 20px;
        min-width: 100%;
        padding: 8px;
        margin-bottom: 20px;
    }

    .media-body {
        clear: both;
        display: block;
        margin-top: 20px;
        width: 100%;
    }

    .media-left img {
        width: 0%;
    }

    .media-left {
        display: block;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
}
/*** for ipad tablts***/
@media only screen and (max-width:550px),(max-width:650px),(max-width:760px), (max-width:960px), (max-width:1024px), (max-width:100%) {
}

/*** FOR MOBILE BROWERS ***/
@media only screen and (max-width:300px), (max-width:320px),(max-width:400px), (max-width:450px), (max-width:500px) {


    .navbar-brand img {
        height: 45px;
        margin-left: 25px;
        margin-top: 10px;
    }

    #header {
        padding: 50% 0 0;
    }

    .adbox {
        background: #0b406a none repeat scroll 0 0;
        border-radius: 8px;
        color: #ffffff;
        margin-top: 20px;
        padding: 20px;
    }
    .adbox h5 { margin-left: 0;}
}
/* prettyPhoto styling for small screens */
@media (max-width: 500px) {
    .pp_pic_holder.pp_default {
        width: 100% !important;
        margin-top: -100px !important;
        left: 0 !important;
        overflow: hidden;
    }

    div.pp_default .pp_content_container .pp_left {
        padding-left: 0 !important;
    }

    div.pp_default .pp_content_container .pp_right {
        padding-right: 0 !important;
    }

    .pp_content {
        width: 100% !important;
        height: auto !important;
    }

    .pp_fade {
        width: 100% !important;
        height: 100% !important;
    }

    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery,
    .pp_top,
    .pp_bottom {
        display: none !important;
    }

    #pp_full_res img {
        width: 100% !important;
        height: auto !important;
    }

    .pp_details {
        box-sizing: border-box;
        width: 100% !important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px !important;
    }

    a.pp_close {
        right: 10px !important;
        top: 10px !important;
    }
}

@media all {
    #homePage {
        padding-top: 100px;
        background: url('../images/telAvivBG.jpg') no-repeat;
        background-position: 0 calc(100% - 250px) ;
    }
    #homePage .container { 
        padding-right: 0;
        padding-left: 0;
    }

    #galImages {
        height: 600px;
        overflow: hidden;
    }

        #galImages > .item {
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
            background-position: center center;
            overflow: hidden;
            background-size: cover;
        }

        #galImages .cycle-pager {
            text-align: center;
            padding: 0 20px;
            position: absolute;
            bottom: 12px;
            width: 100%;
            z-index: 1000;
        }

            #galImages .cycle-pager span {
                display: inline-block;
                width: 20px;
                height: 20px;
                background: #fff;
                margin: 0 4px;
                text-indent: -9999px;
                border-radius: 50%;
                border: 1px solid #000;
                box-shadow: 0 0 2px #333;
                cursor: pointer;
            }

                #galImages .cycle-pager span.cycle-pager-active {
                    background: #000;
                }

        #galImages .title {
            color: #0b406a;
            font-size: 36px;
            line-height: 42px;
            padding: 15px 30px;
            background: linear-gradient(90deg, transparent,rgba(255,255,255,0.8) 30%,rgba(255,255,255,0.8) 70%, transparent);
            font-weight: 600;
            max-width: 800px;
            display: inline-block;
            margin-top: 10px;
            margin-right: -90px;
            float: right;
            padding: 30px 90px 15px 90px;
        }
        #galImages .title strong {
            display: block;
            font-size: 32px;
        }
        .vegas-timer{
            display: none;
        }
}

@media (max-width:1199px) {
    #homePage {
        padding-top: 156px;
    }

    #galImages {
        height: 544px;
        overflow: hidden;
    }
}


@media (max-width:767px) {
    #homePage {
        padding-top: 100px;
    }

    #galImages {
        height: 360px;
        overflow: hidden;
    }

    #galImages .title {
        font-size: 18px;
        line-height: 26px;
        padding: 5px 30px;
        margin-right: -15px;
        margin-top: 30px;
        max-width: 330px;
        background: linear-gradient(90deg, transparent,rgba(255,255,255,0.8) 10%,rgba(255,255,255,0.8) 80%, transparent);
    }
    #galImages .title strong {
        font-size: 16px;
    }
}
@media (max-width:400px) {
    #galImages {
        height: 240px;
        overflow: hidden;
    }
}


.filteredOptions {
    visibility: hidden;
    /*background: #ffffff none repeat scroll 0 0;*/
    border: 2px solid #c6ccd2;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 14px 24px;
}

    .filteredOptions.ready {
        visibility: visible;
    }

    .filteredOptions .title {
        font-weight: bold;
    }
    .filteredOptionsMobile .items{
        font-weight: bold;
    }
    .filteredOptions .items > span:first-child .comma {
        display: none;
    }
    .filteredOptionsMobile .items > span:first-child .comma {
        display: none;
    }


.bootstrap-select {
}

    .bootstrap-select.btn-group .dropdown-menu {
        /*overflow:scroll !important;*/
    }
/*.dropdown-menu{
    background: red;
    overflow: auto !important;
    height:120px;
}*/

/* HRE in the media */
.inTheMedia {
    min-height: calc(100vh - 215px);
}
.inTheMedia .media img.mediaImg {
    width: 100%;
    max-height: initial;
    margin-bottom: 15px;
}
.inTheMedia h3{
    color: #0a4770;
    margin-top: 15px;
}
.itemText {
    min-height: 225px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inTheMedia a{
    color: initial;
}

.grecaptcha-badge {
    bottom: 50px !important;
}

.attackMsg {
    border: 1px #d54308 solid;
    background: #edf0f2;
    border-radius: 8px;
    padding: 5px 10px;
}
.attackMsg .title{
    font-weight: bold;
    color: #d54308;
}