html {
/*    height: 522px!important;
    width: 950px!important;*/
}

html { 
    height: 100%;
}

.cc_room_item {
    /*border: 20px solid #FF0000;*/
    bottom: 10px;
    position: absolute;
    z-index: 9999;
    left: 100px;
}



*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

body {
    
      
    /*display: none;jq */
    /*opacity: 0;*/
    font-family: 'Lato', Calibri, Arial, sans-serif;
    /*background: transparent;*/
    font-weight: 400;
    font-size: 15px;
    color: #333;
    overflow: hidden;
    height: 100%;
}

a {
    color: #000;
    text-decoration: none;
}

.container {
     opacity: 0; 
    width: 100%;
    height: 100%;
    position: relative;
}

.container > h1 {
    z-index: 9999;
    font-weight: 400;
    padding: 50px 20px;
}

.js .container > h1 {
    position: fixed;
    -webkit-backface-visibility: hidden;
    bottom: 0;
    left: 0;
    color: #f0f0f0;
    padding: 20px;
    font-size: 20px;
}

.container > h1 a {
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 0 0 10px;
    color: #fff;
    font-weight: 700;
}

.container > h1 a:hover,
.container > h1 a.demo-current {
    color: #222;
}

/* Header Style */
.codrops-top {
    line-height: 24px;
    font-size: 11px;
    text-transform: uppercase;
    z-index: 9999;
    background: rgba(255,255,255,0.4);
}

.js .codrops-top {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: transparent;
}

.codrops-top a {
    padding: 0px 10px;
    letter-spacing: 1px;
    color: #333;
    color: rgba(0,0,0,0.7);
    display: inline-block;
}

.codrops-top a:hover {
    color: #000;
}

.codrops-top span.right {
    float: right;
}

.codrops-top span.right a {
    float: left;
    display: block;
}

.cc_room_item {cursor: pointer}
body#room8 div#nr3.cc_room_item {
    /*background: url("../images/dorr_vit_1.png") no-repeat scroll left top transparent;*/
  height: 590px;
    left: 127px;
    top: 74px;
    width: 550px;
}


body#room10 div#nr3.cc_room_item {
    /*background: url("../images/dorr_vit_2.png") no-repeat scroll left top transparent;*/
  height: 590px;
    left: 360px;
    top: 83px;
    width: 553px;
}



body#room15 div#nr3.cc_room_item {
    /*background: url("../images/dorr_vit_3.png") no-repeat scroll left top transparent;*/
   height: 590px;
    left: 101px;
    top: 63px;
    width: 843px;
}

body#room16 div#nr3.cc_room_item {
    /*background: url("../images/dorr_vit_4.png") no-repeat scroll left top transparent;*/
    height: 590px;
    left: 98px;
    top: 77px;
    width: 843px;
}

body#room22 div#nr3.cc_room_item {
    /*background: url("../images/dorr_vit_5.png") no-repeat scroll left top transparent;*/
    height: 590px;
    left: 98px;
    top: 77px;
    width: 843px;
}




.roomwallitem {
    position: relative;
    bottom: 10px!important;
    width: 500px;
    height: 500px; 
    left: -150px;
    /*background: url('../images/Fonster_1.png') top left no-repeat*/
}

body#room15 .roomwallitem {left: 90px;}
body#room16 .roomwallitem {left: 150px;}

body#room8 figure#id1 .roomwallitem {background: url('../images/Fonster_vitt_10.png') top left no-repeat }
body#room8 figure#id2 .roomwallitem {background: url('../images/Fonster_vitt_11.png') top left no-repeat }
body#room8 figure#id3 .roomwallitem {background: url('../images/Fonster_vitt_12.png') top left no-repeat }

body#room10 figure#id1 .roomwallitem {background: url('../images/Fonster_vitt_7.png') top left no-repeat }
body#room10 figure#id2 .roomwallitem {background: url('../images/Fonster_vitt_8.png') top left no-repeat }
body#room10 figure#id3 .roomwallitem {background: url('../images/Fonster_vitt_9.png') top left no-repeat }

body#room15 figure#id1 .roomwallitem {background: url('../images/Fonster_vitt_1.png') top left no-repeat }
body#room15 figure#id2 .roomwallitem {background: url('../images/Fonster_vitt_2.png') top left no-repeat }
body#room15 figure#id3 .roomwallitem {background: url('../images/Fonster_vitt_3.png') top left no-repeat }

body#room16 figure#id1 .roomwallitem {background: url('../images/Fonster_vitt_4.png') top left no-repeat }
body#room16 figure#id2 .roomwallitem {background: url('../images/Fonster_vitt_5.png') top left no-repeat }
body#room16 figure#id3 .roomwallitem {background: url('../images/Fonster_vitt_6.png') top left no-repeat }

body#room22 figure#id1 .roomwallitem {background: url('../images/Fonster_vitt_7.png') top left no-repeat }
body#room22 figure#id2 .roomwallitem {background: url('../images/Fonster_vitt_8.png') top left no-repeat }
body#room22 figure#id3 .roomwallitem {background: url('../images/Fonster_vitt_9.png') top left no-repeat }


