/*
Neon Sky Creative Media :: Neon Sky App CSS ::
Custom Site Styles Rendered from Database & Imports
 */

/*----------------------------------------------------------
= BASE
------------------------------------------------------------*/

body {
    	background: rgb(27, 27, 27); /* The Fallback */
	background: rgba(27, 27, 27, 1);
	}

body.ns-mod-site.landing-page,
body.ns-mod-site.device-sm,
body.ns-mod-site.device-md{
    margin-top:0;
    margin-right:0;
    margin-bottom:0;
    margin-left:0;  
}


.ns-mod-site #container,
.ns-mod-site.device-has-flash.device-sm #container,
.ns-mod-site.device-has-flash.device-md #container{
	background: rgb( 27, 27, 27);
	background: rgba( 27, 27, 27, 1);	
    
}

.ns-mod-site.device-sm #container,
.ns-mod-site.device-md #container{
    top:0;
    right:0;
    bottom:0;
    left:0;  
}


.move-right a.exit-off-canvas,
.move-left a.exit-off-canvas,
{
        background: rgba( 27, 27, 27, 0.2);
    }

.move-right a.exit-off-canvas:hover,
.move-left a.exit-off-canvas:hover,{
        background: rgba( 27, 27, 27, 0.05);
    }

/*--------------------------------------------
= HEADER
---------------------------------------------*/
#header-bar{}

.ns-mod-site.menu-remains-hidden #header-bar,
.ns-mod-site.device-sm #header-bar,
.ns-mod-site.device-md #header-bar,
.horz-scroller-visible #header-bar,
.panel-in-transit #header-bar,
.panel-open #header-bar{
    margin-top:0;
    top:0;
    right:0;
    margin-right:0;
    left:0;  
    margin-left:0;
}


.ns-mod-site.menu-remains-hidden #header-bar,
.ns-mod-site.device-sm #header-bar,
.ns-mod-site.device-md #header-bar{
    background: rgb(38, 38, 38);
}

.device-has-flash #header-bar,
.device-has-flash.panel-in-transit #header-bar,
.device-has-flash.panel-open #header-bar{
    background: none;
}

/*--------------------------------------------
= FOOTER
---------------------------------------------*/

.footer-bar,
.footer-bar .neon-copyright,
.footer-bar .neon-copyright a {
    color: #BBBBBB;   
}

.footer-bar .copyright-btn a {
    color: rgba(187, 187, 187, 0.6); 
    font-size :11px;
    letter-spacing : normal;
    font-weight : 700;
     
}

.footer-bar .copyright,
.footer-bar .copyright p,
.footer-bar .copyright a,
.footer-bar .copyright span{
    font-size :11px; 
    letter-spacing : normal;
}

.footer-bar .copyright-btn a:hover{
   color: #202020;
   color: rgba(32, 32, 32, 0.6);
}

.user-footer p {
    color: rgba(187, 187, 187, 0.6); 
}

/* in mobile menu*/

.menu-container footer .neon-copyright,
.menu-container footer .neon-copyright a{
    color: #D6D6D6;   
    color: rgba(214, 214, 214, 0.5);
}

/* mod a because fixed */
.ns-mod-template-1.device-lg footer.footer-bar,
.ns-mod-template-1.device-xlg footer.footer-bar{
    }
.ns-mod-template-1.device-lg .horz-scroller-visible footer.footer-bar,
.ns-mod-template-1.device-lg.panel-in-transit footer.footer-bar,
.ns-mod-template-1.device-lg.panel-open footer.footer-bar,
.ns-mod-template-1.device-xlg .horz-scroller-visible footer.footer-bar,
.ns-mod-template-1.device-xlg.panel-in-transit footer.footer-bar,
.ns-mod-template-1.device-xlg.panel-open footer.footer-bar,

.ns-mod-template-1.device-lg.device-has-flash footer.footer-bar,
.ns-mod-template-1.device-xlg.device-has-flash footer.footer-bar{
    margin-bottom:0;
}

/*--------------------------------------------
= TEXT
---------------------------------------------*/

html,body{
    color: #D6D6D6;
    font-family : "ns-mod-font-set-10",sans-serif;
    line-height : 1.30;
    letter-spacing : normal;
    font-size : 13px;
    font-weight : 400;
}

