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

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

body {
    	background: rgb(0, 0, 0); /* The Fallback */
	background: rgba(0, 0, 0, 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( 0, 0, 0);
	background: rgba( 0, 0, 0, 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( 0, 0, 0, 0.2);
    }

.move-right a.exit-off-canvas:hover,
.move-left a.exit-off-canvas:hover,{
        background: rgba( 0, 0, 0, 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(0, 0, 0);
}

.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 .copyright-btn a,
.footer-bar .neon-copyright,
.footer-bar .neon-copyright a{
    color: #F5A95C;   
}


.footer-bar .copyright-btn a{
    color: rgba(245, 169, 92, 0.6); 
    font-size :12px;
    letter-spacing : normal;
    font-weight : 600;
     
}

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

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

/* in mobile menu*/

.menu-container footer .neon-copyright,
.menu-container footer .neon-copyright a{
    color: #F5A95C;   
}


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

html,body{
    color: #F5A95C;
    font-family : "ns-mod-font-set-4",serif;
    line-height : 1.50;
    letter-spacing : normal;
    font-size : 12px;
    font-weight : 200;
}

.siteTitle {
    color: #F5A95C; 
    font-family : "ns-mod-font-set-4",serif;
    line-height : 1.40;
    letter-spacing : normal;
    font-size : 21px;
    font-weight :600;}


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

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

.titleArea{
	border-color: rgb(245, 169, 92);
	border-color: rgba(245, 169, 92, 0.8); 
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #F5A95C;
	font-family : "ns-mod-font-set-4",serif;
	line-height : 1.40;
    letter-spacing : normal;
    font-weight :600;}

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(245, 169, 92);
	color: rgba(245, 169, 92, 0.8);
}


p, div{
   color: #F5A95C;
    font-family : "ns-mod-font-set-4",serif;
     font-size :12px;
    line-height : 1.50;
    letter-spacing : normal;
    font-weight : 200;
}

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

.button, button, a.button{
        background-color:#000000;
        color: #F5A95C;
    border-color: #F5A95C;
}



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

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

.social-media .share-drawer-btn:hover,
.social-media .share-drawer li a:hover{
     color: #FFFFFF; 
     /*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: #F5A95C; 
     letter-spacing : normal;
     font-weight : 600;
    /* font-size :12px; 
     line-height :1.40; */
}

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

.language-menu ul li{
      
}

.overview-toggle{
    color: #F5A95C;
}

/*--------------------------------------------
= 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: #F5A95C;
}

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

.device-xlg .overview-toggle,
.device-lg .overview-toggle{
    color: #F5A95C;
    color: rgba(245, 169, 92, 0.6);
}

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

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

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

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

.menu-toggle:hover{
    /*color: rgb(245, 169, 92);
    color: rgba(245, 169, 92, 0.15);*/
    color: #FFFFFF; 
}

#close-menu-panel{
    color: #F5A95C;
    color: rgba(245, 169, 92, 0.5);
}

#close-menu-panel:hover{
    color: #F5A95C;
    color: rgba(245, 169, 92, 0.5);
}


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

/*--------------------------------------------
= MENU NAV
---------------------------------------------*/
.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: #F5A95C;    color: rgba(245, 169, 92, 0.5);    font-size :11px;    line-height : 1.20;
    font-weight : 400;
    letter-spacing : normal;
       
}

.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: #F5A95C;}

.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 : 400;
    letter-spacing : normal;
}

nav.main-menu ul li.top-level{ 
       border-bottom : 1px dotted #969696;
    border-color: rgb(150, 150, 150);
    border-color: rgba(150, 150, 150, 0.4);
}
nav.main-menu ul li.top-level.last-child{ 
       border-bottom : 0px dotted ;
}




<!--
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: #F5A95C;}

nav.main-menu li:hover > a,
nav.main-menu li > a:hover,
nav.main-menu ul.child-nav li:hover > a
nav.main-menu ul.child-nav li > a:hover{
            background-color: rgb(12, 12, 12);       
        color: #F5A95C;    
}


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: #F5A95C;}

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(12, 12, 12);
    background-color: rgba(12, 12, 12, 0.3);    
}



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 #969696;
     
       border-color: rgb(150, 150, 150);
    border-color: rgba(150, 150, 150, 0.4);
        
}

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

.loader-holder{
    color : #F5A95C;
}

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

#logo-area{
	    border-color: rgb(150, 150, 150);
    border-color: rgba(150, 150, 150, 0.8); 
         color: #F5A95C;}

 
#logo-area h1{
    color: #F5A95C;
}

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

/*--------------------------------------------
= 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(25, 25, 25);
	border-color:rgba(25, 25, 25, 1.0);
	border-width:1px;
    
}

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

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

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

/*--------------------------------------------
= 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 :12px;
 line-height : 1.40;
}


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

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

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



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


div#grid li .video{
    color : rgb(245, 169, 92);
}

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

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

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

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


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

.device-xlg .return-to-grid,
.device-lg .return-to-grid{
    color: #F5A95C;
    color: rgba(245, 169, 92, 0.6);
}

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

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

.grid-menu-item .section-title{
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.85);
    color : #F5A95C;
    font-weight : 600;
}

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

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

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


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

header#pdf-view-header{
    color : #F5A95C;
	border-bottom: 1px solid rgb(245, 169, 92);
	border-bottom: 1px solid rgba(245, 169, 92, 0.5);
	font: "ns-mod-font-set-4",serif; 
	
}


h1.pdf-create-title, 
.pdf-create-count h1#image-label, 
.pdf-create-count h1#image-count,
.pdf-create-download h1.download-label{
    color : #F5A95C;
    font-family : "ns-mod-font-set-4",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 : #F5A95C; 
}

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


#pdf-nav{
    color: #F5A95C;
    border-bottom: 1px solid rgb(245, 169, 92);
    border-bottom: 1px solid rgba(245, 169, 92,0.8);
}


.download-scrim,
.download-scrim #download-message-text{
    color : rgb(245, 169, 92);
    background-color:rgb(0, 0, 0);
}

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

div.pdf-section-title-float-grid-item{
    background-color: #F5A95C;
    color: #000000;
}

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


/*--------------------------------------------
= OVERLAY
----------------------------------------------*/
div.overlay{
}

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

div.overlay a.close:hover{
	opacity:0.75;
}
div.overlay div.modal-dialog{
  background: #000000;
  border-color: #191919;
}

div.modal-backdrop.backdrop{
  background: #000000;
 
  
}
.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(245, 169, 92, 0.8) ;
}

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

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

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

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