@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AlternateGothic';
    src: url('../fonts/AlternateGothicNo3-webfont.eot');
    src: url('../fonts/AlternateGothicNo3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AlternateGothicNo3-webfont.woff2') format('woff2'),
         url('../fonts/AlternateGothicNo3-webfont.woff') format('woff'),
         url('../fonts/AlternateGothicNo3-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body, div, h1, h2, h3, span, p {
    /*font-family: 'open_sans_condensedbold';*/
    /*color: #ffffff;*/
}
/* fullscreen */
html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0px;
    overflow: hidden; /* disable scrollbars */
}

body {
    font-size: 10pt;
    background: #ffffff;
}

table, tr, td {
    font-size: 10pt;
    border-color: #777777;
    background: #dddddd;
    color: #fff;
    border-style: solid;
    border-width: 2px;
    padding: 5px;
    border-collapse: collapse;
}

h1 {
    font-size: 18pt;
}

h2 {
    font-size: 14pt;
}

.warning {
    font-weight: bold;
}
/* fix for scroll bars on webkit & Mac OS X Lion */
::-webkit-scrollbar {
    background-color: rgba(0,0,0,0.5);
    width: 0.75em;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.5);
}

.preview-tour-map {
    background: rgba(0, 0, 0, 0.59) none repeat scroll 0 0;
    border: 1px solid rgb(231, 231, 231);
    height: 450px;
    left: 50%;
    margin-left: 0px;
    margin-top: -225px;
    position: absolute;
    top: 50%;
    transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
    transform-origin: 50% 50% 0;
    transition: all 1000ms ease-out 0ms;
    visibility: hidden;
    width: 40%;
}

/*.mCSB_draggerContainer{ display:none;}*/

/*Label_house h2{
	font-family:open_sans_condensedbold;
	font-weight: 100;
    font-style: normal;
	color:#bf2e1a;
	border:none;
	text-align:left;
	font-size:2em;
	text-transform:uppercase;
	padding: 0px 1px 0px 1px;
	overflow:hidden;
	}*/



#btn_zoom {
    margin-left: -30px;
}

#btn_zoomout {
    margin-left: -30px;
}
/*#LoadingText h1{ font-family:open_sans_condensedbold; font-size:20px; text-transform:uppercase; }*/
/*#PercentageText h1 { font-family:open_sans_condensedbold; font-size:70px; text-transform:uppercase; }*/
#PercentageText h1 #PerText {
    font-family: open_sans_condensedbold;
    font-size: 20px;
    text-transform: uppercase;
    margin-left: 10px;
}
/*#LabelText { margin-left:-8.04%; }*/
/*#LabelText h2{ color:#C00; font-family:open_sans_condensedbold; text-transform:uppercase; }*/
#scrollDIv {
    cursor: pointer;
}
/*#LabelText h2{vertical-align:middle; top:100% !important; margin-top:0; font-size:18px;}*/
/*#Logo{width:100%; float:left !important; border-bottom:1px solid #cfcfcf;}*/
/*#Logo img{width:60% !important; min-width:100px !important; margin-left:48px; margin-top:31.5px;*/ }
/*#LabelText{display:block; float:left; height:154px;*/ /*position:absolute; top:44px; left:13%;*/
}




#BgleftNav {
    display: block;
    height: 100%;
    z-index: 9999 !important;
}

#Logo {
    width: 100%;
    float: left !important; /*border-bottom:1px solid #cfcfcf;*/
}

    #Logo img {
        width: 100% !important; /* margin-left:18px;*/
    }

#LabelText {
    display: block;
    float: left; /* height:154px;*/
    position: relative; /*top:44px; left:13%;*/
    width: 100%;
}

    #LabelText img {
        width: 100%;
    }
/*#LeftNavIcon{  width:60% !important; height:60% !important;  margin-top:-3px !important; z-index:202 !important;}*/
/*#togglemenubtn{  width:60% !important; height:60% !important; margin-left:83px !important; margin-top:-9px; }*/
/*#follrplanbtn{ width:60% !important; height:60% !important;  margin-top:-7px; margin-left:0px; z-index:203 !important;}*/
/*#ToggleMenuBtn{ width:60% !important; height:60% !important;  margin-top:-5px; margin-left:60px; z-index:203 !important;}
		#btn_full_screen{  width:60% !important; height:60% !important; margin-left:56px !important; margin-top:-9px; z-index:204 !important;}*/
#btn_zoom {
    width: 60% !important;
    height: 60% !important;
    margin-left: 28px !important;
    margin-top: 40px !important;
    z-index: 205 !important;
}

