@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}html.trek-petra{line-height:1.54}html.trek-petra .desktop-only{display:none}@media (min-width:1025px){html.trek-petra .desktop-only{display:block}}html.trek-petra .not-desktop-only{display:none}@media (max-width:1024px){html.trek-petra .not-desktop-only{display:block}}html.trek-petra .svg-assets{display:none}html.trek-petra .floating-button{background-color:rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 5px rgba(132,132,132,.3);color:#fff;cursor:pointer;height:32px;padding:12px;position:absolute;transition:all .1s ease 0,top .5s ease 0,opacity .1s ease-in-out 0,-webkit-transform .4s linear 0;-moz-user-select:none;width:32px;z-index:5000}html.trek-petra .floating-button .icon{fill:#fff;filter:drop-shadow(0 0 5px rgba(132,132,132,.25));height:34px;left:50%;margin-left:-17px;margin-top:-17px;position:absolute;top:50%;width:34px}html.trek-petra .floating-button:hover{background-color:rgba(255,255,255,.5);transition:background-color .3s}html.trek-petra .start-video-button{right:25px;top:160px;transition:background-color .3s}@media (max-width:767px){html.trek-petra .start-video-button{top:60px}}html.trek-petra .close-video-button{left:20px;top:20px;transition:background-color .3s}html.trek-petra .previous-button,html.trek-petra .next-button{background-color:rgba(255,255,255,0);box-shadow:none;display:block;left:50%;margin-left:-26px;top:20px;transition:background-color .3s;z-index:100}html.trek-petra .previous-button.button-dark,html.trek-petra .next-button.button-dark{background-color:rgba(239,239,239,0)}html.trek-petra .previous-button.button-dark .icon,html.trek-petra .next-button.button-dark .icon{fill:#000;opacity:.6}html.trek-petra .previous-button.hover-dark:hover,html.trek-petra .next-button.hover-dark:hover{background-color:rgba(0,0,0,.5)}html.trek-petra .previous-button:hover,html.trek-petra .next-button:hover{background-color:rgba(255,255,255,.5);transition:background-color .3s}html.trek-petra .previous-button:hover.button-dark,html.trek-petra .next-button:hover.button-dark{background-color:#efefef;transition:background-color .3s}html.trek-petra .previous-button:hover.button-dark .icon,html.trek-petra .next-button:hover.button-dark .icon{opacity:.8}@media (max-width:767px){html.trek-petra .previous-button,html.trek-petra .next-button{background:none;box-shadow:none;top:-5px;transform:scale(1.2)}html.trek-petra .previous-button:hover,html.trek-petra .next-button:hover{background:none}html.trek-petra .previous-button:hover.button-dark,html.trek-petra .next-button:hover.button-dark{background-color:transparent}}@media (max-width:767px){html.trek-petra .previous-button{display:none}}html.trek-petra .next-button{bottom:20px;top:auto}@media (max-width:767px){html.trek-petra .next-button{bottom:-5px}}html.trek-petra .audio-controls{display:none;height:56px;position:absolute;right:25px;top:50px;transition:all .5s ease-out;width:56px}html.trek-petra .audio-controls.streetview-overview{top:85px;transition:all .5s ease-out}@media (max-width:767px){html.trek-petra .audio-controls.streetview-overview{right:20px}}html.trek-petra .audio-controls.shown{display:block}@media (max-width:767px){html.trek-petra .audio-controls{right:20px;transition:transform .4s}html.trek-petra .audio-controls.slide-out{transform:translateX(100px)}}html.trek-petra .audio-controls .floating-button{display:block;z-index:10}html.trek-petra .audio-controls .floating-button.hidden{display:none}html.trek-petra .audio-controls .floating-button .icon{fill:#fff;height:22px;left:50%;margin-left:-11px;margin-top:-11px;width:22px}html.trek-petra .audio-controls .start-audio-button,html.trek-petra .audio-controls .pause-audio-button{transition:background-color .3s}html.trek-petra .audio-controls .start-audio-button:before,html.trek-petra .audio-controls .start-audio-button:after{-webkit-animation:ring-pulse 3s infinite;animation:ring-pulse 3s infinite;border:1px solid #fff;border-radius:50%;content:'';display:block;height:100%;left:-1px;position:absolute;top:-1px;width:100%}html.trek-petra .audio-controls .start-audio-butto:after{-webkit-animation:ring-pulse 3s infinite;animation:ring-pulse 3s infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s}.rotate{content:'';opacity:0;transition:opacity .5s}@media (max-width:768px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.rotate{background:#000 url('/maps/about/behind-the-scenes/streetview/treks/petra/images/screen-rotation.svg') no-repeat center;background-size:115px;position:fixed;top:0;left:0;right:0;bottom:0;opacity:1;z-index:9999}.nav-wrapper{display:none}}@media (max-width:767px){html.trek-petra .nav-toolbar h1 .lock-up{margin-left:30%}}html.trek-petra .content-long{display:block}@media (max-width:767px){html.trek-petra .content-long{display:none}}html.trek-petra .content-short{display:none}@media (max-width:767px){html.trek-petra .content-short{display:block}}html.trek-petra .launch-button{margin-right:24px}@media (max-width:767px){html.trek-petra .launch-button{display:block;margin:0 auto 25px}}@media (max-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){html.trek-petra .launch-button{display:block;margin:0 auto 10px}}html.trek-petra body{overflow:visible}html.trek-petra body.scroll-locked{overflow:hidden}html.trek-petra h1,html.trek-petra h2,html.trek-petra h3,html.trek-petra h4,html.trek-petra h5,html.trek-petra h6,html.trek-petra p,html.trek-petra ul,html.trek-petra button{font-family:"Roboto","Open Sans",Arial,sans-serif;font-weight:400}html.trek-petra[lang='ar'] body,html.trek-petra[lang='ar'] h1,html.trek-petra[lang='ar'] h2,html.trek-petra[lang='ar'] h3,html.trek-petra[lang='ar'] h4,html.trek-petra[lang='ar'] h5,html.trek-petra[lang='ar'] h6,html.trek-petra[lang='ar'] p,html.trek-petra[lang='ar'] ul,html.trek-petra[lang='ar'] button,html.trek-petra[lang='ar'] .nav-toolbar h1 .product,html.trek-petra[lang='ar'] .nav-item-title,html.trek-petra[lang='ar'] .nav-item-description,html.trek-petra[lang='ar'] footer,html.trek-petra[lang='ar'] .footer-maps .category-header,html.trek-petra[lang='ar'] .footer-maps .category-link{font-family:'Noto Naskh Arabic UI',Roboto,sans-serif}html.trek-petra button,html.trek-petra a.button{background-color:#4285f4;border:0;border-radius:3px;color:#fff;cursor:pointer;display:inline;font-size:14px;font-weight:500;overflow:hidden;padding:18px 36px;pointer-events:auto;position:relative;text-transform:uppercase}@media (max-width:767px){html.trek-petra button,html.trek-petra a.button{padding:10px 15px}}html.trek-petra button:focus,html.trek-petra a.button:focus{outline:none}html.trek-petra button:hover,html.trek-petra a.button:hover{background:#3070da}html.trek-petra .nowrap{overflow:hidden;white-space:nowrap}html.trek-petra .pseudo{background:rgba(255,255,255,.25);border-radius:50%;content:'';display:block;left:10%;opacity:0;pointer-events:none;position:absolute;top:10%;transition:transform .75s;transition:-webkit-transform .75s;transition-timing-function:cubic-bezier(.25,.46,.45,.94);width:5px}html.trek-petra .pseudo.active{opacity:1;-webkit-transform:scale(15.1);-ms-transform:scale(15.1);transform:scale(15.1);width:15%}html.trek-petra .pseudo:before{content:'';display:block;padding-top:100%}.dark html.trek-petra .pseudo{background:rgba(0,0,0,.25)}html.trek-petra.mobile .fullscreen,html.trek-petra .fullscreen{height:100vh;min-height:100vh;width:100%}html.trek-petra .segment{background-position:50% 0;background-repeat:no-repeat;background-size:cover;height:100vh;width:100%;z-index:auto}html.trek-petra .segment h2{font-family:"Oswald","Roboto","Open Sans",Arial,sans-serif;text-transform:uppercase;font-size:50px;letter-spacing:1.5px;line-height:60px}html.trek-petra .segment h3{font-family:"Oswald","Roboto","Open Sans",Arial,sans-serif;text-transform:uppercase;font-size:30px;letter-spacing:1.6px;line-height:36px}html.trek-petra .content-container{height:100vh;margin:0;min-height:100vh;padding:0;position:relative}html.trek-petra .content-container .content-box{margin:0;max-width:500px;padding:65px;width:40%}@media (max-width:767px){html.trek-petra .content-container .content-box{padding:0}}html.trek-petra .content-container .content-box h2,html.trek-petra .content-container .content-box h3{color:#fff}html.trek-petra .content-container.vertical-middle{display:table;height:100vh;min-height:100vh}html.trek-petra .content-container.vertical-middle .content-box{display:table-cell;vertical-align:middle}html.trek-petra .content-container.vertical-bottom .content-box{bottom:0;position:absolute}html.trek-petra .content-box{background:none;text-align:left}html.trek-petra #text-content-anchor{position:relative;top:-10vh}html.trek-petra #text-content{text-align:center;width:100%}html.trek-petra #text-content .content-container,html.trek-petra #text-content.segment{height:80vh;min-height:80vh}@media (max-width:767px){html.trek-petra #text-content .content-container,html.trek-petra #text-content.segment{height:auto;min-height:auto}html.trek-petra #text-content .content-container .content-box,html.trek-petra #text-content.segment .content-box{padding:35px 0 60px}}html.trek-petra #text-content h3{color:#444;margin-bottom:35px;text-align:center}@media (max-width:767px){html.trek-petra #text-content h3{line-height:36px;margin:0 auto 20px;width:80%}}html.trek-petra #text-content p{color:gray;font-weight:300;line-height:23px;margin:0 auto;max-width:820px;text-align:center}@media (max-width:767px){html.trek-petra #text-content p{font-weight:300;margin:0 auto;width:80%}}@media (max-width:1024px) and (min-width:481px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #text-content p{width:90%}}html.trek-petra #text-content button{margin-top:50px}html.trek-petra #more-views{background-color:#f8f8f8;padding:90px 0;text-align:center;z-index:8000}html.trek-petra #more-views.segment{height:auto}html.trek-petra #more-views a.button{margin-top:60px}html.trek-petra #more-views .gweb-pagination{margin-top:30px}@media (max-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #more-views{background-color:#f1f1f1;padding:110px 0}html.trek-petra #more-views h3{letter-spacing:normal;margin:0 auto;width:80%}html.trek-petra #more-views button{margin-top:40px}}@media (max-width:1024px) and (min-width:481px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #more-views{padding:80px 0 60px}html.trek-petra #more-views .content{margin:0 auto;width:50%}html.trek-petra #more-views button{margin-top:40px}}html.trek-petra #more-views .content{display:block}html.trek-petra #more-views .content-mobile{display:none}@media (max-width:767px){html.trek-petra #more-views .content{display:none}html.trek-petra #more-views .content-mobile{display:block}html.trek-petra #more-views .content-mobile h2{color:#444;font-size:30px;line-height:36px;margin:0 auto;text-align:center;width:80%}}html.trek-petra #more-views .trekslist-carousel .gweb-pagination-content{display:inline-block;float:left;margin:0 .4%;width:19.2%}html.trek-petra #more-views .trekslist-carousel .gweb-pagination-content .trek-img img{width:100%}html.trek-petra .treks-carousel.gweb-pagination .infobox{background:none}html.trek-petra .infobox{bottom:65px;left:65px;max-height:60px;max-width:465px;overflow:hidden;padding:0;right:auto;transition-delay:.1s;width:40%}html.trek-petra .infobox .thumbnail,html.trek-petra .infobox .thumbnail-mobile{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/minimap-465_1x.jpg);background-position:0 100%;background-repeat:no-repeat;background-size:100%;float:none;height:0;max-height:0;position:relative;transition-delay:.1s}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){html.trek-petra .infobox .thumbnail,html.trek-petra .infobox .thumbnail-mobile{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/minimap-465_2x.jpg)}}html.trek-petra .infobox .thumbnail:after,html.trek-petra .infobox .thumbnail-mobile:after{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/compass_1x.png);background-size:cover;content:'';height:63px;opacity:0;position:absolute;right:30px;top:10px;width:63px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){html.trek-petra .infobox .thumbnail:after,html.trek-petra .infobox .thumbnail-mobile:after{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/compass_2x.png)}}@media (max-width:320px){html.trek-petra .infobox .thumbnail:after,html.trek-petra .infobox .thumbnail-mobile:after{transform:scale(.7)}}html.trek-petra .infobox .thumbnail-mobile{max-height:none}html.trek-petra .infobox.gateway .thumbnail:after,html.trek-petra .infobox.gateway .thumbnail-mobile:after{right:13%;top:45%}html.trek-petra .infobox.bab-al-siq .thumbnail:after,html.trek-petra .infobox.bab-al-siq .thumbnail-mobile:after{right:18%;top:46%}html.trek-petra .infobox.the-siq .thumbnail:after,html.trek-petra .infobox.the-siq .thumbnail-mobile:after{right:25%;top:39%}html.trek-petra .infobox.the-treasury .thumbnail:after,html.trek-petra .infobox.the-treasury .thumbnail-mobile:after{right:35%;top:42%}html.trek-petra .infobox.facades .thumbnail:after,html.trek-petra .infobox.facades .thumbnail-mobile:after{right:37%;top:58%}html.trek-petra .infobox.the-theatre .thumbnail:after,html.trek-petra .infobox.the-theatre .thumbnail-mobile:after{right:38%;top:38%}html.trek-petra .infobox.farasa .thumbnail:after,html.trek-petra .infobox.farasa .thumbnail-mobile:after{right:42%;top:31%}html.trek-petra .infobox.palace-tomb .thumbnail:after,html.trek-petra .infobox.palace-tomb .thumbnail-mobile:after{right:47%;top:36%}html.trek-petra .infobox.urn-tomb .thumbnail:after,html.trek-petra .infobox.urn-tomb .thumbnail-mobile:after{right:48%;top:49%}html.trek-petra .infobox.sacrifice .thumbnail:after,html.trek-petra .infobox.sacrifice .thumbnail-mobile:after{right:25%;top:60%}html.trek-petra .infobox.roman-soldier .thumbnail:after,html.trek-petra .infobox.roman-soldier .thumbnail-mobile:after{right:38%;top:5%}html.trek-petra .infobox.colonnaded-street .thumbnail:after,html.trek-petra .infobox.colonnaded-street .thumbnail-mobile:after{right:49%;top:2%}html.trek-petra .infobox.great-temple .thumbnail:after,html.trek-petra .infobox.great-temple .thumbnail-mobile:after{right:51%;top:5%}html.trek-petra .infobox.al-qasir .thumbnail:after,html.trek-petra .infobox.al-qasir .thumbnail-mobile:after{right:55%;top:2%}html.trek-petra .infobox.monastery .thumbnail,html.trek-petra .infobox.monastery .thumbnail-mobile{background-position-y:0}html.trek-petra .infobox.monastery .thumbnail:after,html.trek-petra .infobox.monastery .thumbnail-mobile:after{right:72%;top:9px}html.trek-petra .infobox.lp-triclinium .thumbnail,html.trek-petra .infobox.lp-painted-house .thumbnail,html.trek-petra .infobox.lp-temple .thumbnail{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/minimap-little-petra-465_1x.jpg)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){html.trek-petra .infobox.lp-triclinium .thumbnail,html.trek-petra .infobox.lp-painted-house .thumbnail,html.trek-petra .infobox.lp-temple .thumbnail{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/minimap-little-petra-465_2x.jpg)}}html.trek-petra .infobox.lp-triclinium .thumbnail:after{right:50%;top:27%}html.trek-petra .infobox.lp-painted-house .thumbnail:after{right:46%;top:21%}html.trek-petra .infobox.lp-temple .thumbnail:after{right:53%;top:28%}html.trek-petra .infobox .content{background:rgba(0,0,0,.6);padding:15px 20px 30px;transition-delay:.1s;width:auto}html.trek-petra .infobox h3{font-family:"Oswald","Roboto","Open Sans",Arial,sans-serif;text-transform:uppercase;font-size:30px;letter-spacing:1.5px;margin-bottom:8px}html.trek-petra .infobox p{letter-spacing:.5px}html.trek-petra .infobox:hover,html.trek-petra .infobox.expanded{max-height:100vh}html.trek-petra .infobox:hover .thumbnail,html.trek-petra .infobox.expanded .thumbnail{height:170px;max-height:170px}html.trek-petra .infobox:hover .thumbnail:after,html.trek-petra .infobox.expanded .thumbnail:after{opacity:1}html.trek-petra .infobox:hover .content,html.trek-petra .infobox.expanded .content{margin-top:0;padding-top:20px}@media (max-width:767px){html.trek-petra .infobox{bottom:67px;left:5%;max-height:54px;width:90%}html.trek-petra .infobox .thumbnail{height:0}html.trek-petra .infobox:hover,html.trek-petra .infobox.expanded{max-height:none}html.trek-petra .infobox:hover .thumbnail,html.trek-petra .infobox.expanded .thumbnail{height:105px}html.trek-petra .infobox:hover .content,html.trek-petra .infobox.expanded .content{padding-top:10px}html.trek-petra .infobox .content{float:none;padding:10px 20px 15px}html.trek-petra .infobox h3{font-size:20px;letter-spacing:1px}html.trek-petra .infobox p{font-size:14px;letter-spacing:.2px;line-height:18px;margin-top:5px}}html.trek-petra .infobox{transition:all .3s}html.trek-petra .infobox .thumbnail,html.trek-petra .infobox .content,html.trek-petra .infobox:hover,html.trek-petra .infobox.expanded{transition:all .3s}@media (max-width:767px){html.trek-petra .infobox{transition:all 200ms ease}html.trek-petra .infobox .thumbnail,html.trek-petra .infobox .content,html.trek-petra .infobox:hover,html.trek-petra .infobox.expanded{transition:all 200ms ease}}html.trek-petra[lang="ar"] .segment h2,html.trek-petra[lang="ar"] .segment h3,html.trek-petra[lang="ar"] .infobox h3,html.trek-petra[lang="ar"] #streetview .explore-map,html.trek-petra[lang="ar"] .infowindow-title,html.trek-petra[lang="ar"] .infowindow-body,html.trek-petra[lang="ar"] #facts h2,html.trek-petra[lang="ar"] #facts p,html.trek-petra[lang="ar"] #video h2{font-family:'Noto Naskh Arabic UI',Roboto,sans-serif}html.trek-petra .audio-intro{background:#000;opacity:0;position:fixed;height:100vh;text-align:center;transition:opacity .5s ease-in;width:100%;z-index:4000}html.trek-petra .audio-intro .content-box{text-align:center}html.trek-petra .audio-intro .headphones,html.trek-petra .audio-intro h3{display:block;margin:0 auto;opacity:0}@media (max-width:767px){html.trek-petra .audio-intro .headphones,html.trek-petra .audio-intro h3{font-size:18px;line-height:22px;opacity:.9}}@media (max-width:767px){html.trek-petra .audio-intro .headphones{margin-top:-100px;width:70%}}@media (max-width:1024px) and (min-width:481px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){html.trek-petra .audio-intro .headphones{margin-top:-50px}html.trek-petra .audio-intro .headphones img{height:140px;width:140px}}html.trek-petra .audio-intro h3{color:#fff;font-size:20px;font-weight:300;max-width:280px;width:40%}@media (max-width:767px){html.trek-petra .audio-intro h3{font-size:18px;font-weight:400;max-width:250px;width:85%}}html.trek-petra .audio-intro svg{background-color:#fff;border-radius:50px;padding:12px;transform:scale(1.2)}html.trek-petra .audio-intro.animate-in-start{left:0;opacity:1;top:0}html.trek-petra .audio-intro.animate-in-start .headphones{opacity:1;transition:opacity .5s ease-out .3s}html.trek-petra .audio-intro.animate-in-start h3{opacity:1;transition:opacity .5s ease-out .6s}html.trek-petra .audio-intro.animate-out-start{opacity:0;transition:opacity .5s ease-out .5s}html.trek-petra .audio-intro.animate-out-start .headphones{opacity:0;transition:opacity .3s ease-out .3s}html.trek-petra .audio-intro.animate-out-start h3{opacity:0;transition:opacity .3s ease-out}@media (max-width:767px){html.trek-petra #hero .content-box{margin-left:auto !important;margin-right:auto !important}}.no-skrollr html.trek-petra #hero .content-box{margin-left:auto !important;margin-right:auto !important}@media (max-width:992px){html.trek-petra #hero .content-box{margin-left:auto !important;margin-right:auto !important}}.no-skrollr html.trek-petra #hero .content-box{margin-left:auto !important;margin-right:auto !important}.petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/ww-650_1x.png)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/ww-650_2x.png)}}@media (max-width:767px){.petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/ww-354_2x.png)}}html:lang(ru) .petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/ru-650_1x.png)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){html:lang(ru) .petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/ru-650_2x.png)}}@media (max-width:767px){html:lang(ru) .petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/ru-354_2x.png)}}html:lang(ja) .petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/jp-650_1x.png)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){html:lang(ja) .petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/jp-650_2x.png)}}@media (max-width:767px){html:lang(ja) .petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/jp-354_2x.png)}}html:lang(en) .petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/gb-650_1x.png)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){html:lang(en) .petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/gb-650_2x.png)}}@media (max-width:767px){html:lang(en) .petra-locale-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/gb-354_2x.png)}}html:lang(ar) .sub-head,html:lang(en) .sub-head,html:lang(ja) .sub-head,html:lang(ru) .sub-head{display:none}html:lang(ar) #hero .ar-hero.intro-hero{animation:none}html:lang(ar) #hero .petra-locale-hero{display:none}html.trek-petra .text-title{display:none;left:0;top:0;width:100%}@media (max-width:768px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){html.trek-petra .text-title{display:block;height:auto}}html.trek-petra #hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-hero-1024_1x.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover}@media (max-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-hero-portrait-375_1x.jpg);background-position:50% -50px}}@media (min-width:1921px){html.trek-petra #hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-hero-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-hero-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-hero-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-hero-375_1x.jpg)}}@media (min-width:768px){html.trek-petra #hero .content-container{display:table;height:100vh;min-height:100vh}html.trek-petra #hero .content-container .content-box{display:table-cell;vertical-align:middle}}html.trek-petra #hero .content-box{margin-left:auto;margin-right:auto;text-align:center}@media (max-width:767px){html.trek-petra #hero .content-box{padding-top:10%;width:100%}}@media (max-width:768px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #hero .content-box{padding-top:10%}}html.trek-petra #hero .content-box h1{font-family:"Oswald","Roboto","Open Sans",Arial,sans-serif;text-transform:uppercase;text-shadow:0 0 3px #333;font-size:75px;font-weight:400;letter-spacing:4px;line-height:85px}html.trek-petra #hero .content-box h1 b,html.trek-petra #hero .content-box h1 small{color:#fff;font-size:inherit;font-weight:inherit}html.trek-petra #hero .content-box h1 b:after{content:''}@media (max-width:767px){html.trek-petra #hero .content-box h1{font-size:80px;line-height:80px}html.trek-petra #hero .content-box h1 b{display:block;font-size:80px}html.trek-petra #hero .content-box h1 small{display:block;font-size:18px;letter-spacing:1px;line-height:18px}html.trek-petra #hero .content-box h1 b:after{content:''}}@media (min-width:768px) and (max-width:1024px){html.trek-petra #hero .content-box h1{line-height:85px}}@media (max-width:768px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #hero .content-box h1 small{line-height:18px}html.trek-petra #hero .content-box h1 b{font-size:72px}}html.trek-petra #hero .content-box p{text-shadow:0 0 3px #333;color:#fff;font-size:20px;font-weight:400;line-height:28px;margin:25px auto 50px;max-width:800px}@media (min-width:768px) and (max-width:1024px){html.trek-petra #hero .content-box p{width:80%}}@media (max-width:767px){html.trek-petra #hero .content-box p{font-size:18px;line-height:22px;margin:22px 20px 25px}}@media (max-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #hero .content-box p{margin:5px 20px}}html.trek-petra #hero.animate-out-start{opacity:0;transition:opacity .5s ease-out .5s}html.trek-petra #hero .sub-head{font-family:"Oswald","Roboto","Open Sans",Arial,sans-serif;text-transform:uppercase;animation-delay:3s;animation-duration:1.5s;animation-fill-mode:forwards;-webkit-animation-name:animate-in;animation-name:animate-in;bottom:0;color:#fff;font-size:24px;left:0;letter-spacing:2px;opacity:0;position:absolute;width:100%}@media (max-width:767px){html.trek-petra #hero .sub-head{font-size:17px}}html.trek-petra #hero .hero-container{display:block;height:405px;margin:0 auto;position:relative;width:650px}@media (max-width:767px){html.trek-petra #hero .hero-container{height:auto;padding-bottom:75%;width:90%}}@media (max-width:768px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #hero .hero-container{display:none}}html.trek-petra #hero .intro-hero{animation-delay:3s;animation-duration:1.5s;animation-fill-mode:forwards;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:767px){html.trek-petra #hero .intro-hero{background-repeat:no-repeat;background-size:105%}}html.trek-petra #hero .petra-locale-hero{-webkit-animation-name:animate-in;animation-name:animate-in;opacity:0}html.trek-petra #hero .ar-hero{-webkit-animation-name:animate-out;animation-name:animate-out;background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/ar-650_2x.png);opacity:1}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){html.trek-petra #hero .ar-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/ar-650_2x.png)}}@media (max-width:767px){html.trek-petra #hero .ar-hero{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/landing/ar-354_2x.png)}}html.trek-petra #video-intro{background:#000;opacity:1;overflow:hidden;position:absolute;z-index:3500}html.trek-petra #video-intro.animate-out-start{opacity:0;transition:opacity .5s ease-out .5s}html.trek-petra #video-intro .close-video-button{z-index:10001}html.trek-petra #video-intro .zoom-video{background:#000;height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;background-color:#000}@media (max-width:767px){html.trek-petra #video-intro .zoom-video{display:none}}html.trek-petra .zoom-slides{display:none;height:100vh;overflow:hidden;position:absolute;width:100%;z-index:3500;-webkit-backface-visibility:hidden}html.trek-petra .zoom-slides.animate-out-start{opacity:0;transition:opacity .5s ease-out .5s}@media (max-width:767px){html.trek-petra .zoom-slides{display:block;pointer-events:none}}html.trek-petra .zoom-slides .slide{height:200%;left:-50%;opacity:1;position:absolute;top:-50%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:center center;transform-origin:center center;-webkit-backface-visibility:hidden;width:200%}html.trek-petra .zoom-slides .slide img{width:100%}html.trek-petra .zoom-slides .audio-intro{display:none !important}html.trek-petra .zoom-slides.animate-start .slide{opacity:0;-webkit-transform:scale(1);transform:scale(1)}html.trek-petra .zoom-slides.animate-start .slide1{-webkit-transition:-webkit-transform 2s linear 1.8s,opacity .6s linear 2.1s;transition:transform 2s linear 1.8s,opacity .6s linear 2.1s;-webkit-transform:scale(1.5);transform:scale(1.5)}html.trek-petra .zoom-slides.animate-start .slide2{-webkit-transition:-webkit-transform .8s linear 2s,opacity .6s linear 2.4s;transition:transform .8s linear 2s,opacity .6s linear 2.4s}html.trek-petra .zoom-slides.animate-start .slide3{-webkit-transition:-webkit-transform .8s linear 2.5s,opacity .6s linear 2.9s;transition:transform .8s linear 2.5s,opacity .6s linear 2.9s}html.trek-petra .zoom-slides.animate-start .slide4{-webkit-transition:-webkit-transform .8s linear 3s,opacity .6s linear 3.4s;transition:transform .8s linear 3s,opacity .6s linear 3.4s}html.trek-petra .zoom-slides.animate-start .slide5{-webkit-transition:-webkit-transform .8s linear 3.5s,opacity .6s linear 3.9s;transition:transform .8s linear 3.5s,opacity .6s linear 3.9s}html.trek-petra .zoom-slides.animate-start .slide6{-webkit-transform:scale(.54);transform:scale(.54);-webkit-transition:-webkit-transform 3s ease-out 4s,opacity .6s linear 8s;transition:transform 3s ease-out 4s,opacity .6s linear 8s}html.trek-petra.android .zoom-slides .slide{height:100%;left:0;top:0;-webkit-transform:scale(1);transform:scale(1);width:100%}html.trek-petra.android .zoom-slides.animate-start .slide6{-webkit-transform:scale(1.2);transform:scale(1.2)}@media (min-width:414px) and (orientation:portrait){html.trek-petra #hero .hero-container{min-width:80%}}@media (min-width:414px){html.trek-petra #hero .content-container .content-box{height:inherit;padding:0}html.trek-petra #hero .hero-container{height:48%;padding-bottom:0;width:50%}html.trek-petra #hero .intro-hero{background-position:50% 100%;background-repeat:no-repeat;background-size:contain}}@media (max-width:767px){html.trek-petra #map .map-area{height:100%;height:100vh}}.no-skrollr html.trek-petra #map .map-area{height:100%;height:100vh}@media (max-width:992px){html.trek-petra #map .map-area{height:100%;height:100vh}}.no-skrollr html.trek-petra #map .map-area{height:100%;height:100vh}html.trek-petra #map{opacity:1;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}html.trek-petra #map.animate-out{opacity:0}html.trek-petra #map .content-overlay,html.trek-petra #map .infowindow{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-duration:2.5s;-moz-animation-duration:2.5s;-o-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-name:animate-in;-moz-animation-name:animate-in;-o-animation-name:animate-in;animation-name:animate-in;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}html.trek-petra #map.animate-in-start .content-overlay,html.trek-petra #map.animate-in-start .infowindow{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}html.trek-petra #map.animate-in-start .pano-hotspot{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animate-in;-moz-animation-name:animate-in;-o-animation-name:animate-in;animation-name:animate-in;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@media (min-width:1025px){html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(1){-webkit-animation-delay:5.1s;-moz-animation-delay:5.1s;-o-animation-delay:5.1s;animation-delay:5.1s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(2){-webkit-animation-delay:4.8s;-moz-animation-delay:4.8s;-o-animation-delay:4.8s;animation-delay:4.8s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(3){-webkit-animation-delay:4.5s;-moz-animation-delay:4.5s;-o-animation-delay:4.5s;animation-delay:4.5s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(4){-webkit-animation-delay:4.2s;-moz-animation-delay:4.2s;-o-animation-delay:4.2s;animation-delay:4.2s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(5){-webkit-animation-delay:3.9s;-moz-animation-delay:3.9s;-o-animation-delay:3.9s;animation-delay:3.9s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(6){-webkit-animation-delay:3.6s;-moz-animation-delay:3.6s;-o-animation-delay:3.6s;animation-delay:3.6s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(7){-webkit-animation-delay:3.3s;-moz-animation-delay:3.3s;-o-animation-delay:3.3s;animation-delay:3.3s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(8){-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(9){-webkit-animation-delay:2.7s;-moz-animation-delay:2.7s;-o-animation-delay:2.7s;animation-delay:2.7s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(10){-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(11){-webkit-animation-delay:2.1s;-moz-animation-delay:2.1s;-o-animation-delay:2.1s;animation-delay:2.1s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(12){-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;-o-animation-delay:1.8s;animation-delay:1.8s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(13){-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(14){-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(15){-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(16){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(17){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}html.trek-petra #map.animate-in-start .pano-hotspot:nth-child(18){-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}}html.trek-petra #map .pano-hotspot{opacity:1}html.trek-petra #map .content-overlay{bottom:0;cursor:default;margin:0;max-width:390px;padding:0 0 65px 65px;position:absolute;width:40%;z-index:2000}html.trek-petra #map .content-overlay .map-copy{height:auto;min-height:auto;position:absolute;right:5%;top:250px}html.trek-petra #map .content-overlay .content-box{margin:0;padding:0}html.trek-petra #map .content-overlay h2{margin-bottom:22px}html.trek-petra #map .content-overlay p{font-size:18px;font-weight:400;letter-spacing:.5px;line-height:24px;width:130%}html.trek-petra #map .content-overlay a,html.trek-petra #map .content-overlay a:visited,html.trek-petra #map .content-overlay a:active,html.trek-petra #map .content-overlay a:hover{color:#fff;cursor:pointer;font-weight:normal;text-decoration:underline}@media (max-width:1024px){html.trek-petra #map .content-overlay{padding:0 0 70px;width:100%}html.trek-petra #map .content-overlay.map-copy{padding-bottom:0}html.trek-petra #map .content-overlay .content-box{max-width:100vw;width:40em}html.trek-petra #map .content-overlay .content-box h2{text-shadow:0 0 3px #333;font-size:30px;letter-spacing:.5px;line-height:34px;margin-bottom:0;padding:0 25px;width:auto}html.trek-petra #map .content-overlay .content-box p{font-weight:400;margin-top:6px;padding:0 25px;width:auto}}html.trek-petra #map .gm-style-iw div{overflow:visible}html.trek-petra #map .next-button{z-index:2001}html.trek-petra.iphone #map .next-button{margin-bottom:70px}html.trek-petra .map-area{opacity:1}html.trek-petra .map-area .explore-sv:hover{cursor:pointer}.mobile #streetview .streetview-container{display:block}.streetview-container .gmnoprint a,.streetview-container .gmnoprint span{display:none}.streetview-container .gm-style-cc,.streetview-container .gm-fullscreen-control{display:none}html.trek-petra.touch .streetview #facts,html.trek-petra.touch .streetview #gallery,html.trek-petra.touch .streetview #text-content,html.trek-petra.touch .streetview #video,html.trek-petra.touch .streetview #more-view,html.trek-petra.touch .landing-sv #facts,html.trek-petra.touch .landing-sv #gallery,html.trek-petra.touch .landing-sv #text-content,html.trek-petra.touch .landing-sv #video,html.trek-petra.touch .landing-sv #more-view{display:none}body.streetview .explore-map .map-pin{animation:none !important;-webkit-animation:none}body.streetview .explore-map .back-to-map{text-decoration:none}html.trek-petra body.streetview #streetview .infobox{display:block}html.trek-petra body.streetview #streetview .infobox-landing{display:none !important}@media (max-width:767px){html.trek-petra #streetview .infobox-landing{display:none !important}html.trek-petra body.landing-sv #streetview .explore-map span{left:44px;top:-1px;font-size:17px}}html.trek-petra body.streetview-start #hero,html.trek-petra body.streetview-start #audio-intro,html.trek-petra body.streetview-start #video-intro{display:none}html.trek-petra body.streetview-start #streetview{background:#000;opacity:1;z-index:2003}html.trek-petra .streetview .nav-toolbar,html.trek-petra .landing-sv .nav-toolbar{transform:translate3d(0,-100%,0) !important}html.trek-petra #video-intro .zoom-video{height:inherit;width:100%}html.trek-petra #launch-video{height:100%;width:100%}html.trek-petra #compare-video{background:#000;height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}html.trek-petra #video-compare{background-size:cover;opacity:0;position:absolute;top:0;-webkit-transition:opacity 2000ms;z-index:5005}html.trek-petra #video-compare .compare-video{display:block}@media (max-width:1024px){html.trek-petra #video-compare .compare-video{display:none}}html.trek-petra #video-compare .content-overlay{max-width:600px;width:50%}html.trek-petra #video-compare .content-overlay .content-box{max-width:initial;width:100%}html.trek-petra #video-compare .content-overlay h2.video-compare-heading{width:100%}html.trek-petra #video-compare .content-overlay p{width:auto}html.trek-petra #video-compare .compare-slides{background:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/compare-step1-portrait-375_2x.jpg) no-repeat 50% 100% / cover;display:none;height:100%;position:absolute;width:100%}@media (orientation:landscape){html.trek-petra #video-compare .compare-slides{background:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/compare-step1-landscape-375_2x.jpg) no-repeat 50% 100% / cover}}@media (max-width:1024px){html.trek-petra #video-compare .compare-slides{display:block}}html.trek-petra #video-compare.expanded{opacity:1;transition:opacity 1s}html.trek-petra #video-compare.shown{visibility:visible}html.trek-petra #video-compare.hidden{visibility:hidden}@media (min-width:1025px){html.trek-petra .landing-sv #streetview .explore-map-container{cursor:pointer;padding-bottom:30px}html.trek-petra .landing-sv #streetview .explore-map{opacity:0}}@media (min-width:1025px){html.trek-petra .landing-sv #streetview .infobox-landing{display:block;bottom:5%;max-height:none;max-width:none;width:495px}html.trek-petra .landing-sv #streetview .infobox-landing .content{background:none}html.trek-petra .landing-sv #streetview .infobox-landing h3{font-size:48px;line-height:60px}}html.trek-petra .landing-sv #streetview .infobox-landing .explore-map{background:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/explore-map.png) no-repeat 0 0 / cover;display:block;display:inline-block;height:60px;left:-12px;min-width:0;opacity:1;position:relative;text-decoration:none;top:4px;width:15px}@media (max-width:767px){html.trek-petra .landing-sv #streetview .infobox-landing .explore-map{transform:scale(.75);width:60px}html.trek-petra .landing-sv #streetview .infobox-landing .explore-map .map-pin{left:18px;top:-8px}}html.trek-petra .landing-sv #streetview .infobox-landing .explore-map span{font-size:18px;left:50px;top:-5px}@media (min-width:1025px){html.trek-petra .landing-sv #streetview .infobox-landing .explore-map span{left:55px;position:relative;top:-3px}}@media (min-width:1025px){html.trek-petra .landing-sv #streetview .infobox-landing .explore-map{height:65px;left:0;min-width:0;padding-left:0;top:30px;width:65px}html.trek-petra .landing-sv #streetview .infobox-landing .explore-map .map-pin{left:21px;top:-5px}}html.trek-petra #streetview{opacity:1;transition:opacity .5s;z-index:2002}html.trek-petra #streetview.animate-out{opacity:0;transition:opacity .5s}html.trek-petra #streetview .infobox .thumbnail-mobile{display:none}html.trek-petra #streetview .infobox{display:none}html.trek-petra #streetview .infobox h3{line-height:42px;position:relative;top:-4px}@media (max-width:767px){html.trek-petra #streetview .infobox h3{line-height:25px;top:auto}}:hover html.trek-petra #streetview .infobox h3,.expanded html.trek-petra #streetview .infobox h3{line-height:37px}html.trek-petra #streetview .explore-map{font-family:"Oswald","Roboto","Open Sans",Arial,sans-serif;text-transform:uppercase;color:#fff;height:60px;left:65px;opacity:1;padding-left:45px;position:absolute;top:20px;transition:opacity 1s ease-in;width:auto;z-index:4001}@media (max-width:767px){html.trek-petra #streetview .explore-map{left:20px;min-width:60px;padding:0;top:17px;transition:all .4s}html.trek-petra #streetview .explore-map.slide-out{transform:translateX(-190px)}}html.trek-petra #streetview .explore-map span{display:block;font-size:14px;font-weight:100;margin-left:22px;padding-top:22px;text-shadow:0 0 6px black;white-space:nowrap}@media (max-width:767px){html.trek-petra #streetview .explore-map span{left:41px;padding-bottom:22px;position:relative;top:0;width:150px;font-size:14px}}html.trek-petra #streetview .explore-map .map-frame{border:3px solid #fff;border-radius:50px;box-shadow:0 0 3px #555;height:50px;left:0;overflow:hidden;position:absolute;top:5px;transform:scale(.8);transform-origin:center;transition:all .3s;width:50px}html.trek-petra #streetview .explore-map .map-frame img{display:block;height:50px;position:absolute;transform:scale(1.2);transform-origin:center;transition:all .3s;width:50px}html.trek-petra #streetview .explore-map .map-pin{background:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/button-explore-pin.png) no-repeat 0 0 / cover;height:41px;left:16px;position:absolute;top:0;width:24px}html.trek-petra #streetview .explore-map:hover{cursor:pointer}html.trek-petra #streetview .explore-map:hover .map-frame{transform:scale(1)}html.trek-petra #streetview .explore-map:hover .map-frame img{transform:scale(1);transition:all .3s}@media (max-width:767px){html.trek-petra #streetview .explore-map .map-frame{transform:scale(1)}html.trek-petra #streetview .explore-map .map-frame img{transform:scale(1);transition:all .3s}}html.trek-petra #streetview .path{stroke-miterlimit:10;stroke-width:6}html.trek-petra #streetview circle.hotspot-outer{stroke-opacity:0;stroke-width:10}html.trek-petra #streetview circle.hotspot-outer:hover{stroke-opacity:1}html.trek-petra #streetview .map-overlay-path{position:absolute;top:0;left:0;z-index:4010;height:100%;width:100%}html.trek-petra #streetview .map-overlay-video{bottom:50%;height:auto;min-height:100%;min-width:100%;overflow:hidden;position:absolute;right:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:auto;z-index:4010}html.trek-petra #streetview .gweb-pagination-nav{display:none}@media (max-width:767px){html.trek-petra #streetview .infobox{bottom:0;height:auto;max-height:none;transform:translateY(35%);transition:transform 200ms ease}html.trek-petra #streetview .infobox.expanded{transform:translateY(0);max-height:none}html.trek-petra #streetview .infobox .thumbnail{display:none}html.trek-petra #streetview .infobox .content{margin-top:0;padding-bottom:25px;padding-top:20px}html.trek-petra #streetview .infobox .thumbnail-mobile{background-position-y:-51px;display:block;height:auto;padding-bottom:37%;width:100%}html.trek-petra #streetview .infobox .thumbnail-mobile:after{opacity:1}}@media (max-width:767px){html.trek-petra.ios #streetview .infobox.expanded{transform:translateY(-65px)}html.trek-petra.chrome-ios.ios #streetview .infobox.expanded{transform:translateY(0)}}html.trek-petra .audio-controls{z-index:3000}@media (max-width:767px){html.trek-petra .nav-shown.nav-transparent .audio-controls{transition:top .3s linear}html.trek-petra .nav-shown.nav-opaque .audio-controls{top:80px;transition:top .3s linear}}html.trek-petra .progress svg{height:59px;margin-left:-1px;margin-top:-1px;width:59px}html.trek-petra .progress svg:nth-child(2){position:absolute;left:0;top:0;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg)}html.trek-petra .progress svg:nth-child(2) path{fill:none;stroke-width:11;stroke-dasharray:629;stroke:rgba(255,255,255,.9);-webkit-animation:load 10s;animation:load 10s}html.trek-petra .infowindow{background-color:#fff;border-radius:3px;cursor:default;max-width:80%;position:absolute;transition:opacity .4s;width:220px;z-index:1}html.trek-petra .infowindow-template{display:none;width:220px}html.trek-petra .infowindow:after{background:#fff;border-radius:3px;bottom:-28px;content:'';height:30px;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:30px;z-index:-1}html.trek-petra .infowindow,html.trek-petra .infowindow:after{box-shadow:0 0 10px rgba(0,0,0,.45)}@media (min-width:740px){html.trek-petra .infowindow:hover img{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}}html.trek-petra .infowindow img{cursor:pointer;display:block;max-width:100%;transition:transform .6s;transition:-webkit-transform .6s}html.trek-petra .infowindow-content{background-color:#fff;border-radius:3px;overflow:hidden}html.trek-petra .infowindow-close{cursor:pointer;height:20px;position:absolute;right:5px;top:5px;width:20px}html.trek-petra .infowindow-close .icon-close{fill:#f5f5f5;max-height:100%;max-width:100%}html.trek-petra .infowindow-close .icon-close.icon-dark{fill:#666}html.trek-petra .infowindow-title{color:#444;font-family:Oswald;font-size:16px;font-weight:400;padding:15px 15px 0;text-align:left;text-transform:uppercase}html.trek-petra .below .infowindow-title{padding-top:25px}html.trek-petra .infowindow-body,html.trek-petra .infowindow-body a{font-size:13px;font-weight:normal;line-height:18px;text-align:initial}html.trek-petra .infowindow-body{margin-top:7px;padding:0 15px 25px}html.trek-petra .below .infowindow-body{padding-bottom:15px}html.trek-petra .infowindow-body a{display:block;margin-top:10px;word-wrap:break-word}html.trek-petra .infowindow-body a:visited{color:#4285f4}html.trek-petra .infowindow-image{background-position:center;background-size:cover;cursor:pointer;height:110px;overflow:hidden;width:220px}html.trek-petra .infowindow-image ~ .infowindow-close{color:#fff;-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,.5));filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}html.trek-petra .infowindow-video-button{background:ffff;left:50%;margin:-28px 0 0 -28px;top:50%}html.trek-petra .infowindow-video-button:hover{background:#fff}@media (max-height:568px){html.trek-petra .infowindow-image{display:none}html.trek-petra .infowindow-close .icon-close{fill:#666}}@media (min-width:768px){html.trek-petra .not-phone-hidden{display:none}}@media (max-width:767px){html.trek-petra .phone-hidden{display:none}}html.trek-petra .icon-path{position:absolute;z-index:2010}html.trek-petra #path-fill{fill:none;stroke:#f5be74;stroke-dasharray:942.1203;stroke-dashoffset:-633;stroke-linecap:round;stroke-miterlimit:10;stroke-width:6;transition:stroke-dashoffset 1s linear}html.trek-petra path.path{opacity:.65;fill:none;stroke:whitesmoke}html.trek-petra .active circle.pano-hotspot:first-child{fill:#0056f9;stroke-width:2px;r:6}html.trek-petra circle.pano-hotspot{fill:#fff;stroke:#fff;transition:opacity .1s}html.trek-petra circle.pano-hotspot:first-child{r:5}@media (max-width:1024px){html.trek-petra circle.pano-hotspot:first-child{stroke-opacity:1}}html.trek-petra circle.pano-hotspot.hotspot-outer{opacity:.3;r:12}@media (max-width:1024px){html.trek-petra circle.pano-hotspot.hotspot-outer{stroke-opacity:1}}html.trek-petra .overlay-map{position:absolute}html.trek-petra .overlay-track{background:-moz-linear-gradient(left,transparent 0,rgba(0,0,0,.65) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(100%,rgba(0,0,0,.65)));background:-webkit-linear-gradient(left,transparent 0,rgba(0,0,0,.65) 100%);background:-o-linear-gradient(left,transparent 0,rgba(0,0,0,.65) 100%);background:-ms-linear-gradient(left,transparent 0,rgba(0,0,0,.65) 100%);background:linear-gradient(to right,transparent,rgba(0,0,0,.65));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000',endColorstr='#a6000000',GradientType=1);height:100%;position:absolute;right:0;width:250px;z-index:4000}html.trek-petra .overlay-track .icon-path{bottom:-105%;height:60%;margin:auto 0;right:0;top:-100%}@media (max-width:767px){html.trek-petra .overlay-track{display:none}}@media (min-width:768px) and (max-width:1024px){html.trek-petra .overlay-track{display:none}}html.trek-petra .overlay-track-tooltip{position:absolute;top:0;left:0;color:#fff;text-transform:uppercase;padding:10px;background:rgba(0,0,0,.6);z-index:9999;font-family:"Oswald","Roboto","Open Sans",Arial,sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.5px;padding:3px 6px;max-width:170px;line-height:14px;visibility:hidden}html.trek-petra .overlay-track-tooltip.active{visibility:visible}html.trek-petra .pano-hotspot{background-color:rgba(255,255,255,.3);box-shadow:0 0 15px rgba(0,0,0,.15);cursor:pointer;height:36px;transition:background-color .2s .1s;width:36px}html.trek-petra .pano-hotspot,html.trek-petra .pano-hotspot:before,html.trek-petra .pano-hotspot:after{border-radius:50%;content:'';display:block;position:absolute}html.trek-petra .pano-hotspot:before{-webkit-animation:scale-pulse 3s infinite;animation:scale-pulse 3s infinite;background:radial-gradient(ellipse at center,rgba(255,255,255,0),rgba(255,255,255,0) 40%,rgba(255,255,255,.6));bottom:0;left:0;opacity:0;right:0;top:0}html.trek-petra .pano-hotspot:after{background:#e0e0e0;border:3px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.1);content:'';height:10px;left:10px;top:10px;transition:transform .2s;transition:-webkit-transform .2s;width:10px;left:50%;top:50%;margin-left:-8px;margin-top:-8px}html.trek-petra .pano-hotspot:nth-child(3n+1):before{-webkit-animation-delay:1.1s;animation-delay:1.1s}html.trek-petra .pano-hotspot:nth-child(3n+2):before{-webkit-animation-delay:.3s;animation-delay:.3s}html.trek-petra .pano-hotspot:nth-child(5n+1):before{-webkit-animation-duration:3.7s;animation-duration:3.7s}html.trek-petra .pano-hotspot:nth-child(5n+2):before{-webkit-animation-duration:2.9s;animation-duration:2.9s}html.trek-petra .pano-hotspot:nth-child(5n+3):before{-webkit-animation-duration:3.9s;animation-duration:3.9s}html.trek-petra .pano-hotspot:nth-child(5n+4):before{-webkit-animation-duration:3.3s;animation-duration:3.3s}html.trek-petra .pano-hotspot-active{background-color:rgba(255,255,255,.5)}html.trek-petra .pano-hotspot-active:before{display:none}html.trek-petra .pano-hotspot-active:after{background:#448aff}html.trek-petra .pano-hotspot-small{background-color:transparent;box-shadow:none}html.trek-petra .pano-hotspot-small:after{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}html.trek-petra .pano-hotspot-small:before{display:none}html.trek-petra .arrow-continue{bottom:20px;left:5%;position:absolute;right:5%;text-align:center}@media (max-width:767px){html.trek-petra .arrow-continue{bottom:0}html.trek-petra .arrow-continue svg circle{display:none}}html.trek-petra .arrow-continue svg{cursor:pointer;height:50px;opacity:.9;transform:scale(.9);transition:all .3s ease-in;width:50px}html.trek-petra .arrow-continue svg:hover{opacity:1;transform:scale(1);transition:all .3s}.no-touch .pano-hotspot:hover{height:40px;width:40px;margin-top:-2px;margin-left:-2px}@-webkit-keyframes scale-pulse{50%{-webkit-transform:scale(0);transform:scale(0)}75%{opacity:1}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-pulse{50%{-webkit-transform:scale(0);transform:scale(0)}75%{opacity:1}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ring-pulse{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes ring-pulse{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}html.trek-petra.no-touch .active circle.pano-hotspot:first-child{fill:#0056f9}[lang='ru'].trek-petra #streetview .explore-map span{font-weight:400}html.trek-petra .sv-overview #facts{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-facts-1024_1x.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;height:100vh}@media (min-width:1921px){html.trek-petra .sv-overview #facts{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-facts-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra .sv-overview #facts{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-facts-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra .sv-overview #facts{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-facts-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra .sv-overview #facts{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-facts-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra .sv-overview #facts{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-facts-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra .sv-overview #facts{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-facts-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra .sv-overview #facts{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-facts-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra .sv-overview #facts{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-facts-375_2x.jpg)}}html.trek-petra .sv-overview #facts .content-container{height:100vh;min-height:100vh;width:100%}@media (max-width:767px){html.trek-petra .sv-overview #facts{height:125vh;min-height:125vh}html.trek-petra .sv-overview #facts .content-container{min-height:125vh;padding-top:20px;width:100%}}@media (max-width:360px){html.trek-petra .sv-overview #facts{height:140vh;min-height:140vh}html.trek-petra .sv-overview #facts .content-container{min-height:140vh}}@media (max-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){html.trek-petra .sv-overview #facts{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-facts-portrait-375_2x.jpg);height:auto}}@media (max-width:1024px) and (min-width:481px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){html.trek-petra .sv-overview #facts{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/bg-facts-portrait-768_2x.jpg)}}@media (min-width:480px) and (max-width:900px){html.trek-petra .sv-overview #facts,html.trek-petra .sv-overview #facts .content-container{height:120vh;min-height:120vh}}html.trek-petra .sv-overview #facts .content-box{text-align:center}@media (max-width:960px){html.trek-petra .sv-overview #facts .content-box{padding:25px 0}}html.trek-petra .sv-overview #facts h2{font-family:"Oswald","Roboto","Open Sans",Arial,sans-serif;text-transform:uppercase;text-shadow:0 0 3px #333;font-size:50px;letter-spacing:1.5px;line-height:60px;margin:0 auto 75px;width:80%}@media (max-width:767px){html.trek-petra .sv-overview #facts h2{font-size:30px;letter-spacing:.5px;line-height:34px;margin:20px auto 30px}}html.trek-petra .sv-overview #facts .boxes{border-spacing:3px}@media (min-width:480px) and (max-width:900px){html.trek-petra .sv-overview #facts .boxes{width:100%}}html.trek-petra .sv-overview #facts .boxes .box{background:rgba(0,0,0,.5);padding:25px 60px}@media (min-width:480px) and (max-width:900px){html.trek-petra .sv-overview #facts .boxes .box{display:inline-block;padding:20px 0 15px;width:30% !important}}@media (max-width:767px){html.trek-petra .sv-overview #facts .boxes .box{margin-bottom:6px}}html.trek-petra .sv-overview #facts p{font-family:"Oswald","Roboto","Open Sans",Arial,sans-serif;text-transform:uppercase;margin:0}html.trek-petra .sv-overview #facts p.box-title{color:#f5c682;font-size:20px}@media (min-width:480px) and (max-width:900px){html.trek-petra .sv-overview #facts p.box-title{font-size:16px}}html.trek-petra .sv-overview #facts p.fact-data{font-size:75px !important;line-height:120%}@media (min-width:480px) and (max-width:900px){html.trek-petra .sv-overview #facts p.fact-data{font-size:45px !important}html.trek-petra .sv-overview #facts p.fact-data.content-long{display:none}html.trek-petra .sv-overview #facts p.fact-data.content-short{display:block}}@media (max-width:767px){html.trek-petra .sv-overview #facts p.fact-data{margin-top:6px}}html.trek-petra .sv-overview #gallery{display:block}html.trek-petra #gallery{display:none}html.trek-petra #gallery .bg-1{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide1-1024_1x.jpg)}@media (min-width:1921px){html.trek-petra #gallery .bg-1{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide1-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #gallery .bg-1{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide1-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #gallery .bg-1{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide1-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #gallery .bg-1{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide1-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra #gallery .bg-1{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide1-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra #gallery .bg-1{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide1-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra #gallery .bg-1{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide1-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra #gallery .bg-1{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide1-375_2x.jpg)}}html.trek-petra #gallery .bg-2{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide2-1024_1x.jpg)}@media (min-width:1921px){html.trek-petra #gallery .bg-2{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide2-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #gallery .bg-2{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide2-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #gallery .bg-2{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide2-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #gallery .bg-2{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide2-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra #gallery .bg-2{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide2-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra #gallery .bg-2{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide2-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra #gallery .bg-2{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide2-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra #gallery .bg-2{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide2-375_2x.jpg)}}html.trek-petra #gallery .bg-3{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide3-1024_1x.jpg)}@media (min-width:1921px){html.trek-petra #gallery .bg-3{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide3-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #gallery .bg-3{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide3-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #gallery .bg-3{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide3-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #gallery .bg-3{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide3-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra #gallery .bg-3{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide3-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra #gallery .bg-3{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide3-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra #gallery .bg-3{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide3-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra #gallery .bg-3{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide3-375_2x.jpg)}}html.trek-petra #gallery .bg-4{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide4-1024_1x.jpg)}@media (min-width:1921px){html.trek-petra #gallery .bg-4{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide4-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #gallery .bg-4{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide4-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #gallery .bg-4{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide4-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #gallery .bg-4{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide4-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra #gallery .bg-4{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide4-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra #gallery .bg-4{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide4-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra #gallery .bg-4{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide4-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra #gallery .bg-4{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide4-375_2x.jpg)}}html.trek-petra #gallery .bg-5{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide5-1024_1x.jpg)}@media (min-width:1921px){html.trek-petra #gallery .bg-5{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide5-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #gallery .bg-5{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide5-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #gallery .bg-5{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide5-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #gallery .bg-5{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide5-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra #gallery .bg-5{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide5-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra #gallery .bg-5{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide5-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra #gallery .bg-5{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide5-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra #gallery .bg-5{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide5-375_2x.jpg)}}html.trek-petra #gallery .bg-6{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide6-1024_1x.jpg)}@media (min-width:1921px){html.trek-petra #gallery .bg-6{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide6-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #gallery .bg-6{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide6-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #gallery .bg-6{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide6-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #gallery .bg-6{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide6-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra #gallery .bg-6{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide6-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra #gallery .bg-6{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide6-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra #gallery .bg-6{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide6-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra #gallery .bg-6{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide6-375_2x.jpg)}}html.trek-petra #gallery .bg-7{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide7-1024_1x.jpg)}@media (min-width:1921px){html.trek-petra #gallery .bg-7{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide7-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #gallery .bg-7{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide7-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #gallery .bg-7{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide7-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #gallery .bg-7{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide7-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra #gallery .bg-7{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide7-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra #gallery .bg-7{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide7-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra #gallery .bg-7{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide7-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra #gallery .bg-7{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide7-375_2x.jpg)}}html.trek-petra #gallery .bg-8{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide8-1024_1x.jpg)}@media (min-width:1921px){html.trek-petra #gallery .bg-8{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide8-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #gallery .bg-8{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide8-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #gallery .bg-8{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide8-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #gallery .bg-8{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide8-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra #gallery .bg-8{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide8-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra #gallery .bg-8{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide8-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra #gallery .bg-8{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide8-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra #gallery .bg-8{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide8-375_2x.jpg)}}html.trek-petra #gallery .bg-9{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide9-1024_1x.jpg)}@media (min-width:1921px){html.trek-petra #gallery .bg-9{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide9-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #gallery .bg-9{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide9-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #gallery .bg-9{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide9-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #gallery .bg-9{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide9-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra #gallery .bg-9{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide9-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra #gallery .bg-9{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide9-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra #gallery .bg-9{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide9-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra #gallery .bg-9{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide9-375_2x.jpg)}}html.trek-petra #gallery .bg-10{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide10-1024_1x.jpg)}@media (min-width:1921px){html.trek-petra #gallery .bg-10{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide10-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #gallery .bg-10{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide10-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #gallery .bg-10{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide10-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #gallery .bg-10{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide10-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra #gallery .bg-10{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide10-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra #gallery .bg-10{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide10-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra #gallery .bg-10{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide10-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra #gallery .bg-10{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide10-375_2x.jpg)}}html.trek-petra #gallery .bg-11{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide11-1024_1x.jpg)}@media (min-width:1921px){html.trek-petra #gallery .bg-11{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide11-1920_1x.jpg)}}@media (min-width:1025px) and (max-width:1920px){html.trek-petra #gallery .bg-11{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide11-1920_1x.jpg)}}@media (min-width:376px) and (max-width:1024px){html.trek-petra #gallery .bg-11{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide11-1024_1x.jpg)}}@media (max-width:375px){html.trek-petra #gallery .bg-11{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide11-375_1x.jpg)}}@media (min-width:1921px){html.trek-petra #gallery .bg-11{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide11-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (min-width:1025px),(min-resolution:192dpi) and (min-width:1025px){html.trek-petra #gallery .bg-11{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide11-1920_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),(min-resolution:192dpi) and (max-width:1024px){html.trek-petra #gallery .bg-11{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide11-1024_2x.jpg)}}@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px),(min-resolution:192dpi) and (max-width:375px){html.trek-petra #gallery .bg-11{background-image:url(/maps/about/behind-the-scenes/streetview/treks/petra/images/image-gallery/image-gallery-slide11-375_2x.jpg)}}html.trek-petra #gallery .gallery-touch{display:block;height:80vh;left:5%;position:absolute;right:5%;width:90%;z-index:10000}@media (min-width:768px){html.trek-petra #gallery .gallery-touch{display:none}}html.trek-petra #gallery .counter{background:rgba(0,0,0,.6);bottom:46px;color:#fff;display:block;font-size:11px;left:5%;padding:2px 0;position:absolute;width:90%;z-index:1001}@media (min-width:768px){html.trek-petra #gallery .counter{display:none}}@media (max-width:1024px) and (min-width:481px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #gallery .counter{width:45%}}html.trek-petra #gallery .counter strong{color:#fff}html.trek-petra #gallery .previous-button,html.trek-petra #gallery .next-button{z-index:10000}@media (min-width:768px){html.trek-petra #gallery .infobox{cursor:default;max-height:400px}html.trek-petra #gallery .infobox .thumbnail{height:170px;max-height:170px}html.trek-petra #gallery .infobox .content{margin-top:0}}@media (max-width:1024px) and (min-width:481px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #gallery .infobox{width:45%}}@media (max-width:767px){html.trek-petra #video{padding-bottom:0}html.trek-petra #video .content-container.expanded{display:none}}.no-skrollr html.trek-petra #video{padding-bottom:0}.no-skrollr html.trek-petra #video .content-container.expanded{display:none}html.trek-petra #video{z-index:1}html.trek-petra #video .youtube-wrapper.content-long{height:100vh;position:absolute;width:100%}html.trek-petra #video .content-container{pointer-events:none}html.trek-petra #video .content-box{pointer-events:none;width:60%}html.trek-petra #video .content-box h3{color:#fff;margin-bottom:10px}html.trek-petra #video h2{font-family:"Oswald","Roboto","Open Sans",Arial,sans-serif;text-transform:uppercase;color:#fff;font-size:39px;margin-bottom:15px}html.trek-petra #video p{color:#fff}html.trek-petra #video .collapsed{opacity:0;transition:opacity .5s}html.trek-petra #video .expanded{opacity:1;transition:opacity .5s linear 1s}@media (max-width:767px){html.trek-petra #video{background-color:#fff;height:auto}}@media (max-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #video .content-container{bottom:0;display:table;height:auto;min-height:0;position:absolute;width:100%}html.trek-petra #video .content-box{background:#fff;bottom:auto;display:table-cell;height:40vh;max-width:auto;padding:0;position:relative;vertical-align:middle;width:100%}html.trek-petra #video .content-box h2{color:#444;font-size:30px;line-height:36px;margin:0 0 20px 0;text-align:center}}@media (max-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) and (max-width:320px){html.trek-petra #video .content-box h2{font-size:24px}}@media (max-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){html.trek-petra #video .content-box p{color:gray;font-size:16px;font-weight:300;line-height:23px;margin:0 auto;text-align:center;width:80%}}@media (max-width:767px){html.trek-petra #video .mobile-video{padding-bottom:56%;position:relative}html.trek-petra #video .mobile-video iframe{left:0;position:absolute;top:0}}html.trek-petra .text-chunk{display:inline-block}html[dir='rtl'] .nav-toolbar h1 .logo{margin-right:10px}html[dir='rtl'] .streetview-container{direction:ltr}html[dir='rtl'] #streetview .explore-map.back-to-map{padding-left:0;padding-right:45px}html[dir='rtl'] #streetview .explore-map.back-to-map .map-frame{left:auto;right:0}html[dir='rtl'] #streetview .explore-map.back-to-map .map-pin{left:auto;right:16px}html[dir='rtl'] #streetview .explore-map.back-to-map span{left:0;margin-left:0;margin-right:22px;width:auto}html[dir='rtl'] body.landing-sv #streetview .explore-map.back-to-map span{left:0}html[dir='rtl'] .infowindow{direction:rtl}html[dir='rtl'] .infowindow-title{text-align:right}html[dir='rtl'] .infobox-landing .explore-map span{right:75px;left:auto}html[dir='rtl'] #streetview-overview .content-overlay{left:90px;padding-left:0}html[dir='rtl'] #streetview-overview .content-overlay h2,html[dir='rtl'] #streetview-overview .content-overlay p{text-align:right}html[dir='rtl'] .treks-carousel .infobox{left:5%}html[dir='rtl'] #video .content-container.vertical-bottom .content-box{left:0;text-align:right}html[dir='rtl'] .footer-social .cta{float:right}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}}@keyframes bounce{from,10%,26%,40%,50%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%,22%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}35%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}45%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;animation-duration:2s}@keyframes animate-in{from{opacity:0}to{opacity:1}}@keyframes animate-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes animate-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes animate-out{from{opacity:1}to{opacity:0}}