.bottomMenu{position:fixed;bottom:0;left:0;width:100%;width:100vw;/*avoid scrollbar affecting width*/height:60px;font-family:'Roboto', sans-serif;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;z-index:100;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transition:transform .6s ease-out;}
.bottomMenu.hidden{transform:translateY(100%) translateY(4px);pointer-events:none;}
.bottomMenu .darkBg{position:absolute;bottom:0;left:0;width:100%;height:45px;background-color:#363636;}
.bottomMenu .links{position:absolute;bottom:0;left:0;width:100%;height:45px;margin:0 auto 0 auto;text-align:center;white-space:nowrap;font-size:0;}
.bottomMenu .links a{position:relative;display:inline-block;font-size:13px;color:#FFF;text-decoration:none;padding-top:8px;line-height:40px;width:160px;cursor:pointer;transition:transform .3s ease-out;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.bottomMenu .links a:first-of-type{display:none;}
.bottomMenu .links a.on:hover .dot{transform:scale(1.05,1.05);}
.bottomMenu .links a.off{color:#dcdcd2;}
.bottomMenu .links a.off .dot{background-color:#888;}
.bottomMenu .links a.on .dot{background-color:#888;border:3px solid #ecbc6a;}
.bottomMenu .links a .dot{position:absolute;box-sizing:border-box;left:50%;margin:-24px 0 0 -14px;width:28px;height:28px;border-radius:28px;background-color:#ecbc6a;transition:border .5s ease-in-out, background-color .5s ease-in-out, transform .2s ease-out;border:8px solid transparent;}
.bottomMenu .links a.active .dot{background-color:#622e7b;border:3px solid #ecbc6a;}
.bottomMenu .links .progress{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);width:calc(160px * 4);height:5px;background-color:#888;}
.bottomMenu .links .progress .progressGreen{position:absolute;left:0;top:0;width:0%;transition:width .5s ease-in-out;height:100%;background-color:#ecbc6a;}
.bottomMenu .fullscreen{position:absolute;right:35px;bottom:10px;width:26px;height:26px;cursor:pointer;transition:opacity .2s ease-out;}
.bottomMenu .fullscreen .corner{position:absolute;width:25%;height:25%;}
.bottomMenu .fullscreen .corner:nth-of-type(1){border-left:3px solid #dcdcd2;border-top:3px solid #dcdcd2;}
.bottomMenu .fullscreen .corner:nth-of-type(2){right:0;border-right:3px solid #dcdcd2;border-top:3px solid #dcdcd2;}
.bottomMenu .fullscreen .corner:nth-of-type(3){right:0;bottom:0;border-right:3px solid #dcdcd2;border-bottom:3px solid #dcdcd2;}
.bottomMenu .fullscreen .corner:nth-of-type(4){bottom:0;border-left:3px solid #dcdcd2;border-bottom:3px solid #dcdcd2;}
.bottomMenu .fullscreen:hover{opacity:.7;}
.bottomMenu .progressbar{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#ecbc6a;opacity:0;transition:opacity .4s ease-in-out;}
.bottomMenu .homeBtn{position:absolute;left:20px;top:-60px;width:200px;height:50px;transition:transform .5s ease-out .2s;}
.bottomMenu .homeBtn .polaroid{position:relative;display:inline-block;margin-right:-15px;width:64px;height:75px;background-image:url("/assets/fotohistorier/Grx/polaroid.png");background-repeat:no-repeat;background-size:100% 100%;transform:rotate(4deg);transition:all .2s ease-out;}
.bottomMenu .homeBtn .polaroid:nth-of-type(2){transform:rotate(-4deg) translateX(-16px);}
.bottomMenu .homeBtn .polaroid:nth-of-type(3){transform:rotate(4deg) translateX(-32px);}
.bottomMenu .homeBtn .polaroid .img{position:absolute;left:8px;top:8px;width:48px;height:49px;object-fit:cover;}
.bottomMenu .homeBtn:hover .polaroid:nth-of-type(1){transform:rotate(4deg) translate(0px, -4px);}
.bottomMenu .homeBtn:hover .polaroid:nth-of-type(2){transform:rotate(-4deg) translate(0px, -8px);}
.bottomMenu .homeBtn:hover .polaroid:nth-of-type(3){transform:rotate(4deg) translate(-4px, -4px);}
.bottomMenu.hidden .homeBtn{transform:translateY(200%);}
.bottomMenu.hidepolaroids .homeBtn{transform:translateY(250%);}
/*.bottomMenu .homeBtn .polaroid.active{z-index:2;transform:scale(1.1,1.1) rotate(2deg);}*/
.bottomMenu .extraMenu{position:absolute;left:0;top:-50px;width:100%;height:70px;background-image:url("/assets/fotohistorier/Grx/paperPattern.png");background-repeat:repeat-x;background-size:64px 100%;transform:translateY(100%);opacity:0;pointer-events:none;transition:all .5s ease-out .3s;z-index:-1;}
.bottomMenu .extraMenu.on{transform:translateY(0%);opacity:1;pointer-events:all;}
.bottomMenu .extraMenu .chooseBtn{position:absolute;right:50px;top:15px;}
.bottomMenu .extraMenu .chooseBtn:hover .arrow{transform:scale(1.05,1.05);}
@media all and (max-width:950px){
	.bottomMenu .links a{width:17%;}
	.bottomMenu .links .progress{width:68%;}
}
@media all and (max-width:800px){
	.bottomMenu{width:100%;}
	.bottomMenu .fullscreen{right:15px;}
}
@media all and (max-width:767.5px){
	.bottomMenu .links a{font-size:12px;}
}

.topIpadHomeScreenInfo{position:fixed;box-sizing:border-box;color:#dcdcd2;background-color:#64645f;top:0;left:0;width:100%;height:85px;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;z-index:200!important;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);padding:10px 0 0 20px;box-shadow:0 2px 16px 2px rgba(0,0,0,0.4);}
.topIpadHomeScreenInfo h4{font-size:16px;margin:0;}
.topIpadHomeScreenInfo .smallText{margin-top:-2px;}
.topIpadHomeScreenInfo .smallText .icon{display:inline-block;width:30px;vertical-align:bottom;transform:translateY(10px);margin:0 10px 0 10px;}

.topIpadHomeScreenInfo .closeBtn{position:absolute;right:10px;top:10px;width:30px;height:30px;transform:rotate(45deg);}
.topIpadHomeScreenInfo .closeBtn .lineA{position:absolute;width:50%;height:2px;left:25%;top:50%;margin-top:-1px;background-color:#FFF;}
.topIpadHomeScreenInfo .closeBtn .lineB{position:absolute;height:50%;width:2px;left:50%;top:25%;margin-left:-1px;background-color:#FFF;}

.topMenu{position:fixed;width:100%;width:100vw;/*avoid scrollbar affecting width*/top:0;left:0;z-index:99;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);opacity:0;transition:opacity .5s ease-out;}
.topMenu .user{position:absolute;top:8px;right:35px;font-family:'Roboto Slab', sans-serif;font-size:14px;color:#dcdcd2;padding-left:10px;height:30px;cursor:pointer;transition:opacity .2s ease-out;}
.topMenu .user .logout{margin-left:10px;}
.topMenu .user:hover{opacity:.7;}

.introduktion, .start, .choose, .lav, .se{display:none;position:relative;width:100%;padding-bottom:45px;min-height:calc(100vh - 45px);text-align:center;font-size:0;}
.introduktion{overflow:hidden;}
.introduktion .background, .start .background, .choose .background, .lav .background, .se .background{position:fixed;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;}
.introduktion h1{position:relative;padding-top:18vh;}
.introduktion p{position:relative;padding:10px 0 30px 0;}
.introduktion .box{display:none;position:relative;margin-top:55px;width:330px;height:345px;box-sizing:border-box;padding:0 30px;background-image:url("/assets/fotohistorier/Grx/notes.png");background-repeat:no-repeat;background-size:100% 100%;vertical-align:top;color:#000;text-decoration:none;}
.introduktion .box .polaroid{position:relative;margin-left:25px;margin-top:-50px;transform:rotate(4deg);width:219px;height:256px;background-image:url("/assets/fotohistorier/Grx/polaroid.png");background-repeat:no-repeat;background-size:100% 100%;transition:all .3s ease-out;}
.introduktion .box .polaroid .img{position:absolute;left:28px;top:27px;width:164px;height:166px;object-fit:cover;}
.introduktion .box .polaroid:after{content:"";position:absolute;width:59px;height:99px;left:0;top:8px;background-image:url("/assets/fotohistorier/Grx/clips1.png");background-repeat:no-repeat;background-size:100% 100%;}
.introduktion .box:nth-of-type(2n) .polaroid{transform:rotate(-4deg);}
.introduktion .box:nth-of-type(2n) .polaroid:after{width:67px;height:91px;left:auto;right:0;background-image:url("/assets/fotohistorier/Grx/clips2.png");}
.introduktion .box:nth-of-type(3n) .polaroid:after{width:50px;height:107px;left:15px;top:5px;background-image:url("/assets/fotohistorier/Grx/clips3.png");}
.introduktion .box h4{text-transform:uppercase;margin-top:5px;}
.introduktion .box p{padding:5px 25px;}
.introduktion .box .chooseBtn{position:absolute;left:90px;top:160px;}
.introduktion .box .speakBtn{position:absolute;right:20px;bottom:20px;}
.introduktion .box:hover .polaroid{transform:rotate(2deg);}
.introduktion .box:nth-of-type(2n):hover .polaroid{transform:rotate(-2deg);}
.introduktion .box:hover .chooseBtn .arrow{transform:scale(1.05,1.05);}
.introduktion .box .chooseBtn:hover .arrow{transform:scale(1.1,1.1);}
.introduktion .apponly{position:absolute;bottom:65px;font-size:14px;font-weight:bold;left:50%;width:500px;margin:0;margin-left:-250px;text-align:center;line-height:1;padding:0;}
.introduktion .extLink{position:absolute;bottom:30px;display:block;font-weight:bold;font-size:18px;color:#FFF;left:50%;width:500px;margin-left:-250px;text-align:center;}
.introduktion .extLink .icon{display:inline-block;margin-right:10px;}

.start .box{position:relative;display:none;color:#000;padding:30px 120px 30px 30px;box-sizing:border-box;top:18vh;width:580px;margin-left:5vw;border-radius:20px;text-align:left;overflow:hidden;z-index:2;will-change:transform;}
.start .box:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background-image:url("/assets/fotohistorier/Grx/paperPattern.png");background-repeat:repeat;background-size:64px 64px;opacity:.9;}
.start .box p:first-of-type{font-weight:bold;padding:20px 0;}
.start .box p:last-of-type{padding-right:65px;}
.start .box .speakBtn{position:absolute;right:20px;top:20px;}
.start .box a{font-size:14px;color:inherit;transition:opacity .2s ease-out;margin-top:20px;display:block;}
.start .box a:hover{opacity:.7;}
.start .box .videoThumb{position:absolute;right:20px;bottom:25px;width:160px;}
.start .box .videoThumb p{font-size:14px;padding:0;}
.start .box .videoThumb .btn{position:relative;margin-top:5px;}
.start .box .videoThumb .thumb{width:160px;height:90px;object-fit:cover;}
.start .box .videoThumb .btn:hover .playBtn{transform:scale(1.05,1.05);}


.choose{padding-top:18vh;padding-bottom:0;min-height:calc(100vh - 18vh);}
.choose .centered{position:relative;margin:auto;width:820px;}
.choose .submenuBtn{position:relative;z-index:1;display:block;width:190px;height:80px;background-image:url("/assets/fotohistorier/Grx/paperPattern.png");background-size:64px 64px;margin:2px 0;text-align:left;padding:10px;box-sizing:border-box;/*transition:all .3s ease-out;*/border-radius:5px;will-change:height;}
.choose .submenuBtn .playIcon{position:absolute;right:17px;top:32px;box-sizing:border-box;width:10px;height:14px;border-top:7px solid transparent;border-left:10px solid #000;border-bottom:7px solid transparent;transition:transform .2s ease-out;}
.choose .submenuBtn.selected{background-blend-mode:multiply;background-color:#ecbc6a;z-index:2;}

.choose .submenuBtn p{font-size:14px;transition:transform .2s ease-out;}
.choose .submenuBtn p:first-of-type{font-size:18px;font-weight:bold;text-transform:uppercase;}
.choose .submenuBtn:hover p, .choose .submenuBtn.selected p, .choose .submenuBtn:hover .playIcon, .choose .submenuBtn.selected .playIcon{transform:translateX(2px);}
.choose .content{position:absolute;width:625px;top:-80px;right:0;visibility:hidden;opacity:0;box-sizing:border-box;padding-left:30px;padding-bottom:calc(45px + 18vh);display:none;}
.choose .content h1{padding-bottom:5px;}
.choose .content h4{padding-bottom:20px;}
.choose .content .videoThumb{position:relative;width:100%;padding-top:56.25%;}
.choose .content .videoThumb .thumb{position:absolute;left:0;top:0;width:100%;height:100%;}
.choose .content .videoThumb .playBtn{box-shadow:2px 2px 16px #000;background-color:rgba(0,0,0,.2);}
.choose .content .videoThumb:hover .playBtn{transform:scale(1.05,1.05);}
.choose .content .accordian{position:relative;width:100%;height:100px;color:#000;box-sizing:border-box;padding:10px 120px 10px 110px;margin-bottom:15px;transition:height .5s ease-out;will-change:height;}
.choose .content .accordian .speakBtn{position:absolute;right:12%;top:32px;}
.choose .content .accordian:before{position:absolute;content:"";width:100%;height:100px;background-color:#f1f1f2;left:0;top:0;border-radius:50px;z-index:-1;transform:translateZ(0);}
.choose .content .accordian .thumb{position:absolute;left:0;top:0;width:92px;height:92px;border-radius:100px;border:4px solid #ecbc6a;overflow:hidden;object-fit:cover;}
.choose .content .accordian h4{padding-bottom:0px;}
.choose .content .accordian .chooseBtn{position:absolute;top:35px;right:30px;}
.choose .content .accordian .chooseBtn:hover .arrow{transform:scale(1.05,1.05);}
.choose .content .accordian .inputs{position:absolute;top:100px;padding:10px 30px 0 30px;box-sizing:border-box;left:60px;width:490px;height:220px;background-color:#FFF;border-radius:0 0 20px 20px;text-align:left;opacity:0;visibility:hidden;transition:all .2s ease-out;will-change:opacity;}
.choose .content .accordian.open{height:320px;}
.choose .content .accordian.open .inputs{opacity:1;visibility:visible;transition-duration:.4s;}
.choose .content .accordian.open .chooseBtn .arrow{transform:rotate(-90deg) scale(1,1);}
.choose .content .accordian.open .chooseBtn:hover .arrow{transform:rotate(-90deg) scale(1.05,1.05);}
.choose .content .accordian.open .chooseBtn{background:none;color:transparent;}
.choose .content .accordian .inputs input{font-size:14px;margin:0;}
.choose .content .accordian .inputs label{font-size:12px;padding-left:10px;margin-top:7px;margin-bottom:3px;}
.choose .content .accordian .saveBtn{position:absolute;bottom:20px;right:30px;}

.choose .withBg{background-image:url("/assets/fotohistorier/Grx/paperPattern.png");background-size:64px 64px;width:600px;border-radius:10px;padding:30px;color:#000;min-height:200px;text-align:left;}
.choose .classBtn{padding:10px 15px;box-sizing:border-box;background-image:url("/assets/fotohistorier/Grx/btnBg.png");background-size:100% 100%;color:#FFF;font-size:14px;font-weight:bold;display:block;margin:0 0 10px 10px;transition:all .2s ease-out;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;}
.choose .classBtn.selected, .choose .classBtn:hover{color:#ecbc6a;transform:translateX(4px);}
.choose .projectThumb{position:relative;display:inline-block;width:205px;margin:0 20px 20px 0;padding:0;text-align:left;}
.choose .projectThumb:nth-of-type(2n+0){margin-right:0;}
.choose .projectThumb:nth-of-type(2n+1){margin-left:110px;}
.choose .projectThumb .thumb{width:208px;height:117px;margin-bottom:5px;object-fit:cover;transition:all .3s ease-out;will-change:transform;}
.choose .projectThumb:hover .thumb{opacity:.5;}
.choose .projectThumb p{width:100%;}
.choose .projectThumb p:nth-of-type(2n){font-size:12px;}
.choose .subcontent{position:absolute;left:0;}
.choose .footerTxt{font-size:12px;font-weight:bold;margin-top:30px;}
.choose .withBg h4, .choose .withBg .footerTxt{padding-left:110px;}

.choose .content .project{position:relative;float:right;width:calc(100% - 50px);color:#000;box-sizing:border-box;padding:10px 100px 30px 70px;background-image:url("/assets/fotohistorier/Grx/paperPattern.png");background-size:64px 64px;border-radius:10px;text-align:left;}
.choose .content .project .themeThumb{position:absolute;left:-46px;top:0;width:92px;height:92px;border-radius:100px;border:4px solid #ecbc6a;overflow:hidden;object-fit:cover;}
.choose .content .project .speakBtn{position:absolute;right:4%;top:100px;}
.choose .content .project h4{padding-bottom:5px;}
.choose .content .project .shade{position:absolute;left:0;margin-top:10px;width:100%;height:20px;box-shadow:0px 4px 4px 1px rgba(0,0,0,0.2);border-radius:20px;}
/*.choose .content .project:before{position:absolute;content:"";width:100%;height:100px;background-color:#f1f1f2;left:0;top:0;border-radius:50px;z-index:-1;transform:translateZ(0);}*/
.choose .content .project .thumb{display:inline-block;vertical-align:top;margin-top:70px;width:112px;height:63px;object-fit:cover;}
.choose .content .project .titleArea{display:inline-block;vertical-align:top;box-sizing:border-box;padding-left:20px;margin-top:70px;width:calc(100% - 112px);}
.choose .content .project .titleArea p{margin-top:5px;font-size:12px;}
.choose .content .project .titleArea p:first-of-type{font-size:14px;font-weight:bold;}
.choose .continueBtn{position:relative;display:block;padding-left:130px;padding-top:20px;box-sizing:border-box;width:100%;height:62px;margin-top:20px;border-radius:52px;box-shadow:0px 0px 8px 2px rgba(0,0,0,0.2);text-decoration:none;color:#000;font-weight:bold;transition:all .3s ease-out;}
.choose .continueBtn:after{content:"";position:absolute;left:20px;top:5px;width:90px;height:52px;background-size:100% 100%;background-repeat:no-repeat;}
.choose .continueBtn:nth-of-type(1):after{background-image:url("/assets/fotohistorier/Grx/undersoeg.png");}
.choose .continueBtn:nth-of-type(2):after{background-image:url("/assets/fotohistorier/Grx/lavhistorie.png");}
.choose .continueBtn:hover{padding-left:134px;}
.choose .chooseBtn.delete{position:relative;padding:10px 20px 10px 30px;font-size:14px;margin-top:20px;margin-left:20px;opacity:.4;transition:all .3s ease-out;}
.choose .chooseBtn.delete .arrow{right:auto;left:-20px;width:30px;height:30px;border-width:3px;top:0;}
.choose .chooseBtn.delete .arrow{background-image:url("/assets/fotohistorier/Grx/trash.svg");background-size:50% 50%;}
.choose .chooseBtn:hover .arrow{transform:scale(1.05,1.05);}
.choose .chooseBtn.delete:hover{opacity:1;}

/* Lav din egen */
.lav .centered{position:relative;width:1024px;min-height:700px;margin:auto;}
.lav .centered:before{content:"";position:absolute;left:0;top:0;width:1024px;height:100%;background-image:url("/assets/fotohistorier/Grx/bookBg.png");background-size:1024px 768px;z-index:1;pointer-events:none;}
.lav .historyBtn{position:absolute;left:50%;margin-left:300px;top:60px;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.8);}
.lav .title{position:absolute;left:50%;margin-left:-260px;top:125px;background-image:url("/assets/fotohistorier/Grx/lavdinegen_bg.png");background-size:100% 100%;background-repeat:no-repeat;width:454px;height:163px;color:#FFF;font-size:48px;font-weight:bold;line-height:1.2;box-sizing:border-box;padding:20px 40px 0 40px;}
.lav .page{display:none;position:absolute;left:150px;top:0;width:100%;height:100%;opacity:0;transition:all .3s ease-out;}
.lav .page.on{display:block;z-index:1;}
.lav .page.on.animedIn{opacity:1;}
.lav .bouncingarrow{position:absolute;left:20px;top:105px;background-image:url("/assets/fotohistorier/Grx/startPil.png");background-size:100% 100%;width:177px;height:109px;color:#000;font-size:20px;font-weight:bold;box-sizing:border-box;padding-top:30px;}
.lav .intro{position:relative;margin-left:-150px;}
.lav .intro .speakBtn{position:absolute;left:200px;top:280px;z-index:1;}
.lav .introduction{position:absolute;left:200px;top:340px;color:#FFF;text-align:left;width:720px;columns:2;column-gap:90px;line-height:1.5;text-shadow:1px 1px 4px rgba(0,0,0,.8);}
.lav .introduction strong{color:#ecbc6a;font-size:24px;line-height:3;}

.lav .frame{position:relative;display:block;left:10px;top:100px;width:123px;height:122px;margin-top:-50px;z-index:0;/*transition:transform .3s ease-out;*/transition:z-index 0s ease-out .25s;}
.lav .frame .image{color:#000;font-size:16px;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url("/assets/fotohistorier/Grx/storyFrame.png");background-size:100% 100%;/*transform:rotate(8deg);transition:transform .3s ease-out;*/z-index:-1;box-sizing:border-box;padding-top:8px;}
.lav .frame:first-of-type{margin-top:0px;}
.lav .frame .preview{position:absolute;left:18px;top:32px;width:87px;height:57px;}
.lav .frame.active{z-index:10;pointer-events:none;}
.lav .frame.active .image:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px;box-shadow:-2px -2px 16px rgba(0,0,0,.6);pointer-events:none;}

.lav .content{color:#000;text-align:left;width:370px;height:500px;box-sizing:border-box;margin-top:120px;margin-left:25px;background-image:url("/assets/fotohistorier/Grx/paperPattern.png");background-size:64px 64px;padding:10px 20px;}
.lav .content .speakBtn{position:absolute;left:350px;top:125px;z-index:2;}
.lav .content p, .lav .content h4{text-align:center;}
.lav .content h4{margin:5px 0;}
.lav .content .inputStudent{border:3px dashed #622e7b;width:100%;height:130px;margin-top:20px;font-size:14px;padding-top:10px;}
.lav .content .inputStudent.small{height:90px;}
.lav .content .inputStudent.teacher{height:90px;margin-top:5px;margin-bottom:-10px;}
.lav .content .teacherTitle{font-size:16px;}
.lav .content .teacherTitle.small{font-size:14px;font-weight:normal;text-align:left;}
/*.lav .content .inputStudent.teacher{pointer-events:none;border-color:transparent;}*/
.lav .content .soundchooser{position:relative;margin:20px 0;width:200px;height:200px;}
.lav .content .soundchooser:before{content:"";position:absolute;left:0;top:0;width:200px;height:200px;background-image:url("/assets/fotohistorier/Grx/cd.png");background-size:100% 100%;}
.lav .content .soundchooser .chooseBtn{position:absolute;left:80px;bottom:30px;}

.lav .content .soundchooser .playBtnWithLabel{position:absolute;left:85px;bottom:145px;color:#000;transform:translate(-50%, 25%) rotate(-15deg);padding-right:24px;}
.lav .content .soundchooser .playBtnWithLabel p{font-size:14px;line-height:1;}
.lav .content .soundchooser .playBtnWithLabel .sfsPlayBtn{position:absolute;top:0;right:0;width:19px;height:19px;background-size:100% 100%;background-image:url("/assets/fotohistorier/Grx/playIcon.png");}
.lav .content .soundchooser .playBtnWithLabel .sfsPlayBtn.stop{background-image:url("/assets/fotohistorier/Grx/stopIcon.png");}

.lav .content .rightSide{position:absolute;left:50%;top:0;width:50%;height:100%;margin-left:-150px;}
.lav .content .rightSide .chooseBtn{position:absolute;top:140px;left:250px;}
.lav .content .rightSide .chooseBtn.question .arrow{background-image:url("/assets/fotohistorier/Grx/questionmark-icon.svg");background-color:transparent;border-color:#ecbc6a;width:35px;height:35px;}
.lav .content .rightSide .imagechooser{position:absolute;left:40px;top:180px;width:400px;height:279px;background-image:url("/assets/fotohistorier/Grx/frame.png");background-size:100% 100%;}
.lav .content .rightSide .imagechooser .preview{position:absolute;left:15px;top:20px;width:365px;height:239px;object-fit:cover;}
.lav .content .rightSide .imagechooser .chooseBtn{position:absolute;top:auto;left:100px;bottom:-5px;z-index:2;}
.lav .content .rightSide .imagechooser .chooseBtn .arrow{background-image:url("/assets/fotohistorier/Grx/image-icon.svg");}
.lav .content .rightSide .imagechooser p{position:absolute;top:300px;left:0;width:100%;text-align:left;color:#FFF;font-size:14px;box-sizing:border-box;padding:0 30px;}

.lav .nameEditor{position:absolute;left:50%;margin-left:20px;top:50px;height:35px;transform:translateX(-50%);overflow:hidden;min-width:200px;max-width:500px;box-sizing:border-box;padding:5px 0 0 10px;z-index:10;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background-image:url("/assets/fotohistorier/Grx/paperPattern.png");border-radius:4px 0 3px 2px;}
.lav .nameEditor h4{color:#000;font-weight:normal;line-height:1.2;white-space:nowrap;max-width:400px;text-overflow:ellipsis;overflow:hidden;margin-right:50px;}
.lav .nameEditor .pencil{position:absolute;right:0;top:0;width:30px;height:100%;background-image:url("/assets/fotohistorier/Grx/pencil.png");background-repeat:no-repeat;background-position:0% 50%;transition:transform .2s ease-out;}
.lav .nameEditor .pencil:hover{transform:scale(1.2,1.2);}

.lav .chooseBtn.left{position:absolute;left:40px;bottom:70px;padding:10px 20px 10px 50px;z-index:100;}
.lav .chooseBtn.left .arrow{right:auto;left:-20px;}
.lav .chooseBtn.right{position:absolute;right:40px;bottom:70px;z-index:100;}
.lav .chooseBtn.sound .arrow{background-image:url("/assets/fotohistorier/Grx/nodes.png");}

.lav .chooseBtn.left .arrow{background-image:url("/assets/fotohistorier/Grx/lup.png");}
.lav .chooseBtn.right .arrow{background-image:url("/assets/fotohistorier/Grx/videocamera.png");}
.lav .chooseBtn:hover .arrow{transform:scale(1.05,1.05);}

.se{padding-top:70px;padding-bottom:0;/*min-height:calc(100vh + 330px);*/}
.se .title{position:absolute;left:50%;top:70px;color:#000;transform:translateX(-50%);}
.se .title h4:last-of-type{font-weight:normal;font-size:18px;margin-top:10px;}

.se .chooseBtn.left{margin-top:20px;}
.se .chooseBtn.left .arrow{background-image:url("/assets/fotohistorier/Grx/cameraIcon.png");}
.se .chooseBtn.left:hover .arrow{transform:scale(1.05,1.05);}

.se .leftHolder{position:relative;margin-left:30px;margin-right:90px;margin-top:100px;display:inline-block;vertical-align:top;}
.se .imgHolder{position:relative;width:calc(100vw - 430px);height:calc(100vh - 210px);max-width:150vh;overflow:hidden;background-color:#000;z-index:1;}
.se .imgHolder .image{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity .3s ease-in-out;}
.se .imgHolder .image .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.se .imgHolder .image.on{opacity:1;transition-duration:1.2s;}
.se .imgHolder .image p{position:absolute;left:50%;bottom:20px;background-image:url("/assets/fotohistorier/Grx/viewTxtBg.png");background-repeat:no-repeat;background-size:100% 100%;color:#FFF;min-width:30%;max-width:90%;box-sizing:border-box;padding:30px 40px;z-index:1;transform:translate(-50%, 32px);opacity:0;transition:all .3s ease-out 0s;}
.se .imgHolder .image.on p{transform:translate(-50%, 0%);opacity:1;transition-duration:1s;transition-delay:1.2s;}
.se .imgHolder .arrow{position:absolute;left:30px;top:50%;margin-top:-30px;width:50px;height:50px;background-color:#622e7b;/*rgba(0,0,0,.6);*/border-radius:50px;z-index:1000;transition:all .3s ease-out;box-shadow:0px 0px 32px rgba(255,255,255,.8);}
.se .imgHolder .arrow:before, .se .imgHolder .arrow:after{content:"";position:absolute;left:18px;top:24px;width:15px;height:2px;background-color:#ecbc6a;transform-origin:0px 1px;}
.se .imgHolder .arrow:before{transform:rotate(45deg);}
.se .imgHolder .arrow:after{transform:rotate(-45deg);}
.se .imgHolder .arrow:last-of-type{left:auto;right:30px;transform:scaleX(-1);}
.se .imgHolder .arrow:hover{background-color:rgba(0,0,0,1);transform:scale(1.05,1.05);}
.se .imgHolder .arrow:last-of-type:hover{background-color:rgba(0,0,0,1);transform:scale(-1.05,1.05);}
.se .imgHolder .arrow:active{transform:scale(.95,.95);}
.se .imgHolder .arrow:last-of-type:active{transform:scale(-.95,.95);}
.se .imgHolder.hidetext .image p{display:none;}
.se .imgHolder .credits{position:absolute;left:0;top:0;width:100%;height:100%;color:#FFF;background-color:#000;opacity:0;transition:opacity 1s ease-in-out;z-index:2;}
.se .imgHolder .credits h4{padding:200px 40px 0 40px;font-weight:normal;line-height:2;}
.se .imgHolder .credits.in{opacity:1;}


.se .rightHolder{position:relative;display:inline-block;vertical-align:top;width:290px;margin-bottom:60px;margin-top:80px;}
.se .right{position:relative;display:block;margin-top:15px;margin-bottom:10px;}
.se p.right{color:#000;padding-right:30px;}
.se .controls{position:relative;width:260px;border:2px dashed #622e7b;border-radius:20px;box-sizing:border-box;padding:20px 30px;background-color:rgba(255,255,255,.3);-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.se .controls .controlBtn{position:relative;display:block;color:#000;font-size:16px;line-height:50px;text-align:left;/*text-indent:60px;*/white-space:nowrap;cursor:pointer;}
.se .controls .controlBtn .circle{display:inline-block;border-radius:50px;width:50px;height:50px;box-sizing:border-box;border:4px solid #622e7b;background-repeat:no-repeat;transition:transform .2s ease-out;margin-right:10px;}
.se .controls .controlBtn span{display:inline-block;vertical-align:top;}
.se .controls .controlBtn.sound .circle{background-image:url("/assets/fotohistorier/Grx/sound_on_black.svg");background-size:50% 50%;background-position:50% 50%;}
.se .controls .controlBtn.print .circle{background-image:url("/assets/fotohistorier/Grx/print-icon.svg");background-position:50% 50%;}
.se .controls .controlBtn.text .circle{background-image:url("/assets/fotohistorier/Grx/text-icon.svg");background-position:50% 50%;}
.se .controls .controlBtn.share .circle{background-image:url("/assets/fotohistorier/Grx/share-icon.svg");background-position:50% 50%;}
.se .controls .controlBtn.fs .circle{background-image:url("/assets/fotohistorier/Grx/full-screen-icon.svg");background-position:50% 50%;}
.se .controls .controlBtn:hover .circle{transform:scale(1.1,1.1);}
.se .controls .progresstext{font-size:20px;color:#000;}
.se .controls .progresstext b{font-weight:normal;font-size:42px;margin:0 5px;}

.se .speaker{position:relative;display:block;cursor:pointer;/*width:40px;height:40px;*/z-index:4;transition:opacity .2s ease-out;}
.se .speaker .imgon{position:absolute;left:8px;top:8px;width:27px;height:27px;background-image:url("/assets/fotohistorier/Grx/sound_on_black.svg");background-repeat:no-repeat;}
.se .speaker .imgoff{position:absolute;left:8px;top:8px;width:27px;height:27px;background-image:url("/assets/fotohistorier/Grx/sound_off_black.svg");background-repeat:no-repeat;}
.se .speaker .imgon, .se .speaker .imgoff{transform:scale(.8,.8);}
.se .speaker:hover{opacity:.6;}
.se .speaker .img{position:absolute;left:10px;top:8px;}
.se .speaker.on .imgon{display:block;}
.se .speaker.on .imgoff{display:none;}
.se .speaker.off .imgon{display:none;}
.se .speaker.off .imgoff{display:block;}

.se .controls .label{position:absolute;top:45px;left:95px;z-index:2;color:#000;font-size:16px;pointer-events:none;}
.se .right .state{position:relative;width:calc(100% - 37px);height:100px;color:#000;margin-top:25px;}
.se .right .state .toggleBtn{font-size:16px;height:30px;vertical-align:top;display:inline-block;display:inline-flex;align-items:center;margin:20px 15px;}
.se .right .state .toggleBtn .circle{position:relative;display:inline-block;margin-left:5px;width:30px;height:30px;border-radius:30px;background-color:#ecbc6a;border:2px solid #622e7b;transform:rotate(-42deg);transition:transform .2s ease-out;}
.se .right .state .toggleBtn .circle .flueben{position:relative;display:inline-block;margin:7px 0 0 0px;width:10px;height:6px;border-left:2px solid #000;border-bottom:2px solid #000;opacity:0;transition:opacity .2s ease-out;}
.se .right .state .toggleBtn.selected .circle .flueben{opacity:1;}
.se .right .state .toggleBtn:hover .circle{transform:rotate(-42deg) scale(1.05,1.05);}
.se .right .state .modified{font-size:12px;}

.se footer{position:relative;width:100%;height:400px;text-align:center;margin-top:40px;background:url("/assets/fotohistorier/Grx/footer-bg.png") center 0 repeat-x;}
.se footer .logos{position:relative;width:1005px;margin:auto;}
.se footer .logos .logo{display:inline-block;height:64px;background-repeat:no-repeat;background-size:contain;margin-top:315px;transition:opacity .3s ease-out;}
.se footer .logos .logo:hover{opacity:.8;}
.se footer .logos .logo.danida{background-image:url("/assets/fotohistorier/Grx/um.png");width:221px;margin-right:50px;}
.se footer .logos .logo.dr{background-image:url("/assets/fotohistorier/Grx/dr.png");width:76px;margin-right:50px;}
.se footer .logos .logo.ngo{background-image:url("/assets/fotohistorier/Grx/folkekirkensn.png");width:386px;}

@media all and (max-width:767.5px){
	.se .title{top:100px;}
	.se .leftHolder{display:block;margin-left:20px;margin-right:20px;}
	.se .imgHolder{width:100%;height:calc((100vw - 40px) * .75);/*4:3 format*/max-width:150vh;overflow:hidden;background-color:#000;z-index:1;}
	.se .imgHolder .arrow{left:5px;}
	.se .imgHolder .arrow:last-of-type{left:auto;right:5px;}
	.se .imgHolder .image p{bottom:5px;min-width:80%;max-width:100%;padding:25px 20px;font-size:14px;}
	.se .rightHolder{margin-top:30px;}
	.se .controls{width:100%;}
	.se footer .logos{position:absolute;width:100%;left:20px;bottom:0;}
	.se footer .logos .logo{display:block;margin-top:0;transform-origin:0 0;transform:scale(.5,.5);height:48px;}
}


/* Panorama med hotspots*/
.panorama{display:none;position:absolute;left:0;top:0;width:100%;}
.panorama .masterBtn{position:absolute;top:auto;left:auto;right:35px;bottom:25px;}
.touch .panorama .masterBtn{bottom:70px;}

/* Left menu used in panorama and new contentItem dialogue */
.panLeftMenu{position:absolute;left:0;top:50%;width:175px;height:430px;margin-top:-210px;background-color:#3C3C37;transform:translateX(-167px);transition:transform .4s ease-out;}
.panLeftMenu.open{transform:translateX(0px);}
.panLeftMenu.openSlow{transition:transform .8s ease-in-out;transform:translateX(0px);}
.panLeftMenu .vertiScroll{position:absolute;left:0;top:10px;margin-left:6px;width:160px;height:430px;text-align:center;overflow:hidden;/*overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;*/-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/*.panLeftMenu .vertiScroll::-webkit-scrollbar{width:0!important;}*/
.panLeftMenu .vertiScroll .innerScroll{position:absolute;left:0;top:0;width:100%;height:auto;}

.panLeftMenu .panoramaBtn.lm{margin-bottom:35px;}
.panLeftMenu .panoramaBtn.lm .bg, .panLeftMenu .panoramaBtn.lm .overlay{width:160px;height:90px;box-sizing:border-box;}
.panLeftMenu .panoramaBtn.lm .label{color:#dcdcd2;font-size:14px;height:25px;text-align:left;line-height:1.3;margin-top:5px;}
/*.panLeftMenu .panoramaBtn.lm .flueben{margin:-35px 0 0 -23px;}*/
.panLeftMenu .panoramaBtn.lm.selected .bg{border:4px solid #ecbc6a;}
.panLeftMenu .arrowBtn{box-shadow:0px 0px 8px 2px rgba(0,0,0,0.64);}
.panLeftMenu .indicator{position:absolute;width:35px;height:75px;top:40px;left:175px;cursor:pointer;overflow:hidden;}
.panLeftMenu .indicator .bg{position:absolute;width:33px;height:75px;background-color:#ecbc6a;top:0;left:-8px;}
.panLeftMenu .indicator .arrow{position:absolute;width:0;height:0;left:0;top:50%;margin:-7px 0 0 0;border-top:6px solid transparent;border-left:10px solid #3C3C37;border-bottom:6px solid transparent;transform:translateX(8px);transition:.5s ease-in-out;}
.panLeftMenu.open .indicator .arrow{transform:scale3D(1,1,1) rotate(180deg) translateX(-6px);}

.panLeftMenu .arrowBtn.up{left:50%;transform-origin:50% 50%;transform:rotate(-90deg) translateY(-50%);top:-15px;}
.panLeftMenu .arrowBtn.down{left:50%;transform-origin:50% 50%;transform:rotate(90deg) translateY(50%);top:auto;bottom:-15px;}

.panorama .contents{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.panorama .contents .panner{position:absolute;left:0;top:0;width:100%;}
.panorama .contents .panner .background{position:absolute;left:0;top:0;width:auto;height:100%;/*opacity:0;transition:opacity 1.2s ease-in-out;*/}

.panorama .contents .panner .hotspotBtn{position:absolute;cursor:pointer;transform:translate3d(0,0,0);}
.panorama .contents .panner .hotspotBtn p{position:absolute;left:0;top:0;white-space:nowrap;display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;color:#FFF;padding:4px 15px;margin:10px 0 0 30px;text-shadow:1px 1px 4px rgba(0,0,0,.8);display:none;opacity:0;transition:opacity .4s ease-out;}
.panorama .contents .panner .hotspotBtn p.in{opacity:1;display:block;}
.panorama .contents .panner .hotspotBtn p:before{content:"";position:absolute;width:100%;height:100%;background-color:#622e7b;left:0;top:0;transform:scaleX(0);transform-origin:0 0;transition:transform .3s ease-out;z-index:-1;}
.panorama .contents .panner .hotspotBtn.flip p{transform:translateX(-100%) translateX(15px);margin:10px 30px 0 0;/*pointer-events:none;*/}
.panorama .contents .panner .hotspotBtn.flip p:before{transform-origin:100% 0;}
/*.panorama .contents .panner .hotspotBtn.flip{width:30px;}*/
.panorama .contents .panner .hotspotBtn .bg{position:absolute;left:9px;top:9px;width:30px;height:30px;border-radius:30px;background-color:#ecbc6a;border:2px solid #622e7b;box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.32);box-sizing:border-box;transition:.2s ease-out;z-index:1;}
.panorama .contents .panner .hotspotBtn .plus{position:absolute;left:24px;top:24px;z-index:2;}
.panorama .contents .panner .hotspotBtn .plus .line{position:absolute;background-color:#622e7b;transform:translate(-50%,-50%);}
.panorama .contents .panner .hotspotBtn .plus .line.a{width:2px;height:16px;}
.panorama .contents .panner .hotspotBtn .plus .line.b{width:16px;height:2px;}
.panorama .contents .panner .hotspotBtn .fluebenraw{position:absolute;left:14px;top:17px;width:18px;height:18px;display:none;z-index:2;}
.panorama .contents .panner .hotspotBtn .fluebenraw:before, .panorama .contents .panner .hotspotBtn .fluebenraw:after{content:"";position:absolute;left:8px;top:10px;width:10px;height:2px;background-color:#622e7b;transform-origin:0 50%;}
.panorama .contents .panner .hotspotBtn .fluebenraw:before{width:5px;transform:rotate(-135deg);}
.panorama .contents .panner .hotspotBtn .fluebenraw:after{transform:rotate(-45deg);}
.panorama .contents .panner .hotspotBtn .fluebenraw .st0{stroke:#3C3C37;}
.panorama .contents .panner .hotspotBtn:hover .bg{transform:scale(1.2,1.2);}
.panorama .contents .panner .hotspotBtn:hover p:before{transform:scaleX(1);}

.panorama .contents .arrowBtn.left{left:55px;z-index:auto;}
.panorama .contents .arrowBtn.right{margin-left:-65px;z-index:auto;}

.panorama .speaker{position:absolute;cursor:pointer;width:40px;height:40px;z-index:4;right:55px;top:55px;transition:opacity .2s ease-out;}
.panorama .speaker .imgon{position:absolute;left:10px;top:8px;width:27px;height:27px;background-image:url("/assets/fotohistorier/Grx/sound_on_white.svg");background-repeat:no-repeat;}
.panorama .speaker .imgoff{position:absolute;left:10px;top:8px;width:27px;height:27px;background-image:url("/assets/fotohistorier/Grx/sound_off_white.svg");background-repeat:no-repeat;}
.panorama .speaker:hover{opacity:.6;}
.panorama .speaker .img{position:absolute;left:10px;top:8px;}
.panorama .speaker.on .imgon{display:block;}
.panorama .speaker.on .imgoff{display:none;}
.panorama .speaker.off .imgon{display:none;}
.panorama .speaker.off .imgoff{display:block;}

.panorama .chooseBtn{position:absolute;right:40px;bottom:25px;z-index:1;}
.panorama .chooseBtn .arrow{background-image:url("/assets/fotohistorier/Grx/cameraIcon.png");}
.panorama .chooseBtn:hover .arrow{transform:scale(1.05,1.05);}

/* Dialogues */
.dialogue{position:fixed;box-sizing:border-box;left:50%;top:50%;max-width:calc(100% - 50px);max-height:calc(100% - 50px);z-index:102!important;padding:35px 35px 35px 35px;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;transform:translate(-50%,-50%);}
.dialogueBg{position:fixed;z-index:101;opacity:0;transition:opacity .4s ease-out;top:0;left:0;width:100%;height:100%;/*background-color:#000;*/backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;}
.dialogueBg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 60%,rgba(0,0,0,.4) 100%);}
.touch .dialogue:not(.videoPlayer){position:absolute;}

@media all and (max-width:980px){
	.dialogue{padding:20px 20px 20px 20px;}
}

/* Settings dialogue */
.settingsDialogue{background-color:#282823;color:#dcdcd2;border-radius:20px;width:960px;max-height:600px;height:90%;padding:0;}
.settingsDialogue .calbase{overflow:hidden;overflow-y:auto;}

.overwrite{color:#3C3C37;background-color:#dcdcd2;border-radius:20px;width:480px;max-width:100%;height:auto;min-height:160px;max-height:100%;text-align:center;white-space:pre-line;z-index:103!important;}
.overwrite .masterBtn, .overwrite .secondaryBtn{margin:10px 10px 0 10px;}

.openHotspot, .newContentItem{background-image:url("../Grx/hs_bg.jpg");background-size:100% 100%;background-repeat:no-repeat;color:#dcdcd2;border-radius:20px;width:960px;height:590px;padding:0;}
.openHotspot h2{text-align:center;width:100%;padding:30px 0 0 0;color:#FFF;}
.openHotspot .notepad{position:absolute;right:4%;top:17%;margin:15px 0 0 0;width:33%;height:57%;/*background-color:#ecbc6a;*/background-image:url("/assets/fotohistorier/Grx/notes.png");background-size:100% 100%;background-repeat:no-repeat;z-index:50;}
.openHotspot .notepad .top{position:absolute;left:0;top:10px;width:90%;height:50px;/*background-color:#82c4d4;*/text-align:center;color:#000;font-family:'Roboto Slab', serif;font-weight:normal;font-size:18px;line-height:50px;padding-left:20px;box-sizing:border-box;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.openHotspot .secondaryBtn{position:absolute;right:20px;top:20px;border-color:#dcdcd2;color:#dcdcd2;}
.openHotspot textarea{background-color:transparent;color:#3C3C37;font-family:'Roboto Slab', serif;font-weight:normal;font-size:14px;box-sizing:border-box;margin:0;padding:60px 25px 0 25px;width:100%;height:100%;border-radius:0;box-shadow:none;}
.openHotspot textarea:focus{opacity:1;}
.openHotspot .secondaryBtn{display:none;}

.openHotspot .gallery{position:absolute;;width:465px;height:315px;max-width:50%;left:35px;top:14%;margin:20px 0 0 25px;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.openHotspot .gallery .polaroid{position:absolute;background-color:#FFF;box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.32);width:100%;height:100%;font-size:0;box-sizing:border-box;}
.openHotspot .gallery .polaroid .img{position:relative;opacity:0;transition:opacity .6s ease-in-out;width:90%;width:calc(100% - 20px);height:calc(100% - 20px);padding:10px;}
.openHotspot .gallery .arrowBtn{margin:0;}
.openHotspot .gallery .dots{position:absolute;width:100%;text-align:center;height:50px;top:100%;left:0;z-index:50;margin-top:5px;}
.openHotspot .gallery .dots .dotsInner{display:inline-block;margin:0 auto 0 auto;}
.openHotspot p{position:absolute;padding:40px;top:73%;margin-top:25px;left:15%;width:70%;background-image:url("/assets/fotohistorier/Grx/viewTxtBg.png");background-size:100% 100%;background-repeat:no-repeat;box-sizing:border-box;font-family:'Roboto Slab', serif;font-weight:normal;font-size:14px;z-index:20;color:#FFF;}
/*.openHotspot .speaker{position:absolute;top:80%;margin-top:20px;right:55px;width:50px;height:80px;box-sizing:border-box;text-align:center;cursor:pointer;transition:opacity .2s ease-out;z-index:21;}
.openHotspot .speaker .border{position:absolute;border:1px solid #FFF;width:50px;height:50px;border-radius:50px;}
.openHotspot .speaker .speakerIcon{position:absolute;left:50%;top:10px;transform:translateX(-50%);}
.openHotspot .speaker p{white-space:nowrap;left:0;width:auto;text-align:center;padding:0;top:32px;font-family:'Roboto', serif;font-weight:normal;font-size:14px;}
.openHotspot .speaker:hover{opacity:.7;}*/
.openHotspot .speakBtn{position:absolute;top:auto;bottom:30px;left:auto;right:30px;background-image:url("/assets/fotohistorier/Grx/sound_on_white.svg");background-size:60% 60%;background-position:50% 50%;border:3px solid #FFF;border-radius:50px;opacity:1;}
.openHotspot .speakBtn:hover{opacity:.5;}

@media all and (max-width:980px){
	.openHotspot h2{margin:15px 0 0 15px;}
	.openHotspot .notepad .top{padding-left:10px;}
	.openHotspot textarea{padding:60px 10px 0 10px;}
	.openHotspot .gallery .dots{top:96%;}
	.openHotspot .gallery{left:15px;top:10%;}
	.openHotspot .notepad{top:10%;}
	.openHotspot .gallery .polaroid{height:auto;}/*moved to here in order to appear in large height on desktop when opening hotspot, before images are loaded*/
}
@media all and (max-width:769px){
	.openHotspot .gallery .dots{top:82%;}
}
@media all and (max-height:575px){
	.openHotspot .gallery .dots{display:none;}
}

/* Global video player */
.videoPlayer{width:960px;height:540px;padding:0;}
.videoPlayer .videoiFrame{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translateY(-16px);}
.videoPlayer .videoiFrame.animIn{transition:transform .3s ease-out, opacity .3s ease-out;opacity:1;transform:translateY(0px);}
.videoPlayerIframe{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);}

.sounds{width:440px;box-sizing:border-box;padding:20px 30px;text-align:center;color:#000;background-image:url("/assets/fotohistorier/Grx/paperBg.png");background-repeat:no-repeat;background-size:100% 100%;}
.sounds .soundscroller{width:100%;max-height:calc(100vh - 200px);overflow-y:auto;}
.soundforstory{position:relative;width:100%;text-align:left;border-bottom:1px solid #ecbc6a;cursor:pointer;transition:color .2s ease-out;box-sizing:border-box;padding:8px 35px 9px 0;}
.soundforstory:hover, .soundforstory.chosen{color:#622e7b;}
.soundforstory .sfsPlayBtn{position:absolute;top:11px;right:10px;width:19px;height:19px;background-size:100% 100%;background-image:url("/assets/fotohistorier/Grx/playIcon.png");}
.soundforstory .sfsPlayBtn.stop{background-image:url("/assets/fotohistorier/Grx/stopIcon.png");}
.soundforstory.chosen .sfsPlayBtn{background-image:url("/assets/fotohistorier/Grx/nodes.png");}
.sounds .closeBtn{right:-10px;}

.images{width:760px;height:540px;box-sizing:border-box;border-radius:20px;padding:20px 0;text-align:center;color:#000;background-image:url("/assets/fotohistorier/Grx/paperPattern.png");/*background-repeat:no-repeat;*/background-size:64px 64px;}
.images:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:80px;background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);pointer-events:none;}
.images .left{position:absolute;left:25px;top:80px;width:170px;background-color:#f1f1f1;box-shadow:0px 0px 8px rgba(0,0,0,.4);box-sizing:border-box;padding:5px;}
.images .left .panBtn{position:relative;width:100%;height:90px;display:block;background-color:#ecbc6a;margin-bottom:10px;}
.images .left .panBtn:last-of-type{margin-bottom:0;}
.images .left .panBtn .thumb{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out;}
.images .left .panBtn:hover .thumb, .images .left .panBtn.selected .thumb{transform:scale(.95,.9);}
.images .left .panBtn:before{content:"";position:absolute;width:40px;height:40px;right:-20px;top:50%;margin-top:-16px;background-color:#FFF;transform:translateX(-100%) rotate(45deg);box-shadow:0 0 8px rgba(0,0,0,.4);z-index:-2;transition:transform .3s ease-out;}
.images .left .panBtn:after{content:"";position:absolute;width:29px;height:29px;right:-13px;top:50%;margin-top:-14px;border:4px solid #ecbc6a;transform:translateX(-100%) rotate(45deg);z-index:-1;transition:transform .3s ease-out;}
.images .left .panBtn.selected:before{transform:translateX(0) rotate(45deg);}
.images .left .panBtn.selected:after{transform:translateX(0) rotate(45deg);}
.images .right{position:absolute;left:230px;top:60px;overflow:auto;height:calc(100% - 60px);/*width:510px;*/box-sizing:border-box;padding-bottom:60px;}
.images .right .hotspotRow{position:relative;margin-top:20px;margin-bottom:20px;font-size:0;display:block;text-align:left;}
.images .right .hotspotRow h4, .images .right .hotspotRow .imageBtn{opacity:.2;}
.images .right .hotspotRow h4{display:block;width:100%;margin-bottom:5px;}
.images .right .hotspotRow p{display:block;width:100%;padding-right:20px;box-sizing:border-box;}
.images .right .hotspotRow .imageBtn{position:relative;display:inline-block;vertical-align:top;width:100px;height:75px;margin-right:5px;background-color:#333;margin-bottom:5px;overflow:hidden;}
.images .right .hotspotRow .imageBtn .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all .4s ease-out;transform:scale(1.000001,1.000001);}
.images .right .hotspotRow.active h4, .images .right .hotspotRow.active .imageBtn.active{opacity:1;}
.images .right .hotspotRow.active .imageBtn.active:hover .img{transform:scale(1.05,1.05);}
.images .closeBtn{right:5px;}

.editnames{width:410px;box-sizing:border-box;padding:40px 30px 20px 20px;text-align:left;color:#000;background-image:url("/assets/fotohistorier/Grx/notes.png");background-repeat:no-repeat;background-size:100% 100%;}
.editnames h4{font-weight:normal;color:#64645f;font-size:18px;}
.editnames input{border:2px dashed #ecbc6a;width:100%;}
.editnames input:last-of-type{width:50%;margin-bottom:40px;}
.editnames .chooseBtn{position:absolute;right:60px;bottom:0;}
.editnames .chooseBtn:hover .arrow{transform:scale(1.05,1.05);}
.editnames .closeBtn{right:-10px;}

.shareoverlay{width:410px;box-sizing:border-box;padding:80px 30px 80px 20px;text-align:left;color:#000;background-image:url("/assets/fotohistorier/Grx/notes.png");background-repeat:no-repeat;background-size:100% 100%;}
.shareoverlay h4{font-weight:normal;color:#64645f;font-size:18px;}
.shareoverlay input{border:2px dashed #999;width:100%;padding:10px;border-radius:10px;margin:10px 0;width:90%;}
.shareoverlay .chooseBtn{position:absolute;right:60px;bottom:0;}
.shareoverlay:hover .arrow{transform:scale(1.05,1.05);}
.shareoverlay .closeBtn{right:-5px;}

.history{width:760px;height:540px;box-sizing:border-box;padding:20px 0;text-align:center;color:#000;background-image:url("/assets/fotohistorier/Grx/paperPattern.png");background-size:64px 64px;}
.history h4{margin:20px auto 10px auto;}
.history .tableHolder{position:absolute;left:0;top:140px;height:calc(100% - 140px);overflow:auto;width:100%;}
.history .tableHolder p:last-of-type{margin:30px auto;color:#64645f;}
.history .table{position:relative;width:100%;padding:0;text-align:left;table-layout:auto;min-width:100%;border-collapse:collapse;font-size:0;}
.history .table .row{position:relative;width:100%;border:0;}
.history .table .row.primary{font-weight:bold;/*height:40px;*/border-top:2px solid #999;}
.history .table .row td, .history .table .row th{font-size:12px;margin:0;box-sizing:border-box;padding:5px 10px;border:0;border-spacing:0;/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/}
.history .table .row .version{font-size:16px;display:block;text-decoration:underline;color:green;transition:opacity .2s ease-out;}
.history .table .row .version:hover{opacity:.6;}
.history .table .row th{font-weight:bold;padding:10px 10px;}
.history .table .row:nth-of-type(odd){background-color:rgba(255,255,255,.2);}
.history .table .row:nth-of-type(even){background-color:rgba(255,255,255,.5);}
.history .table .row u{cursor:pointer;transition:opacity .2s ease-out;}
.history .table .row u:hover{opacity:.5;}

.publishAlert{background-color:#004d5d;color:#f0f0ed;border-radius:20px;width:960px;max-height:570px;height:90%;padding:0;}
.publishAlert .text{width:640px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:-50px;}
.publishAlert p{font-family:'Roboto Slab', serif;font-weight:normal;font-size:18px;}
.publishAlert .secondaryBtn{position:absolute;left:50%;margin-left:-320px;bottom:50px;letter-spacing:1px;color:#f0f0ed;border-color:#f0f0ed;}
.publishAlert .masterBtn{position:absolute;right:50%;margin-right:-320px;bottom:50px;letter-spacing:1px;}

@media all and (max-width:980px){
	.publishAlert p{font-size:14px;}
}
@media all and (max-width:750px){
	.publishAlert .text{width:100%;box-sizing:border-box;position:static;left:0;top:0;transform:none;margin:0;padding:35px 0 0 35px;}
	.publishAlert .secondaryBtn, .publishAlert .masterBtn{position:static;left:0;margin:35px 0 0 35px;bottom:auto;display:inline-block;}
}

.loadOverlay{position:fixed;width:100%;height:100%;z-index:2000;left:0;top:0;background-color:#000;opacity:.8;color:#FFF;font-family:'Roboto Slab', sans-serif;font-weight:bold;text-align:center;font-size:48px;line-height:75vh;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;z-index:200;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);pointer-events:none!important;}