#btn_zoomout {
    width: 60% !important;
    height: 60% !important;
    margin-left: 28px !important;
    margin-top: 20px;
    z-index: 206 !important;
}

#floorPlanOuter {
    width: 30% !important;
    height: 30% !important; /* left:-132px !important;top:120px;*/
}

#floorplan {
    width: 30% !important;
    height: 30% !important; /* left:-132px !important;top:120px;*/
}

#Categories, #Categories > div {
    width: 100% !important;
}

    #Categories > div {
        border-bottom: 1px solid #ccc !important;
        margin-top: 15px !important;
    }

        #Categories > div > h1 {
            color: #dd0e14;
            margin-left: 15px !important;
            font-size: 18px !important;
        }
/*#BgNavigationRight > div.ggskin_text{height:40px !important;}*/
#BgNavigationRightInner {
    z-index: 1001 !important;
    display: block;
    width: 98%;
    position: relative;
    float: left;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

    #BgNavigationRightInner > div.ggskin_container {
        left: 0 !important;
        float: left !important;
        position: relative; /*height:auto !important;*/
    }
    /*	#BgNavigationRightInner h1{color:#dd0e14 !important; margin-left:15px !important; font-size:16px;}*/
    #BgNavigationRightInner h2 {
        font-size: 18px !important;
        float: left;
        display: block; /*height:auto !important;*/
        position: relative;
        clear: both;
        width: 100%;
    }

    #BgNavigationRightInner > div > div.ggskin_text {
        display: inline-block;
        text-align: left !important;
        margin-left: 15px;
    }

    #BgNavigationRightInner > div > div.ggskin_button {
        position: relative !important;
        float: left;
        width: 20px !important;
        display: inline-block !important; /*height:38px !important;*/
        margin-left: 15px;
    }

    #BgNavigationRightInner > div img {
        width: 20px !important;
        height: 20px !important;
        position: relative !important;
        float: left !important;
        margin-top: 17px;
    }

#scrollDIv > div > h4, #tourname h2 {
    font-size: 20px !important;
}

.lefttogglemenu {
    left: 103%;
    position: absolute;
    top: 20px;
    width: 148px;
}

.iconfloorplan {
    float: left;
    display: inline-block;
    width: 68px;
    height: 68px;
}

.leftnavtoggleicon {
    float: left;
    display: inline-block;
    width: 68px;
    height: 68px;
    cursor: pointer;
    margin-right: 10px;
}


.righttogglemenu {
    right: -15px;
    position: absolute;
    top: 20px;
    width: 172px;
}

.btnfullscreen {
    float: left;
    display: inline-block;
    width: 68px;
    height: 68px;
    position: relative;
    margin-right: 10px;
}

    .btnfullscreen img {
        width: 100%;
        height: 100%;
    }

.righttogglebtn {
    float: left;
    display: inline-block;
    width: 68px;
    height: 68px;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
}

    .righttogglebtn img {
        width: 100%;
        height: 100%;
    }

.ggskin-rightsidebar {
    position: absolute;
    top: 0px;
    visibility: inherit;
    width: 30.4271%;
    max-width: 320px;
    min-width: 150px;
    background-color: rgb(255, 255, 255);
    transform-origin: 50% 50% 0px;
    transition: all 1000ms ease-out 0ms;
    left: 100%;
    transform: translate(-320px, 0px) rotate(0deg) scale(1, 1);
    overflow-y: scroll !important;
    height: 100%;
}

.ggskin-zoom-out {
    cursor: pointer;
    height: 52px;
    right: 20px;
    position: absolute;
    bottom: 67px;
    visibility: inherit;
    width: 55px;
    transform-origin: 50% 50% 0px;
    transition: none 0s ease 0s;
    z-index: 999999;
}

    .ggskin-zoom-out img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.ggskin-zoom-in {
    cursor: pointer;
    height: 52px;
    right: 20px;
    position: absolute;
    bottom: 120px;
    visibility: inherit;
    width: 55px;
    transform-origin: 50% 50% 0px;
    transition: none 0s ease 0s;
}

    .ggskin-zoom-in img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 999999;
    }

.left-scrollbar {
    display: block;
    height: 100%;
    left: 0;
    position: relative;
    transform-origin: 50% 50% 0;
    visibility: inherit;
    width: 100%; overflow-y: scroll;
}

.left-sidebar-img-outer {
    position: relative;
}

.marzimapdiv {
    height: 500px;
}