body#room10 .roomwallitem {
    background: url('../images/Fonster_vitt_1_betong.png') top left no-repeat 
}

body#room8 figure#id1 .roomobject { 
    position: absolute !important;
    left: 418px;
    width: 186px;
    top: 131px;
    height: 308px;
    background: url('../images/objekt/Blomma_2.png') no-repeat
}
body#room8 figure#id3 .roomobject { 
    position: absolute !important;
    left: 418px;
    width: 500px;
    top:100px;
    height: 500px;
    background: url('../images/objekt/Blomma_3.png') no-repeat
}

body#room10 figure#id1 .roomobject {
    background: url("../images/objekt/olive.png") no-repeat scroll 0 0 transparent;
    height: 500px;
    position: absolute !important;
    top: 184px;
    width: 500px;
    left: 466px;
}




.notvalid .submbutdiv { display: none!important}

.submbutdiv {
    background: url("../images/svara.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    left: 212px;
    position: absolute;
    top: 153px;
    width: 105px; 
}
.submbut {
    /*background: url()*/
    /*
        left: 188px;
        position: absolute;
        top: 132px;*/
    opacity: 0;
}


.submbutdiv:hover {
   background-position: 1px 1px;
    /*background: url("../images/Ny_svara_hi.png") no-repeat scroll 0 0 transparent;*/
    /*background-position: 1px 1px;*/ 
}

.submbutdiv:active {

    background-position: 2px 2px; 
}


body#room10 figure#id3 .roomobject {
    background: url("../images/objekt/fruit.png") no-repeat scroll 0 0 transparent;
    height: 200px;
    left: -111px;
    position: absolute !important;
    top: 311px;
    width: 500px;
}

body#room15 figure#id1 .roomobject {
    background: url("../images/objekt/Rustning.png") no-repeat scroll 0 0 transparent;
    height: 500px;
    left: -111px;
    /*left: 399px;*/
    position: absolute !important;
    top: 115px;
    width: 500px;
}

body#room15 figure#id3 .roomobject {
 position: absolute !important;
    left: 418px;
    width: 500px;
    top:100px;
    height: 500px;
    background: url('../images/objekt/Blomma_3.png') no-repeat
}

body#room16 figure#id1 .roomobject {
 position: absolute !important;
    left: 418px;
    width: 500px;
    top:100px;
    height: 500px;
    background: url('../images/objekt/Blomma_3.png') no-repeat
}

body#room16 figure#id3 .roomobject {
    position: absolute !important;
    left: 418px;
    width: 500px;
    top:100px;
    height: 500px;
    background: url('../images/objekt/Blomma_3.png') no-repeat
}





.animationdiv { 
    /*display: none;*/
    bottom: -10px;
    clear: both;
    float: left;
    left: 150px;
    position: absolute!important;
    z-index: 999}


.roomobject {
    bottom: -10px;
    clear: both;
    left: 348px;
    position: absolute !important;
    top: 24px;
    z-index: 999;
}


.yourighttext, .othercorrecttext  {
    /*color:#173d06*/
    color:#527841;
    /*color:#0f2903*/

}
.youwrongtext {color:#790c0e}
.qstat {
    bottom: 72px;
    display: inline-block;
    left: 65px;

    position: absolute;
}
.fullstat {
    display: none;
    position: absolute;
    /*    right: -3px;
        top: 156px;*/

}

.youstatus  .qt_stat_text .youtext  {
    left: 51px; 
    position: relative;
    top: -47px;
}

.fullstat  .qt_stat_text {
    left: 51px; 
    position: relative;
    top: -50px; 
}

span.otherstatus span.qt_stat_text {
    position:relative;
    /*top: -47px;*/
    left: 3px;
    /*left: 51px;*/

}
.fullstat.notvalidcauseFULL {display: inline}
.fullstat .qt_stat_text {
    /*left: 62px;*/
    position: relative;
    /*top: -4px;*/
    top: -18px;
    /*top: -30px;*/
}

.correctperson {

    left: 44px;
    padding: 43px 0 0 18px;
    position: absolute;
    top: 80px;

}

.correctperson img {
    border:2px solid #FFF;
    height: 42px;
    width: 42px;
}
/*.bubbla .questiondiv.YouStatus-1 form {border:2px solid red } 
.bubbla .questiondiv.YouStatus1  form {border:2px solid green } 
.bubbla .questiondiv.SomeoneElseStatus1 form {border:0px solid blue} */


.bubbla .ALTERNATIVES {
    margin-top: 8px;
    /*display: none;*/
    /*margin-top: 18px;*/
}

.QuestText h3 {
    /*color: #9D1B35;*/
    font-size: 13px;
    line-height: 16px;


}

.bubbla .questiondiv  {
    /*    padding: 14px 30px 0px 54px;
        display: block; 
        border:1px solid red;*/
    height: 100%;
    width: 100%;
}
.bubbla .questiondiv form {
    /*padding: 17px 20px 5px;*/
        padding: 37px 7px 5px 62px;
    /*padding: 20px 20px 0px 20px;*/
    display: block; 
    /*border:1px solid #CCC;*/
    height: 100%;
    width: 100%;
}





body#room16 .bubbla {
    left: 27px;
}

