.ss-1, .xs-1, .sm-1, .md-1, .lg-1,
.ss-1, .xs-2, .sm-2, .md-2, .lg-2,
.ss-1, .xs-3, .sm-3, .md-3, .lg-3,
.ss-1, .xs-4, .sm-4, .md-4, .lg-4, 
.ss-1, .xs-5, .sm-5, .md-5, .lg-5, 
.ss-1, .xs-6, .sm-6, .md-6, .lg-6, 
.ss-1, .xs-7, .sm-7, .md-7, .lg-7, 
.ss-1, .xs-8, .sm-8, .md-8, .lg-8, 
.ss-1, .xs-9, .sm-9, .md-9, .lg-9, 
.ss-1, .xs-10, .sm-10, .md-10, .lg-10, 
.ss-1, .xs-11, .sm-11, .md-11, .lg-11, 
.ss-1, .xs-12, .sm-12, .md-12, .lg-12 {
    position: relative;
    min-height: 1px;
    /*
    padding-right: 5px;
    padding-left: 5px;
    */
}
@media (min-width: 500px) {
    .container-fluid {
        max-width: 100vw;
    }
}
.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.rowAlign {
    align-items: center;
}

/*
.jumbo{
	display: block;
	position: relative;	
	background: #aaa;
	margin: 0 auto; padding: 0;
}
.jumbo:before{
	content: "";
	position: absolute;
	right: 0px;
	left: 0px;
	border-color: #FFF var(--BCGC) var(--BCGC) #FFF;
	border-style: solid;
	border-width: 8px 8px 8px 8px;
	height: 0px;
	width: 0px;
	display: block;
}
*/
@media (max-width: 499px) {
    
    .hidden-ss { display: none;}
}
@media (min-width: 500px) AND (max-width: 767px) {
    
    .hidden-xs { display: none;}
}
@media (min-width: 768px) AND (max-width: 991px) {
    
    .hidden-sm { display: none;}
}
@media (min-width: 992px) AND (max-width: 1199px) {
    
    .hidden-md { display: none;}
}
@media (min-width: 1200px) {
    
    .hidden-lg { display: none;}
}

.ss-12 { width: 100%;}
.ss-11 { width: 91.66666667%;}
.ss-10 { width: 83.33333333%;}
.ss-9 { width: 75%;}
.ss-8 { width: 66.66666667%;}
.ss-7 { width: 58.33333333%;}
.ss-6 { width: 50%;}
.ss-5 { width: 41.66666667%;}
.ss-4 { width: 33.33333333%;}
.ss-3 { width: 25%;}
.ss-2 { width: 16.66666667%;}
.ss-1 { width: 8.33333333%;}

.ss-off-12 { left: 100%;}
.ss-off-11 { left: 91.66666667%;}
.ss-off-10 { left: 83.33333333%;}
.ss-off-9 { left: 75%;}
.ss-off-8 { left: 66.66666667%;}
.ss-off-7 { left: 58.33333333%;}
.ss-off-6 { left: 50%;}
.ss-off-5 { left: 41.66666667%;}
.ss-off-4 { left: 33.33333333%;}
.ss-off-3 { left: 25%;}
.ss-off-2 { left: 16.66666667%;}
.ss-off-1 { left: 8.33333333%;}

