/*-----------------------------------------------------------------------------------------------shared pagestyles Nicholas Martin Designs--------------------------------------------------------------------------------------------*/
@font-face { font-family: 'ObcecadaSans'; src: url(ss-fonts/obcecada-sans-ffp.ttf); }
@font-face { font-family: 'EurostileExtended'; src: url(ss-fonts/EurostileExtended.ttf); }
@font-face { font-family: 'EurostileNormal'; src: url(ss-fonts/EuroStyleNormal.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 {
background-color: #000000;
height: 100vh;

/*no vertical height portrait*/
/*.novh-mbl-P {
height: auto;
}*/

/*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;
}
/*-----------------------------------------------------------------------------------------*/
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-landing-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;
-webkit-transition: opacity 700ms ease-in;
-moz-transition: opacity 700ms ease-in;
transition: opacity 700ms ease-in;
pointer-events: none;
}
.open-landing-pg:target {
opacity:1;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/
.open-home-pg,
/**/
.open-menu-pg,
/**/
.open-connect-pg,
.open-affiliates-pg,
.open-contact-pg,
.open-phone-pg,
.open-products-pg,
/**/
.open-resellers-pg,
.open-testimonials-pg,
.open-shop-pg,
.open-services-pg,
/**/
.open-pattern-panels-hm-pg,
.open-pattern-panels-pg,
.open-pattern-molding-hm-pg,
.open-pattern-molding-pg,
.open-fibre-bricks-hm-pg,
.open-fibre-bricks-pg,
.open-acoustics-hm-pg,
.open-acoustics-pg,
.open-timber-hm-pg,
.open-timber-pg,
.open-home-theaters-hm-pg,
.open-home-theaters-pg,
/**/
.open-modularity-pg,
.open-ingenuity-pg,
.open-simplicity-pg,
.open-galleries-pg,
/**/
.open-fb-in-development-pg,
.open-t-in-development-pg,
.open-a-in-development-pg,
.open-m-in-development-pg,
.open-p-in-development-pg,
.open-th-in-development-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;
/*min-height: 600px;*/
-webkit-transition: opacity 700ms ease-in;
-moz-transition: opacity 700ms ease-in;
transition: opacity 700ms ease-in;
pointer-events: none;
/*min-width: 1600px;
min-height: 800px;*/
}
.open-home-pg:target,
/**/
.open-menu-pg:target,
/**/
.open-connect-pg:target,
.open-affiliates-pg:target,
.open-contact-pg:target,
.open-phone-pg:target,
.open-products-pg:target,
/**/
.open-resellers-pg:target,
.open-testimonials-pg:target,
.open-shop-pg:target,
.open-services-pg:target,
/**/
.open-pattern-panels-hm-pg:target,
.open-pattern-panels-pg:target,
.open-pattern-molding-hm-pg:target,
.open-pattern-molding-pg:target,
.open-fibre-bricks-hm-pg:target,
.open-fibre-bricks-pg:target,
.open-acoustics-hm-pg:target,
.open-acoustics-pg:target,
.open-timber-hm-pg:target,
.open-timber-pg:target,
.open-home-theaters-hm-pg:target,
.open-home-theaters-pg:target,
/**/
.open-modularity-pg:target,
.open-ingenuity-pg:target,
.open-simplicity-pg:target,
.open-galleries-pg:target,
/**/
.open-fb-in-development-pg:target,
.open-t-in-development-pg:target,
.open-a-in-development-pg:target,
.open-m-in-development-pg:target,
.open-p-in-development-pg:target,
.open-th-in-development-pg:target {
opacity:1;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/
.open-vcard-group-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;
-webkit-transition: opacity 700ms ease-in;
-moz-transition: opacity 700ms ease-in;
transition: opacity 700ms ease-in;
pointer-events: none;
}
.open-vcard-group-pg:target {
opacity:1;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/
.open-NMD-affiliates-pg,
.open-NMD-brief-summary-pg,
.open-SS-affiliates-pg,
.open-SS-brief-summary-pg,
.open-PA-affiliates-pg,
.open-PA-brief-summary-pg,
.open-TF-affiliates-pg,
.open-TF-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: opacity 700ms ease-in;
-moz-transition: opacity 700ms ease-in;
transition: opacity 700ms ease-in;
pointer-events: none;
}
.open-NMD-affiliates-pg:target,
.open-NMD-brief-summary-pg:target,
.open-SS-affiliates-pg:target,
.open-SS-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 {
opacity:1;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/
.open-scan-NMD-vcard-pg,
.open-scan-SS-vcard-pg,
.open-scan-PA-vcard-pg,
.open-scan-TF-vcard-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: opacity 700ms ease-in;
-moz-transition: opacity 700ms ease-in;
transition: opacity 700ms ease-in;
pointer-events: none;
}
.open-scan-NMD-vcard-pg:target,
.open-scan-SS-vcard-pg:target,
.open-scan-PA-vcard-pg:target,
.open-scan-TF-vcard-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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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-ingenuity-pg,
.open-p-sp-ingenuity-pg,
.open-p-fb-ingenuity-pg,
.open-p-ht-ingenuity-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/sub-nav/ingenuity-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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms ease-in;
pointer-events: none;
}
.open-p-a-ingenuity-pg:target,
.open-p-sp-ingenuity-pg:target,
.open-p-fb-ingenuity-pg:target,
.open-p-ht-ingenuity-pg:target {
opacity:1;
pointer-events: auto;
}
.open-p-a-modularity-pg,
.open-p-sp-modularity-pg,
.open-p-fb-modularity-pg,
.open-p-ht-modularity-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/sub-nav/modularity-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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms ease-in;
pointer-events: none;
}
.open-p-a-modularity-pg:target,
.open-p-sp-modularity-pg:target,
.open-p-fb-modularity-pg:target,
.open-p-ht-modularity-pg:target {
opacity:1;
pointer-events: auto;
}
.open-p-a-simplicity-pg,
.open-p-sp-simplicity-pg,
.open-p-fb-simplicity-pg,
.open-p-ht-simplicity-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/sub-nav/simplicity-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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms ease-in;
pointer-events: none;
}
.open-p-a-simplicity-pg:target,
.open-p-sp-simplicity-pg:target,
.open-p-fb-simplicity-pg:target,
.open-p-ht-simplicity-pg:target {
opacity:1;
pointer-events: auto;
}
.open-p-a-versatility-pg,
.open-p-sp-versatility-pg,
.open-p-fb-versatility-pg,
.open-p-ht-versatility-pg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(images-files/bg-images/sub-nav/versatility-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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms ease-in;
pointer-events: none;
}
.open-p-a-versatility-pg:target,
.open-p-sp-versatility-pg:target,
.open-p-fb-versatility-pg:target,
.open-p-ht-versatility-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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms 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: opacity 1000ms ease-in;
-moz-transition: opacity 1000ms ease-in;
transition: opacity 1000ms ease-in;
pointer-events: none;
}
.open-p-ht-lighting-pg:target {
opacity:1;
pointer-events: auto;
}
/*-----------------------------------------------------------------------------------------*/
.loading-overlay,
.loading-logo,
.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: 20;
}
/*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: 20;
}
/*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: 20;
}
/*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: 20;
}
/*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: 20;
}
.lbgcd {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #14161a;
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100vh;
z-index: 200;
}
/*logo overlay*/
/*.lo {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #1f2733;
background-position: center center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
height: 100%;
z-index: 310;
}*/