.modal-body {
    padding: 1px !important;
}
.bottomlogoimg {
    background-color:#fff;
    border-radius:50%;
    -webkit-border-radius:50%;
}
.bottomlogoimg > img {
    width:95%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*#floorplan{ width:30% !important; }*/
@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .leftnavtoggleicon, .iconfloorplan {
        width: 40px !important;
        height: 40px !important;
    }

    .btnfullscreen, .righttogglebtn {
        width: 40px !important;
        height: 40px !important;
    }

    .righttogglemenu {
        width: 34% !important;
    }

    #scrollDIv > div > h4, #tourname h2 {
        font-size: 10px !important;
        margin-left: -10px;
    }

    .ggskin-zoom-in {
        width: 35px !important;
        height: 32px !important;
        bottom: 101px !important;
    }

    .ggskin-zoom-out {
        width: 35px !important;
        height: 32px !important;
    }

    .marzimapdiv {
        height: 200px;
    }
    .modal .share-dialog {
                width: auto !important;
            }
    .modal-dialog {
        max-width: 200px !important;
        width: 100% !important;
    }

    /*.bottomlogoimg {width:280px !important; top:50% !important; left:50% !important; margin-left:-140px !important; margin-top: -140px !important;    }*/
    /*.bottomlogoimg { width: 140px !important;top: 50% !important;left: 50% !important;margin-left: -75px !important;margin-top: -85px !important;}*/
    .bottomlogoimg {
        width: 101px !important;height: 101px !important;top: 50% !important;left: 50% !important;margin-left: -48px !important;margin-top: -49px !important;

    }

}

@media screen and (min-device-width: 361px)and (max-device-width: 767px) {
    .marzimapdiv {
        height: 200px;
    }

    .modal-dialog {
        max-width: 400px !important;
        width: 100% !important;
    }

    #scrollDIv > div > h4, #tourname h2 {
        font-size: 10px !important;
    }
      .bottomlogoimg {
    width: 101px !important;
    height: 101px !important;
    top: 50% !important;
    left: 50% !important;
    margin-left: -48px !important;
    margin-top: -49px !important;
        
}
}

/*@media (min-width:640px)
{
	#floorplan{width:40% !important; height:40% !important;/* left:-182px !important; top:-29px !important;}}

@media (min-width:560px)
{
	#floorplan{width:40% !important; height:40% !important;/* left:0px !important;}*/
#follrplanbtn {
    width: 60% !important;
    height: 60% !important;
    margin-top: -7px;
    margin-left: -25px;
    z-index: 203 !important;
}

#LeftNavIcon {
    width: 60% !important;
    height: 60% !important;
    margin-top: -3px !important;
}

#btn_full_screen {
    width: 60% !important;
    height: 60% !important;
    margin-left: 58px !important;
    margin-top: -10px;
}

#ToggleMenuBtn {
    width: 60% !important;
    height: 60% !important;
    margin-left: 58px !important;
    margin-top: -3px;
}

