.show_iframe{
			-webkit-overflow-scrolling: touch;
			overflow-y: auto;
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
			}
			.show_iframe iframe {position: absolute;bottom: 0;height: 100%;width: 100%}
.bottom_scene #btm {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}

 #btm nav {
     display: block;
     margin: 0 0 0 5px;
     list-style: none;
     background: 0 0;
     position: absolute;
     top: -29px
 }

 #btm li {
     display: block;
     position: relative;
     float: left;
     padding: 0 10px;
     text-align: center;
     vertical-align: middle;
     margin: 0;
     margin-right: 1px;
     border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
     -webkit-border-radius: 3px 3px 0 0;
     background: #000;
     cursor: pointer;
     cursor: hand
 }

 #btm li.transparent {
     background: 0 0;
     padding: 0 5px
 }

 #btm li a {
     display: block;
     width: 100%;
     height: 22px
 }

 #btm li.active {
     background: #0071c1
 }

 #btm li.active svg {
     fill: #0071c1
 }

 #btm li.active .icon:hover {
     color: #FFF
 }

 #btm li .icontext {
     font-size: 12px !important;
     color: #FFF;
     float: right;
     margin: 10px 0 0 5px;
     margin-top: 10px !important;
     text-transform: capitalize
 }

 #btm li.active .icontext {
     display: block !important;
     float: right;
     margin: 13px 0 0 5px
 }

 #btm li .icon {
     display: block !important;
     float: left
 }

 #btm li svg {
     position: absolute;
     z-index: 105;
     bottom: 0;
     fill: #000
 }

 #btm li svg.left {
     position: absolute;
     z-index: 105;
     bottom: 0;
     left: -14.5px
 }

 #btm li svg.right {
     position: absolute;
     z-index: 105;
     bottom: 0;
     right: -14.5px
 }

 #btm {
     position: absolute;
     bottom: 0;
     left: 0;
     width: inherit;
     z-index: 111;
     opacity: .9;
     filter: alpha(opacity=80)
 }

 #btm .carousel-box {
     width: 100%;
     overflow-x: hidden;
     -webkit-box-shadow: -1px 0 5px 0 rgba(50, 50, 50, .75);
     -moz-box-shadow: -1px 0 5px 0 rgba(50, 50, 50, .75);
     box-shadow: -1px 0 5px 0 rgba(50, 50, 50, .75)
 }

 #btm #carousel {
     position: relative;
     background: #0071c1;
     clear: both;
     width: 100%;
     padding: 5px;
     overflow-x: hidden
 }

 #btm #carousel #slides {
     padding-right: 10px
 }

 #btm #carousel .item {
     display: block;
     margin-right: 5px;
     height: 90px;
     width: 180px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     overflow: hidden
 }

 #btm #carousel .item .inner {
     position: relative
 }

 #btm #carousel .item .inner h5 {
     position: absolute;
     width: 100%;
     background: #008e5b;
     color: #FFF;
     bottom: 0;
     margin: 0;
     z-index: 100;
     text-align: center;
     padding: 5px 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding: 5px 1%
 }

 #btm #carousel .item .inner img {
     display: block;
     width: 100%
 }

 #btm #carousel .item.active {
     border: 4px solid #FFF
 }

 #btm #carousel .flickity-prev-next-button:disabled {
     opacity: .75
 }

 #btm #carousel .flickity-prev-next-button.next {
     right: 15px;
     border: 3px solid #333;
     border: 0;
     top: 25px;
     height: 40px;
     width: 40px;
     opacity: .75
 }

 #btm #carousel .flickity-prev-next-button.next:hover {
     opacity: .9
 }

 #btm #carousel .flickity-prev-next-button.previous {
     left: 15px;
     border: 3px solid #333;
     border: 0;
     top: 25px;
     height: 40px;
     width: 40px;
     opacity: .75
 }

 #btm #carousel .flickity-prev-next-button.previous:hover {
     opacity: .9
 }

 #btm nav [class^=icon-],
 #btm nav [class*=" icon-"] {
     display: inline-block;
     font-size: 21px;
     margin-top: 6px;
     margin-bottom: 2px
 }


 .flickity-enabled {
     position: relative
 }

 .flickity-enabled:focus {
     outline: 0
 }

 .flickity-viewport {
     overflow: hidden;
     position: relative;
     height: 100%
 }

 .flickity-slider {
     position: absolute;
     width: 100%;
     height: 100%
 }

 .flickity-enabled.is-draggable {
     -webkit-tap-highlight-color: transparent;
     tap-highlight-color: transparent;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .flickity-enabled.is-draggable .flickity-viewport {
     cursor: move;
     cursor: -webkit-grab;
     cursor: grab
 }

 .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
     cursor: -webkit-grabbing;
     cursor: grabbing
 }

 .flickity-prev-next-button {
     position: absolute;
     top: 50%;
     width: 44px;
     height: 44px;
     border: 0;
     border-radius: 50%;
     background: #fff;
     background: hsla(0, 0%, 100%, .75);
     cursor: pointer;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
 }

 .flickity-prev-next-button:hover {
     background: #fff
 }

 .flickity-prev-next-button:focus {
     outline: 0;
     box-shadow: 0 0 0 5px #09F
 }

 .flickity-prev-next-button:active {
     opacity: .6
 }

 .flickity-prev-next-button.previous {
     left: 10px
 }

 .flickity-prev-next-button.next {
     right: 10px
 }

 .flickity-rtl .flickity-prev-next-button.previous {
     left: auto;
     right: 10px
 }

 .flickity-rtl .flickity-prev-next-button.next {
     right: auto;
     left: 10px
 }

 .flickity-prev-next-button:disabled {
     opacity: .3;
     cursor: auto
 }

 .flickity-prev-next-button svg {
     position: absolute;
     left: 20%;
     top: 20%;
     width: 60%;
     height: 60%
 }

 .flickity-prev-next-button .arrow {
     fill: #333
 }

 .flickity-page-dots {
     position: absolute;
     width: 100%;
     bottom: -25px;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
     line-height: 1
 }

 .flickity-rtl .flickity-page-dots {
     direction: rtl
 }

 .flickity-page-dots .dot {
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 0 8px;
     background: #333;
     border-radius: 50%;
     opacity: .25;
     cursor: pointer
 }

 .flickity-page-dots .dot.is-selected {
     opacity: 1
 }



 #modal {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 97;
     width: 100%;
     height: 100%
 }

 #modal .content {
     width: 100%;
     height: 100%
 }

 #modal .blackout {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 98;
     width: inherit;
     height: inherit
 }

 #modal .leaflet-right {
     right: 52px
 }

 body.disability-mode #modal:focus {
     border: 0 !important
 }

 #modal.fullscreen .content {
     position: absolute;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     overflow: hidden;
     z-index: 99
 }

 #modal.fullscreen .blackout {
     background: #000;
     opacity: .6;
     filter: alpha(opacity=60)
 }

 #modal.fullscreen .fa-times {
     position: absolute;
     z-index: 1000000;
     display: inline-block;
     top: 10px;
     left: 23px;
     font-size: 25px;
     width: 25px;
     height: 25px;
     line-height: 100%;
     text-decoration: none;
     cursor: pointer
 }

 #modal.fullscreen .fa-times:hover {
     opacity: .6
 }

 #modal.fullscreen #modal-dialog .fa-times {
     left: auto;
     right: 5px;
     top: 5px
 }

 .modal-dialog-mobile {
     position: absolute;
     width: 100%;
     top: 50%;
     -ms-transform: translate(0, -50%);
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%)
 }

 #modal-dialog {
     background: #0071c1;
     opacity: .95;
     line-height: 17px;
     max-width: 350px;
     padding: 40px 20px;
     color: #FFF;
     font-size: 12px;
     text-align: center;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     margin: 0 auto;
     position: relative;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, .75);
     -moz-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, .75);
     box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, .75)
 }

 #modal-dialog h3 {
     font-size: 17px
 }

 @media screen and (max-width:480px) {
     .extended-menu {
        /* min-width: 230px;
         max-width: 230px */
     }

     .modal-dialog-mobile {
         padding-right: 32px
     }
	 
 }
