@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900');html, body{font-family:'Lato', sans-serif;}
img{max-width:100%;border:0 none;outline:0 none;}
#sceneList.enabled{margin-left:305px;}
#sceneList{z-index:2;}
#sceneList{left:-305px;width:305px;height:100%;margin-left:0;padding-top:0px;}
#sceneList .scenes{padding:120px 0;background:rgb(28, 33, 42);}
#sceneList .scene.current .bg-img:before{display:none;}
#sceneList .scene.current{border-left:6px solid #fcd404;}
#sceneList .scene:hover .bg-img:before{display:none;}
#sceneList .scene:hover .bg-img{transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transition:transform 250ms;-moz-transition:transform 250ms;-webkit-transition:transform 250ms;}
#sceneList .scene{width:100%;height:120px;overflow:hidden;position:relative;display:table;}
.bg-img{width:100%;position:absolute;height:100%;background-size:cover !important;transition:transform 250ms;-moz-transition:transform 250ms;-webkit-transition:transform 250ms;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);}
.bg-img:before{content:'';transition:background 250ms, color 250ms;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:rgba(8, 95, 148, 0.9);}
.scene:hover .text{background:rgba(9, 113, 176, 0.4) !important;}
.scene.current .text{background:rgba(9, 113, 176, 0.4) !important;}
#sceneList .scene .text{position:relative;text-align:center;display:table-cell;vertical-align:middle;font-size:20px;}
.btn-unmute{background-image:url(../img/mcc-tour-unmute-icon.png);    overflow: hidden;background-position:center;background-color:#0971b0;background-repeat:no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:40px;width:40px;position:relative !important;display:inline-block;float:left;border:2px solid #fff;}
.btn-mute{background-image:url(../img/mcc-tour-mute-icon.png);    overflow: hidden;background-position:center;background-color:#0971b0;background-repeat:no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:40px;width:40px;position:relative !important;display:inline-block;float:left;border:2px solid #fff;}
.btn-pause{background-image:url(../img/mcc-tour-pause-icon.png);    overflow: hidden;background-position:center;background-color:#0971b0;background-repeat:no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:40px;width:40px;display:inline-block;position:relative !important;float:right;margin-left:10px;border:2px solid #fff;}
.btn-play{background-image:url(../img/mcc-tour-play-icon.png);background-position:center;background-color:#0971b0;background-repeat:no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;    overflow: hidden;height:40px;width:40px;display:inline-block;position:relative !important;float:right;margin-left:10px;border:2px solid #fff;}
#titleBar .sceneName{background-color:transparent;font-size:18px;font-weight:600;}
.video-buttons{position:absolute;bottom:10px;right:10px;width:90px;height:40px;}
.right-video-m{position:absolute;bottom:80px;width:270px;right:0;}
.black-bord{background:rgba(8, 19, 30, 0.85);padding:15px 5px 15px 15px;color:#fff;height:120px;font-size:14px;line-height:20px;margin-top: -5px;overflow: hidden;}
.sticky_video{text-align:center;width:100%;}
.but-sec{position:absolute;right:220px;top:0px;}
body.multiple-scenes #titleBar{left:0px;width:250px;}
.but-sec a{display:inline-block;width:130px;padding:15px 0px;border-radius:2px;box-shadow:rgba(0, 0, 0, 0.8) 0px 1px 4px 0px;margin-bottom:0.45em;text-decoration:none;margin-right:0.5em;text-align:center;color:#ffffff;font-weight:600;}
.but-sec .red-btn{background:#d72027;}
.but-sec .red-btn:hover{background:#b70007;}
.but-sec .yellow-btn{background:#69ad3c;}
.but-sec .yellow-btn:hover{background:#4a9617;}
.but-sec .blue-btn{background:#006eae;}
.but-sec .blue-btn:hover{background:#005384;}
.icon-sec{position:absolute;right:101px;top:5px;}
.icon-sec a{background-position:center;background-color:#0971b0;background-repeat:no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:40px;width:40px;position:relative !important;display:inline-block;float:left;background-size:28px auto;border:2px solid #fff;}
.icon-sec .share-icon{background-image:url(../img/share-icon.png);background-position:center;background-color:#0971b0;background-repeat:no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:40px;width:40px;position:relative !important;display:inline-block;float:left;background-size:28px auto;cursor:pointer;border:2px solid #fff;}
#titleBar{text-align: left;padding-left: 20px;}
.share-icon:hover .share-sub{display:block;}
.icon-sec .vr-icon{background-image:url(../img/vr-icon.png);margin-left:6px;}
.share-icon:after{content:'';position:absolute;bottom:-10px;left:0;right:0;padding-bottom:10px;}
.share-sub{padding:0px;position:absolute;background:rgb(28, 33, 42);border-radius:4.8px;width:100px;overflow:hidden;box-shadow:rgba(0, 0, 0, 0.5) 0px 4px 8px 0px;height:auto;z-index:3000;right:-30px;top:45px;display:none;}
.share-sub a{height:50px;display:inline-block;width:50%;float:left;background-size:25px auto !important;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:0 none;}
.share-sub .email-icon{background:url(../img/email.png) no-repeat center;}
.share-sub .email-icon:hover{background:#ea4335 url(../img/email.png) no-repeat center;}
.share-sub .link-icon{background:url(../img/link-1.png) no-repeat center;}
.share-sub .link-icon:hover{background:#00b488 url(../img/link-1.png) no-repeat center;}
.share-sub .twitter-icon{background:url(../img/twitter.png) no-repeat center;}
.share-sub .twitter-icon:hover{background:#1da1f2 url(../img/twitter.png) no-repeat center;}
.share-sub .linkedin-icon{background:url(../img/linkedin.png) no-repeat center;}
.share-sub .linkedin-icon:hover{background:#0077b5 url(../img/linkedin.png) no-repeat center;}
.share-sub .facebook-icon{background:url(../img/facebook.png) no-repeat center;}
.share-sub .facebook-icon:hover{background:#3b5998 url(../img/facebook.png) no-repeat center;}
.thumb-nav-toggle{display:inline-block;position:absolute;right:300px;bottom:75px;height:100px;z-index:1;width:190px;}
.thumb-box{cursor:pointer;display:inline-block;padding:0px 5px;transition:opacity 300ms linear 0s;opacity:1;}
.thumb-box img{max-width:180px;}
.rotate-title{white-space:nowrap;transform-origin:100px 100px 0px;transform:rotate(90deg);position:absolute;top:0px;left:0px;opacity:0.05;font-family:proxima-nova, sans-serif;font-size:200px;font-weight:600;color:white;}
.popup{width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0, 0, 0, 1);z-index:99;}
.popup-inner{max-width:100%;width:90%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.popup-close{width:30px;height:30px;padding-top:4px;display:inline-block;position:absolute;top:0px;right:0px;transition:ease 0.25s all;-webkit-transform:translate(0%, 0%);transform:translate(-50%, 40%);border-radius:1000px;background:rgba(0,0,0,0.8);font-family:Arial, Sans-Serif;font-size:30px;text-align:center;line-height:100%;color:#fff;}
.popup-close:hover{background:rgba(0,0,0,1);text-decoration:none;}
.popup a.popup-close{color:#ffffff;}
.navtour-btn.btn-hide {
    right: 160px;
}
.popup a{display:block;max-width:200px;margin:0 auto 15px auto;line-height:22px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center;font-weight:bold;color:#ffffff;padding:14px 0px;cursor:pointer;box-shadow:rgba(0, 0, 0, 0.5) 0px 0.2em 0.7em 0px;}
.pop-button-one{background:#d72027;}
.pop-button-one:hover{background:#b70007;}
.pop-button-two{background:#69ad3c;}
.pop-button-two:hover{background:#4a9617;}
.pop-button-three{background:#006eae;}
.pop-button-three:hover{background:#005384;}
#autorotateToggle,#fullscreenToggle{background-color:#0971b0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid #fff;}
.autorotate-fullscreen-btn{position:absolute;top:5px;right:10px;}
#autorotateToggle .icon{width:25px;height:25px;}
#fullscreenToggle .icon{width:25px;height:25px;}
body.fullscreen-enabled #autorotateToggle{right:45px;}
#sceneListToggle{background-color:#0971b0;z-index:3;display:none;}
.navtour-btn{position:absolute;right:260px;bottom:10px;}
.navtour-btn a{background-color:#0971b0;border-radius:50%;border:2px solid #fff;}
.navtour-btn .viewControlButton .icon{top:5px;right:6px;width:25px;height:25px;}
.thumb-nav{opacity:0;visibility:hidden;position:absolute;right:0px;bottom:0;transition:opacity 1s linear;width:770px;}
.thumb-nav.active{opacity:1;visibility:visible;}
.thumb-box-count{position:absolute;top:-10px;right:-10px;background:#006eae;padding:0;border-radius:100%;height:30px;width:30px;line-height:30px;text-align:center;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.8);z-index:1;}
.woman-video{width:100%;}
.woman-video video{width:100%;}
.woman-video canvas{width:100%;}
.reg-form-m{max-width:650px;margin:0 auto;}
.reg-form{float:left;width:100%;position:relative;background:#fff;padding:20px 40px;border-radius:30px;}
.reg-l{float:left;width:35%;padding-right:20px;text-align:center;border-right:1px solid #bbbbbb;min-height:400px;}
.reg-r{float:right;width:65%;padding-left:30px;}
.frm-field{float:left;width:100%;margin-bottom:15px;}
.reg-l h2{font-size:20px;color:#006faf;font-weight:bold;margin-bottom:110px;text-align:center;margin-top:20px;line-height:initial;}
.frm-col-submit{text-align:center;}
.frm-col-submit input[type="submit"]{background:#006faf;color:#fff;box-shadow:none;border:0 none;padding:10px 40px;font-size:18px;margin-top:30px;display:inline-block;font-weight:bold;cursor:pointer;}
.reg-r h3{font-size: 26px;color: #000;text-align: center;margin-top: 20px;font-weight: bold;}
.frm-field input[type="text"], .frm-field input[type="email"]{border:0 none;border-bottom:2px solid #000;box-shadow:none;width:100%;line-height:35px;font-size:16px;text-transform:uppercase;font-weight:bold;outline:0 none;}
.frm-field select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(../img/down-arrow-select.png);background-position:top 10px right;background-repeat:no-repeat;border:0 none;border-bottom:2px solid #000;line-height:35px;font-size:16px;text-transform:uppercase;font-weight:bold;outline:0 none;}
.req-text{float:right;width:100%;text-align:right;color:#000;font-size:12px;margin:20px 0;}
.frm-field.frm-col-2 input{width:50%;float:left;}
.frm-field.frm-col-2 input:nth-child(1){width:45%;float:left;margin-right:5%;}

.scenelistmain{
    float: left;
    width: 450px;
    height: 100%;
	min-width:450px;
	position: absolute;
    left: 0;
    top: 0;
}

.hotspot {
    position: absolute;
    top: 0;
    left: 0;
	
}


.hotspot_pulse {
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: -50px;
    right: -20px;
    -webkit-animation: pulse 3s ease-in-out infinite;
    animation: pulse 3s ease-in-out infinite;
}

@keyframes pulse {
  0%, 70% {
    box-shadow: 0px 0px 0px 0px rgba(11, 142, 218, 0.5);
  }
  100% {
    box-shadow: 0px 0px 0px 50px rgba(11, 142, 218, 0);
  }
}
.hotspot .hotspot_icon {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate3d(-105%, -50%, 0);
    transform: translate3d(-105%, -50%, 0);
    z-index: 1;
    opacity: 0;
    transition: opacity .25s;
	    width: 100px;
    height: 100px;
    position: absolute;
	    right: -170px;
}
.hotspot .hotspot_title_box {
    position: absolute;
    bottom: 100%;
    left: 42%;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(-50%, 30px, 0);
    transform: translate3d(-50%, 30px, 0);
    padding: 7px 26px;
    border-radius: 2px;
    background-color: #1eb2fc;
    text-align: center;
    color: #fff;
    transition: all .25s;
	    bottom: 50px;
}


.hotspot .hotspot_title {
    font-family: 'proxima-nova', sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    max-height: 30px;
    overflow: hidden;
}
.hotspot .hotspot_title, 
.hotspot .hotspot_title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100px;
    max-width: 100px;
    max-height: 28px;
    transition: all .5s;
    word-break: break-word;
}
.hotspot.hotspot_video .hotspot_icon:hover, 
.hotspot.hotspot_video .hotspot_icon:hover {
   
		    opacity: 1;
   
	    cursor: pointer;
}
.hotspot_icon .video_popup{    opacity: 0;
    position: absolute;
    left: -10px;
    height: 30px;
    width: 30px;
    right: 0;
    bottom: 75px;
    margin: 0 auto;outline: 0 none;}
.hotspot_icon:hover .video_popup{opacity:1;}
.hotspot .hotspot_icon:hover .hotspot_title_box, 
.hotspot .hotspot_icon:hover .hotspot_title_box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0px, 0);
    transform: translate3d(-50%, 0px, 0);
}
.hotspot:hover .hotspot_pulse{opacity:0; animation: unset; display:none;}
.hotspot_icon:hover .hotspot_title_box{
	display:block !important;
	opacity:1;
	visibility:visible;
}
.hotspot_icon:hover .hotspot_title{
	display:block !important;
}

.sidebar-navigator {
    
    padding-left: 0px;
	    width: 200px;
    position: absolute;
    z-index: 1;
    top: 70px;
    left: 25px;
}
.sid-nav-row{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-left: 4px solid #e9f708;
    padding-left: 25px;
}
.sidebar-navigator .sid-nav-row:last-child{
	margin-bottom:0px;
}
.sid-nav-row h3{
	font-weight:600;
	margin-bottom:4px;
	
}
.sid-nav-row p{
	color:#bbb;
}
.sid-nav-next {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.sid-nav-next:hover img{
    width: 22px;
}
.sid-nav-next img{width:20px;height:auto;}
.sid-nav-l {
    float: left;
    height: 40px;
    width: 40px;
    background: #000;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    border: 2px solid #fff;
}
.sid-nav-r {
    float: left;
    margin-top: 13px;
    margin-left: 6px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.sid-nav-row-m{
	border-left: 2px solid #fff;
    float: left;
    width: 100%;
}

.sid-nav-row{opacity:0;}
.sid-nav-row.activenextnav{opacity:1;}

#viewUp, #viewDown, #viewLeft, #viewRight{display:none;}
.but-sec.btn-mobile{display:none;}
.woman-video img{display:none;}
@media only screen and (max-width:1080px){.thumb-nav{width:190px;}
.thumb-box{margin-bottom:5px;}
}
@media only screen and (max-width:1024px){
.woman-video img{display:block;}
.woman-video video,.woman-video canvas{display:none !important;}
#sceneListToggle{display: block;}	
body.multiple-scenes #titleBar{    left: 40px;}
#sceneList{    padding-top: 40px;}
.but-sec.btn-mobile{    padding: 0px 0 10px 0;}
}
@media only screen and (max-width:960px){.woman-video{width:230px;}
.right-video-m{width:230px;}
.black-bord{height:90px;}
.sticky_video,.sticky_video video, .sticky_video canvas{width:100%;}
.but-sec{position:absolute;right:auto;top:50%;left:0;width:150px;}
#sceneList{z-index:1;}
#sceneListToggle{z-index:2;}
.thumb-nav-toggle{right:260px;}
.woman-video img{width:100%;}
.but-sec.btn-desktop{display:none;}
.but-sec.btn-mobile{display:block;position:relative;width:100%;background:#1c212a;}
.but-sec.btn-mobile a{width:100%;}
#sceneList .scenes{padding:0px 0 100px 0;}
}
@media only screen and (max-width:767px){.thumb-box img{width:100%;}
.thumb-nav-toggle{width:110px;bottom:30px;}
.thumb-box-count{height:25px;width:25px;line-height:25px;top:-5px;right:-5px;}
.thumb-nav{width:110px;bottom:42px;}
.but-sec{top:35%;}
.reg-l{float:left;width:100%;padding-right:0;text-align:center;border:0;min-height:10px;}
.reg-l h2{margin-bottom:20px;}
.reg-r{float:right;width:100%;padding-left:0;}
.req-text{margin:10px 0;}
.reg-form{height:480px;overflow:scroll;}
.reg-l img{max-width:150px;}
.fullscreenToggle{display:none;}
body.fullscreen-enabled #fullscreenToggle{display:none;}
body.fullscreen-enabled.mobile #autorotateToggle {
    right: 0;
}
.icon-sec{    right: 56px;}
.scenelistmain{width: 100%;
    
    min-width: 100%;}
.sidebar-navigator{    top: 130px;
    left: 10px;}	
}
@media only screen and (max-width:767px) and (max-height:480px){.reg-form{height:320px;}
}
@media only screen and (max-width:600px){body.view-control-buttons .viewControlButton{display:block;}
}
@media only screen and (max-width:500px){.frm-field.frm-col-2 input:nth-child(1){width:100%;float:left;margin-right:0;margin-bottom:15px;}
.frm-field.frm-col-2 input{width:100%;}
.mobile #fullscreenToggle{width:40px;height:40px;}
.mobile #fullscreenToggle .icon{top:5px;right:5px;}
.mobile #autorotateToggle{width:40px;height:40px;}
.mobile #autorotateToggle .icon{top:5px;right:5px;}
body.multiple-scenes.mobile #titleBar{left:auto;right:10px;top:50px;text-align:right;}
.thumb-nav-toggle{bottom:35px;right:200px;}
.woman-video{width:180px;}
.right-video-m{width:180px;}
}
@media only screen and (max-height:500px){
.mobile #autorotateToggle {width: 40px;height: 40px;}
.mobile #fullscreenToggle {width: 40px;height: 40px;}
.mobile #fullscreenToggle .icon {top: 5px;right: 5px;}
.mobile #autorotateToggle .icon {top: 5px;right: 5px;}
.autorotate-fullscreen-btn{right: 5px;}
}