#view_cont, #viewer {
	height: 100% !important;
}

#s3s_loader {
  /*float: left;*/
  position: relative;
  background-color: #e1e0e2;
  width:100%;
  height: 100%;
}

#s3s_loader .loader {
  width: 68%;
  height: 13em;
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-bottom: 4px solid white;
}

#s3s_loader .loader_mask {
  background-color: #e1e0e2;
  position: absolute;
  width: 100%;
  height: 110%;
  right: 0;
}

#s3s_loader .loader .filler {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#s3s_loader .loader_features {
    width: 78%;
    position: absolute;
    top: 81%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 2.5em;
}

#s3s_loader .loader_text {
    width: 78%;
    position: absolute;
    top: 93%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 2.5em;
    text-align: center;
    font-weight: bold;
}

#s3s_loader .loader_features .lo_fnc {
    width: 19%;
    height: 100%;
    background-color: #fafafac2;
    float: left;
    margin-right: 1%;
    border-radius: .4em;
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}

#s3s_loader .loader_features .lo_fnc {
    background-position: center;
    background-size: contain; 
    background-repeat: no-repeat;
}

.hide {
	opacity: .4;
}

#slick_cont {
	width: 100%;
	height: 100%;
}

#slick_cont .content {
	width: 100%;
	height: 100%;
}

#slick_cont .row {
	width: 100%;
	height: 3em;
	float: left;
	margin-left: 0em;
	margin-right: 0em;
	z-index: 99;
}

#slick_cont .row.top {
	position: relative;
	top: .5em;

}

#slick_cont .row.bottom {
	position: absolute;
	bottom: 0.5em;
}

#slick_cont .fnc {
	width: 3em;
	height: 3em;
	background-color: #fafafac2;
	margin-left: .5em;
	float: left;
	border-radius: .15em;
}

#slick_cont .fnc.right {
	float: right;
	margin-left:0em;
	margin-right: .5em;
}

#help .sub, #slick_cont .sub {
    width: 3em;
    height: 3em;
	border-radius: .15em;
    opacity: 0;
    position: relative;
    background-color: #dadadad1;
    background-size: contain;
    background-repeat: no-repeat;
    cursor:pointer;
}

#help .sub {
	opacity: 1;
	margin-top: .25em;
	margin-bottom: .25em;
}

#curr_res.sub.lv {
	height: 3em !important;
	width: 3em !important;
}

#slick_cont .row.bottom .fnc.on .sub.lv.up {
	top: -10.5em;
	height: 3em;
	opacity: 1;
	position: relative;
	-webkit-transition: top .2s, height .2s, opacity .2s;
	-webkit-transition-timing-function: ease-in-out;
}

#slick_cont .row.bottom .fnc.off .sub.lv.up {
	top: 0em;
	height: 0;
	opacity: 0;
	position: relative;
	-webkit-transition: top .2s, height .2s, opacity 0.2s;
	-webkit-transition-timing-function: ease-in-out;
}

#slick_cont .fnc.on .sub.lv {
	top: 3.5em;
	margin-bottom: .5em;
	opacity: 1;
	-webkit-transition: top .2s, margin-bottom .2s, opacity .2s;
	-webkit-transition-timing-function: ease-in-out;
}

#slick_cont .fnc.off .sub.lv {
	top: 0em;
	height: 0;
	opacity: 0;
	-webkit-transition: top .2s, height .2s, opacity 0.2s;
	-webkit-transition-timing-function: ease-in-out;
}

#chg_res {

}

#res.fnc.off {
	opacity: .9;
}

#chg_res-low, #chg_res-low-med, .fnc.off.low, .fnc.off.low-med  {
	border: solid #ccf390 .25em;
	background-color: #ccf390 !important;
	color: #565656;
}

#chg_res-med, .fnc.off.med {
	border: solid #daec6a .25em;
	background-color: #daec6a !important;
	color: #565656;
}

#chg_res-med-high, .fnc.off.med-high {
	border: solid #ecde39 .25em;
	background-color: #ecde39 !important;
	color: #565656;
}

#chg_res-high, .fnc.off.high {
	border: solid #f8bc1f .25em;
	background-color: #f8bc1f !important;
	color: #565656;
}

#chg_res-high-ultra, .fnc.off.high-ultra {
	border: solid #fd7e20 .25em;
	background-color: #fd7e20 !important;
	color: white;
}

