@font-face {
    font-family: 'Brandon-Grotesque-bold'; 
	src: url('fonts/Brandon_bld.otf') format('opentype');

	font-weight: bold;
}

@font-face {	   
    font-family: 'Brandon-Grotesque-light';  
    src: url('fonts/Brandon_light.otf') format('opentype');
	
	font-weight: light;
}

@font-face {		
	font-family: 'Brandon_reg';
    src: url('fonts/Brandon_reg.otf') format('opentype');
	font-style: normal;
}

@font-face {
    font-family: 'Museo700-Regular';
    src: url('fonts/museo_700_macroman/Museo700-Regular-webfont.woff2') format('woff2'),
         url('fonts/museo_700_macroman/Museo700-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo300-Regular';
    src: url('fonts/museo_300_macroman/Museo300-Regular-webfont.woff2') format('woff2'),
         url('fonts/museo_300_macroman/museo_300_macromanMuseo300-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
:root:before {
  content: url(/images/ad-logo.png)
           url(/images/ad-1.jpg)
           url(/logos/advertising-awards_v_v.gif)
           url(/images/Radio-1.jpg)
           url(/images/radio-logo.png)
           url(/logos/radioawards.gif)
           url(/images/tvf-1.jpg)
           url(/logos/tv&films.gif)
           url(/images/globals-1.jpg)
           url(/images/global-logo.png)
           url(/logos/globals.gif)
           url(/images/NY-Festivals-bg-1-yellow.jpg)
           url(/images/midas-logo-1.png)
           url(/images/ame-1.jpg)
           url(/images/ame-logo.png)
           url(/logos/ame-awards_v_v.gif)
           url(/images/nyf-2.jpg)
      /* partial fallback */
  background-image: url(/@/Storage/_files/68/file.jpg);
  visibility: hidden;
  position: absolute;
  left: -999em;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
    height: 100%;
 
	margin: 0; padding: 0;
	
	/*background-color: rgba(236,189,5, 0.7) !important;*/
	
	background: url(images/nyf-2.jpg) no-repeat center center fixed;
	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	/* Fade in / Fade Out effect */
	opacity: 1.0;
	-webkit-transition: background 1s ease-in-out;
	-moz-transition: background 1s ease-in-out;
	-o-transition: background 1s ease-in-out;
	-ms-transition: background 1s ease-in-out;
	transition: background 1s ease-in-out;
}


/* change navbar background */
nav.navbar {
  background: transparent !important;

}
 
/*  change navbar li colors, also active one but not disabled one */
.navbar ul.navbar-nav li.nav-item a.nav-link {
  color: white;
  background-color: rgb(70,63,55) !important;
  
}
 li.nav-item a.nav-link:hover {
  color: white;
  opacity: 0.7;
  background-color: rgb(90,63,55) !important;
  
}

/* change hamburger button border color */
button.navbar-toggler.navbar-toggler-right {
  border-color: yellow;
}

p {
	color: white;
	text-align: justify;
}
p#mainText{
    color: white;
    text-align: left;
     margin-top: -8%;
}
NYFlogo{
    position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
}
NYF2logo{
    position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
}
a:link {
    color: white;
}

/* visited link */
a:visited {
    color: white;
	text-decoration: none;
}

/* mouse over link */
a:hover {
    color: white !important;
	text-decoration: none;
}

/* selected link */
a:active {
    color: white;
	text-decoration: none;
}


.mainRow{height: 100%;}

.mainAreaRow {height: 25%;}
.logoRow {height: 25%; padding: 2% 18% 0 18%;}
.logoRowLinks {height: 25%; padding: 7% 14% 0 14%;}
.textRow {height: 40%; padding: 0 14% 5% 14%;}
.socialIconsRow {height: 10%;}

.logoSection {margin: 0 !important; padding: 0 !important; }
.NYFlogo {width: Auto; height: 70px; float: left;}
.NYFlogoText, .NYFlogoTextBold, .NYFlogoText1, .NYFlogoText2, .NYFlogoText3, .NYFlogoText4, .NYFlogoText5  {
	color: white;
	display: inline-block;
	line-height: 0.75em;
	
}

.ahover:hover{
    text-decoration: none;
}

.NYFlogoText, .NYFlogoTextBold, .NYFlogoText1, .NYFlogoText2 {
	font-style: normal;  
	color: white;
}

.NYFlogoTextBold, .NYFlogoText {font-size: calc(14px + 2.2vw);  letter-spacing: 4px;}

.NYFlogoTextBold {font-family: 'Museo700-Regular';}
.NYFlogoText  {font-family: 'Museo300-Regular';}
.NYFlogoText1 {font-family: 'Museo700-Regular'; font-size: 20pt;}
.NYFlogoText2 {font-family: 'Museo300-Regular'; font-weight: 500; font-size: 20pt;}
.NYFlogoText3 {font-family: 'Brandon-Grotesque-bold', sans-serif; font-size: calc(14px + 2.4vw); }
.NYFlogoText4 {font-family: 'Brandon-Grotesque-light', sans-serif; font-size: calc(14px + 2.4vw); font-weight: light; }
.NYFlogoText5 {font-size: calc(9px + 0.4vw); letter-spacing: 1.2px;}

.sideLinks {
	font-size: calc(8px + 0.8vw) !important;
	font-family: 'Brandon-Grotesque-bold', Fallback, sans-serif;
}

.sideLinksLight {
	font-family: 'Brandon-Grotesque-light', Fallback, sans-serif;
}

.mainContainer {
	height: inherit;
    box-shadow: inset 0px 0px 400px 0px rgba(0,0,0,.7);
     
	
	/*background: 
    /* top, transparent yellow */ 
   /* linear-gradient(
      rgba(236,189,5, 0.7), 
      rgba(236,189,5, 0.7)
    ),
    /* bottom, image */
    
}

.leftLinkArea, .rightLinkArea {
	height: 100%;
}
.leftLinkArea {
	border-right: 2px solid rgba(255,255,255, 0.3);
}

.rightLinkArea {
	border-left: 2px solid rgba(255,255,255, 0.3);
}

.linkAreaBox { 
	height: 33%;
	border-bottom: 2px solid rgba(255,255,255, 0.3);
	
}

/* Background Effect when hover on links */
div.linkAreaBox:hover, div.linkAreaBox_bottom:hover { -webkit-box-shadow: inset 600px 000px 0px 000px rgba(0,0,0,.35);
-moz-box-shadow: inset 600px 000px 0px 000px rgba(0,0,0,.35);
box-shadow: inset 600px 000px 0px 000px rgba(0,0,0,.35);
transition: box-shadow 3s,  ease-in-out;}


.linkAreaBox_bottom {
	height: 34%;
	border-bottom: none;
}



.socialIcons {width: 50px; height: 50px;}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 321px) {
	
	.mainAreaRow {height: 5%;}
	.logoRow {height: 25%; padding: 2% 5px 0 5px;}
	.logoRowLinks {height: 25%; padding: 7% 5px 0 5px;}
	.textRow {height: 80%; padding: 0 5px 5% 5px;}
	.socialIconsRow {height: 10%;}
	
	.NYFlogo {width: 100%; height: auto; float:left;}
	
	.mainText {padding: 2% 2% 5% 2%;}
	.NYF2logo{max-width:100%; height: 65px; float:left; margin-left: -17%; margin-top: -4%}
	.NYFlogoTextBold, .NYFlogoText {letter-spacing: 7px;}
	.NYFlogoText5 {letter-spacing: 0;}
	
}
 
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
	.mainText {padding: 2% 2% 5% 2%;}
	
	.mainAreaRow {height: 5%;}
	.logoRow {height: 25%; padding: 2% 5px 0 5px;}
	.logoRowLinks {height: 25%; padding: 7% 1px 0 1px;}
	.textRow {height: 80%; padding: 0 1px 5% 1px;}
	.socialIconsRow {height: 10%;}
	 p#mainText{display: none;}
	.NYFlogo {width: 100%; height: auto; float:left;}
	.NYF2logo{max-width:100%; height: 65px; float:left; margin-left: -17%; margin-top: -4%}
	.NYFlogoTextBold, .NYFlogoText {letter-spacing: 7px;}
	.NYFlogoText5 {letter-spacing: 0; line-height: 15px;}
	
}

