/*** NAV CSS ***/
		
	

		#nav-container{
			background-color: #1769b2; /* new background blue color */
			width: 100%;
			z-index: 110;
			position: sticky;
		}
		
		#sub-nav-container{
			background-color: #004F84;
			height: 40px;
			/*width: calc( 100% - 92px);*/
    		padding-right: 92px;
			font-size: 13px;
			font-weight: 500;
		}
		
		#nav-box{			
			color: #f7f7f7;
			/*height: 100%;*/
			padding: 0 60px;
			vertical-align: middle;
			font-size: 13px;
			font-weight: 500;
			
			/* flex box CSS */
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
			align-content: center;
		}
		
		#snl-logo{
		   vertical-align:middle;
		}

		#snl-logo img{
			max-width: 200px; 
			width: 100%;
		}
		
		#sub-nav-container > ul{
			list-style: none;
			margin: 0;
  			padding: 0;
  			overflow: hidden;
			height:100%;
			
			/* flex box CSS */
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-end;
			align-items: center;
			align-content: center;
		}
		
		#sub-nav-container > ul > li{
			padding: 0 18px;
			cursor: pointer;
			color: #f7f7f7;
			height: 100%;
			line-height: 40px;
		}
		
		#sub-nav-container > ul > li > a{
			color: #f7f7f7;
		}

		#nav > ul > li > a:hover,
		#sub-nav-container > ul > li > a:hover {
			text-decoration: none;
		}

		#sub-nav-container > ul > li:hover{
			background-color: #01406A;
		}
		
		img#watchTvIcon{
			float: left;
			margin-top: -7px;
			margin-right: 6px;
		}

		#nav > ul{
			list-style: none;
			margin: 0;
  			padding: 0;
  			overflow: hidden;
			height:100%;
			
			/* flex box CSS */
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
			align-content: center;
		}
		
		#nav > ul > li{
			height: 100%;
			padding: 0 18px;
			text-decoration: none;
			line-height: 100%;
			vertical-align: middle;
			cursor: pointer;
		}		
		
		#nav > ul > li:hover{
			background-color: #004F84;
		}
		
		#nav > ul > li > div,
		#search-icon,
		#nav > ul > li > a{
			color: #f7f7f7;
  			display: block;
			padding: 38px 0;
		}
		
		#nav > ul >li > ul{
			display: none;
		}		
		
		#menu-donate{
			background-color: #00AAE9  !important;
			display: block;
		}
		
		#search-bar{
			display:none;
			justify-content: flex-end;
			align-items: center;
			background-color: #FFFFFF;
			height: 55px;
			width:100%;
			font-weight: 500;
			border-bottom: 1px #F1F1F1 solid;
			position: absolute;
		}
		
		#search-icon{
			max-width: 14px; 
			width: 100%;
		}		
		
		#search-btn{
			/*width: 90px;*/
			margin: 8px 100px 0 0;
			height: 40px;
			background-color: #0069B1;
			color: #FFFFFF;
			font-size: 14px;
			padding: 0 15px;
			font-weight: normal;
			line-height: 38px;
		}
		
		#search-box{
			
			width: 100%;
			height: 30px;
			font-size: 1.5em;
			font-weight: 100;
			padding: 0 5px;
			height: 50px;
			text-align: center;
			border:0;	
		}
		
		#search-box-item{
			display: flex;
			
		}
		
		#m-search,
		#m-menu-icon,
		.m-sub-menu-btn,
		#m-donate-btn{
			display:none;
		}
		
		input#search-box:focus{
     	   outline: none;
    	}
		
		/*** END NAV CSS ***/
		
		/*** FOOTER CSS ***/
		#footer{
			display:block; 
			width:100%;
			background-color:#F4F4F4; 
			padding:0; 
			border-top:0;
			margin-top:0;
			height: 400px;
			position: relative;
			bottom: 0;
			
			font-size:16px;
			font-weight: 400;
		}
		