.siteTitle {
    color: #D6D6D6; 
    font-family : "ns-mod-font-set-10",sans-serif;
    line-height : 1.20;
    letter-spacing : normal;
    font-size : 16px;
    font-weight :700;}


a,
a:link, 
a:visited {
	 color: #D6D6D6;
	 font-family : "ns-mod-font-set-10",sans-serif;
	 text-decoration : underline;
}

a:hover {
	/*background: rgb(44, 44, 44);
	background: rgba(44, 44, 44, 0.8);*/
    color: #D6D6D6;
}

.titleArea{
	border-color: rgb(214, 214, 214);
	border-color: rgba(214, 214, 214, 0.8); 
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #D6D6D6;
	font-family : "ns-mod-font-set-10",sans-serif;
	line-height : 1.20;
    letter-spacing : normal;
    font-weight :700;}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small{
    color: rgb(214, 214, 214);
	color: rgba(214, 214, 214, 0.8);
}


p, div{
   color: #D6D6D6;
    font-family : "ns-mod-font-set-10",sans-serif;
     font-size :13px;
    line-height : 1.30;
    letter-spacing : normal;
    font-weight : 400;
}

p strong, p b{
    font-weight : 700;
}

.button, button, a.button{
        background-color:#1B1B1B;
        color: #D6D6D6;
    border-color: #D6D6D6;
}



/*--------------------------------------------
= SOCIAL MEDIA - IN HEADER
---------------------------------------------*/

.social-media .share-drawer-btn,
.social-media .share-drawer li a{
    color: #BBBBBB;
    color: rgba(187, 187, 187, 0.6); 
    /*letter-spacing : normal; */  
}

.social-media .share-drawer-btn:hover,
.social-media .share-drawer li a:hover{
     color: #202020; 
     /*letter-spacing : normal;*/
}
/*
.social-media .share-drawer-btn,
.social-media .icon-share{   
    
    font-size :13px; 
    line-height :1.50;   
}

.social-media .share-drawer a.share-link span{
    font-size :19px;    
}
*/
.social-media .share-drawer{
    right:13px;
}

.menu-right .social-media .share-drawer{
    left:13px; 
}

/*--------------------------------------------
= TRANSLATIONS MENU - IN HEADER
---------------------------------------------*/

#translations .language-menu ul li a{
     color: #BBBBBB; 
     letter-spacing : normal;
     font-weight : 700;
    /* font-size :11px; 
     line-height :1.50; */
}

#translations .language-menu ul li a:hover{
     color: #202020; 
}

.language-menu ul li{
      
}

.overview-toggle{
    color: #BBBBBB;
}

/*--------------------------------------------
= OVERVIEW
---------------------------------------------*/
a.close-overview,
.overview-container,
.overview-container h1,
.overview-container h2,
.overview-container h3,
.overview-container h4,
.overview-container p,
.overview-container a,
.overview-container div{
    color: #D6D6D6;
}

.overview-toggle:hover{
    color: #202020;
}

.device-xlg .overview-toggle,
.device-lg .overview-toggle{
    color: #BBBBBB;
    color: rgba(187, 187, 187, 0.6);
}

.device-xlg .overview-toggle:hover,
.device-lg .overview-toggle:hover{
    color: #202020;
}

.ns-mod-site.menu-remains-hidden.device-xlg .overview-toggle,
.ns-mod-site.menu-remains-hidden.device-lg .overview-toggle{
    color: #BBBBBB;
}

/*--------------------------------------------
= MENU PANEL
---------------------------------------------*/
.overview-panel,
.menu-panel{
	background: rgb(27, 27, 27);
	background: rgba(27, 27, 27, 0.95);
color: #D6D6D6;}
.left-off-canvas-menu.overview-panel,   
.left-off-canvas-menu.menu-panel{
    border-right: 1px solid rgba(214, 214, 214, 0.5);
    
}

.right-off-canvas-menu.overview-panel,
.right-off-canvas-menu.menu-panel{
    border-left: 1px solid rgba(214, 214, 214, 0.5);
}    
        
   
.menu-toggle{
    color: #BBBBBB;
}

.menu-toggle:hover{
    /*color: rgb(187, 187, 187);
    color: rgba(187, 187, 187, 0.15);*/
    color: #202020; 
}

#close-menu-panel{
    color: #D6D6D6;
    color: rgba(214, 214, 214, 0.5);
}