/* --- Extra small devices portrait phones, less than 544px --- */
@media (max-width: 543px) {

	
	.mainText {padding: 2% 5% 5% 5%;}
	
	.mainAreaRow {height: 5%;}
	.logoRow {height: 25%; padding: 2% 5px 0 5px;}
	.logoRowLinks {height: 25%; padding: 7% 5px 0 5px;}
	.textRow {height: 80%; padding: 0 5px 5% 5px;}
	.socialIconsRow {height: 10%;}
	 p#mainText{display: none;}
	.NYFlogo {width: 100%; height: auto;float:left;}
	.NYF2logo{max-width:100%; height: 65px; float:left; margin-left: -17%; margin-top: -4%}
	.NYFlogoTextBold, .NYFlogoText {letter-spacing: 7px;}
	.NYFlogoText5 {letter-spacing: 0; line-height: 15px;}
}

/* --- Small devices (landscape phones, 544px and up) --- */
@media (min-width: 544px) and (max-width: 767px) {
	
	.mainAreaRow {height: 5%;}
	.logoRow {height: 25%; padding: 2% 12px 0 12px;}
	.logoRowLinks {height: 25%; padding: 7% 12px 0 12px;}
	.textRow {height: 50%; padding: 0 12% 5% 12%;}
	.socialIconsRow {height: 5%;}
	 p#mainText{display: none;}
	.mainText {padding: 2% 2% 5% 2%;}
	.NYF2logo{max-width:100%; height: 65px; float:left; margin-left: -5.5%; margin-top: -4%}
	.NYFlogo {width: 100%; height: auto;float:left;margin-left: 65px}
    element.style{margin-top: 20%;}
	.NYFlogoTextBold, .NYFlogoText {letter-spacing: 6px;}
	.NYFlogoText5 {letter-spacing: 0;}
	
}