/***** General Hyperlinks style ******/
#footer a:link { color: #1B1C1D;	text-decoration: none; outline: none; }
#footer a:visited {	color: #1B1C1D;	text-decoration: none; outline: none;}
#footer a:hover { color: #1B1C1D; text-decoration: underline; }
#footer a:active { color: #1B1C1D; }

		#footer-container-1{
			display:flex;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			
			width:100%;
			background-color:#D5D5D5;
			height: 130px;
		}
		
		#footer-email-subscribe-container{	
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			margin-right: 55px;
		}
		
		#email-subscribe-txt{
			
		}
		
		#email-subscribe{
			width: 230px;
			height: 30px;
			padding: 5px;
			
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
			
			border: 0;
			
		}
		
		#email-subscribe-input{
			margin: 0 8px 0 18px;
		}
		
		#email-subscribe-submit{
			width:110px;
			height: 40px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
			background-color: #0069B1;
			font-size: 14px;
			color: #FFFFFF;
			line-height: 38px;
			cursor: pointer;
			padding: 0 10px;
		}
		
		#footer-social-media-container{
			display: flex;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			align-content: center;
		}
		
		#footer-social-media-txt{
			margin-right: 10px;
		}
		
		#footer-fb,
		#footer-ig,
		#footer-tw,
		#footer-yt{
			margin: 0 4px;
		}
		
		
		#footer-container-2{
			display:flex;
			flex-direction: column;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			
			width:100%;
		}
		
		#footer-logo{
			padding: 30px 0 15px 0;
		}
		#footer-language-container,
		#footer-menu-container,
		#footer-info{			
			display:flex;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			padding: 15px 0;
			width:100%;
		}
		#footer-info > div,
		#footer-menu-container > div{
			padding: 0 20px;
		}
		
		#footer-language-container > div{
			font-size: 12px;
		}
		.footer-language-separator{
			margin: 0 8px;
		}
		
		#footer-separator{
			width: 100%;
			background-color: #D5D5D5;
		}
		
		#footer-info{
			font-size:12px;
			padding-top: 20px;
		}
		
		

		/* END FOOTER CSS */
		

		/* Cookie popup */
		#cookie-accept-container{
			position: fixed;
			left: 20px;
			bottom: 80px;
			z-index: 1000;
			display:none;
		}

		#cookie-accept{
			display: flex;
			justify-content: space-between;
			align-content: center;
			background-color: rgba(255,255,255,0.90);
			padding: 20px;
		}

		#cookie-accept div:first-of-type{
			max-width: 250px;
			width: 100%;
			font-size: 12px;
			padding-right: 20px;
			text-align: left;
		}

		#cookie-accept > div > img{
			width: 20px;
			cursor: pointer;
		}
		
		@media screen and (max-width:840px){
			
			/*** NAV CSS ***/
			
			#nav-container{
				height: 90px;
				
			}
			
			#m-menu-icon{
				display: block;
			}
			
			#m-donate-btn{
				display:block;
				width: 100%;
				max-width: 329px;
				margin: 20px auto;
				padding: 10px 0;
				text-align: center;
				background-color: #31A9FF;
				border-radius: 6px;
			}
			
			#m-donate-btn > a{
				
				font-size: 1.3em;
				color:white;
			}
			
			.m-sub-menu-btn{
				display: inline;
				position: relative;
				top:10px;
				float:right;
			}
			
			#nav{
				display: none;	
				background-color: #F4F4F4;
				position: absolute;
				top: 90px;
				left: 0;
				width: 100%;
				height: auto;
			}
			
			#nav > ul{
				display: flex;
				flex-direction: column;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-items: flex-start;
				align-content: flex-start;	
				padding-bottom: 30px;
			}
			
			#nav > ul > li{
				
				font-size: 1.5em;
				font-weight: 400;
				padding: 20px 4%;
				width: 74%;
				text-align: left;
				border-bottom: 1px solid #CCCCCC;
				margin: 0 8%;
				background-color: transparent;
			}
			
			#nav > ul > li > ul {
				display: none; /* flex */
				flex-direction: column;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-items: flex-start;
				align-content: flex-start;
			}
			
			#nav > ul > li > ul > li{
				display: flex;
				flex-direction: column;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-items: flex-start;
				align-content: flex-start;
			}
			
			#nav > ul > li > ul > li > a{
				color: #1B1C1D;
				width: 100%;
				padding-top:10px;
				
			}
			
			#nav > ul > li:last-child,
			#sub-nav-container{
				display: none;
			}
			
			#nav > ul > li > div,
			#nav > ul > li > a,
			#sub-nav-container > ul > li > a{
				color: #1B1C1D;
				padding: 0;
				width: 100%;
				border-bottom: 1px solid #F1F1F1;
				background-color: transparent;
			}
			
			
		
			#nav > ul > li:hover,
			#sub-nav-container > ul > li:hover{
				background-color: transparent;
			}
			
			#nav-box{
				height: 100%;
			}
			
			#search-icon,
			#menu-donate{
				display: none;
			}
			
			#nav-box{
				padding: 0 30px;
			}
			
			#snl-logo{
				
			}
			
			#m-search{
				display: block;
			}		
		
			#search-btn{
				width: 50px;
				margin: 7px 10px;
				height: 40px;
				line-height: 40px;
				font-size: 12px;
    			font-weight: normal;
			}
			
			#search-icon{
				max-width: 20px; 
				width: 100%;
			}
			/*** END NAV CSS ***/
			
			/*** FOOTER CSS ***/
			#footer{
				height: 466px; /**/
			}

			#footer-container-1{
				flex-direction: column; /**/
				height: 174px; /**/
			}

			#footer-email-subscribe-container{
				margin-right: 0;
			}
			
			#footer-social-media-container{

				padding: 20px 0 0 0; /**/
			}

			
			#footer-menu-container{
				flex-wrap: wrap;
				width: 90%;
			}
			
			#footer-menu-container > div{
				padding-bottom:10px;
			}
			
			#footer-info{
				padding-top: 0; /**/
				flex-wrap: wrap; /**/
				 width: 95%; /**/
			}
			#footer-info > div{ /**/
				padding: 10px 20px;
			}
			
			/* END FOOTER CSS */
			
			
			
			
		}
		
		
		@media screen and (max-width:570px){
			
			#footer{
				height: 630px;
			}
			
			#footer-container-1{
				height: 287px;
			}
			
			#footer-email-subscribe-container{
				flex-wrap: wrap;
				width: 85%;
				
			}
			#email-subscribe-txt,
			#email-subscribe-input,
			#email-subscribe-submit{
				width: 100%;
			}
			
			
			#email-subscribe{
				width: calc(100% - 20px);
				padding-left: 15px;
			}
			
			#email-subscribe-txt{
				margin-bottom: 15px;
			}
			
			#email-subscribe-input{
				margin: 0 0 10px 0;
			}
			
			#footer-social-media-container {
				padding: 30px 0 0 0;
			}
			
			#footer-info > div{
				padding: 5px 16px;
			}
			
		}
		
		@media screen and (max-width:400px){
			
		}