#close-menu-panel:hover{
    color: #D6D6D6;
    color: rgba(214, 214, 214, 0.5);
}


.menu-panel header{
		color: #D6D6D6;}

/*--------------------------------------------
= MENU NAV
---------------------------------------------*/

.menu .accordion .accordion-navigation>a,
.menu .accordion .accordion-navigation>.content,
.menu .accordion .accordion-navigation>.content.active,
.menu nav ul li a, 
.menu nav ul li a:link,
.menu nav ul.child-nav li a, 
.menu nav ul.child-nav li a:link,
.menu nav.main-menu,
.menu nav.main-menu ul li a,
.menu nav.main-menu ul.child-nav li a,
.menu nav.main-menu ul.child-nav li a:link,
.menu nav.main-menu ul.child-nav a,
.menu nav.main-menu ul.child-nav a:link,
.menu nav.main-menu li a, 
.menu nav.main-menu li a:link,
.menu nav.main-menu li a:visited{
    color: #D6D6D6;    color: rgba(214, 214, 214, 0.5);    font-size :11px;    line-height : 1.20;
    font-weight : 300;
    letter-spacing : normal;
       
    background : none;
}



.menu nav.main-menu ul li.selected a,
.menu nav.main-menu ul.child-nav li.selected a,
.menu nav.main-menu ul li.selected span.ns-caret.selected-caret.neonicon{
    color: #D6D6D6;}

.menu nav.main-menu ul.child-nav li a,
.menu nav.main-menu ul.child-nav li a:link{
    font-size :11px;    line-height : 1.20;
    font-weight : 300;
    letter-spacing : normal;
}

nav.main-menu ul li.top-level{ 
   }
nav.main-menu ul li.top-level.last-child{ 
   }




<!--
    .accordion .accordion-navigation>a
nav.main-menu li.parent > a ,
nav.main-menu ul.child-nav li.parent > a{
    border-bottom : none;
}
-->

 nav li a:hover,
nav ul.child-nav li a:hover{
    color: #D6D6D6;}

nav.main-menu ul.has-submenu li > a,
nav.main-menu li:hover > a,
nav.main-menu li:hover > a:hover,
nav.main-menu li > a:hover,
nav.main-menu ul.child-nav li:hover > a,
nav.main-menu ul.child-nav li:hover > a:hover,
nav.main-menu ul.child-nav li > a:hover{
            background-color: rgb(44, 44, 44);       
        color: #D6D6D6;}


nav.main-menu ul li.selected > a,
nav.main-menu ul li.selected > a:link
nav.main-menu ul.child-nav li.selected > a,
nav.main-menu ul.child-nav li.selected > a:link{   
    color: #D6D6D6;}

nav.main-menu li.selected > a:hover,
nav.main-menu ul.child-nav li.selected:hover > a:hover,
nav.main-menu ul.child-nav li.selected > a:hover{   
    background-color: rgb(44, 44, 44);
    background-color: rgba(44, 44, 44, 0.3);    
}

nav.main-menu ul.right-submenu,
nav.main-menu ul.left-submenu,
nav.main-menu ul.has-submenu li a,
nav.main-menu li.parent a[data-parent]:hover,
nav.main-menu li a[data-parent]:hover,
nav.main-menu ul.child-nav li a[data-parent]:hover{
    background : none;
}

.menu-panel-content .language-menu{
              border-bottom: 1px dotted #5F5F5F;
     
       border-color: rgb(95, 95, 95);
    border-color: rgba(95, 95, 95, 0.4);
        
}

.device-xlg .menu nav ul,
.device-xlg .menu .accordion .accordion-navigation>.content,
.device-xlg .menu .accordion .accordion-navigation>.content.active,
.device-xlg .menu nav ul li a, 
.device-xlg .menu nav ul li a:link,
.device-xlg .menu nav ul.child-nav li a, 
.device-xlg .menu nav ul.child-nav li a:link,
.device-xlg .menu nav.main-menu,
.device-xlg .menu nav.main-menu ul li a,
.device-xlg .menu nav.main-menu ul.child-nav li a,
.device-xlg .menu nav.main-menu ul.child-nav li a:link,
.device-xlg .menu nav.main-menu ul.child-nav a,
.device-xlg .menu nav.main-menu ul.child-nav a:link,
.device-xlg .menu nav.main-menu li a, 
.device-xlg .menu nav.main-menu li a:link,
.device-xlg .menu nav.main-menu li a:visited,
.device-lg .menu nav ul,
.device-lg .menu .accordion .accordion-navigation>.content,
.device-lg .menu .accordion .accordion-navigation>.content.active,
.device-lg .menu nav ul li a, 
.device-lg .menu nav ul li a:link,
.device-lg .menu nav ul.child-nav li a, 
.device-lg .menu nav ul.child-nav li a:link,
.device-lg .menu nav.main-menu,
.device-lg .menu nav.main-menu ul li a,
.device-lg .menu nav.main-menu ul.child-nav li a,
.device-lg .menu nav.main-menu ul.child-nav li a:link,
.device-lg .menu nav.main-menu ul.child-nav a,
.device-lg .menu nav.main-menu ul.child-nav a:link,
.device-lg .menu nav.main-menu li a, 
.device-lg .menu nav.main-menu li a:link,
.device-lg .menu nav.main-menu li a:visited{
    line-height : .98;
}

/* set parent so child inherits*/
div.social-media-links ul li a,
div.social-media-links ul li a object,
div.social-media-links ul li a img{
     fill:#D6D6D6;
     opacity: 0.5;
	color: #1B1B1B;
}

div.social-media-links ul li a:hover,
div.social-media-links ul li a:hover object,
div.social-media-links ul li a:hover img{
     fill:#D6D6D6;
     opacity: 1;
}


/**/

/*--------------------------------------------
=Loader Values
---------------------------------------------*/

.loader-holder{
    color : #D6D6D6;
}

/*----------------------------------------------------------
=Logo 
------------------------------------------------------------*/

#logo-area{
	    }


/*--------------------------------------------
= LANDING PAGE
---------------------------------------------*/
#landing-page-container,
#landing-page-container iframe{
    	background: #5F5F5F;
	    
}

/*--------------------------------------------
= HTML VIEWS
---------------------------------------------*/
img.modImg,
img.grid-item-image,
div.horizontal-scroller-grid-item img.horizontal-scroller-grid-item-image,
div.vertical-scroller-grid-item img.vertical-scroller-grid-item-image,
div.singles-grid-item-image-holder img.singles-grid-item-image,
div.text-singles-grid-item-image-holder img.text-singles-grid-item-image,
div.single-item-container img.singles-grid-item-image,
.text-singles-video-grid-item-iframe,
.grid-item-iframe,
.singles-video-grid-item-iframe,
.vertical-scroller-iframe,
.horizontal-scroller-iframe{
    border-style: solid;
	border-color:rgb(59, 59, 59);
	border-color:rgba(59, 59, 59, 1.0);
	border-width:2px;
    
}

/*
= SINGLES
---------------------------------------------
*/
 

div.left-single-arrow,
div.right-single-arrow{
    color: #BBBBBB;
}

div.left-single-arrow:hover,
div.right-single-arrow:hover{
    color: #202020;
}

/*--------------------------------------------
= HORZ SCROLLER
*/

div.info-container h2,
div.info-container .body-text p,
div.info-container .body-text div,
div.info-container .singles-body-text p,
div.info-container .singles-body-text div{
  font-size :13px;
 line-height : 1.20;
}


/*--------------------------------------------
= VERT SCROLLER
*/

.vertical-scroller-grid-item-image-info h2{
    font-size :14px;
}

.vertical-scroller div.vertical-scroller-grid-item .hr,
.vertical-scroller div.vertical-scroller-overview-grid-item .hr{
    border-bottom-color: rgb(214, 214, 214);
    border-bottom-color: rgba(214, 214, 214,0.6);
}



/*--------------------------------------------
= GRID
*/


div#grid li .video{
    color : rgb(214, 214, 214);
}

div#grid li .video-background{
    background : rgb(27, 27, 27);
}

div#grid li .image-scrim{
    background-color: rgb(27, 27, 27);
    background-color: rgba(27, 27, 27, 0.3);
}