/* --- Medium devices (tablets, 768px and up) --- */
@media (min-width: 768px) and (max-width: 991px) {
	 
	.socialIcons {width: 30px; height: 30px;}
	
	
	.mainAreaRow {height: 15%;}
	.logoRow {height: 25%; padding: 2% 10px 0 5px;}
	.logoRowLinks {height: 25%; padding: 7% 1px 0 1px;}
	.textRow {height: 50%; padding: 0 1px 5% 1px;}
	.socialIconsRow {height: 10%;}
	
	.mainText {padding: 2% 2% 5% 2%;}
     p#mainText{display: none;}
	.socialIconsRow {height: 5%;}
	.NYFlogo {max-width: 100%;
    height: auto;
    margin-top: 22%;}
   
	
    .NYF2logo{max-width:100%; height: 60px; float:center; margin-left: -13%; margin-top: 15%}
	
	.NYFlogoText5 {letter-spacing: 0;}
	
}
  
 
/* --- Large devices (desktops, 992px and up) --- */
@media (min-width: 992px) and (max-width: 1199px) { 
	
	.mainAreaRow {height: 25%;}
	.logoRow {height: 25%; padding: 2% 2% 0 2%;;}
	.logoRowLinks {height: 25%; padding: 7% 2% 0 2%;}
	.textRow {height: 40%; padding: 0 2% 5% 2%;}
	.socialIconsRow {height: 10%;}
	
	.NYFlogo {width: 100%; height: auto;float: left; margin-top: 2%;}
	.mainText {padding: 2% 2% 5% 2%;}
	
	.socialIcons {width: 30px; height: 30px;}
	 
	.NYFlogoText5 {letter-spacing: 0.2px;}
    .NYF2logo{max-width:100%; height: 60px  ; float:left; margin-left: -17%; margin-top: -3%}
	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{
	.socialIcons {width: 30px; height: 30px;}
	.NYFlogo {max-width: 100%; height: auto; float:left; margin-top: 20%}
     p#mainText{display: none;}
    .NYF2logo{width:100%; height: 80px; float:left; margin-left: -13%; margin-top: 15%}
	
}
 

/* --- Large devices (desktops, 1200px to 1575px) --- */
@media (min-width: 1200px) and (max-width: 1575px) { 
	.socialIcons {width: 30px; height: 30px;}
	.NYFlogo {max-width: 100%; height: auto; float: left; margin-left: -6%;margin-top: 3%}
   
    .NYF2logo {max-width:auto; height: 70px; float:left; margin-left: -17%; margin-top: -3%}
	
	.NYFlogoText5 {letter-spacing: 0.5px;}
}



/* --- Large devices (desktops, 1576px to 2500px) --- */
@media (min-width: 1576px) and (max-width: 2000px) { 
.socialIcons {width: 30px; height: 30px;}
.NYFlogo {max-width: 100%;
    height: auto;
    float: left;
    margin-left: -6%;
    margin-top: 0%;}
 
.NYF2logo{max-width:auto; height: 110px; float:left; margin-left: -18%; margin-top: -10%}
 
.NYFlogoText5 {letter-spacing: 0.5px;}
}
/* --- Large devices (desktops, 2001px to 2500px) --- */
@media (min-width: 2001px) and (max-width: 2500px) { 
.socialIcons {width: 30px; height: 30px;}
.NYFlogo {max-width: 100%;
    height: auto;
    float: left;
    margin-left: -6%;
    margin-top: -4%;}
 
.NYF2logo{max-width:auto; height: 110px; float:left; margin-left: -18%; margin-top: -9%}
 
.NYFlogoText5 {letter-spacing: 0.5px;}
}
/* --- Large devices (desktops, 2501px to 3000px) --- */
@media (min-width: 2501px) and (max-width: 3000px) { 
.socialIcons {width: 30px; height: 30px;}
.NYFlogo {max-width: 800px;
    height: 100px;
    float: left;
    margin-left: -6%;
    margin-top: -3%;}
 
.NYF2logo{max-width:auto; height: 120px; float:left; margin-left: -18.5%; margin-top: -11%}
 
.NYFlogoText5 {letter-spacing: 0.5px;}
}



div#midasAwards.row.linkAreaBox.align-items-center:hover {
     -webkit-box-shadow: inset 0px -600px 192px -84px rgba(255,179,0,1);
-moz-box-shadow: inset 0px -600px 192px -84px rgba(255,179,0,1);
box-shadow: inset -600px -0px 0px -84px rgba(255,179,0,1);
    transition: box-shadow 2s  ease-in-out;

}
div#midasAwards.row.linkAreaBox.align-items-center:hover::after {
    opacity: 1;
}