@media screen and (max-width: 480px){
	.hide-mobile {
    display: none!important;
	}
	.show-mobile {
	    display: block!important;
	}
	.scroll .viewport {
		 /* overflow: auto; */
	}
	#info-content .right-col{
		overflow-y: scroll;
	}
	.scroll {
		padding-bottom: 13em !important; 
		padding-top: 2em !important;
		overflow: auto !important;
	}
}
 @media all and (min-width: 320px) {
           /* .btn_list{
            	top: 37% !important;
            	height: 60%;
            } */
        }
        @media screen and (min-width:500px) {
           .hide-mobile {
           display: none!important;
           }
           .show-mobile {
               display: block!important;
           }
           .scroll .viewport {
           	 /* overflow: auto; */
			 
           }
		   .scroll .overview{
			   top: -7em !important;
			   /* padding-bottom: 22em !important; */
		   }
		   .information_dialog .scroll .overview{
			   top: -5em !important;
			     /* padding-bottom: 18em !important; */
		   }
           #info-content .right-col{
           	overflow-y: scroll;
           }
           .scroll {
           	padding-bottom: 13em !important; 
           	padding-top: 2em !important;
           	overflow: auto !important;
           }

            @media screen and (min-width: 1024px) {
				.hide-mobile {
				display: table-cell !important;
				}
				.show-mobile {
				    display: none !important;
				}
                #info-content .right-col{
                	overflow-y: hidden;
                }
				.scroll {
					padding-bottom: 13em; 
					padding-top: 2em ;
					overflow: hidden !important;
				}
				.scroll .overview{
							   top: 0 !important;
							   /* padding-bottom: 22em !important; */
				}
				.information_dialog .scroll .overview{
							   top: 0 !important;
							     /* padding-bottom: 18em !important; */
				}
            }
        }
 @media screen and (max-width:700px) {
	 .hide-mobile {
	 display: none!important;
	 }
	 .show-mobile {
	     display: block!important;
	 }
	 .scroll .viewport {
	 	 /* overflow: auto; */
	 }
	 #info-content .right-col{
	 	overflow-y: scroll;
	 }
	 .scroll {
	 	padding-bottom: 13em !important; 
	 	padding-top: 2em !important;
	 	overflow: auto !important;
	 }
     #modal.fullscreen .modal-dialog-mobile {
         height: 100%;
         padding-right: 0
     }

     #modal.fullscreen .modal-dialog-mobile #modal-dialog {
         height: 100%;
         top: 0;
         transform: auto;
         -webkit-transform: auto;
         -ms-transform: auto;
         padding: 60px 90px 40px 25px;
         margin: 0;
         background: rgba(0, 0, 0, .6);
         max-width: 100%;
         color: #fff
     }

     #modal.fullscreen .modal-dialog-mobile #modal-dialog .fa-times {
         right: auto;
         left: 23px;
         top: 10px
     }

     #modal.fullscreen .modal-dialog-mobile #modal-dialog .icon,
     #modal.fullscreen .modal-dialog-mobile #modal-dialog .icon:hover,
     #modal.fullscreen .modal-dialog-mobile #modal-dialog a,
     #modal.fullscreen .modal-dialog-mobile #modal-dialog a:hover {
         color: #fff
     }

     #modal.fullscreen .modal-dialog-mobile #modal-dialog .action {
         display: block;
         margin: 0
     }

     #modal.fullscreen .modal-dialog-mobile #modal-dialog .action button {
         width: 200px
     }

     #modal.fullscreen .modal-dialog-mobile #modal-dialog .tour-link {
         max-width: 350px
     }
 }

 #info-content-wrapper {
     display: none;
     /* padding: 20px 100px 0 20px */
 }

 #info-content-wrapper .fa-times {
     color: #fff
 }

 #info-content {
     width: inherit;
     height: inherit;
     max-width: 900px;
     margin: 0 auto;
     margin-bottom: 160px;
     color: #FFF;
     font-weight: 400;
     font-size: 14px;
     line-height: 21px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: table-row
 }

 #info-content .left-col {
     width: 43%;
     clear: none;
     text-align: center;
     position: relative;
     display: table-cell;
     vertical-align: middle;
     padding-bottom: 164px
 }

 #info-content .left-col a {
     text-decoration: none
 }

 #info-content .right-col {
     width: 45%;
     /* padding-left: 9%; */
     padding-right: 6%;
     height: inherit;
     /* overflow-y: scroll; */
     display: table-cell;
     vertical-align: middle
 }

 #info-content p {
     letter-spacing: .75px;
     font-weight: lighter
 }

 #info-content ul {
     margin: 15px;
	 margin-left:-25px;
 }

 #info-content .info-img img {
     width: 100%;
     max-width: 220px;
     display: block;
     margin: 0 auto
 }

 #info-content .info-img img.xs {
     max-width: 160px
 }

 #info-content .info-img img.logo {
     max-width: 170px
 }

 #info-content .address a {
     color: #FFF
 }

 #info-content .address a.tel {
     text-decoration: none
 }

 #info-content .address a.tel .fa-phone {
     margin-right: 5px
 }

 #info-content p.address {
     margin: 10px 0;
     text-align: center;
     font-size: 12px;
     letter-spacing: 1px
 }

 #info-content p.address b.name {
     font-size: 13px;
     display: inline-block;
     margin-bottom: 10px
 }

 .jspContainer {
     overflow: hidden;
     position: relative
 }

 .jspPane {
     position: absolute
 }

 .jspVerticalBar {
     position: absolute;
     top: 0;
     right: 0;
     width: 16px;
     height: 100%;
     background: red
 }

 .jspHorizontalBar {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 16px;
     background: red
 }

 .jspCap {
     display: none
 }

 .jspHorizontalBar .jspCap {
     float: left
 }

 .jspTrack {
     background: #dde;
     position: relative
 }

 .jspDrag {
     background: #bbd;
     position: relative;
     top: 0;
     left: 0;
     cursor: pointer
 }

 .jspHorizontalBar .jspTrack,
 .jspHorizontalBar .jspDrag {
     float: left;
     height: 100%
 }

 .jspArrow {
     background: #50506d;
     text-indent: -20000px;
     display: block;
     cursor: pointer;
     padding: 0;
     margin: 0
 }

 .jspArrow.jspDisabled {
     cursor: default;
     background: #80808d
 }

 .jspVerticalBar .jspArrow {
     height: 16px
 }

 .jspHorizontalBar .jspArrow {
     width: 16px;
     float: left;
     height: 100%
 }

 .jspVerticalBar .jspArrow:focus {
     outline: 0
 }

 .jspCorner {
     background: #eeeef4;
     float: left;
     height: 100%
 }

 .show-mobile {
     display: none
 }

 .scroll {
     position: relative;
     width: 100%;
     /* padding: 0 20px 0 0; */
	     padding: 0 26px 0 32px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     /* overflow: hidden */
	 /* overflow: auto; */
	/* padding-bottom:13em;
	 padding-top:2em; */
 }

 .scroll .viewport {
     position: relative;
     width: 100%;
     height: inherit;
	 /* overflow: aut0; */
 }

 .scroll .overview {
     width: 100%;
     list-style: none;
     position: absolute;
     left: 0;
     top: 0;
     margin: 0;
     height: inherit
 }

 .scroll .scrollbar {
     opacity: .3;
     background: #939393;
     position: absolute;
     right: 0;
     top: 0;
     width: 10px;
     z-index: 1003;
     border-radius: 15px;
     -webkit-radius: 15px;
     -moz-border-radius: 15px
 }

 .scroll .thumb {
     background: #000;
     border-radius: 15px;
     -webkit-radius: 15px;
     -moz-border-radius: 15px;
     cursor: pointer;
     overflow: hidden;
     position: absolute;
     left: 0;
     width: 10px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .scroll .disable {
     display: none
 }

 .contact-modal .address b {
     font-size: 15px;
     margin-bottom: 10px;
     display: inline-block
 }

 .contact-modal .action {
     display: inline-block;
     margin: 10px 0
 }

 .contact-modal .action button {
     font-size: 12px;
     width: 130px;
     text-transform: uppercase
 }

 .contact-modal .action button:hover {
     opacity: 1
 }

 .contact-modal .action .fa {
     font-size: 13px;
     margin-right: 2px
 }

 .contact-modal a {
     text-decoration: none
 }


 .full-iframe {
     width: 100%;
     height: 100%
 }

 .full-iframe iframe {
     width: 100%;
     height: 100%;
     border: 0
 }

 .full-iframe .fa-spinner,
 .full-iframe .fa-circle-o-notch {
     position: absolute;
     top: 40%;
     left: 45%
 }

 .full-iframe .content {
     opacity: 0
 }


.fa-spinner {
    position: absolute;
    top: 47%;
    left: 47%;
    z-index:6!important;
    opacity: 1;
}


.fa-spinner{
    z-index: 0;
    position: absolute
}

#modal.fullscreen #modal-dialog .fa-times {
    left: auto;
    right: 5px;
    top: 5px
}

