#photos_pane {
    top: 0px;
}

#menu_bar,
#grid_pane,
#unbranded_menu,
#unbranded_details_pane,
#social_media_pane,
#email_pane,
#help_pane {
    color: #fff;
    display: none;
}

.tab_pane_wrapper {
    top: 0px;
}

@media screen and (max-width: 800px) {
    html, body {
        height: auto;
    }

    body {
        margin: 0;
    }

    .pane {
        background-color: #1B3352;
    }

    .display_menu {
        display: block !important;
        z-index: 500;
        background-color: #1B3352;
        height: 100%;
        position: absolute;
        width: 100%;
        color: #fff
    }

    .display_block {
        display: block !important;
        z-index: 100;
        height: 100%;
        position: absolute;
        width: 100%;
    }

    .z200 {
        z-index: 200;
    }

    .z300 {
        z-index: 300;
    }

    .grid_pic {
        box-sizing: border-box;
        border: 1px solid #fff;
        object-fit: cover;
        display: inline-block;
        width: 32%;
        height: 32%;
    }

    .control_button, #control_play_bttn {
        background-color: rgba(255,255,255,0.9) !important;
        color: #1B3352 !important;
    }

    .control_button:hover, #control_play_bttn:hover {
        background-color: #fff !important;
        color: #1B3352 !important;
    }

    #menu_bar {
        padding: 0px 0;
        width: 100%;
        position: relative;
        background-color: #2f4c72;
        height: 50px;
        text-align: center;
        font-size: 12px;
        vertical-align: middle;
        display: table;
        color: #fff;
    }

    .tab_pane_wrapper {
        left: 0;
        top: 0;
    }

    #unbranded_menu div {
        padding: 10px 0;
    }

    #grid_pane,
    #details_pane,
    #maps_pane,
    #social_media_pane,
    #email_pane,
    #help_pane {
        background-color: #1B3352;
        color: #fff;
    }

    #unbranded_menu .fa {
      text-align: center;
      width: 22px;
      margin-left: 5px;
    }

    .tab_pane_content_wrapper {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    #details_pane #details_price,
    #details_pane .tab_pane_subtitle_wrapper,
    #details_pane .tab_pane_header_wrapper,
    #details_pane .header_line_top,
    #details_pane .header_line_bottom,
    #details_pane #details_thumbnail_wrapper,
    #details_pane #details_line,
    #map_popup_icon,
    #background_wrapper,
    #texture_wrapper,
    #gradient_wrapper,
    #lighting_wrapper,
    #tab_wrapper,
    #header_wrapper,
    #logo_wrapper,
    .property_box_ie_fix,
    #eho {
        display: none;
    }

    #screen_wrapper, #interactive_wrapper {
        background-color: #1B3352;
    }


    #details_pane .tab_pane_left_wrapper,
    #details_pane .tab_pane_right_wrapper {
        width: auto !important;
        position: static;
        text-align: center;
        height: auto !important;
    }

    #details_pane #details {
        margin: 20px 5px 20px;
    }

    #grid_pane,
    #email_pane,
    #unbranded_menu {
        overflow: auto;
    }

    #grid_pane,
    #social_media_pane,
    #email_pane {
        height: 100%;
    }

    #grid_pane {
        padding: 0 1% 0 1%;
    }

    #help_pane {
        overflow: auto;
    }

    #social_media_pane a {
        display: table;
        float: left;
        font-size: 40px;
        width: 49%;
        height: 32%;
        vertical-align: middle;
        text-align: center;
    }

    .fa-photo {
        color: #d9de62;
    }

    .fa-file-text-o {
        color: #afafaf;
    }

    .fa-map-marker {
        color: #ff1f20;
    }

    .fa-share-alt {
        color: rgb(0, 187, 111);
    }

    .fa-question {
        color: #67A2EF;
    }

    .fa-envelope-o {
        color: #e4b350;
    }

    .fa-twitter {
        color: #2AAAE0;
    }

    .fa-pinterest {
        color: #BD081C;
    }

    .col1 {
        margin: 10px 10px 2px 8px;
    }

    .col2 {
        margin: 1px 10px 2px 23px;
        font-size: 13px;
    }

    .col3 {
        margin: 1px 10px 3px 38px;
        font-size: 13px;
    }

    .help_fa.fa {
        position: static;
        vertical-align: middle;
        margin-bottom: 6px !important;
    }

    .help_fa.fa-expand {
        display: inline-block;
        width: 34px;
        margin: auto;
        height: 32px;
        padding: 2px 0px 0 0px;
        font-size: 24px !important;
    }

    .help_fa.fa-info {
        display: inline-block;
        width: 34px;
        margin: auto;
        height: 32px;
        padding: 2px 0px 0 0px;
        font-size: 24px !important;
    }

    #social_media_pane .fa {
      display: table-cell;
      vertical-align: middle;
    }

    #email_form {
        margin: 10px 5px 0;
    }

    #email_form input,
    #email_form textarea {
        margin: 3px 7px 15px;
        width: calc(100% - 14px);
        line-height: 27px;
    }

    #email_form div {
        font-size: 15px;
    }

    #email_submit {
        color: white !important;
        font-size: 18px;
        letter-spacing: 2px;
        background-color: #2f4c72 !important;
        background-image: none;
    }

    #description_inner_wrapper {
        text-align: center !important;
        margin: 0 7px;
    }

    #details_pane {
        overflow: auto;
    }

    #details_pane .tab_pane_left_wrapper {
        width: 100%;
        height: 100%;
        top: auto;
    }

    #extra_meta, #extra_meta_2 {
        text-align: center;
        position: static;
        width: auto;
    }

    .extra_meta_2 {
        left: auto;
        bottom: auto;
        width: auto;
    }

    .menu_bar_text {
        line-height: 117%;
        display: table-cell;
        vertical-align: middle;
        margin: auto;
    }

    .fa-th {
        font-size: 29px;
        position: absolute;
        top: 13px;
        right: 12px;
    }

    .fa-bars {
        position: absolute;
        top: 10px;
        left: 12px;
        font-size: 29px;
    }

    #help_pane .fa-bars,
    #help_pane .fa-th {
        position: static;
        font-size: 18px;
    }

    .fa-bars:hover,
    .fa-th:hover,
    #photos_mi:hover,
    #details_mi:hover,
    #map_mi:hover,
    #social_media_mi:hover,
    #email_mi:hover,
    #help_mi:hover {
        cursor: pointer;
    }


    #container_wrapper {
        box-shadow: none;
        position: static;
    }

    .standard_frame {
        width: auto;
        height: calc(100% - 50px);
    }

    /*#pane_wrapper, #screen_wrapper, #show, .slideshow-images {*/
        /**/
    /*}*/

    #lighting_wrapper, .standard_frame {
        position: absolute;
        width: 100%;
    }

    .screen_frame {
        left: 0;
    }

    #pane_wrapper, #screen_wrapper, #show, #show_1, #show_2, #show_3, #show_4, .slideshow-images {
        width: 100% !important;
        height: 100% !important;
    }

    #header_wrapper {
        display: none;
    }

    #pane_wrapper {
        top: 0px;
        font-size: 18px;
    }

    #screen_wrapper {
        border-radius: 0px !important;
    }

    /*
    Codepen Start
    */
    #show {
        text-align:center;
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .slideshow-images {
        width: 100%;
        text-align: center;
    }

    #screen_wrapper #show {
        height: calc(100% - 42px) !important;
        position: absolute;
        top: 0px !important;
    }

    #show img {
        top: 0 !important;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        object-fit: contain;
        background-color: #1B3352;
        max-width: 100% !important;
        max-height: 100% !important;
        /*display: inline-block;*/
        /*visibility: hidden;*/
        /*position: absolute;*/
        /*margin: auto;*/
        /*min-width: 100%;*/
        /*min-height: 100%;*/
        /*opacity: 0;*/
        /*transition-property: opacity, transform;*/
        /*transition-duration: 800ms, 8s;*/
        /*transition-timing-function: linear;*/
        /*Enables GPU on smartphones for smoother transitions*/
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }

    #filmstrip {
        width: 100%;
        font-size: 0;
        border-top: 3px solid #2f4c72;
        text-align: center;
        display: none;
        position: absolute;
        background-color: #000;
        z-index: 100;
        height: 106px;
        bottom: 40px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;

    }

    .film_pic {
        opacity: .7;
        border: 3px solid transparent;
        object-fit: cover;
        display: inline-block;
        /*width: 32%;*/
        height: 92px;
        margin: 4px 0%;
    }

    .film_pic:hover {
        opacity: 1;
    }

    .focused_thumbnail {
        opacity: 1;
        border: 3px solid yellow;
    }

    #screen_wrapper #show.adjust_height {
        height: calc(100% - 149px) !important;
    }

    #interactive_controls_ie_wrapper {
        border-radius: 0px !important;
        height: 40px !important;
        overflow: hidden;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        position: fixed !important;
        z-index: 9999;
        display: inline-block;
        width: 100% !important;
    }

    #interactive_controls_wrapper {
        background-color: #2f4c72 !important;
        font-family: none;
        position: absolute;
        width: 100% !important;
        padding: 2px 0 0 12px;
        border-radius: 0px !important;
    }

    #interactive_controls_ie_wrapper,
    #interactive_controls_wrapper {
        width: 100% !important;
        padding: 0 !important;
    }

    .fa-caret-right {
        left: auto;
        right: 6px;
    }

    .fa-caret-left {
        left: 6px;
        right: auto;
    }

    #volume_slider {
        display: none !important;
    }

    #control_play_bttn {
        left: -100px;
        right: 0;
        margin: auto;
    }

    #control_mute_bttn {
        left: 100px;
        right: 0px;
        margin: auto;
    }

    #control_fullscreen {
        left: 150px;
        right: 0px;
        bottom: auto;
        top: 3px !important;
        margin: auto;
    }

    #control_info {
        display: block;
        left: 0px;
        right: 0px;
        bottom: auto;
        top: 3px !important;
        margin: auto;
    }

    #photos_pane {
        width: 100%;
        height: 100%;
        box-shadow: none;
    }

    div.ui-slider {
        display: none;
    }

    #photo_description_tab_wrapper {
        bottom: 40px;
    }

    #photo_description_tab_wrapper #photo_decription_tab {
        display: none;
    }

    #photo_description_tab_wrapper #caption {
        background-color: rgba(255,255,255,0.8) !important;
        color: #1B3352 !important;
        margin: 0px auto;
        width: 94%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        font-weight: 900;
    }

    .inactive_button {
        background-color: rgba(255,255,255,0.2) !important;
    }
}