.bubbla form  input.radio ,
.bubbla form  input.radio ,
.bubbla form  input[type="radio"] {
    vertical-align:top;
    margin-top:3px;  
}
.bubbla form.notvalid label {
    display: none;
    /*padding-left: 24px;*/
    /*min-height: 25px;*/
    /*background: url("../images/notvalid.png") no-repeat scroll 0 0 transparent;*/
}


.bubbla form label {
    display: block;
    /*float: left;*/
    margin-bottom: 5px;
    margin-right:  5px;
    margin-left: 0px;
    /*width: 230px;*/

}
.full_by_ajax {
    display: none;
    position: relative;
    top: 73px;  

}
/*.anim8  {position: relative;left:-200px}*/
.anim16  {position: relative;left:-155px} 

.anim15  {position: relative;left:-155px} 

body.Teamcomplete  .bubbla form  {
    display: none
} 
body.Teamcomplete  .bubbla { 
    background: url("../images/alla_fragor_besvarade.png") no-repeat scroll 0 0 transparent!important;
}
body.noteam .bubbla { 
    background: url("../images/logga_in_pratbubbla.png") no-repeat scroll 0 0 transparent!important;
}

body.YOUDONE .questiondiv {
display:  none;}
body.YOUDONE .bubbla {
     background: url("../images/you_alla_fragor_klara.png") no-repeat scroll 0 0 transparent!important;
     
}


body.noteam  .bubbla form  {
    display: none
} 
.bubbla.fraga {
    /*background: url("../images/bubbla2.png") no-repeat scroll 0 0 transparent;*/
}
.bubbla {

    background: url("../images/blankbubbla.png") no-repeat scroll 0 0 transparent;
    font-size: 11px;
    font-weight: bold;
    height: 227px;
    left: 180px;
    /*line-height: 14px;*/
    position: relative;
    text-align: left;
    top: 71px;
    width: 315px;
color:#FFF;
}
.bubbla * {color: #FFF !important}

.didRIGHT .questiondiv  {display: none; }
.didFEL questiondiv  {display: none; }

.otherstatus {margin-left: 47px;} 

.didRIGHT form ,
.didFEL form , 
.didRIGHT .qstat ,
.didFEL .qstat {
    display: none !important;
}

.bubbla.didRIGHT {
    background: url("../images/ratt.png") no-repeat scroll 0 0 transparent;
}

.bubbla.didFEL {
    background: url("../images/fel.png") no-repeat scroll 0 0 transparent;
}

form.Question {width: 100%}



.gr-wall-main,
.gr-wall-other {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /*	background: transparent url(../images/damask.jpg) 0px 0px;*/
    background: transparent url(../images/SMH_kontorstapet.png) 0px 0px;
    /*background: transparent url(../images/tapet.gif) 0px 0px;*/
}
body#room10 .gr-wall-main,body#room10 .gr-wall-other {    background: transparent url(../images/Beige_m_vita_blommor.png) 0px 0px;}

body#room15 .gr-wall-main,body#room15 .gr-wall-other {    background: transparent url(../images/Samet.png) 0px 0px;}
body#room15 .bubbla {    
    left: 195px;
    top: 94px;
}

body#room8 .bubbla {    
    left: 195px;
    top: 94px;
}

body#room16 .gr-wall-main,body#room16 .gr-wall-other {    background: transparent url(../images/Wallpaper.png) 0px 0px;}

.gr-wall-main {
    left: 0;
}

.gr-floor {
    position: absolute;
    top: 100%;
    left: 0;
    height: 30%; 
    width: 100%;
    background: #874d2b url(../images/floor4.png) repeat-x 0px 0px;
    /*background: #874d2b url(../images/floor5.png) repeat-x 0px 0px;*/
}
body#room10 .gr-floor {
    background: #874d2b url(../images/Floor_betong2.png) repeat-x 0px 0px;
}
body#room15 .gr-floor {
    background: #874d2b url(../images/floor_black.png) repeat-x 0px 0px;
} 
body#room16 .gr-floor {
    background: #874d2b url(../images/fl32.png) repeat-x 0px 0px; 
}




body#room8 div#xnr3.cc_room_item2 ,
body div#xnr3.cc_room_item2 
 
{
    background: url("../images/objekt/Uppvisningsbas.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 479px;
    left: 222px;
    position: absolute !important;
    top: 194px;
    width: 705px;
}

body#room8 div#xxnr3.cc_room_item3 ,
body div#xxnr3.cc_room_item3 
{
    background: url("../images/objekt/uppvisningsanim_liten2.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
       height: 229px;
    left: 296px;
    position: absolute !important;
    top: 241px;
    width: 520px;
}