/*--------------------------------------------
= GRID MENU
*/

.return-to-grid,
a.return-to-grid{
    color: #BBBBBB;
}


.return-to-grid:hover{
    color: #202020;
}

.device-xlg .return-to-grid,
.device-lg .return-to-grid{
    color: #BBBBBB;
    color: rgba(187, 187, 187, 0.6);
}

.device-xlg .return-to-grid:hover,
.device-lg .return-to-grid:hover{
    color: #202020;
}

.ns-mod-site.menu-remains-hidden.device-xlg .return-to-grid,
.ns-mod-site.menu-remains-hidden.device-lg .return-to-grid{
    color: #BBBBBB;
}

.grid-menu-item .section-title{
    background-color: rgb(27, 27, 27);
    background-color: rgba(27, 27, 27, 0.85);
    color : #D6D6D6;
    font-weight : 700;
}

.grid-menu-item ul li.grid-menu-item a:hover .section-title{
    background-color: rgba(27, 27, 27, 0.9);
    /*color : #D6D6D6;*/
}

.grid-menu-item ul li.grid-menu-item:hover a:before{
    position:absolute;
    background-color: rgba(27, 27, 27, 0.2);/**/
    top: 0;
    left:0;
    right:0;
    bottom:0;
    content : '';
}

/*--------------------------------------------
= PDF
*/