#pane_wrapper {
    position:absolute;
    width: 800px;
    height: 410px;
}

#description_header_wrapper {
    font-size: 20px;
	font-variant: small-caps;
    position: relative;
    top: -36px;
    display: inline-block;
    padding: 3px 12px;
}

#description_outer_wrapper {
    height: 163px;
    overflow: hidden;
    padding: 12px 15px;
    width: 220px;
}

#description_inner_wrapper {
    font-size: 13px;
    overflow: auto;
    text-align: left;
}

/*#footer_wrapper {*/
    /*position: absolute;*/
    /*z-index:-75;*/
    /*height: 45px;*/
    /*top: 552px;*/
    /*left: -3px;*/
    /*width: 546px;*/
    /*padding: 6px 17px 0;*/
/*}*/

/*#footer_text {*/
    /*text-align: center;*/
	/*font-size: 18px;*/
    /*margin-top: 3px;*/
/*}*/

#logo_wrapper {
    height: 130px;
    left: 518px;
    top: 467px;
    width: 271px;
}

#slogan_wrapper {
    left: 20px;
    padding: 8px 16px;
    width: auto;
}

#slogan_div {
    right: 9px
}

#volume_wrapper {
    left: 255px;
}

.property_wrapper {
    left: 392px;
}

#powered_by_slogan {
    font-size: 15px;
    font-style: italic;
}