#chg_res-ultra, .fnc.off.ultra {
	border: solid #fe3431 .25em;
	background-color: #fe3431 !important;
	color: white;
}

#chg_res-mega, .fnc.off.mega {
	border: solid black .25em;
	background-color: black !important;
	color: white;
}

#help .txt, #slick_cont .txt, #curr_res .txt {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: .8em;
    font-weight: bold;
}


#play, .lo_fnc.play {
	background-image: url("play_new.png");
}

#swipe, .lo_fnc.swipe {
	background-image: url("drag.png");
}

#polygon, .lo_fnc.polygon {
	background-image: url("3d.png");
}

#pano, .lo_fnc.pano {
	background-image: url("panorama.png");
}

.lo_fnc.thumbs {
	background-image: url("thumbs.png");
}

#threed{
	position: absolute;
	width: 100%;
	height: 100%;
}

#email_icon {
	background-image: url(link.png);
    width: 100%;
    height: 100%;
    background-size: cover;
}

#help_icon {
	background-image: url(question.png);
    width: 100%;
    height: 100%;
    background-size: cover;
}

#close_icon {
	background-image: url(close.png);
    width: 100%;
    height: 100%;
    background-size: cover;
}


#download_icon {
	background-image: url(download.png);
    width: 100%;
    height: 100%;
    background-size: cover;
}

#facebook {
	background-image: url("fb.png");
}

#twitter {
	background-image: url("twitter.png");
}

#type_act, #type {
	background-image: url(play_new.png);
    background-size: 90%;
    background-position: center;
    background-repeat: none;
    background-repeat: no-repeat;
}

#thumbs {
	background-image: url(thumbs.png);
    background-size: 90%;
    background-position: center;
    background-repeat: none;
}

/*panorama stuff*/
.pnlm-controls-container {
	right: 4px !important;
	left: unset !important;
}

.pnlm-container {
	position: absolute !important;
}

#share_text {
	display: none;
}

#share {
	background-image:url('share_icon.png');
	background-size: 85%;
    background-position: center;
    background-repeat: no-repeat;
}


#minilogo {
	position: absolute;
    z-index: 9999;
    width: 3em;
    height: 2em;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1em;
    margin-bottom: 1em;
    opacity: 0.3;
}

#thumbs_icons {
	/*position: absolute;*/
    bottom: 0em;
    height: auto;
    background-color: #ffffff4f;
    width: 100%;
    text-align: center;
    padding-top: .5em;
    padding-bottom: .5em;
    float: left;
    margin-bottom: 4em;
    z-index: 9999;
    /*display: initial;*/
}

#thumbs_icons.off {
	display: none;
	/*bottom: -7em;*/
	position: absolute;
}

#thumbs_icons.on {
	display: inline;
	position: fixed;
}

.thumb_ico {
	width: 4em;
    height: 4em;
    border-radius: .4em;
    border: solid 2px #ffffffc7;
    margin-right: .3em;
    display: inline-block;
    background-position: center;
    background-size: cover;
}

#drag_cont {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #f000;
    z-index: 12;
}

#drag_cont.minimized {
	width: 0%;
	height: 0%;
}

#exp_view_cont {
	width: 50%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #e0e0e0;
    border-radius: 1em;
    padding: 1em;
}
#exp_view_cont.hidden {
	width: 0%;
	height: 0%;
	display: none;
	top: 0%;
	left: 0%;
}

#exp_icon {
	width: 25%;
	height: 100%;
	float: left;
}
#exp_icon img {
	width: 100%;
}

#exp_text {
	width: 75%;
	height: 100%;
	float: left;
}

#exp_but_cont {
    width: 100%;
    float: left;
    height: 3em;
    margin-top: 1em;
}

#exp_but {
    width: 75%;
    background-color: orange;
    border-radius: .4em;
    padding: .5em;
    text-align: center;
    margin: auto;
    color: white;
    font-weight: bold;
}

#exp_loader {
    width: 100%;
    float: left;
    height: 2.5em;
}

#load_cont {
    width: 100%;
    height: 100%;
    border: solid 2px #2a97f3;
    padding: .3em;
    border-radius: .4em;
}

#load {
    height: 100%;
    width: 0%;
    background-color: #2996f3;
}