.download-scrim #download-message-text{
    font: 28px/32px "ns-mod-font-set-10",sans-serif;
}

header#pdf-view-header{
    color : #D6D6D6;
	border-bottom: 1px solid rgb(214, 214, 214);
	border-bottom: 1px solid rgba(214, 214, 214, 0.5);
	font: "ns-mod-font-set-10",sans-serif; 
	
}


h1.pdf-create-title, 
.pdf-create-count h1#image-label, 
.pdf-create-count h1#image-count,
.pdf-create-download h1.download-label{
    color : #D6D6D6;
    font-family : "ns-mod-font-set-10",sans-serif;
    font-size : 14px;
    line-height : 1%;
}

h1.pdf-create-title{
    font-size : 18px;
}

/*
*/
@media (max-width: 768px) { 
    h1.pdf-create-title{
       font-size : 12px;
       left: 8px;
    } 
}

.pdf-create-count h1#image-count{
    font-size : 16px;
}



div#pdf-grid li .stamp{
   color : #D6D6D6; 
}

div#pdf-grid li.selected .stamp{
   color : #1B1B1B; 
}


#pdf-nav{
    color: #D6D6D6;
    border-bottom: 1px solid rgb(214, 214, 214);
    border-bottom: 1px solid rgba(214, 214, 214,0.8);
}


.download-scrim,
.download-scrim #download-message-text{
    color : rgb(214, 214, 214);
    background-color:rgb(27, 27, 27);
}

#pdf-grid li.selected .image-scrim{
    background-color:#D6D6D6;
}

div.pdf-section-title-float-grid-item{
    background-color: #D6D6D6;
    color: #1B1B1B;
}

div.pdf-section-title-float-grid-item h2, 
div.pdf-section-title-float-grid-item div.section-count{
    color: #1B1B1B;
    font-family : "ns-mod-font-set-10",sans-serif;
    font-size : 14px;
}

#section-137248 div.vertical-scroller-grid-item .hr{
    border-bottom-width : 1px;
} 
#section-137248 div.vertical-scroller-overview-grid-item .hr{
    border-bottom-width : 1px;
}  
           
/*--------------------------------------------
= OVERLAY
----------------------------------------------*/
div.overlay{
}

div.overlay a.close{
	color:#D6D6D6;
}

div.overlay a.close:hover{
	opacity:0.75;
}
div.overlay div.modal-dialog{
  background: #1B1B1B;
  border-color: #3B3B3B;
}

div.modal-backdrop.backdrop{
  background: #1B1B1B;
 
  
}
.ns-mod-template-2 .screen-content.text-adjacent-screen,
.ns-mod-template-2 .screen-content.text-inline-screen{
    top: 0px;
}

/*--------------------------------------------
= CAPTION OVERLAY
----------------------------------------------*/
div.caption-overlay a.caption-close{
    color: rgba(214, 214, 214, 0.8) ;
}

div.caption-overlay a.caption-close:hover{
    color: #D6D6D6;
}

div.caption-overlay div.modal-dialog{
    background: rgba(27, 27, 27, 0.99);
    border-color: none;
    border-width: 0;
    border-style: solid;
    
}

div.modal-backdrop.backdrop.caption-overlay-backdrop{
    
    background: #1B1B1B;
}

/*----------------------------------------------------------
=Custom Imports
------------------------------------------------------------*/