#property_panorama_slogan {
    font-size: 22px;
}

#sidebar_wrapper {
    text-align: center;
}

#photos_wrapper {
    text-align: left;
}




/* HARD CODED THEME SETTINGS - Start */
/* HARD CODED THEME SETTINGS - Start */
/* HARD CODED THEME SETTINGS - Start */
@font-face {
font-family: "Verdana";
    src: url("/static/common/fonts/Verdana.ttf") format("truetype"), url("/static/common/fonts/Verdana.eot") format("embedded-opentype");
}

.default_font {
    font-family: Tahoma, Verdana, Geneva, sans-serif !important;
}

#texture_wrapper {
    background-image: url("/overlays/texture/light/canvas_2_white.png") !important;
    opacity: 0.35 !important;
}

#gradient_wrapper {
    background-image: url("/overlays/gradient/dark/outer_2_dark.png") !important;
    opacity: 0.6 !important;
}

#caption {
    background-color: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
}

#photo_decription_tab {
    background-color: rgba(0, 0, 0, 0.6) !important;
    color: #ffffff;
}

.background_color {
    background-color: #132b3a !important;
    color: #558aab !important;
}

.background_text_color {
    color: #558aab !important;
}

.foreground_text_color {
    color: #ffffff !important;
}

.foreground_transparency {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C0558aab', endColorstr='#C0558aab') !important;
    background-color: rgba(85, 138, 171, 0.75) !important;
}

