/*-----------------------------------------------------------------------------------------------shared pagestyles Plush Acoustics--------------------------------------------------------------------------------------------*/
@font-face { font-family: 'ComfortaaLight'; src: url(pa-fonts/Comfortaa-Light.ttf); }
@font-face { font-family: 'ComfortaaBold'; src: url(pa-fonts/Comfortaa-Bold.ttf); }
@font-face { font-family: 'ComfortaaRegular'; src: url(pa-fonts/Comfortaa-Regular.ttf); }
/*@font-face { font-family: 'ObcecadaSans'; src: url(ss-fonts/obcecada-sans-ffp.ttf); }
@font-face { font-family: 'MichromaRegular'; src: url(ss-fonts/Michroma-Regular.ttf); }
@font-face { font-family: 'EurostileNormal'; src: url(ss-fonts/EuroStyleNormal.ttf); }
@font-face { font-family: 'EurostileExtended'; src: url(ss-fonts/EurostileExtended.ttf); }
@font-face { font-family: 'GeosansLight'; src: url(ss-fonts/GeosansLight.ttf); } 
@font-face { font-family: 'Simplifica'; src: url(ss-fonts/Simplifica.ttf); }*/
body, html {
height: 100vh;
background-color: #000000;

/*background-color: #5b748c;*/
/*background-color: #475766;*/
/*background-color: #475866;*/
}
/*-----------------------------------------------------------------------------------------*/
::-webkit-scrollbar {
width: 8px;
} 
::-webkit-scrollbar-track {
background-color: transparent;
/*background-color: #000;
-webkit-box-shadow: 6px rgba(0,0,0,0.3); 
border-radius: 10px;*/
} 
::-webkit-scrollbar-thumb {
background-color: transparent;
/*background-color: #8fadcc;
opacity: 0.60;
border-radius: 4px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
/*-----------------------------------------------------------------------------------------*/
a, a:hover, a:focus, a:active {
text-decoration: none;
color: inherit;
}
/*-----------------------------------------------------------------------------------------*/
/*.slide-top {
animation: 4s slide-top ease-in-out infinite paused;
animation-play-state: running;
}
@keyframes slide-top {
	0%, 40%, 80%, 100% { top: 4%; transformY: translate(4, 0);}
	60%, 80% { top: -2%; transformY: translate(-2%, 0);}
}
@-webkit-keyframes slide-top {
	0%, 40%, 80%, 100% { top: 4%; transformY: translate(4, 0);}
	60%, 80% { top: -2%; transformY: translate(-2%, 0);}
}*/
/*-----------------------------------------------------------------------------------------*/
/*.slide-side{
/*padding-top: 0%;*/  /*static page
/*padding-top: 22%;*/  /*static form
animation: 6s slide-side ease-in-out infinite paused;
animation-play-state: running;
}
@keyframes slide-side {
	0%, 40%, 80%, 100% { top: 42%; transformY: translate(42, 0);}
	60%, 80% { top: 58%; transformY: translate(58%, 0);}  /*static page
	
	/*0%, 40%, 80%, 100% { top: 16%; transformY: translate(16, 0);}
	60%, 80% { top: -8%; transformY: translate(-8%, 0);}*/  /*static form
}
@-webkit-keyframes slide-side {
	0%, 40%, 80%, 100% { top: 40%; transformY: translate(40, 0);}
	60%, 80% { top: 57%; transformY: translate(57%, 0);}  /*static page
	
	/*0%, 40%, 80%, 100% { top: 16%; transformY: translate(16, 0);}
	60%, 80% { top: -8%; transformY: translate(-8%, 0);}*/  /*static form
}*/
/*-----------------------------------------------------------------------------------------*/
.pointer {
cursor: pointer;
}
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/*-----------------------------------------------------------------------------------------*/
/*@media only screen and (orientation: portrait) {
.landscape-view-nulled {
display: none;
}
}
@media only screen and (orientation: landscape) {
.portrait-view-nulled {
display: none;
}
}*/
/*-----------------------------------------------------------------------------------------*/
a:link {
text-decoration: none; !important;
}
/* visited link */
a:visited {
text-decoration: none; !important;
}
/* mouse over link */
a:hover {
text-decoration: none; !important;
}
/* selected link */
a:active {
text-decoration: none; !important;
}
/*-----------------------------------------------------------------------------------------*/
/*#stuff {
    opacity: 0.0;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
#hover {
    width:80px;
    height:20px;
    background-color:green;
    margin-bottom:15px;
}
#hover:hover + #stuff {
    opacity: 1.0;
}
<div id="hover">Hover</div>
<div id="stuff">stuff</div>*/
/*menu icon titles fade text*/

/*menu icon titles text fade landscape*/
.mit-f {
opacity: 0.0;
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-ms-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;
}
.mit-h:hover .mit-f {
opacity: 1.0;
}
/*-----------------------------------------------------------------------------------------*/
/*#bite*/
/*#bite a*/
#fifo {          /*fifo = bite*/
display:block
}
/*#bite .death*/
#fifo .tf {          /*tf = death*/
margin-top:0px;
filter: alpha(opacity = 0);
opacity:0;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
/*#bite:hover .death*/
#fifo:hover .tf {          /*tf = death*/
margin-top:0px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:100;
}
/*#actualnews {
font-family: 'Rock Salt'; cursive
font-size:5px;
color: #b8b8b8;
width:150px;
height:auto;
padding-top:3px;
border:1px solid#b8b8b8;
margin-left: 30px;
margin-top:10px;
text-align:center;
position:fixed;
    right:145px;
    bottom:70px;
}*/
/*#thekey img*/
/*#if img*/
#if {          /*if = thekey*/
/*width:150px;
margin-top: -40px;
margin-left: 45px;
position:fixed;
    right:150px;
    bottom:20px;*/