@media (min-width:768px) {

    .lefttogglemenu {
        left: 385px;
        position: absolute;
        top: 20px;
        width: 180px;
    }

    .iconfloorplan {
        float: left;
        display: inline-block;
        width: 68px;
        height: 68px;
    }

    .leftnavtoggleicon {
        float: left;
        display: inline-block;
        width: 68px;
        height: 68px;
    }

    .righttogglemenu {
        right: 20px;
        position: absolute;
        top: 20px;
        width: 180px !important;
    }

    .btnfullscreen {
        width: 68px !important;
        height: 68px !important;
    }

    .righttogglebtn {
        width: 68px !important;
        height: 68px !important;
        cursor: pointer;
        margin-right: 10px;
    }




    #follrplanbtn {
        width: 100% !important;
        height: 100% !important;
        margin-top: -3px;
        margin-left: 3px;
        z-index: 203 !important;
    }

    #scrollDIv > div > h4, #tourname h2 {
        font-size: 20px !important;
    }

    #Categories, #Categories > div {
        width: 100% !important;
    }

        #Categories > div {
            border-bottom: 1px solid #ccc !important; /* margin-top:37px !important;*/
        }

            #Categories > div > h1 {
                color: #dd0e14;
                margin-left: 24px !important;
            }
    /*#BgNavigationRight > div.ggskin_text{height:40px !important;}*/


    #BgNavigationRightInner {
        z-index: 1001; /* height:auto !important;*/
        display: block;
        width: 98%;
        position: relative;
        float: left;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        direction: ltr;
    }

        #BgNavigationRightInner > div.ggskin_container {
            left: 0 !important;
            float: left !important;
            position: relative;
            float: left; /*height:auto !important;*/
        }

        #BgNavigationRightInner h1 {
            color: #dd0e14 !important;
            margin-left: 15px !important;
            font-size: 24px;
        }

        #BgNavigationRightInner h2 {
            font-size: 18px !important;
            float: left;
            display: block; /*height:auto !important;*/
            position: relative;
            clear: both;
            width: 100%;
        }

        #BgNavigationRightInner > div > div.ggskin_text {
            display: inline-block;
            text-align: left !important;
            margin-left: 15px;
        }

        #BgNavigationRightInner > div > div.ggskin_button {
            position: relative !important;
            float: left;
            width: 20px !important;
            display: inline-block !important; /*height:38px !important;*/
            margin-left: 15px;
        }

        #BgNavigationRightInner > div img {
            width: 20px !important;
            height: 20px !important;
            position: relative !important;
            float: left !important;
            margin-top: 17px;
        }

    #Logo {
        width: 100%;
        float: left !important;
    }

        #Logo img {
            width: 100% !important; /* margin-left:18px;*/
        }

    #LabelText {
        display: block;
        float: left; /* height:154px;*/
        position: relative; /*top:44px; left:13%;*/
        width: 100%;
    }

        #LabelText img {
            width: 100%;
        }

    #LeftNavIcon {
        width: 100% !important;
        height: 100% !important;
        margin-top: 0px !important;
    }

    #togglemenubtn {
        width: 100% !important;
        height: 100% !important;
        margin-left: 26px !important;
        margin-top: -8px;
    }

    #btn_full_screen {
        width: 100% !important;
        height: 100% !important;
        margin-left: 26px !important;
        margin-top: -8px;
    }

    #ToggleMenuBtn {
        width: 100% !important;
        height: 100% !important;
        margin-left: 0px !important;
        margin-top: -0px;
    }

    #btn_zoom {
        width: 100% !important;
        height: 100% !important;
        margin-left: 3px !important;
        margin-top: 10px !important;
    }

    #btn_zoomout {
        width: 100% !important;
        height: 100% !important;
        margin-left: 3px !important;
        margin-top: 8px !important;
    }

    #headingTop {
        position: relative;
    }

        #headingTop img {
            width: 100%;
            position: relative;
        }
    /*#follrplanbtn{ width:100% !important; height:100% !important; margin-left:2px !important; margin-top:-4px; }
    #ToggleMenuBtn{ width:100% !important; height:100% !important; margin-left:2px !important; margin-top:-4px; }*/

    /*#floorplan{width:50% !important; height:50% !important;*/ /*margin-left:-46px;  margin-top:240px;*/
}
/*.lefttogglemenu{left:0px; position:absolute; top:20px; width:200px;}*/
}


@media (min-width:980px) {
    #floorplan {
        width: 60% !important;
        height: 60% !important; /*margin-left:-56px !important; margin-top:240px;*/
    }
}

@media (min-width:1280px) {
    #floorplan {
        width: 70% !important;
        height: 70% !important; /*margin-left:-15px !important; margin-top:-28px;*/
    }
}


@media (min-width:1366px) {
    #floorplan {
        width: 80% !important;
        height: 80% !important;
    }
}

@media (min-width:1560px) {
    #floorplan {
        width: 90% !important;
        height: 90% !important; /*margin-left:168px !important; margin-top:50px;*/
    }
}

@media (min-width:1700px) {
    #floorplan {
        width: 100% !important;
        height: 100% !important;
    }
}


/*@media (min-width:800px)
{

	#LabelText h2{top:9.35%;  left:13%;}
}
@media (min-width:980px)
{

	#LabelText h2{top:7.6%;  left:13%;}
}
*/


