@charset "UTF-8";
html,body{margin:0;padding:0;width:100%;}
html{font-size:62.5%;/*user's browser setting controls font-size, default is 16px (so now 24px = 2.4rem)*/}
body{position:relative;font-family:'Barlow', sans-serif;background-color:#FFF;color:#000;box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;}

/* General text */
h1{font-family:'Barlow Semi Condensed', sans-serif;font-weight:bold;font-size:4.6rem;line-height:1.1;margin:0;padding:0;}
h2{font-family:'Barlow', sans-serif;font-weight:bold;font-size:2.8rem;/*36*/line-height:1;margin:0 0 10px 0;padding:0;}
h3{font-family:'Barlow', sans-serif;font-weight:bold;font-size:3.0rem;line-height:1;margin:0;padding:0;}
h4{font-family:'Barlow', sans-serif;font-weight:bold;font-size:2.4rem;margin:0;padding:0;}
p{font-family:'Barlow', sans-serif;font-size:1.7rem;line-height:1.5;}

a,button{position:relative;box-sizing:border-box;color:inherit;/*text-decoration:none;*/line-height:inherit;cursor:pointer;font-family:inherit;border:0;padding:0;}
button{background-color:transparent;}

@media all and (max-width:1000.5px){
	h2{font-size:2.4rem;}
}
/*
h1,h2,h3,h4,h5,h6,p,q{font-family:'Barlow', sans-serif;position:relative;margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1;box-sizing:border-box;overflow-wrap:break-word;}
h1,form h2{font-family:'Barlow Semi Condensed', sans-serif;font-size:4.8rem;}
h2,form h3{font-family:'Barlow Semi Condensed', sans-serif;font-size:2.8rem;}
h3,p.intro,p.large{font-size:2.0rem;font-weight:600;line-height:1.1;}
p.intro, p.large{line-height:1.2;}
p,ul,ol,.unfoldBtn{font-size:1.8rem;font-weight:400;line-height:1.3;min-height:2.0rem;}
ul,ol{margin:0;padding-left:1.8rem;}
input{font-family:'Barlow', sans-serif;}
.page.l h1, .page.l h2{font-family:'Barlow Semi Condensed', sans-serif;text-shadow:none;color:inherit;}
.page.l h2{font-size:2.8rem;padding-top:20px;}*/


.masterBtn{position:relative;display:inline-block;font-family:'Barlow', sans-serif;font-weight:600;font-size:2.0rem;line-height:28px;border-radius:30px;padding:10px 20px;text-decoration:none;background-color: #004747;color:#FFF;/*box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.3);*/transition:.15s ease-out;cursor:pointer;min-height:50px;}
.masterBtn .arrow, .secondaryBtn .arrow{position:relative;display:inline-block;width:30px;height:28px;background:url("../Grx/arrowright.svg") no-repeat;background-size:cover;vertical-align:middle;margin-left:5px;transition:transform .2s ease-out;will-change:transform;margin-top:-4px;}
.secondaryBtn .arrow{margin-left:0;margin-right:5px;transform:scaleX(-1);}
.secondaryBtn{display:inline-block;font-family:'Barlow', sans-serif;font-weight:600;font-size:2.0rem;background-color:#64645F;/*min-width:50px;*/width:auto;min-height:50px;line-height:28px;border-radius:30px;padding:10px 20px;text-decoration:none;color:#FFF;/*border:1px solid #3C3C37;*//*letter-spacing:2px;*/transition:.15s ease-out;/*cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/}
.masterBtn:hover{box-shadow:1px 1px 8px 1px rgba(0, 0, 0, 0.6);}
.masterBtn:hover .arrow{transform:translateX(2px);}
.secondaryBtn:hover{opacity:.7;}
.secondaryBtn:hover .arrow{transform:scaleX(-1) translateX(2px);}
.masterBtn.deactivated, .secondaryBtn.deactivated{opacity:.5!important;cursor:default;pointer-events:none;}
.largefonts .masterBtn, .zoomed .masterBtn, .largefonts .secondaryBtn, .zoomed .secondaryBtn{line-height:1;}

/* Panorama thumbnail - for use in intros */
.panoramaBtn{position:relative;color:#dcdcd2;display:inline-block;font-family:'Barlow', sans-serif;font-weight:600;font-size:1.6rem;border:0;outline:0;}
/*.panoramaBtn:focus{outline:none;}*/
/*.panoramaBtn.eye{position:absolute;left:0;top:0;color:#3c3c37;width:470px;height:auto;width:30%;width:calc((100% - 70px) / 4.25);display:none;}*/
.panoramaBtn.eye .eyeIcon{top:50%;/*calc((100% - 28px) / 2);*/}
@media all and (max-width:1499.5px){
	.panoramaBtn.eye{width:30%;width:calc((100% - 70px) / 3.2);/*height:175px;*/}
}
@media all and (max-width:1019.5px){
	.panoramaBtn.eye{width:30%;width:calc((100% - 70px) / 2.1);/*height:160px;*/}
}

.panoramaBtn.lm{/*width:200px;height:100px;*/display:block;width:100%;margin:0 auto 15px auto;}
.panoramaBtn .bg{position:relative;display:block;top:0;left:0;width:100%;padding-top:37.77%;}
.panoramaBtn .bg .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease-in-out;}
.panoramaBtn .bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#004747;mix-blend-mode:multiply;opacity:0;transition:opacity .2s ease-out;}
.panoramaBtn .label{position:relative;display:block;opacity:0;transition:transform .2s ease-out, color .2s ease-out, opacity .6s ease-in-out;font-size:1.6rem;font-weight:600;line-height:1;text-align:left;box-sizing:border-box;padding:4px 0 0 0;font-family:'Barlow', sans-serif;}
.panoramaBtn.selected .bg:after, .panoramaBtn:focus .bg:after{opacity:.6;}
.panoramaBtn.selected .label, .panoramaBtn:focus .label{color:#FF8B4F;/*transform:translateX(4px);*/}
.panoramaBtn .flueben{position:absolute;width:46px;height:46px;left:50%;top:20px;margin-left:-23px;}


@media (hover:hover){
	.panoramaBtn:hover .label{transform:translateX(4px);}
	.panoramaBtn.eye:hover .bg:after, .panoramaBtn.lm:hover .bg:after{opacity:.6;}
	.panoramaBtn.eye:hover .eyeIcon{transform:scale(1.1,1.1);}
}

#logo{position:absolute;left:30px;top:30px;width:210px;cursor:pointer;transition:opacity .3s ease-out;}
#logo img{width:100%;height:auto;}
#logo:hover{opacity:.7;}
/*#logo .st0{fill:#FFF;}*/


/* Close button for videos etc. */
#closeBtn{display:none;}
.closeBtn{position:fixed;display:block;width:60px;height:60px;top:10px;right:10px;z-index:1000;background-color:rgba(0,0,0,.6);transition:all .2s ease-out;border-radius:100%;}
.closeBtn:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:url("../Grx/close.svg") no-repeat;background-position:center;background-size:40%;box-sizing:border-box;}
.closeBtn:hover{transform:scale(1.1,1.1);background-color:rgba(0,0,0,1);}
/*.closeBtn svg{display:block!important;}
.closeBtn .st0{fill:#000;stroke:#FF8B4F;stroke-width:1.5;stroke-miterlimit:10;}
.closeBtn .st1{stroke:#FF8B4F;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10;transition:.3s ease-out;transform-origin:50% 50%;}
.closeBtn:hover .st1{transform:rotate(-90deg);transform-origin:50% 50%;}*/

/* White play button */
.playBtn{position:absolute;width:64px;height:64px;border-radius:100%;left:50%;top:50%;margin:-32px 0 0 -32px;background-color:rgba(0,0,0,.5);text-align:center;transition:background-color .3s ease-out;will-change:background-color;}
/*.playBtn svg{display:block!important;}*/
.playBtn .icon{display:inline-block;vertical-align:middle;background:url("../Grx/play_white.svg") no-repeat;width:40px;height:45px;background-size:100%;}
.playBtn:hover{background-color:rgba(0,0,0,.7);}
/*.playBtn .icon{position:absolute;width:0;height:0;left:50%;top:50%;margin:-8px 0 0 -4px;border-top: 8px solid transparent;border-left: 12px solid #FFF;border-bottom: 8px solid transparent;transition:opacity .2s ease-out;}*/
/*.playBtn:hover .icon{opacity:.7;}*/

/* SVG */
/* Arrow for galleries etc. */
.arrowBtn{position:absolute;z-index:50;width:54px;height:54px;margin:-27px 0 0 -27px;background-color:rgba(0,0,0,.5);border-radius:100%;top:50%;transition:all .2s ease-out;}
.arrowBtn:before, .arrowBtn:after{content:"";position:absolute;left:17px;top:25px;width:20px;height:4px;border-radius:4px;transform-origin:2px 2px;background-color:#FFF;}
.arrowBtn:before{transform:translateY(-1px) rotate(-45deg);}
.arrowBtn:after{transform:rotate(45deg);}
/*.arrowBtn svg{display:block!important;}*/
.arrowBtn.left{left:0;margin-left:20px;}
.arrowBtn.right{right:0;margin-right:20px;transform:scale(-1,1);}
/*.arrowBtn .icon{position:absolute;width:0;height:0;left:50%;top:50%;margin:-8px 0 0 -4px;border-top: 8px solid transparent;border-left: 12px solid #FF8B4F;border-bottom: 8px solid transparent;transition:.2s ease-out;}
.arrowBtn:hover .icon{opacity:.7;}
.arrowBtn.unactive .icon{border-left-color:#64645f;}*/
.arrowBtn:hover{transform:scale(1.1,1.1);background-color:rgba(0,0,0,1);}
.arrowBtn.right:hover{transform:scale(-1.1,1.1);background-color:rgba(0,0,0,1);}

/*.flueben svg{display:block!important;}
.flueben .st0{fill:#FFF;}
.flueben .st1{fill:none;stroke:#FFF;stroke-width:2;stroke-miterlimit:10;}*/
.flueben{width:40px;height:40px;background-color:#004747;border-radius:100%;}
.flueben:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/flueben.svg") no-repeat;background-size:75% 75%;background-position:30% 50%;}

/*.fluebenraw svg{display:block!important;}
.fluebenraw .st0{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}*/

/*.eyeIcon svg{display:block!important;}*/
.eyeIcon{width:50px;height:50px;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;opacity:0;background-color:rgba(0,0,0,.5);border-radius:100%;transition:all .3s ease-out;will-change:transform;z-index:5;}
.eyeIcon:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/eye_white.svg") no-repeat;background-size:75% 75%;background-position:center;}
/*.eyeIcon .st0{fill:#FFF;}*/

.speakerIcon svg{display:block!important;}
.speakerIcon{width:30px;height:30px;}
.speakerIcon .st0{fill:none;stroke:#dcdcd2;stroke-miterlimit:10;}

.camera svg{display:block!important;}
.camera .st0{fill:#64645F;}

.move svg{display:block!important;}
.move .st0{fill:#DCDCD2;}

.iosIconA svg{display:block!important;}
.iosIconA .st0{fill:none;stroke:#DCDCD2;stroke-width:0.9429;stroke-miterlimit:10;}
.iosIconA .st1{fill:none;stroke:#DCDCD2;stroke-miterlimit:10;}
.iosIconA .st2{fill:#DCDCD2;}

.iosIconB svg{display:block!important;}
.iosIconB .st0{fill:none;stroke:#DCDCD2;stroke-miterlimit:10;}


/* Input */
input, textarea, select{display:block;font-family:'Barlow', sans-serif;font-weight:600;font-size:1.6rem;width:100%;min-height:40px;background-color:#FFF;border:none;border-radius:10px;margin:7px 0 13px 0;padding:0 10px 0 10px;transition:.3s;box-sizing:border-box;resize:none;}
/*input:focus, textarea:focus, select:focus{outline:none;box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.32);background-color:#FFF;opacity:1!important;}*/
input:hover{opacity:.9;}
input::placeholder{font-style:italic;font-weight:normal;}
textarea{overflow:auto;}
textarea:hover{opacity:.9;}
label{display:block;}


/* Mobile adjustments */
@media all and (max-width:767.5px){
	#logo{left:15px;top:15px;width:185px;height:57px;}
	.veryzoomed #logo{width:92px;height:28px;}
}

/*Desktop low height*/
@media all and (min-width:1000.5px) and (max-height:650px){
	.closeBtn{top:0;right:-45px;}
}
.veryzoomed .closeBtn{width:30px;height:30px;}

@media all and (max-width:1000.5px){
	.masterBtn, .secondaryBtn{padding-top:6px;padding-bottom:6px;}
	.closeBtn{top:5px;right:5px;}
	.masterBtn, .secondaryBtn{font-size:1.6rem;/*padding:12px 15px;*/min-height:40px;}

	.eyeIcon{width:42px;height:42px;top:30px;margin:-21px 0 0 -21px;}

	.panoramaBtn .flueben{top:12px;}
}
/*Used for mobile measurement of vh unit */
.vh{position:fixed;z-index:-1;top:0;left:-1px;width:1px;height:100vh;}