#poly_controls {
    position: absolute;
    
}

#poly_controls.x {
	right: 4em;
    bottom: 1em;
}

#poly_controls.y {
	right: 1em;
    bottom: 5em;
}

#y {
    width: 2em;
    height: 7em;
    background-color: #e0e0e0;
    padding: .5em;
    border-radius: .4em;
}

#drag_y {
    width: 100%;
    height: 25%;
    background-color: #3296f3;
    top: 35%;
    position: relative;
}


#x {
	width: 8em;
    height: 2em;
    border-radius: .4em;
    background-color: #e0e0e0;
    padding: .5em;
    border-radius: .4em;
}

#drag_x {
	width: 25%;
    height: 100%;
    background-color: #3296f3;
    position: relative;
    left: 35%;
}

#poly_controls.zoom {
    right: 1em;
    bottom: 1em;
}

#zoom_in {
    background-color: #e0e0e0;
    border-radius: .4em;
    padding: .75em;
    /* margin-bottom: 1em; */
    font-weight: bold;
    color: #3296f3;
    text-align: center;
    position: relative;
    right: 2.5em;
    top: 0.75em;
}

#zoom_out {
    background-color: #e0e0e0;
    border-radius: .4em;
    padding: .75em;
    margin-top: .5em;
    font-weight: bold;
    color: #3296f3;
    text-align: center;
}

#trz {
	background-color: #e0e0e0;
    border-radius: .4em;
    padding: .75em;
    margin-top: .5em;
    font-weight: bold;
    font-size: 3em;
    color: #3296f3;
    text-align: center;
}

.poly_snap, .pano_snap {
    width: 3em;
    height: 3em;
    position: relative;
    left: 3.2em;
    border-radius: .3em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .5;
}

.poly_snap:hover, .pano_snap:hover {
	opacity: 1;
}

ul li span {
	width: 100%;
	/*height: 100vh !important;*/
	position: fixed !important;
	top: 0;
}

#z_load {
    width: auto;
    position: absolute;
    right: 1em;
    bottom: 1em;
    z-index: 500;
    display: none;
    padding: .5em .8em;
    border-radius: .3em;
    background-color: #e2dfd9;
    opacity: 1;
}

#z_load.fadeout {
	background-color: #5cb85c;
	transition-delay: 3s;
	-webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
     opacity: 0;
}

.zl {
    height: 100%;
    width: 100%;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    color: #464540;
    font-size: .7em;
    font-weight: bold;
    text-align: center;
    background-image: url('upload_loading.gif');
}

#z_load.fadeout .zl {
	background-image: none;
	color: white;
}

#help-cont {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000b8;
    z-index: 500;
    display: none;
}

#help-cont.open {
	display: inline;
}

#help {
    position: absolute;
    width: 98%;
    height: 98%;
    background-color: #ffffffc4;
    z-index: 9999;
    border-radius: .5em;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#menu-expanded {
    height: 100%;
    width: 30%;
    /*background-color: #b08c8c3d;*/
    border-radius: .4em 0 0 .4em;
    float: left;
}

#help-explanation {
    width: 70%;
    height: 100%;
    /*background-color: blue;*/
    float: right;
    border-radius: 0 .4em .4em 0;
    font-size: .9em;
}

#help-functions, #help-resolutions {
    margin-left: .25em;
    float: left;
}

#red.sub.lv {
    background-image: url("1.png");
}

#blue.sub.lv {
    background-image: url("2.png");
    /*background-color: #3285f0;*/
}


#help-explanation .row {
    width: 98%;
    float: left;
    margin-left: .25em;
}

#help-explanation .row.title {
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em;
}

#help-explanation #red, #help-explanation #blue, #help-explanation #swipe, #help-explanation #thumbs {
    float: left;
    margin-right: .5em;
}

#help-close {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 1em;
    padding: .5em;
    border-radius: .4em;
    background-color:black;
	color:white;
	font-size: .95em;
	font-weight: bold;
}

#helpbut {
    position: absolute;
    right: .5em;
    height: 3em;
    width: 3em;
    background-color: #e8e8e8;
    top: .5em;
    border-radius: .3em;
    z-index: 99999;
}

#helpbut.offset {
    right: 2.5em;
}

#a_miscs img {
    display: none;
}

ul li img {
    image-orientation: from-image;
}