/*@media screen and (min-width: 360px) {
		
		#LabelText{  left:14.5% !important;  top:13.8%!important; }		
		#LabelText h2{ font-size:12px;  }
		
		#Devider_Line{ top:10.5% !important}
		#LeftNavIcon{ width:60% !important; height:60% !important; margin-top:-10px;}
		#togglemenubtn{  width:60% !important; height:60% !important; margin-left:85px !important; margin-top:-10px; }
		#btn_full_screen{  width:60% !important; height:60% !important; margin-left:58px !important; margin-top:-10px; }
		#btn_zoom{  width:60% !important; height:60% !important; margin-left:28px !important; margin-top:40px !important;}
		#btn_zoomout{  width:60% !important; height:60% !important; margin-left:28px !important; margin-top:20px;}
		
		
		
		}
		
		
		
		
		@media screen and (min-width: 640px) {
		
		#LabelText{left:13.5% !important; top:8% !important; }			
		#LabelText h2{ font-size:18px;  }
		
		#LeftNavIcon{  width:80% !important; height:80% !important; margin-top:6px; }
		#togglemenubtn{  width:80% !important; height:80% !important; margin-left:50px !important; margin-top:6px;}
		#btn_full_screen{  width:80% !important; height:80% !important; margin-left:35px !important; margin-top:6px; }
		#btn_zoom{  width:80% !important; height:80% !important; margin-left:3px !important; margin-top:17px !important;  }
		#btn_zoomout{  width:80% !important; height:80% !important; margin-left:3px !important; margin-top:8px !important;  }
		
		
		
		}
		
		
		
		@media screen and (min-width: 768px) {
		
		#LabelText{left:13.5% !important; top:13.5% !important; }			
		#LabelText h2{ font-size:18px;  }
		
		#LeftNavIcon{  width:80% !important; height:80% !important; margin-top:6px; }
		#togglemenubtn{  width:80% !important; height:80% !important; margin-left:50px !important; margin-top:6px;}
		#btn_full_screen{  width:80% !important; height:80% !important; margin-left:35px !important; margin-top:6px; }
		#btn_zoom{  width:80% !important; height:80% !important; margin-left:3px !important; margin-top:17px !important;  }
		#btn_zoomout{  width:80% !important; height:80% !important; margin-left:3px !important; margin-top:8px !important;  }
		
		
		
		}
		
		
		@media screen and (min-width: 1024px) {
		
		#LabelText{left:13.5% !important; top:12.5% !important; }			
		#LabelText h2{ font-size:18px;  }
		
		#LeftNavIcon{  width:80% !important; height:80% !important; margin-top:6px; }
		#togglemenubtn{  width:80% !important; height:80% !important; margin-left:50px !important; margin-top:6px;}
		#btn_full_screen{  width:80% !important; height:80% !important; margin-left:35px !important; margin-top:6px; }
		#btn_zoom{  width:80% !important; height:80% !important; margin-left:3px !important; margin-top:17px !important;  }
		#btn_zoomout{  width:80% !important; height:80% !important; margin-left:3px !important; margin-top:8px !important;  }
		
		
		
		}
		
		
		
		
		
		@media screen and (min-width: 1080px) {
		
		#LabelText{left:13.5% !important; top:14.2% !important; }			
		#LabelText h2{ font-size:26px;  }
		
		#LeftNavIcon{  width:80% !important; height:80% !important; margin-top:6px; }
		#togglemenubtn{  width:80% !important; height:80% !important; margin-left:50px !important; margin-top:6px;}
		#btn_full_screen{  width:80% !important; height:80% !important; margin-left:35px !important; margin-top:6px; }
		#btn_zoom{  width:80% !important; height:80% !important; margin-left:3px !important; margin-top:17px !important;  }
		#btn_zoomout{  width:80% !important; height:80% !important; margin-left:3px !important; margin-top:8px !important;  }
		
		
		
		}
		
			@media screen and (min-width: 1920px) {
		
		#LabelText{left:13.5% !important; top:12.5% !important; }			
		#LabelText h2{ font-size:26px;  }
		
		#LeftNavIcon{  width:100% !important; height:100% !important;  }
		#togglemenubtn{  width:100% !important; height:100% !important; }
		#btn_full_screen{  width:100% !important; height:100% !important;  }
		#btn_zoom{  width:100% !important; height:100% !important;   }
		#btn_zoomout{  width:100% !important; height:100% !important;  }
		
		
		
		}*/


.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

.marzipano-label {
    height: 22px !important;
}

.marzipano-label-top {
    height: 32px !important;
}

.marzipano-label-Preview {
    height: 32px !important;
    padding: 0px 5px 2px 3px;
}

.marzipano-label-top-Preview {
    height: 22px !important;
}

.popup-skin-svensk {
    height: 356px;
    margin-left: -144px;
    margin-top: -175px;
    width: 289px;
    position: absolute;
    /*top: 50%;*/
    left: 50%;
}

.popup-skin-info {
    margin-left: -144px;
    margin-top: -175px;
    width: 289px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.modal-content {
    background: none !important;
}
.oculus-go-title {position: absolute;background: #f97d19;font-size: 18px;top: 7px;color: #fff;margin-left: 6px;padding: 6px 14px;border: 0;font-family:AlternateGothic;border-radius:0;}