filter: alpha(opacity = 100);
opacity:100;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
/*#bite:hover #thekey img*/
/*#fifo:hover #if img*/
#fifo:hover #if {           /*if = thekey*/
margin-top:0px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 0);
filter: alpha(opacity = 0);
opacity:0;
}
/*-----------------------------------------------------------------------------------------*/
/*w3schools slideshow / carousel start*/
.MRmenuslider {
display: none;
}
.AFmenuslider {
display: none;
}
.SMmenuslider {
display: none;
}
/*square bullet indicators landscape*/
.dot {
border: 1pt solid;
border-radius: 50%;
/*border-radius: 2pt;*/
background-color: rgba(236, 235, 220, 0.030);/*white*/
transition: background-color 0.6s ease;
border-color: rgba(182, 207, 240, 0.150);/*blue original >(#a3b9d6) brighter >(#b6cff0)*/
display: inline-block;
}
.active, .dot:hover {
border: 1pt solid;
border-radius: 50%;
/*border-radius: 2pt;*/
background-color: rgba(182, 207, 240, 0.120);/*blue original >(#a3b9d6) brighter >(#b6cff0)*/
border-color: rgba(182, 207, 240, 0.300);/*blue original >(#a3b9d6) brighter >(#b6cff0)*/
}
/*fading animation */
.fade {
animation-name: fade;
animation-duration: 1.0s;
}
@keyframes fade {
from {opacity: .0} 
to {opacity: 1}
}
/* On smaller screens, decrease text size */
/*@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}*/
/*w3schools slideshow / carousel end*/
/*-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------*/
p { 
display: inline;
}
/*-----------------------------------------------------------------------------------------*/
/*(CB) cross fade slide show background image positioning*/
.cfssbgp{
position: absolute;
width: 90%;
height: 90vh;
/*overflow: hidden;*/
top: 5%;
bottom: 5%;
left: 5%;
right: 5%;
color: transparent;
background-size: cover;
background-position: 50% 50%;
background-repeat: none;
opacity: 0;
z-index: 0;
/*min-width: 1440px;
min-height: 800px;*/
}
.cf {
font-weight: 0;
font-size: 0;
color: transparent;	
}
/*-----------------------------------------------------------------------------------------*/
.open-home-pg,
/**/
.open-menu-wot-pg,
.open-menu-wt-pg,
/**/
.open-products-wot-pg,
.open-products-wt-pg,
.open-connect-wot-pg,
.open-connect-wt-pg,
.open-profile-pg,
.open-services-pg,
/**/
.open-phone-pg,
.open-contact-pg,
.open-contact-ID-pg,
.open-affiliates-pg,
.open-affiliates-ID-pg,
.open-scan-vcard-pg,
/*instagram*/
/*houzz*/
/**/
.open-p-diffusion-pg,
.open-p-deflection-pg,
.open-p-absorption-pg,
.open-p-textiles-pg,
.open-p-photos-pg,
.open-v-photos-pg,
.open-p-purchase-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
/*background-image: url(../images-files/black-overlay-20.png);*/
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
z-index: 40;
opacity: 0.0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
/*min-width: 1600px;*/
/*min-height: 800px;*/
}
.open-home-pg:target,
/**/
.open-menu-wot-pg:target,
.open-menu-wt-pg:target,
/**/
.open-products-wot-pg:target,
.open-products-wt-pg:target,
.open-connect-wot-pg:target,
.open-connect-wt-pg:target,
.open-profile-pg:target,
.open-services-pg:target,
/**/
.open-phone-pg:target,
.open-contact-pg:target,
.open-contact-ID-pg:target,
.open-affiliates-pg:target,
.open-affiliates-ID-pg:target,
.open-scan-vcard-pg:target,
/*instagram*/
/*houzz*/
/**/
.open-p-diffusion-pg:target,
.open-p-deflection-pg:target,
.open-p-absorption-pg:target,
.open-p-textiles-pg:target,
.open-p-photos-pg:target,
.open-v-photos-pg:target,
.open-p-purchase-pg:target {
opacity: 1.0;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/
.open-NMD-affiliates-pg,
.open-NMD-brief-summary-pg,
.open-PA-affiliates-pg,
.open-PA-brief-summary-pg,
.open-TF-affiliates-pg,
.open-TF-brief-summary-pg,
.open-SS-affiliates-pg,
.open-SS-brief-summary-pg,
.open-EC-affiliates-pg,
.open-EC-brief-summary-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
/*background-image: url(../images-files/black-overlay-50.png);*/
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
/*min-width: 1600px;*/
/*min-height: 800px;*/
}
.open-NMD-affiliates-pg:target,
.open-NMD-brief-summary-pg:target,
.open-PA-affiliates-pg:target,
.open-PA-brief-summary-pg:target,
.open-TF-affiliates-pg:target,
.open-TF-brief-summary-pg:target,
.open-SS-affiliates-pg:target,
.open-SS-brief-summary-pg:target,
.open-EC-affiliates-pg:target,
.open-EC-brief-summary-pg:target {
opacity:1;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/
.open-p-a-photo-collection-pg,
.open-p-sp-photo-collection-pg,
.open-p-fb-photo-collection-pg,
.open-p-ht-photo-collection-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
/*background-image: url(../images-files/black-overlay-30.png);*/
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-a-photo-collection-pg:target,
.open-p-sp-photo-collection-pg:target,
.open-p-fb-photo-collection-pg:target,
.open-p-ht-photo-collection-pg:target {
opacity:1;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/


.open-p-a-reclaimed-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/architectural/reclaimed-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-a-reclaimed-pg:target {
opacity:1;
pointer-events: auto;
}
.open-p-a-wainscoting-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/architectural/wainscoting-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-a-wainscoting-pg:target {
opacity:1;
pointer-events: auto;
}
.open-p-a-pattern-trim-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/architectural/pattern-trim-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-a-pattern-trim-pg:target {
opacity:1;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/
.open-p-sp-walls-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/swag-panels/walls-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-sp-walls-pg:target {
opacity:1;
pointer-events: auto;
}
.open-p-sp-ceilings-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/swag-panels/ceilings-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-sp-ceilings-pg:target {
opacity:1;
pointer-events: auto;
}
.open-p-sp-acoustics-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/swag-panels/acoustics-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-sp-acoustics-pg:target {
opacity:1;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/
.open-p-fb-natural-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/fibre-bricks/natural-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-fb-natural-pg:target {
opacity:1;
pointer-events: auto;
}
.open-p-fb-distressed-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/fibre-bricks/distressed-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-fb-distressed-pg:target {
opacity:1;
pointer-events: auto;
}
.open-p-fb-solid-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/fibre-bricks/solid-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-fb-solid-pg:target {
opacity:1;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/
.open-p-ht-electronics-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/home-theaters/electronics-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-ht-electronics-pg:target {
opacity:1;
pointer-events: auto;
}
.open-p-ht-acoustics-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/home-theaters/acoustics-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-ht-acoustics-pg:target {
opacity:1;
pointer-events: auto;
}
.open-p-ht-lighting-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/home-theaters/lighting-bg-img.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
/*overflow-y: auto;*/
z-index: 40;
opacity:0;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
pointer-events: none;
}
.open-p-ht-lighting-pg:target {
opacity:1;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/
.loading-overlay,
.loading-logo-1,
.loading-logo-2,
.delay-1,
.delay-2,
.delay-3,
.delay-4,
.delay-5,
.delay-6,
.delay-7,
.delay-8,
.message-sent,
.thank-you {
display:none;
}
/*20 percent black image overlay*/
.blk-20p-io {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.2);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
z-index: 60;
}
/*30 percent black image overlay*/
.blk-30p-io {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.3);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
z-index: 60;
}
/*40 percent black image overlay*/
.blk-40p-io {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.4);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
z-index: 60;
}
/*50 percent black image overlay*/
.blk-50p-io {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
z-index: 60;
}
/*60 percent black image overlay*/
.blk-60p-io {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.6);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
z-index: 60;
}
/*70 percent black image overlay*/
.blk-70p-io {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.7);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
z-index: 60;
}
/*80 percent black image overlay*/
.blk-80p-io {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.8);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
z-index: 60;
}
/*80 percent black image overlay*/
.blk-90p-io {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.9);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
z-index: 60;
}
/*100 percent black image overlay*/
.blk-100p-io {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,1);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
z-index: 60;
}
.lbgcd {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.7);
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
z-index: 60;
}