div#ameAwards.row.linkAreaBox_bottom.align-items-center:hover {
    -webkit-box-shadow: inset 0px -600px 192px -84px rgba(255,0,89,1);
-moz-box-shadow: inset 0px -600px 192px -84px rgba(255,0,89,1);
box-shadow: inset -600px -0px 0px -84px rgba(255,0,89,1);
    transition: box-shadow 2s  ease-in-out;
   
}
div#globalAwards.row.linkAreaBox.align-items-center:hover {
    -webkit-box-shadow: inset 0px -600px 192px -84px rgba(68,122,176,1);
-moz-box-shadow: inset 0px -600px 192px -84px rgba(68,122,176,1);
box-shadow: inset -600px -0px 0px -84px rgba(68,122,176,1);
    transition: box-shadow 2s  ease-in-out;
   

}
    

div#radioAwards.row.linkAreaBox.align-items-center:hover {
    -webkit-box-shadow: inset 0px -600px 192px -84px rgba(42,191,176,1);
-moz-box-shadow: inset 0px -600px 192px -84px rgba(42,191,176,1);
box-shadow: inset -600px -0px 0px -84px rgba(42,191,176,1);
    transition: box-shadow 2s  ease-in-out;
   

}

div#adAwardsLink.row.linkAreaBox.align-items-center:hover {
    -webkit-box-shadow: inset 0px -600px 192px -84px rgba(54,54,54,1);
-moz-box-shadow: inset 0px -600px 192px -84px rgba(54,54,54,1);
box-shadow: inset -600px -0px 0px -84px rgba(54,54,54,1);
    transition: box-shadow 2s  ease-in-out;
   
}


div#tvFilmsAwards.row.linkAreaBox_bottom.align-items-center:hover {
    -webkit-box-shadow: inset 0px -600px 192px -84px rgba(232,31,31,1);
-moz-box-shadow: inset 0px -600px 192px -84px rgba(232,31,31,1);
box-shadow: inset -600px -0px 0px -84px rgba(232,31,31,1);
    transition: box-shadow 2s  ease-in-out;
   
}


.socialIcons:hover {
    opacity: .5;
}