#map-container {
    width: 50%;
    margin: 2em auto;
}
html {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    font-family: 'Fira Sans', sans-serif;
    line-height: 1.5em;
    color: #444;
} 
body {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #F7F7F7;
}
hr {
    height: 1px;
    border-width: 0px;
    outline: none;
    background : linear-gradient(to right, rgba(0,0,0,.05),rgba(0,0,0,.2),rgba(0,0,0,0.05));
    margin: .75em 0;
}
hr.dark {
    height: 1px;
    border-width: 0px;
    outline: none;
    background : linear-gradient(to right, rgba(0,0,0,.05),rgba(0,0,0,.2),rgba(0,0,0,0.05));
    margin: 1.25em 0;
}
hr.light {
    height: 1px;
    border-width: 0px;
    outline: none;
    background : linear-gradient(to right, rgba(255,255,255,.025),rgba(255,255,255,.2),rgba(255,255,255,0.025));
    margin: .5em 0;
}
hr.tight {
    height: 1px;
    border-width: 0px;
    outline: none;
    background : linear-gradient(to right, rgba(0,0,0,.025),rgba(0,0,0,.1),rgba(0,0,0,0.025));
    margin: .25em 0;
}
.shadowDown {
    box-shadow: 0 1px 1px 1px rgba(0,0,0,.025);
}
h1,h2,h3 {
    /*font-family: 'Montserrat', sans-serif;*/
    color: #fab607;
    margin: .75em 0;
    line-height: 105%;
}
h2 {
    color: #222222;
}
h3 {
    color: #666;
}
a {
    display: inline-block;
    text-decoration: none;
    color: rgb(84, 87, 126);
}
a:hover {
    text-decoration: underline;
    color: rgb(13, 16, 61);
}
div {
    position: relative;
    box-sizing: border-box;
}
pre {
    /*
    outline: 1px solid #ccc; padding: 5px; margin: 5px; 
    */
}
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: rgb(124, 124, 124); }
.hide {
    display: none;
}
.block {
    display: block;
}
#container {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
label, 
input[type='text'], 
input[type='password'] {
    display: block;
    position: relative;
    margin: 0 0 0 0;
    box-sizing: border-box;
}
label {
    cursor: pointer;
}
label:hover {
    color:#000;
}
/* label {
    color: #666;
    font-weight: bold;
    margin: 1em 0 0 0;
} */
input[type='text'], input[type='password'], input[type='date'], textarea, select {
    padding: .5em;
    border: 1px solid #b4b4b4;
    border-radius: .25em;
    margin: 0 0 0 0;
    /*box-shadow: 0 0 .25em rgba(0,0,0,.1);*/
    box-sizing: border-box;
} 
input[type='checkbox'] {
    width: 1.15em;
    height: 1.15em;
}
select {
    padding: .5em;
}
select {
    border: 1px solid #b4b4b4; 
    outline-width: 0;
}
button {
    display: inline-block;
    position: relative;
    padding: .5em 1em;
    margin: .25em;
    border-width: 0;
    border-radius: .25em;
    font-weight: bold;
    cursor: pointer;
    background-color: #ececec;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.1);
    color:#000;
    text-shadow: 0 0 .25em rgba(0,0,0,.1);
    /*box-shadow: 0 0 .25em rgba(0,0,0,.15);
    box-shadow: 1px 1px 1px rgba(0,0,0,.25);*/
}
button h1,h2,h3 {
    color: #333;
}
button:hover {
    background-color: #ffffff;
}
button:active {
    box-shadow: none;
}
button.activeBtn {
    background-color: #f9b118;
    color: #FFF;
}
button.activeBtn svg {
    fill: white;
}
button.activeBtn strong {
    color: #FFF;
}
button.orange {
    border-width: 0;
    background-color: #fab607;
    /*background-color: #f9b118;
    /*border: 1px solid #f9b118;*/
    color: #FFF;
}
button.orange:hover {
    background-color: #ffc340;
}
button.black {
    border-width: 0;
    background-color: #000000;
    /*background-color: #f9b118;
    /*border: 1px solid #f9b118;*/
    color: #FFF;
}
button.black:hover {
    background-color: #252525;
}
button.green {
    background-color: #008106;
    color: #FFF;
}
button.green:hover {
    background-color: #00aa09;
}
/*
button.orange:hover {
    background-color: #009a08;
}
*/
button.red {
    background-color: rgb(170, 0, 0);
    color: #FFF;
}
button.red:hover {
    background-color: rgb(204, 0, 0);
}
button.black {
    background-color: rgb(0, 0, 0);
    color:#ffa200;
}
button.black:hover {
    background-color: rgb(63, 63, 63);
}
button.small {
    font-size: 85%;  
}
button.filter {
    /*font-size: smaller;*/
    margin: 0 .25em .25em 0;
    padding: 0.25em;
    background-color: #f1f1f1;
    border-width: 0;
    color: #676767;
    border: 1px solid #e0e0e0;
    border-radius: .25em;
    box-shadow: 0 0 .2em rgba(0,0,0,.2em);
}
button.filter span {
    color: #444;
}
button.filter:hover {
    background-color: #ffffff;
}
button.filterActive {
    background-color: orange;
    border: 1px solid orange;
    color: #FFF;
}
button.filterWhite {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
}
button.filterActive h3 {
    color: #FFF;
}
button.filterActive:hover {
    background-color: rgb(255, 194, 79);
    border: 1px solid rgb(255, 194, 79);
}
button.link {
    box-shadow: none;
    border-width: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.round {
    border-radius: 50%;
    overflow: hidden;
}
.roundSelected {
    border: 5px solid orange;
}
.imgToBtn {
    border: 1px solid #CCC;
    border-radius: .25em;
    padding: 1em;
    box-shadow: 0 0 .5em rgba(0,0,0,.15);
}
.divButton {
    position: relative;
    display: block;
    border-radius: .25em;
    background-color: #EEE;
    padding: .5em;
    margin: 0 0 1em 0;
    font-size: .9em;
    line-height: normal;
}
.sticky {
    position: sticky !important;
    top: 0;
    z-index: 1;
}
.selected {
    background-color: rgb(255, 241, 132);
}
.loading {
    display: block;
    position: relative;
    background-image: url("../images/icons/loading.gif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 2em;
    height: 5em;
}
.loadingTight {
    display: block;
    position: relative;
    background-image: url("../images/icons/loading.gif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 0;
    margin: 0;
}
.loadingFull {
    display: block;
    position: relative;
    background-image: url("../images/icons/loading.gif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.loadingSmall {
    display: block;
    position: relative;
    background-image: url("../images/icons/loading.gif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 0em;
    height: 1.5em;
    width: 1.5em;
}
.reportContainer {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
}
.scroll {
    overflow-y: scroll;
    height: 20em;
}
.scrollSmall {
    height: 8em;
    overflow-y: scroll;
}
.scrollMedium {
    height: 12em;
    overflow-y: scroll;
}
.scrollBig {
    height: 30em;
    overflow-y: scroll;
}
.scrollX {
    overflow-x: scroll !important;
}
.scrollVh {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 75vh;
}
.tag {
    display: inline-block;
    padding: .15em 1em;
    margin: 0 .25em 0 0;
    background-color: #ececec;
    border: 1px solid #d0d0d0;
    border-radius: .15em;
    font-size: 80%;
}
.tagSmall {
    display: inline-block;
    padding: .3em 1em .1em 1em;
    margin: 0;
    line-height: normal !important;
    background-color: #e1e1e1;
    border: 1px solid #d0d0d0;
    border-radius: .5em;
    font-size: 75%;
    color: #000;
}
.tagSmallest {
    display: inline-block;
    padding: .1em 1em .1em 1em;
    margin: 0;
    line-height: normal !important;
    border: 1px solid #bbbbbb;
    background-color: #DDD;
    border-radius: .5em;
    font-size: 70%;
    color: #000;
}
.tagBgPartner {
    background-color: rgb(245, 245, 245);
}
.tagBgGeneral {
    background-color: rgb(214, 230, 191);
}
.notice {
    border-radius: .25em;
    background-color: rgb(24, 113, 0);
    color: #ffffff;
    font-weight: bold;
    padding: 1em;
}
.notify {
    border-radius: .25em;
    background-color: rgb(24, 113, 0);
    color: #ffffff;
    font-weight: bold;
    padding: 1em;
}
.error {
    border-radius: .25em;
    background-color: rgb(234, 216, 216);
    color: #510000;
    font-weight: bold;
    padding: 1em;
}
.black {
    color:#000;
}
.orange {
    color:#fab607; !important;
}
.darkOrange {
    color:#633f00; !important;
}
.red {
    color: red;
}
.blue {
    color: #0063c0 !important;
}
/* .black {
    background-color: #000;
    color: #FFF;
}
.blackFg {
    color: #000;
} */
.whiteBg {
   background-color: #F7F7F7; 
}
.errorBG {
    background-color: rgba(206, 23, 23, .1);
}
.errors {
    color: #FFF;
    background-color: rgba(206, 23, 23, .1);
    padding: 1em;
    border-radius: .5em;
    color: #811;
}
.errorBorder {
    border-color: red !important;
}
.bordered {
    border: 1px solid #ddd;
    padding: 2em;
    margin: 1em 0em;
    text-align: center;
}
.highlight {
    background-color: rgba(0,0,0,.075);
    border: 1px solid rgba(0,0,0,.01);
    padding: 1em;
    border-radius: .5em;
}
.highlightBtn {
    background-color: rgba(0,0,0,.075);
    border: 1px solid rgba(0,0,0,.01);
    padding: 1em;
    border-radius: .5em;
}
.highlightBtn:hover {
    background-color: rgba(0,0,0,.120);
}
.clear {
    padding:0;
    margin:0;
    border-width:0;
    background-color:transparent;
    box-shadow: none;
}
.clear:hover {
    background-color: rgb(231, 231, 231);
}
.tight {
    margin:0;
    padding:0;
}
.tightHalf {
    margin:.25em;
    padding:.5em;
}
.tightLight {
    margin:0.25em 0;
    padding:0;
}
.tightMedium {
    margin:0.25em 0;
    padding:.25em 0;
}
.tightLh {
    margin:0;
    padding:0;
    line-height: .25em;
}
.tightBorder {
    border: 1px solid #DDD;
    border-radius: .25em;
    padding:.25em
}
.icon {
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    padding:.5em;
    margin:0;
    border-width:0;
    background-color:transparent;
    box-shadow: none;
    border-radius: 50%;
    border: .1em solid #BBB;
    background-color: #FFF;
    height: 3em;
    width: 3em;
}
.icon:hover {
    background-color: #E0E0E0;
}
.icon img {
    display: block;
    width: 100%;
}
.iconSmall {
    height: 2em;
    width: 2em;
}
.iconNoHover {
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    padding:.5em;
    margin:0;
    border-width:0;
    background-color:transparent;
    box-shadow: none;
    border-radius: 50%;
    border: .1em solid #BBB;
    background-color: #FFF;
    height: 3em;
    width: 3em;
}
.iconNoHover img {
    display: block;
    width: 100%;
}
.removed {
    background-color: rgba(255, 4, 0, 0.074) !important;
}
.socialTotalBig {
    width:125px
}
.socialTotalSmall {
    width:100px
}
#socialThumbCntr {
    position: relative;
}
.videoOverlay {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.25);
}
.tiny {
    padding: 0;
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
}
.tiny:hover {    
    background-color: transparent;
}
.small {
    font-size: 90%;
}
.strong {
    font-weight: bold;
}
.blackFg {
    color:#111;
}
.detailedInsight {
    box-sizing: border-box;
    padding: 2em 1em;
    width: 100%;
    color: #000;
    /*
    box-shadow: 0 0 .5em rgba(0,0,0,.35);
    background-color: #f0f0f0;
    border-radius: 8px;
    border: 1px solid #dddddd;
    */
}
.detailedInsight .grey {
    color: #4d4d4d;
}
.detailedInsight .divRight {
    /*border-right: 1px solid rgba(255,255,255,.1);*/
    border-right: 1px solid rgba(0,0,0,.1);
}
/* .detailedInsight hr {
    background : linear-gradient(to right, rgba(255,255,255,.05),rgba(255,255,255,.1),rgba(255,255,255,0.05));
} */
.odd {
    border-top: 1px solid #DDD;
    padding: 1em;
}
.odd:nth-child(even) {
    background-color: rgba(0,0,0,.05);
}
.oddS {
    background-color: #ffffff;
    border-top: 1px solid #e6e6e6;
}
.oddS:nth-child(even) {
    background-color: #f0f0f0;
}
.oddBdr {
    padding: .5em 0;
    border-top: 1px solid rgba(0,0,0,.125);
}
.oddBdr:nth-child(odd) {
    background-color: rgba(0,0,0,.05);
}
.oddBdrHdr {
    padding: .5em 0;
    font-weight: bold;
    border-top: 1px solid #BBB;
    background-color: rgba(0,0,0,.025);
}
.oddBdrPadding {
    padding: 1em 0;
    border-bottom: 1px solid rgba(0,0,0,.050);
}
.oddBdrPadding:nth-child(odd) {
    background-color: rgba(0,0,0,.045);
}
.oddBdrLeft {
    padding: .5em 0;
}
.oddBdrLeft:nth-child(odd) {
    background-color: rgba(0,0,0,.025);
    border-left: .2em solid rgba(0,0,0,.125);
}
.oddBdrLeft:nth-child(even) {
    background-color: rgba(0,0,0,.05);
    border-left: .2em solid rgba(0,0,0,.25);
}
.oddBdrTight {
    padding: .25em 0;
    border-top: 1px solid #DDD;
}
.oddBdrTight:nth-child(odd) {
    background-color: rgba(0,0,0,.01);
}
.oddBdrTight:nth-child(even) {
    background-color: rgba(0,0,0,.02);
}
.downloading {
    animation-name: downloading;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes downloading {
    0% { 
        fill: rgb(228, 148, 0); 
    }
    50% {
        fill: rgb(165, 107, 0); 
    }
    100% {
        fill: rgb(228, 148, 0); 
    }
}
.hover {
    cursor: pointer;
}
.hover:hover {
    background-color: rgba(0,0,0,.05);
}
.hoverO {
    cursor: pointer;
}
.hoverO:hover {
    color: #f9b118 !important;
}
.cursor {
    cursor: pointer;
}
.smaller {
    font-size: 80%;
    font-weight: normal;
}
.smallest {
    font-size: 70%;
    /*font-weight: bold;*/
}
.bigger {
    font-size: 125%;
}
.padding {
    position: relative;
    padding: 0 7.5%;
}
.paddingAll {
    padding: 1em;
    box-sizing: border-box;
}
.paddingLeft {
    padding-left: 1em;
}
.paddingRight {
    padding-right: 1em;
}
.paddingTop {
    padding-top: 1em;
}
.paddingBottom {
    padding-bottom: 1em;
}
.paddingBottomHalf {
    padding-bottom: .5em;
}
.paddingTopBottom {
    padding: 1em 0 1em 0;
}
.paddingTopBottomHalf {
    padding: .5em 0 .5em 0;
}
.borderBottom {
    border-bottom:1px solid #dddddd;
    padding: .5em 0 .5em 0;
    margin: 0 0 .5em 0;
}
.borderLight {
    border: 1px solid rgba(255,255,255,.125);
    background-color: rgba(255,255,255,.06);
    padding: .25em;
    border-radius: .25em;
}
.big {
    font-size: 115%;
}
.grey {
    color: #818181;
}
.ltgrey {
    color: #8d8d8d;
}
.dkgrey {
    color: #505050;
}
.bgGrey {
    background-color: rgb(226, 226, 226);
    color: rgb(58, 58, 58);
}
.bgGrey:hover {
    background-color: rgb(233, 233, 233);
}
.pointer {
    cursor:pointer;
}
.spaceBetween {
    display:flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}
.justifyLeft {
    display:flex;
    position:relative;
    justify-content:flex-start;
    box-sizing: border-box;
}
.justifyRight {
    display:flex;
    position:relative;
    justify-content:flex-end;
    box-sizing:border-box;
}
.justifyCenter {
    display:flex;
    position:relative;
    justify-content:center;
    align-items: center;
    box-sizing:border-box;
}
.divBtn {
    display:flex;
    position:relative;
    justify-content:center;
    align-items: center;
    box-sizing:border-box;
    border: 1px solid rgba(0,0,0,.2);
    padding: 1em;
    border-radius: 8px;
    background-color: #FFF;
}
.wrap {
    flex-wrap: wrap;
}
.gap {
    gap: 1em;
}
.gapSmall {
    gap: .25em;
}
.gapMedium {
    gap: .5em;
}
.inlineFlex {
    display: inline-flex;
    width: fit-content;
}
.column {
    display: flex;
    position: relative;
    width:100%;
    justify-content: flex-start;
    flex-direction: column;
}
.flex {
    flex: 1;
}
.flexWrap {
    flex-wrap: wrap;
}
.center {
    align-items: center;
}
.top {
    align-items: flex-start;
}
.bottom {
    align-items: flex-end;
}
.alignLeft {
    text-align: left;
}
.alignRight {
    text-align: right;
}
.alignCenter {
    text-align: center;
}
.flexStart {
    align-items: flex-start;
}
.hList {
    line-height:1em;
    border-right:1px solid #DDD;
    padding:0 1em 0 0;
    margin: 0 1em 0 0;
}
.playOverlay {
    position:absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
}
.thumbHover {
    position: absolute;
    display: block;
    top: calc(50% - 1.5em);
    left: calc(50% - 1.5em);
    height: 3em;
    width: 3em;
    filter: drop-shadow(0 0 .25em rgba(0,0,0,.25));
    fill: rgba(255,255,255,.75);
}
.thumbHover:hover {
    fill: orange;
}
.thumb {
    border-radius: .5em;
    box-sizing: border-box;
    box-shadow: 0 0 .5em rgba(0,0,0,.25);
    padding: .5em;
    margin: 0;
    background-color: #FFF;
    box-sizing: border-box;
}
.landscape {
    width: 15.5%;
}
.portrait {
    width: 10.5%;
}
.thumb:hover {
    background-color: #fffece;
}
.thumb img {
    border-radius: .5em;
    width: 100%;
    display: block;
    cursor: pointer;
}
.thumb img:hover {
}
.thumb svg {
    cursor: pointer;
}
#thumbCntr {
    display: flex;
    position: relative;
    justify-content: center;
    margin-top: 2em;
}
#thumbCntr img {
    max-width: 80%;
    max-height: 70vh;
}
.thumbSmall {
    border-radius: .5em;
    box-sizing: border-box;
    box-shadow: 0 0 .25em rgba(0,0,0,.25);
    padding: .25em;
    margin: 0;
    height: 12vh;
}
.thumbSmall img {
    display: block;
    width:auto;
    border-radius: .5em;
}
.nrThumb {
    border-radius: .5em;
    box-sizing: border-box;
    box-shadow: 0 0 .25em rgba(0,0,0,.45);
    padding: .5em;
    margin: 0;
    min-width: 5%;
}
.nrThumb img {
    border-radius: .5em;
    box-sizing: border-box;
    box-shadow: inset 0 0 .25em rgba(0,0,0,.45);
}
.cacheThumb {
    border-radius: .5em;
    box-sizing: border-box;
    box-shadow: 0 0 .25em rgba(0,0,0,.25);
    padding: .25em;
    margin: 0;
    width: 5em;
}
.cacheThumb img {
    display: block;
    width:auto;
    border-radius: .5em;
}
.divImg {
    width: 10em;
    height: 10em;
    display: block;
    position: relative;
    background-repeat: none;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
    background-position: center;
}
.divImgSmall {
    width: 4em;
    height: 4em; 
    display: inline-block;
    position: relative;
    background-repeat: none;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
    background-position: center;
}
.divImgMedium {
    width: 4em;
    height: 4em; 
    display: inline-block;
    position: relative;
    background-repeat: none;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 12px;
    background-position: center;
}
.divImgRound {
    min-width: 70px;
    min-height: 70px; 
    max-height: 70px;
    max-width: 70px;
    width: 70px;
    height: 70px;
    display: block;
    position: relative;
    background-repeat: none;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 50%;
    /*border: .25em solid #b3b3b3;
    box-shadow: 0 0 .5em rgba(0,0,0,1);*/
}
.divImgRoundSmall {
    min-width: 30px;
    min-height: 30px; 
    max-height: 30px;
    max-width: 30px;
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    background-repeat: none;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: .2em solid lightgrey;
    border-radius: 50%;
}
.divImgRoundBig {
    min-width: 140px;
    min-height: 140px; 
    max-height: 140px;
    max-width: 140px;
    width: 140px;
    height: 140px;
    display: block;
    position: relative;
    background-repeat: none;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: .2em solid lightgrey;
    border-radius: 50%;
}
.divImgRoundLarge {
    min-width: 1025px;
    min-height: 125px; 
    max-height: 125px;
    max-width: 125px;
    width: 125px;
    height: 125px;
    display: block;
    position: relative;
    background-repeat: none;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: .2em solid orange;
    border-radius: 50%;
}
.circleIndicator {
    display: block;
    position: relative;
    height: 1.15em;
    width: 1.15em;
    border-radius: 50%;
    cursor: pointer;
}
.circleThumb {
    display: inline-block;
    position: absolute;
    top: -.75em;
    left: -1.75em;
    width: 7em;
    height: 7em;
    overflow: hidden;
    border-radius: 50%;
    border: .25em solid #FFF;
    box-shadow: 0 0 .25em rgba(0,0,0,.20);
    background-size: cover;
}
.circleThumbInline {
    display: inline-block;
    position: relative;
    width: 7.5em;
    height: 7.5em;
    overflow: hidden;
    border-radius: 50%;
    border: .25em solid #FFF;
    box-shadow: 0 0 .25em rgba(0,0,0,.20);
    background-size: cover;
}
.circleThumbInlineMedium {
    display: inline-block;
    position: relative;
    width: 4em;
    height: 4em;
    overflow: hidden;
    border-radius: 50%;
    border: .25em solid #FFF;
    box-shadow: 0 0 .25em rgba(0,0,0,.20);
    background-size: cover;
}
.circleThumbInlineSmall {
    display: inline-block;
    position: relative;
    width: 3.5em;
    height: 3.5em;
    overflow: hidden;
    border-radius: 50%;
    border: .25em solid #FFF;
    box-shadow: 0 0 .25em rgba(0,0,0,.20);
    background-size: cover;
}
.banner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 10em;
    width: 100%;
    background-position: cover;
}
.border {
    border: 1px solid #c6c6c6;
    box-shadow: 0 0 .65em rgba(0,0,0,.15);
    border-radius: .25em;
    padding: .65em;
}
.borderSelected {
    border-radius: .25em;
    border: 2px solid rgb(255, 200, 0);
    background-color: rgba(253, 230, 0, 0.1);
    padding: .65em;
    box-shadow: none;
}
.disabledOverlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.125);
    border-radius: .25em;
}
.dropShadow {
    border-radius: .25em;
    box-shadow: 0 0 1em rgba(0,0,0,0.25);
}
.gMapOverlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    color: #000;
    padding: 1em;
    height: 100%;
    font-size: 175%;
} 
.gMapOverlay h1 {
    color: #FFF;
    text-shadow: 0 0 .125em #000;
}
/*
.borderBottom {
    padding-bottom: .5em;
    padding-top: .5em;
    border-top: 1px solid rgba(0,0,0,.09);
}
*/
.borderTop {
    border-top: 1px solid rgba(0,0,0,.09);
}
.borderTopThick {
    border-top: .5em solid #DDD;
}
.borderLeft {
    box-sizing: border-box;
    padding-left: .5em;
    margin-left: .5em;
    border-left: 1px solid rgba(0,0,0,.09);
}
.borderRight {
    box-sizing: border-box;
    padding-right: 1em;
    margin-right: 1em;
    border-right: 1px solid rgba(0,0,0,.1);
}
.borderLeftDiv {
    box-sizing: border-box;
    padding-left: 1em;
    border-left: .25em solid rgb(255, 240, 197);
}
.divLeft {
    border-left: 1px solid rgba(0,0,0,.1);
    padding-left: 1em;
    margin-left: 1em;
}
.divRight {
    border-right: 1px solid rgba(0,0,0,.15);
    margin-right: 0;
    padding-right: 1em;
}
.marginLeft {
    box-sizing: border-box;
    margin-left:1em;
}
.marginRight {
    box-sizing: border-box;
    margin-right:1em;
}
.marginBottom {
    margin-bottom: 1em;
}
.marginTop {
    margin-top: 1em;
}
.marginIcon {
    display: block;
    margin: .25em .1em;
}
.padding {
    padding: 1em;
}
.paddingLeft {
    box-sizing: border-box;
    padding-left: 1em;
}
.paddingRight {
    box-sizing: border-box;
    padding-right: 1em;
}
.paddingHalf {
    padding: .5em;
}
.form {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #f0f0f0;
    border-radius: .25em;
    padding: 1em;
    width: 50%;
    margin: 3em 25%;
    box-shadow: 0 0 .5em rgba(0,0,0,.1);
}
.card {
    box-sizing: border-box;
    border-radius: .5em;
    border: .15em solid rgba(0,0,0,.15);
    background-color: #FFF;
    padding: .75em;
    margin: .5em 0 0 0;
    /*box-shadow: 0 0 .5em rgba(0,0,0,.35);*/
}
.card_ds {
    box-shadow: 0 0 .25em rgba(0,0,0,.25);
    padding: 1em;
    margin: 1em .25em .25em .25em;
    border-radius: .25em;
}
.innerCard {
    box-sizing: border-box;
    border-radius: .25em;
    /*border: .2em solid rgba(0,0,0,.05);*/
    box-shadow: inset 0 0 .5em rgba(0,0,0,.35);
    background-color: rgba(255,255,255,.9);
    padding: 1em;
    margin: .5em 0 0 0;
}
.innerCardDark {
    box-sizing: border-box;
    border-radius: .25em;
    border: .2em solid rgba(0,0,0,.05);
    box-shadow: inset 0 0 .25em rgba(0,0,0,.25);
    background-color: rgba(0,0,0,.015);
    padding: .75em;
    margin: .5em 0 0 0;
}
.subtleCard {
    position: block;
    box-sizing: border-box;
    position: relative;
    border-radius: .5em;
    padding: 1em;
    margin: 1em;
    background-color: #f9f9f9;
    box-shadow: 0 0 .25em rgba(0,0,0,.35);
}
.subtleCardDk {
    position: block;
    box-sizing: border-box;
    position: relative;
    border-radius: .5em;
    padding: 1em;
    margin: 1em;
    background-color: #e9e9e9;
    border: .25em solid #d8d8d8;
    /* box-shadow: 0 0 .45em rgba(0,0,0,.5); */
    /* box-shadow: inset 0 0 .25em rgba(0,0,0,.45); */
}
.lightCard {
    position: block;
    box-sizing: border-box;
    position: relative;
    border-radius: .5em;
    padding: 1em;
    background-color: #f3f3f3;
    box-shadow: 0 0 .25em rgba(0,0,0,.35);
}
.lightCardTight {
    position: block;
    box-sizing: border-box;
    position: relative;
    border-radius: .25em;
    padding: .25em;
    background-color: #f9f9f9;
    box-shadow: 0 0 .25em rgba(0,0,0,.20);
    font-size: smaller;
}
.tightCard {
    position: block;
    box-sizing: border-box;
    position: relative;
    padding: .5em;
    background-color: #f9f9f9;
    box-shadow: 0 0 .25em rgba(0,0,0,.3);
}
.filterCard {
    border-radius: .25em;
    background-color: rgba(0,0,0,.05);
    box-shadow: 0 0 .25em rgba(0,0,0,.4);
    padding: 1em;
}
.card2 {
    box-shadow: 0 0 .25em rgba(0,0,0,.15);
    box-sizing: border-box;
    border-radius: .25em;
    background-color: #FFF;
    padding: .75em;
}
.section {
    border-top: 1px solid #e0e0e0;
    padding: 1em 0 0 0;
    margin: 1em 0 0 0;
}
.searchForm {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: .25em;
    background-color: #FFF;
    padding: .25em .5em;
}
.searchForm input {
    border-width: 0;
    background-color: transparent;
    box-shadow: none;
    outline: 0;
    margin: 0 0 0 1em;
    padding: .55em .25em;
}
.helilogo {
    width: 200px;
}
.loginForm {
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 .5em rgba(0,0,0,.1);
    border-radius: .25em;
    padding: 1.25em;
    min-width: 450px;
    max-width: 450px;
    top: 10vh;
    left: 50%;
    margin-left:-200px;
}
.linearAd {
    border: 1px solid #cfcfcf;
    border-radius: .5em;
    padding: 1em .5em;
    background: #FFF;
}
.linearAdSpace {
    padding: 1em;
    margin-bottom: .25em;
    background-color: rgba(0,0,0,.05);
}
.mapCntr {
    background-color: #a9a9a9;
}
#mapCntr {
    display: block;
    position: relative;
    box-sizing: border-box;
}
#filterShowsCntr {
    display: block;
    position: relative; 
    box-sizing: border-box;
    min-width: 375px;
    width: 375px;
}
#topBar {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 1.5em 1em 1.25em 1em;
    z-index: 1000;
    box-shadow: 0 0 .25em rgba(0,0,0,.25);
    background-color: #FFF;
    box-sizing: border-box;
}
#topNotifyCntr {
    display: block;
    position: relative;
}
#topNotifyNumCntr {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    font-size: 70%;
    top:-.5ch;
    right:-.2ch;
    border: 1px solid rgb(194, 0, 0);
    width: 2.25ch;
    height: 2.25ch;
    font-weight: bold;
    border-radius: 50%;
    background-color: rgb(194, 0, 0);
    color: #FFF;
}
#mainNav {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 .5em 0 .5em;
    margin: 0 .5em 0 1em;
}
#mainNav a {
    margin: 0 .5em 0 .5em;
    color: #666;
    font-size: 95%;
}
#mainNav a:hover {
    color: #666;
}
#mobileNav {
    display: none;
}
#contentContainer {
    display: flex;
    position: relative;
    width: 100%;
    align-items: top;
    justify-content: space-between;
    box-sizing: border-box;
    min-height: 93vh;
}
#sideNav {
    display: block;
    position: sticky;
    top: 1em;
    min-width: 25ch;
    max-width: 25ch;
    padding: 1em;
    background-color: rgb(0, 0, 0);
    color: #FFF;
    box-sizing: border-box;
}
#sideNav a {
    color: #FFF;
    display: flex;
    width: 100%;
    justify-content: left;
    align-items: center;
    text-decoration: none;
    padding: .25em 0;
}
#sideNav a:hover {
    background-color: rgba(0,0,0,.025);
}
#sideNav svg {
}
.outerPage {
    padding: 0 15%;
    background-color: #EEE;
}
.innerPage {
    background-color: #FFF;
    box-shadow: 0 0 1em rgba(0,0,0,.125);
    padding: 2em;
}
#content {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 1em;
    flex-grow: 1;
}
.active {
    background-color: rgb(255, 239, 149);
}
.activeButton {
    background-color: rgb(25, 148, 0);
    color: #FFF;
    border-color: rgb(25, 148, 0);
}
.activeButton:hover {
    background-color: rgb(25, 148, 0);
    color: #FFF;
    border-color: rgb(25, 148, 0);
}
.disabled {
    color: #a8a8a8 !important;
}
.disabled a {
    color: #a8a8a8 !important;
}
.disabledButton {
    background-color: rgb(148, 0, 0);
    color: #FFF;
    border-color: rgb(148, 0, 0);
}
.table table {
    margin-top: 1em;
    width: 100%;
    font-size: 90%;
    border-collapse: collapse;
}
.table th {
    text-align: left;
    padding: 1em 1em;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid rgba(0,0,0,.1);
    color: #FFF;
    background-color: rgba(0,0,0,.5);
    text-shadow: 0 0 5px rgba(0,0,0,1);
}
.table tr:nth-child(2n+1) {
    background-color: rgba(0,0,0,.05);
}
.table td {
    padding: .5em 1em;
    border-left: 1px solid rgb(224, 224, 224);
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.divTable {
    border-top: 1px solid rgba(0,0,0,.05);
    position: relative;
    display: flex;
    flex-wrap:nowrap;
    width: 100%;
    font-size: 85%;
    box-sizing: border-box;
}
.divTable:nth-child(2n) {
    background-color: rgba(0,0,0,.025);
}
.divTableHeaderBg {
    background-color: rgb(85, 85, 85);
}
.divTableHeader {
    /*padding: .5em .5em;*/
    box-sizing: border-box;
    background-color: rgba(0,0,0,.15);
    font-weight: bold;
    padding: .5em .15em;
}
.divTableDiv {
    /*padding: .15em .5em;*/
    box-sizing: border-box;
    border-right: 1px solid rgba(0,0,0,.1);
    padding: .15em .15em;
}
div.table  {
    position: relative;
    display: flex;
    width: 100%;
    font-size: 75%;
    box-sizing: border-box;
}
div.table:nth-child(2n) {
    background-color: rgba(0,0,0,.025);
}
div.table div {
    padding:.25em;
    border-top: 1px solid rgba(0,0,0,.07);
    border-left: 1px solid rgba(0,0,0,.07);
}
div.header div {
    padding:.25em;
    background-color: #888;
    color: #FFF;
    border-left: 1px solid rgba(0,0,0,.07);
}
#popupCntr {
    z-index: 5000;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    backdrop-filter: blur(3px);
}
#popup {
    display: block;
    position: fixed;
    top: 5%;
    left: 15%;
    /*margin-left: -6.5%;*/
    width: 70%;
    min-height: 85vh;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 1em rgba(0,0,0,.25);
    border-radius: 1em;
    padding: 1em;
}
.openUp { 
    position: fixed;
    bottom:0;
    right:0%;
    min-width:75%;
    min-height:90vh;
    max-height:90vh;
    background-color: white;
    /*border: 1px solid #DDD;*/
    border-top-left-radius: .125em;
    padding: 1em;
    z-index: 1000;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(0,0,0,.35);
}
.openUp2 {
    position: fixed;
    bottom:0;
    right:0%;
    min-width:75%;
    min-height:90%;
    max-height:90vh;
    background-color: white;
    /*border: 1px solid #DDD;*/
    border-top-left-radius: .25em;
    z-index: 75000;
    overflow: auto;
    box-shadow: 0 0 8px rgba(0,0,0,.35);
}
.dsModal {
    box-shadow: 0 0 .5em .25em rgba(0,0,0,.125);
    border-radius: .5em;
    margin: 0;
    padding: 0;
}
.overflowY {
    display: block;
    width: 100%;
    max-height: 75vh;
    overflow-y: scroll;
}
.scrollX {
    display: block;
    width: 100%;
    overflow-x: scroll;
}
.scrollY {
    display: block;
    width: 100%;
    overflow-y: scroll;
    max-height: 70vh;
    padding-right: 1em;
}
.openDown {
    top: 0em;
    left: 0;
    z-index: 50000;
    position: absolute;
    border: .1em solid #EEE;
    background-color: white;
    padding: 1em;
    box-shadow: 0 0 .5em .25em rgba(0,0,0,.125);
    border-radius: .5em;
    box-sizing: border-box;
}
.openDownLeft {
    right: 0;
    top: 0;
    position: absolute;
    border: .1em solid #EEE;
    background-color: white;
    padding: 1em;
    box-shadow: 0 0 .1em .1em rgba(0,0,0,.15);
    border-radius: .5em;
    box-sizing: border-box;
    z-index: 500000;
}
.openDownRight {
    left: 0;
    z-index: 500000;
    position: absolute;
    display: relative;
    border: .1em solid #EEE;
    background-color: white;
    padding: 1em;
    box-shadow: 0 0 .5em .1em rgba(0,0,0,.15);
    border-radius: .25em;
    box-sizing: border-box;
}
.openUpLeft {
    bottom: 0;
    right: 0;
    z-index: 5000;
    position: absolute;
    border: .1em solid #EEE;
    background-color: white;
    padding: 1em;
    box-shadow: 0 0 .5em .15em rgba(0,0,0,.15);
    border-radius: .5em;
    box-sizing: border-box;
}
.openUpRight {
    bottom: 0;
    left: 0;
    z-index: 5000;
    position: absolute;
    border: .1em solid #EEE;
    background-color: white;
    padding: 1em;
    box-shadow: 0 0 .5em .15em rgba(0,0,0,.15);
    border-radius: .5em;
    box-sizing: border-box;
}
.popupScroller {
    overflow-y: scroll;
    max-height: 45vh;
}
/* partners */
.showThumb {
    display: block;
    position: relative;
    width: 12em;
    height: 12em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: .5em;
    cursor: pointer;
    border-radius: .5em;
    overflow: hidden;
}
.showLogo {
    display: block;
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
}
#portalShowLogo {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    width: 25%;
}
.locked {
    display: flex;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.65);
    justify-content: flex-end;
    padding: 1em;
}
.unlocked {
    display: flex;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.15);
    justify-content: flex-end;
    padding: 1em;
}
.unlocked:hover {
    background-color: rgba(255,255,255,.25);
}
.partnerBanner {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    margin-bottom: 2em;
    color: #FFF;
    font-size: 1.25em;
    /*min-height: 350px;*/
}
.partnerBannerBadge {
    position: absolute;
    display: block;
    bottom: 0;
    left: 5%;
}
.partnerBannerBadge img {
    box-sizing: border-box;
    width: 10em;
    height: 10em;
    margin-bottom: -2em;
    border-radius: 50%;
    border: .25em solid #FFF;
    overflow: hidden;
    box-shadow: 0 0 .25em rgba(0,0,0,.75);
}
.partnerBannerBadge h1, 
.partnerBannerBadge h2 {
    color: #FFF;
    text-shadow: 0 0 .25em rgba(0,0,0,.85);
    margin: 0 0 .25em 0;
}
.partnerBannerHeader {
    position: absolute;
    display: block;
    bottom: 0;
    left: 5%;
}
.partnerBannerOverlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    background-color: rgba(0,0,0,.15);
    align-items: flex-start;
    padding: 1em;
}
#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}
#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}
#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 300px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}
a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}
a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}
a.control_prev {
  border-radius: 0 2px 2px 0;
}
a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}
.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}
.commPreviewCntr {
    background-color: #e0e0e0;
    border: 1px solid #cecece;
    height: 75vh;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.commPreview {
    width: 80%;
    background-color: #FFF;
    padding: 1em;
    box-shadow: 0 0 .5em rgba(0,0,0, .25);
}
.commHighlight {
    background-color: #fff3b1 !important;
}
.pm10 {
    width: 15ch;
    /*
    max-width: 25%;
    min-width: 20%;
    */
}
.pw25 {
    width: 25px;
} 
.w2 {
    width:49%;
}
.w3 {
    width:33%;
}
.w4 {
    width:24%;
}
.w5 {
    width: calc(100%/5);
}
.w6 {
    width: calc(100%/6);
}
.w7 {
    width: calc(100%/7);
}
.w8 {
    width: calc(100%/8);
}
.w9 {
    width: calc(100%/9);
}
.w10 {
    width: calc(100%/10);
}
.w11 {
    width: calc(100%/12);
}
.w12 {
    width: calc(100%/12);
}
.mw35 {
    max-width: 35%;
    min-width: 30%;
}
.p95 {
    width:95%;
}
.p90 {
    width:90%;
}
.p80 {
    width: 80%;
    min-width: 80%;
    max-width: 80%;
}
.p70 {
    width: 70%;
    min-width: 70%;
    max-width: 70%;
}
.p75 {
    width: 75%;
    min-width: 75%;
    max-width: 75%;
}
.p65 {
    width: 65%;
}
.p60 {
    width: 58%;
}
.p50 {
    /*width: 48%;*/
    width: calc((100%/2) - 2em)
}
.p40 {
    max-height: 40%;
    min-width: 40%;
    width: 40%;
}
.p33 {
    width: calc((100%/3) - 1.5em); 
    min-width: calc((100%/3) - 1.5em);
    max-width: calc((100%/3) - 1.5em);
}
.p30 {
    width: 30%;
}
.c33 {
    width: calc((100%/3)-1em);
}
.p25 {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}
.p20 {
    width: 20%;
    min-width: 20%;
    max-width: 20%;
}
.p15 {
    width: 15%;
}
.p12_5 {
    width: 15%;
}
.p10 {
    width: 10%;
    min-width: 10%;
    max-width: 10%;
}
.p8 {
    min-width: 8%;
    max-width: 8%;
}
.p7_5 {
    width: 7.5%;
}
.p5 {
    width: 5%;
    min-width: 5%;
    max-width: 5%;
}
.p70 {
    width: 70%;
}
.p100 {
    width: 100%;
}
.pw100 {
    width: 100%;
}
.pw50 {
    width: 50%;
}
.pw30 {
    width: 30%;
}
.p90 {
    width: 90%;
}
.pw30 {
    width: 30%;
}
.pw50 {
    width: 50%;
}
.px200 {
    min-width: 200px;
    width: 200px;
}
.px150 {
    min-width: 150px;
    width: 150px;
}
.px125 {
    min-width: 125px;
    max-width: 125px;
    width: 125px;
}
.px100 {
    min-width: 100px;
    width: 100px;
}
.px90 {
    min-width: 90px;
    width: 90px;
}
.px85 {
    min-width: 85px;
    width: 85px;
}
.px75 {
    min-width: 75px;
    width: 75px;
}
.px50 {
    min-width: 50px;
    width: 50px;
}
.white {
    color: #FFF;
}
.bg {
    background-color: #F7F7F7;
}
.bgWhite {
    background-color: #FFF !important;
}
.bgLtGrey {
    background-color: #FBFBFB;
}
.bgPortal {
    background-color: #F7F7F7;
}
.bgOrange {
    background-color: rgb(255, 150, 51);
    color: #FFF;
}
.bgOrange svg {
    fill: white;
}
.bgBlack {
    background-color: rgb(0, 0, 0);
    color: #FFF;
}
.bgWhite {
    background-color: #F7F7F7;
}
.bgRed {
    background-color: rgba(255, 0, 0, 1);
    color: #FFF;
}
.bgRed:hover {
    background-color: rgb(255, 53, 53)0, 1);
}
.bgBlack {
    background-color: #000;
    color: #FFF;
}
.bgGreen {
    background-color:rgb(67, 119, 0);
    color: #FFF;
}
.bgGreen:hover {
    background-color:rgb(103, 183, 0);
    color: #FFF;
}
.bgGrey {
    background-color:rgb(230, 230, 230);
    color: black;
}
.bgSelected {
    background-color: rgb(255, 208, 81) !important;
    color: #000;
}
.pageCntr {
    height: 600px;
    background-color: rgba(0,0,0,.05);
    overflow-y: scroll;
}
@media only screen and (max-width: 1900px) {
    .landscape {
        width: 17%;
    }
    .portrait {
        width: 13.5%;
    }
}
@media only screen and (max-width: 1700px) {
    .landscape {
        width: 20%;
    }
    .portrait {
        width: 15%;
    }
}
@media only screen and (max-width: 1500px) {
    .pm10 {
        max-width: 15ch;
        min-width: 15ch;
    }    
    .landscape {
        width: 23%;
    }
    .portrait {
        width: 22%;
    }
    #popup {
        left: 10%;
        /*margin-left: -6.5%;*/
        width: 80%;
        min-height: 85vh;
    }
}
@media only screen and (max-width: 1200px) {
    body {
        font-size:.9em;
    }
    .openUp { 
        margin-left:-44%;
        width:90%;
    }
    .w2 {
        width: 100%;
    }
    .w3 {
        width: 48%
    }
    .w4 {
        width: 33%
    }
    .partnerBannerBadge img {
        width: 8em;
        height: 8em;
        margin-bottom: -2em;
    }
    .partnerBannerDescription {
        font-size: 1em;
        padding: 2% 5%;
    }
    .partnerBannerDescription img {
        display: block;
        position: relative;
        height: 2em;
        margin: 0 0 1em 0;
    }
    .pm10 {
        max-width: 15ch;
        min-width: 15ch;
    }
    .socialTotalBig {
        width:100px
    }
    .socialTotalSmall {
        width:90px
    }   
    .landscape {
        width: 30%;
    }
    .portrait {
        width: 30%;
    }
    #popup {
        left: 5%;
        /*margin-left: -6.5%;*/
        width: 90%;
        min-height: 85vh;
    }
}
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 992px) {
    #sideNav {
        min-width: 7ch;
        max-width: 7ch;
    }
    #sideNav a {
    }
    #sideNav svg {
        margin: 0;
    }
    #sideNav a div {
        display: none;
    }
    #profileContainer {
        display: none;
    }
    .padding {
        position: relative;
        padding: 0 2.5%;
    }
    .paddingLeft {
        padding-left: 0;
    }
    .divTableDiv {
        padding: 0;
        box-sizing: border-box;
    }
    #navItems {
        display:none;
    }
    #mobileNav {
        display: flex;
        position: relative;
        width: 100%;
        justify-content: flex-end;
    }
    .mw35 {
        max-width: 30%;
        min-width: 30%;
    }
    #portalShowLogo {
        width: 25%;
    }
    .partnerBannerBadge {
        display: none;
    }
    .partnerBanner {
        margin-bottom: 1em;
    }
    .loginForm {
    }
}
@media only screen and (max-width: 900px) {
    .p50 {
        width: 100%;
    }
    .openUp { 
        width:100%;
    }
}
@media only screen and (max-width: 768px) {
    .w3 {
        width:100%;
    }
    .spaceBetween {
        flex-wrap: wrap;
    }
    .partnerBannerDescription {
        display:none;
    }
    #portalShowLogo {
        width: 35%;
    }
    .loginForm {
        margin: 0 5%;
        min-width: 90%;
        max-width: 90%;
        left: 0;
        top: 2em;
    }
    .p50 {
        width: 100%;
    }   
    .landscape {
        width: 48%;
    }
    .portrait {
        width: 48%;
    }
}
@media only screen and (max-width: 600px) {
    .desktop {
        display: none;
    }
    .helilogo {
        width: 159px;
    }
    /* partners */
    .showThumb {
        display: block;
        position: relative;
        width: 70vw;
        height: 70vw;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        margin: .5em;
        cursor: pointer;
        border-radius: .5em;
        overflow: hidden;
    }
    #sideNav {
        min-width: 7ch;
        max-width: 7ch;
    }
    #sideNav svg {
        width: 6ch;
        height: 6ch;
    }
    .openUp {
        width:95%;
    } 
    .landscape {
        width: 90%;
    }
    .portrait {
        width: 90%;
    }
}