.modal-dialog-mobile {
    position: absolute;
    width: 100%;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#modal-dialog {
    background: rgba(26, 77, 74, 0.85);
    opacity: .95;
    line-height: 17px;
    max-width: 350px;
    padding: 40px 20px;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, .75);
    -moz-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, .75);
    box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, .75)
}

#modal-dialog h3 {
    font-size: 17px
}

@media screen and (max-width:480px) {
    .extended-menu {
        /* min-width: 230px;
        max-width: 230px */
    }

    .modal-dialog-mobile {
        padding-right: 32px
    }
}

@media screen and (max-width:700px) {
    #modal.fullscreen .modal-dialog-mobile {
        height: 100%;
        padding-right: 0
    }

    #modal.fullscreen .modal-dialog-mobile #modal-dialog {
        height: 100%;
        top: 0;
        transform: auto;
        -webkit-transform: auto;
        -ms-transform: auto;
        padding: 60px 90px 40px 25px;
        margin: 0;
        background: rgba(0, 0, 0, .6);
        max-width: 100%;
        color: #fff
    }

    #modal.fullscreen .modal-dialog-mobile #modal-dialog .fa-times {
        right: auto;
        left: 23px;
        top: 10px
    }

    #modal.fullscreen .modal-dialog-mobile #modal-dialog .icon,
    #modal.fullscreen .modal-dialog-mobile #modal-dialog .icon:hover,
    #modal.fullscreen .modal-dialog-mobile #modal-dialog a,
    #modal.fullscreen .modal-dialog-mobile #modal-dialog a:hover {
        color: #fff
    }

    #modal.fullscreen .modal-dialog-mobile #modal-dialog .action {
        display: block;
        margin: 0
    }

    #modal.fullscreen .modal-dialog-mobile #modal-dialog .action button {
        width: 200px
    }

    #modal.fullscreen .modal-dialog-mobile #modal-dialog .tour-link {
        max-width: 350px
    }
}

#social-share ul {
    list-style: none;
    margin: 20px 0
}

#social-share li {
    display: inline-block;
    margin: 0 10px 0 0;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 32px
}

#social-share li a {
    text-decoration: none
}

.tour-link::selection {
    background-color: #5fa2dd
}

#social-share .tour-link {
    text-align: center;
    background: #FFF;
    color: #1f1f1f;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    padding: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: scroll;
    outline: none;
    border: none;
}