@media (min-width: 500px) {
    
    .xs-12 { width: 100%;}
    .xs-11 { width: 91.66666667%;}
    .xs-10 { width: 83.33333333%;}
    .xs-9 { width: 75%;}
    .xs-8 { width: 66.66666667%;}
    .xs-7 { width: 58.33333333%;}
    .xs-6 { width: 50%;}
    .xs-5 { width: 41.66666667%;}
    .xs-4 { width: 33.33333333%;}
    .xs-3 { width: 25%;}
    .xs-2 { width: 16.66666667%;}
    .xs-1 { width: 8.33333333%;}

    .xs-off-12 { left: 100%;}
    .xs-off-11 { left: 91.66666667%;}
    .xs-off-10 { left: 83.33333333%;}
    .xs-off-9 { left: 75%;}
    .xs-off-8 { left: 66.66666667%;}
    .xs-off-7 { left: 58.33333333%;}
    .xs-off-6 { left: 50%;}
    .xs-off-5 { left: 41.66666667%;}
    .xs-off-4 { left: 33.33333333%;}
    .xs-off-3 { left: 25%;}
    .xs-off-2 { left: 16.66666667%;}
    .xs-off-1 { left: 8.33333333%;}
}
@media (min-width: 768px) {
    
    .sm-12 { width: 100%;}
    .sm-11 { width: 91.66666667%;}
    .sm-10 { width: 83.33333333%;}
    .sm-9 { width: 75%;}
    .sm-8 { width: 66.66666667%;}
    .sm-7 { width: 58.33333333%;}
    .sm-6 { width: 50%;}
    .sm-5 { width: 41.66666667%;}
    .sm-4 { width: 33.33333333%;}
    .sm-3 { width: 25%;}
    .sm-2 { width: 16.66666667%;}
    .sm-1 { width: 8.33333333%;}
    
    .sm-off-12 { left: 100%;}
    .sm-off-11 { left: 91.66666667%;}
    .sm-off-10 { left: 83.33333333%;}
    .sm-off-9 { left: 75%;}
    .sm-off-8 { left: 66.66666667%;}
    .sm-off-7 { left: 58.33333333%;}
    .sm-off-6 { left: 50%;}
    .sm-off-5 { left: 41.66666667%;}
    .sm-off-4 { left: 33.33333333%;}
    .sm-off-3 { left: 25%;}
    .sm-off-2 { left: 16.66666667%;}
    .sm-off-1 { left: 8.33333333%;}
}
@media (min-width: 992px) {
    
    .md-12 { width: 100%;}
    .md-11 { width: 91.66666667%;}
    .md-10 { width: 83.33333333%;}
    .md-9 { width: 75%;}
    .md-8 { width: 66.66666667%;}
    .md-7 { width: 58.33333333%;}
    .md-6 { width: 50%;}
    .md-5 { width: 41.66666667%;}
    .md-4 { width: 33.33333333%;}
    .md-3 { width: 25%;}
    .md-2 { width: 16.66666667%;}
    .md-1 { width: 8.33333333%;}
    
    .md-off-12 { left: 100%;}
    .md-off-11 { left: 91.66666667%;}
    .md-off-10 { left: 83.33333333%;}
    .md-off-9 { left: 75%;}
    .md-off-8 { left: 66.66666667%;}
    .md-off-7 { left: 58.33333333%;}
    .md-off-6 { left: 50%;}
    .md-off-5 { left: 41.66666667%;}
    .md-off-4 { left: 33.33333333%;}
    .md-off-3 { left: 25%;}
    .md-off-2 { left: 16.66666667%;}
    .md-off-1 { left: 8.33333333%;}
}
@media (min-width: 1200px) {
    
    .lg-12 { width: 100%;}
    .lg-11 { width: 91.66666667%;}
    .lg-10 { width: 83.33333333%;}
    .lg-9 { width: 75%;}
    .lg-8 { width: 66.66666667%;}
    .lg-7 { width: 58.33333333%;}
    .lg-6 { width: 50%;}
    .lg-5 { width: 41.66666667%;}
    .lg-4 { width: 33.33333333%;}
    .lg-3 { width: 25%;}
    .lg-2 { width: 16.66666667%;}
    .lg-1 { width: 8.33333333%;}

    
    .lg-off-12 { left: 100%;}
    .lg-off-11 { left: 91.66666667%;}
    .lg-off-10 { left: 83.33333333%;}
    .lg-off-9 { left: 75%;}
    .lg-off-8 { left: 66.66666667%;}
    .lg-off-7 { left: 58.33333333%;}
    .lg-off-6 { left: 50%;}
    .lg-off-5 { left: 41.66666667%;}
    .lg-off-4 { left: 33.33333333%;}
    .lg-off-3 { left: 25%;}
    .lg-off-2 { left: 16.66666667%;}
    .lg-off-1 { left: 8.33333333%;}
}