124 Ocean View Lane - La Grande Dame

#fff; text-align: center; height: 75px; width: 75px; margin-top: -15px; border-radius: 50%; border: 5px solid #fff;}.introslide-overlay .play-button .arrow-right { width: 0; height: 0; top: 50%; left: 50%; position: absolute; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 16px solid #fff; margin-left: -6px; margin-top: -13px;}.pdwrap .fancybox-slide--html { padding: 44px 0;}.pdwrap .fancybox-slide--html .fancybox-content { position: relative; /*This padding-bottom is good for 5:4 ratio slides padding-bottom: 56.25%;*/ /*The below padding-bottom will be better for 16:9*/ padding-bottom: 45.85%; padding-top: 20px; height: 0; overflow: hidden; max-width : 85%;}.pdwrap .fancybox-slide--html .fancybox-content iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%;}.fancybox-close-small { top:10px !important; right:10px !important; height:40px; width: 40px; color: #fff; background: rgba(0,0,0,.4); outline: solid #ccc 1px; outline-offset: -3px;}.fancybox-close-small svg { position: absolute; top: 0; left: 0;}.fancybox-caption { }div.ssbuttons { min-height: 35px; padding-left: 0; display: flex; width: 100%; flex-wrap: wrap;}div.ssbuttons div { flex-grow: 1; padding: 0; background: linear-gradient(to right, #6dbae8, #20a7e0); border: 1px solid #fff; text-align: center; transition: all .3s;}div.ssbuttons div:hover { background-color: rgb(6, 103, 219);}div.ssbuttons div a { color: #FFF; display: block; padding: 0; line-height: 35px;} .fancybox-thumbs { top: auto; width: auto; bottom: 0; left: 0; right : 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3); } .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px; } .slideIcons { display: inline-flex; position:absolute; top:20px; right:20px; font-size: 60px; } .slideIcons i {filter: drop-shadow(1px 1px 1px #000);} .pdBoxpaw {color: #fff;} #pd-addMy2 i { color:#fff; transition: all .3s;} #pd-addMy2 i:hover { color:red; } #pd-removeMy2 { color:red; transition: all .3s;} #pd-removeMy2 i:hover { color:#fff; }/* under ipad size 768px */@media (max-width: 768px) { .slideIcons { font-size:30px; } .introslide-overlay .play-button { height: 55px; width: 55px; margin-top: 0; } .pdwrap .fancybox-slide--html .fancybox-content { max-width: 95%; padding-top: 5px; padding-left: 5px; padding-right: 5px; /*This padding-bottom is good for 5:4 ratio slides*/ padding-bottom: 56.25%; /*The below padding-bottom will be better for 16:9 padding-bottom: 45.85%;*/ } .fancybox-close-small { height:30px; width: 30px; }}/* cell phones (480px) */@media (max-width: 30em) { .introslide-text {font-size: 1em;} .introslide-overlay .play-button { border: 3px solid #fff; } .introslide-overlay .play-button .arrow-right { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 9px solid #fff; margin-left: -3px; margin-top: -8px; }} View Slideshow Slideshow Virtual Tour Map jQuery(document).ready(function() { jQuery('[data-fancybox="rtgallery"]').fancybox({ margin : [44,0,22,0], afterLoad: function (instance, slide) { slide.$slide.find('img').attr("alt", slide.opts.$orig.data('alt')); }, thumbs : { autoStart : true, axis : 'x' } }); }); jQuery(".fancygallery1").click(function(event) { event.preventDefault(); jQuery('.rttrigger').click(); });