
/* css reset */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
em, font, img, q, s, samp,
small, strike, strong, b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}


body { background: #fff; font-family: "helvetica neue",helvetica,arial,sans-serif; font-size:medium !important; }
.smaller { font-size: smaller !important;}


h1 { font-size:22px !important; line-height:1.25 !important; text-align:center; background:#fff;}

.handle, .geo { color:#3498db;}


a { color:#3498db;}

.modal-backdrop { background:none !important;}

.modal-footer  {
    padding: 9px 10px 10px !important;
    margin-top: 10px !important;
    text-align: center !important;
    border-top: 1px solid #e5e5e5;
}

.modal.in {
   display:block;
}

.radar { position: relative; z-index: 2000; margin:auto; text-align:center;}



body { position:relative; }
#expop {
	top:10px;
	width:650px;
	margin-left:-500px;
	left:50%;
	display:none;
	position:absolute;
	z-index:100000;
}
.expop_style {
	background-color:#fff;
	border:5px solid #960505;
	padding:10px 15px;
	font-size:12pt;
	width:980px;
	height:650px;
}
.expop_style h1, .expop_style h2, .expop_style h3 {
	margin:5px 0;
	padding:0;
}
#expop_dim {
	background-color:#3c4043;
	opacity: 0.8;
	filter:alpha(opacity=80);

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
	z-index:99999;
}
.expop_bottom_links {
	margin-top:10px;
	text-align:center;
}

.expop_round_tr {
	-moz-border-radius-topright:35px;
	-khtml-border-radius-topright:35px;
	-webkit-border-top-right-radius:35px;
	border-top-right-radius:35px;
}
.expop_round_tl {
	-moz-border-radius-topleft:35px;
	-khtml-border-radius-topleft:35px;
	-webkit-border-top-left-radius:35px;
	border-top-left-radius:35px;
}
.expop_round_br {
	-moz-border-radius-bottomright:35px;
	-khtml-border-radius-bottomright:35px;
	-webkit-border-bottom-right-radius:35px;
	border-bottom-right-radius:35px;
}
.expop_round_bl {
	-moz-border-radius-bottomleft:35px;
	-khtml-border-radius-bottomleft:35px;
	-webkit-border-bottom-left-radius:35px;
	border-bottom-left-radius:35px;
}
.expop_skew {
	-webkit-transform:translate(0, 50px)rotate(15deg) skew(-8deg,-8deg) scaleY(1.1);
	-moz-transform:translate(0, 50px)rotate(15deg) skew(-8deg,-8deg) scaleY(1.1);
	transform:translate(0, 50px)rotate(15deg) skew(-8deg,-8deg) scaleY(1.1);
}


/* mute button */
#mute-button {
    width: 25px;
    height: 28px;
    min-width: 35px !important;
    background-color: rgba(136, 186, 126, 0.8);
    border: 1px solid #75A16D;
    cursor: pointer;
    /* box-shadow: 0px 0px 5px rgba(0,0,0,0.4); */
    z-index: 9999999;
    padding: 1px 6px 7px 6px;
    border-radius: 5px;
    position: fixed;
    top: 15px;
    right: -385px;
    margin-right: 50%;
    text-align: center;
}

#mute-button:hover {
    background-color: #95b78f;
}

#mute-button img {
    height: 100%;
}

#mute-button-mobile {
    display: none;
}

@media (max-width:959px) {
    #mute-button {
        display: none;
    }
    
    #mute-button-mobile {
        display: block;
        width: 60px;
        height: 25px;
        min-width: 35px !important;
        background-color: rgba(136, 186, 126, 0.65);
        border: 1px solid black;
        cursor: pointer;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
        z-index: 9999999;
        padding: 0px 5px 5px 5px;
        border-radius: 5px;
        position: relative;
        top: 12px;
        right: 13px;
        float: right;
        text-align: center;
        background-blend-mode: overlay;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMV…HwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
    }

    #mute-button-mobile:hover {
        background-color: #95b78f;
    }

    #mute-button-mobile img {
        height: 100%;
    }
}

@media (max-width:959px) and (orientation:portrait) {
    #mute-button-mobile {
        margin-bottom: 20px;
    }
}

@media (max-width:959px) and (orientation:landscape) {
    #mute-button-mobile {
        position: fixed;
    }
}