.translucent_background {
    background-color: transparent !important;
}

.footer_border {
    border-top-right-radius: 30px !important;
    border-width: 0px !important;
}

.unselected_color {
    background-color: #558aab !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

.selected_color {
    background-color: #132b3a !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

.ui-slider-handle {
    background-color: #132b3a !important;
    border-color: #b3bbc0 !important;
}

#volume_slider {
    background: none repeat scroll 0 0 rgba(255,255,255,0.75) !important;
}

#photos_slider {
    background: none repeat scroll 0 0 rgba(255,255,255,0.75) !important;
}

#volume_slider,
#photos_slider {
    border: 1px solid #000 !important;
}

.bottom_left_only_border {
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.context_box_border {
    border-radius: 0px 35px 0px !important;
    border-width: 0px !important;
}

#photos_labels_wrapper .photo_label_border {
    border-radius: 0px 30px 0px !important;
    border-width: 0 !important;
}

.property_wrapper, .property_box_ie_fix  {
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}


#description_middle_wrapper {
    height: 165px;
    overflow: hidden;
}

#description_slider {
    /*display: none !important;*/
    box-shadow: 0px -1px 2px #000 inset;
    height: 146px;
    position: absolute;
    right: 11px;
    top: 27px;
}

/*#description_middle_wrapper .ui-slider {*/
  /*width: 4px;*/
  /*position: absolute;*/
  /*text-align: left;*/
  /*top: 20px;*/
  /*right: 15px;*/
  /*height: 150px;*/
  /*background-color: red;*/
  /*border-radius: 2px;*/
/*}*/

/*#description_middle_wrapper .ui-slider-track {*/
  /*background-color: green;*/
  /*height: 130px;*/
  /*top: 11px;*/
  /*position: absolute;*/
  /*width: 5px;*/
    /*left: auto;*/
/*}*/











.ui-slider-handle {
    border-radius: 0 35px;
}

#photos_slider_wrapper {
    position: absolute;
    left: 225px;
    top: 9px;
	width: 15px;
	height: 160px;
}

#photos_slider {
    cursor: pointer;
    height: 148px;
    left: 7px;
    position: absolute;
    top: 15px;
}

#photos_pane {
    box-shadow: none;
}
/*.info_container *, #slogan_span * {*/
    /*color: #c1d8e6 !important;*/
    /*text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.78), -1px -1px 0 rgba(0, 0, 0, 1) !important;*/
/*}*/

/*.translucent_background {*/
    /*background-color: transparent !important;*/
/*}*/

/*.foreground_transparency {*/
    /*background-color: transparent !important;*/
/*}*/

/* HARD CODED THEME SETTINGS - End */
/* HARD CODED THEME SETTINGS - End */
/* HARD CODED THEME SETTINGS - End */