.main-nav{
    background-color: #FFF;
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    font-family: "Molot";
}


header {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: white;
    z-index: 1000;
    -webkit-transition: all ease-in 0.4s;
}

header #logo{
    position: absolute;
    left: 34px;
    top: 0px;
    padding: 18px;
    z-index: 1;
}

header #logo img {
    height: 34px;
}

.main-nav #main-links {
    padding-left: 240px;
    padding-right: 160px;
    width: 100%;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: all ease-in 0.2s;
    max-width: 1400px;
    white-space: nowrap;
}

header div[toggle] {
    display: none;
    position: absolute;
    padding: 20px;
    right: 0px;
    top:0px;
    -webkit-transition: all ease-in 0.2s;
    z-index: 100;
}


header div[toggle] i {
    font-size: 50px;
    color: rgb(82, 8, 117);
}

/* Main nav */

header .sectionCaption, header .sectionCaptionStatic {
    position: absolute;
    font: 20px Molot;
    color: #f5ba16;
    left: 16px;
    line-height: 42px;
}


.little-text{
    font-size:12px;
    line-height:5px;
}

.bigger-text{
    font-size:32px;
}


body.expanded div[toggle] {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}


/* Main nav first */

.main-nav .main-navigation-first{
    position: relative;
    height: 70px;
}

body.expanded .main-nav .main-navigation-first{
    height: auto;

}



.main-nav div[submenu]
{
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
}

.main-nav #main-links div[submenu] {
    vertical-align: top;
    width: 25%;
}


.main-nav div[submenu] div[toplink] {
    text-align: left;
    line-height: 30px;
    padding-top: 20px;
}

.main-nav div[submenu] div[toplink] a {
    color: #520875;
    font: 20px 'Molot', 'Antenna-Regular';
    font-weight: normal;
}

.main-nav div[bottommenu] div[bottomlinks] a {
    font: 14px 'Antenna-Bold';
    line-height: 25px;
    color: white;
    font-weight: normal;
}

.main-nav div[bottommenu] div[bottomlinks] a.yellow{
    color: #f5ba16;
}


.main-nav div[submenu] div[hidelinks] {
    text-align: left;
}

.main-nav div[submenu] div[hidelinks] a {
    color: #8a669c;
    font-size: 18px;
    font-weight: normal;

}

.main-nav div[submenu] div[toplink] a.mainHeadLinks:hover{color: #ec1c23 !important;}
.main-nav div[submenu] div[hidelinks] a:hover{color: #520875 !important;}




header .social-links{
    position: absolute;
    top: 0px;
    right: 12px;
}

header .social-links i {
    color: rgb(84, 9, 114);
    line-height: 71px;
    font-size: 25px;
}

header .social-links ul li{
    display:inline-block;
    padding-right: 10px;
}



/* Main nav secondary */
body[section = 'Trailers'] #trailersLink{
    color: #f5ba16 !important;
}

.main-nav .main-navigation-secondary{
    background-color: #FFF;
    height: 90px;
}

.main-nav .main-navigation-secondary #secondary-links {
    position: absolute;
    margin-left: 212px;
    margin-right: 60px;
    width: 70%;
}

.main-navigation-secondary #secondary-links ul{
    color: #8a669c;
    float: left;
    width: 33%;
}

.main-navigation-secondary #secondary-links a{
    color: #8a669c;
}
.main-nav #invitation {
    position: absolute;
    color: #520875;
    top: 75px;
    left: 52px;
    cursor:pointer;
}

#invitation .little-text{
	position: relative;
	display: block;
    font-size:19px;
    line-height:20px;
}

#invitation .bigger-text{
 	position: relative;
	display: block;
    font-size:32px;
    line-height:24px;
}


header .legal-links{
    text-align: right;
    white-space: nowrap;
}



header .legal-links ul {
}


header .legal-links ul > li l {
    white-space: nowrap;
}

header .legal-links ul > li{
    display: inline-block;
    padding: 8px;
}


header .legal-links a {
    color: #8a669c;
    font: 14px Molot;
    line-height: 12px;
}

.main-nav div[bottommenu] ul{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.main-nav div[bottommenu] ul li[nomobile]{
    text-align: center;
}
.main-nav div[bottommenu] ul li:nth-child(3){
    text-align: left;
}


/* Main nav current section */
.main-nav .main-navigation-currsection {
    height: 40px;
    background-color: #520875;
    text-align: right;
    z-index: 100;
}


@media (max-width: 1100px) {
	header #logo {left: 15px;}
	.main-nav #invitation {top: 55px; left: 25px;}
	#invitation .bigger-text {font-size: 24px;}
	#invitation .little-text {font-size: 14.5px;}
}

@media (max-width: 980px) {
    #invitation .little-text {font-size: 15.5px;}
    
    header #logo {
        left: 6px;
    }

    .main-nav{
        min-width: auto;
    }

    .main-nav #main-links {
        padding-left: 168px;

    }

    .main-nav #invitation {
        bottom: 40px;
        left: 10px;
    }

    body.expanded #invitation .bigger-text {
        font-size: 26px
    }
}


@media (min-width: 641px) {
    .main-nav #main-links {
        padding-bottom: 20px;
        margin: auto;
    }
    header .legal-links {
        right: 14px;
        bottom: 41px;
        position: absolute;

    }

    .main-nav div[bottommenu] {
        /*max-width: 140px; */
        color: #f5ba16;
        font-size: 20px;
        /*padding-left: 100px;*/
        margin-top:10px;
        width: calc(100% - 160px);     
    }

    .main-nav div[bottommenu] ul li[nomobile] h1{
        text-align: center;
    }

    .main-nav div[bottommenu] div[bottomlinks] {
        line-height: 24px;
        padding: 0 30px;
        color: #FFF;
        font-family: "Antenna-Bold";
        font-size: 14px;
        text-transform: uppercase;

    }

}

@media (max-width: 1024px) {
  .main-nav div[bottommenu] {
    max-width: 800px;
  }
    
    header div[toggle] {
        display: block;
    }

}




@media (max-width: 860px) {
    header .social-links {
        top: 0px;
    }
    header .social-links i {
        line-height: 24px;
        font-size: 14px;
    }

}


@media (min-width: 641px){
    .borderClass{ border-bottom: #8a669c 1px solid; }
}

@media (max-width: 640px) { /* Mobile */
    header .legal-links a {
        font-size: 31px;
        line-height: 44px;
    }


    .main-nav {
        background-color: #520875;
        margin-top: 100px;
    }

    header {
        height: 100px;

    }
    header #logo {
        text-align: center;
        padding-top: 26px;
        width: calc(100% - 34px);
        left:0px;
    }
    header #logo img {
        height: 50px;
    }
    header div[toggle] {
        display: block;
    }

    .main-nav div[submenu] {
        display: block;
        padding: 0px;
        margin:0px;
        padding-left: 60px;
    }
    .main-nav div[submenu] div[toplink] {
        padding-top: 0px;
    }

    body.expanded .main-nav #main-links {
        padding-top: 20px;
    }

    body.expanded .main-nav #main-links, .main-nav .main-navigation-currsection {
        padding-left: 0px;
    }
    .main-nav div[submenu] div[toplink] a {
        color: white;
        font-size: 36px;
        line-height: 40px;
    }
    .main-nav div[bottommenu] div[bottomlinks] a {
        color: #f5ba16;
        font: 36px Molot;
    }
    .main-nav div[submenu] div[hidelinks], .main-nav div[submenu] div[toplink]  {
        text-decoration: none;
    }

    .main-nav div[submenu] div[hidelinks] a {
        line-height: 44px;
        font-size: 31px;
        color:#8a669c;

    }

    .main-nav div[submenu] div[hidelinks] a:hover {
        color:#520875;
    }

    header .social-links {
        padding: 20px 10px;
    }
    header .social-links ul li {
        display: block;
    }

    header .social-links i {
        line-height: 48px;
        font-size: 20px;
    }
    header .social-links {
        top: 100px;
    }
    header .social-links i {
        color: white;
        line-height: 34px;
        font-size: 20px;
    }
    header .legal-links {
        background-color: #520875;
        text-align: center;
        margin-top: -1px;
    }
    header #invitation {
        display: none;
    }
    .main-nav .main-navigation-currsection {
        height: auto;
    }

    .main-nav div[bottommenu] ul li {
        display: block;
    }
    .main-nav div[bottommenu] ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .main-nav div[bottommenu] div[bottomlinks] {
      text-align: left;
    }

    div[ball] img {
        height: 64px;
    }
    header .legal-links{
        white-space: normal;
    }
}


/* greg's edits */

	nav.main-nav a {
	    -webkit-transition: all 0.25s ease-in-out;
	    -moz-transition: all 0.25s ease-in-out;
	    -o-transition: all 0.25s ease-in-out;
	    transition: all 0.25s ease-in-out;			
	}

	/* main navigation fixes */
	.main-nav #main-links {
		padding: 0;
		max-width: 100%;
		width: 80%;
		height: 0;
	}

	.main-nav .main-navigation-first {
		padding-bottom: 10px;
	}

	.main-nav div[submenu], .main-nav #main-links div[submenu] {
		margin: 0;
		padding: 0 25px;
		width: auto;
	}

	.main-nav .main-navigation-first {
	    -webkit-transition: all 0.25s ease-in-out;
	    -moz-transition: all 0.25s ease-in-out;
	    -o-transition: all 0.25s ease-in-out;
	    transition: all 0.25s ease-in-out;		
	}
	
	body.expanded .main-nav .main-navigation-first {
		height: 150px;
	}

	header [expand] {
		display: block;
		opacity: 0;
	    -webkit-transition: all 0.25s ease-in-out;
	    -moz-transition: all 0.25s ease-in-out;
	    -o-transition: all 0.25s ease-in-out;
	    transition: all 0.25s ease-in-out;
	}
	
	body.expanded header [expand] {
		opacity: 1;
	}

	header .social-links { opacity: 1;}

	/* purple bar fixes */
	.main-nav div[bottommenu] {
		width: 100%;
		position: relative;
		display: block;
		margin: 0 auto;  
		padding: 0;   
	}
	
	.main-nav .main-navigation-currsection {
		height: auto;
		padding: 5px 0;
	}
	
	header .sectionCaption, header .sectionCaptionStatic {
		bottom: -3px;
	}

	.main-navigation-currsection ul {
		width: auto;
		margin: 0 auto;
		text-align: center;
	}
	
	.main-nav div[bottommenu] ul {
		-webkit-column-count: auto;
		-moz-column-count: auto;
		column-count: auto;		
	}

	.main-nav div[bottommenu] ul li {
		display: inline-block;
		text-align: center;
	}

	.main-nav div[bottommenu] div[bottomlinks] a:hover {
		color: #8a669c;
	}
	
	/* mobile fixes */
	header div[toggle].display { display: block; }
	
	@media (max-width: 1024px) {
		header .social-links {display: none !important;}
		header #logo {position: relative; text-align: center;}
		header #logo img { height: auto; width: 25%; margin-bottom: -20px;}
		header .sectionCaption, header .sectionCaptionStatic {display: none;}
		.main-nav div[submenu], .main-nav #main-links div[submenu] {padding: 0 15px;}
		body.expanded .main-nav .main-navigation-first {padding-bottom: 75px;}
		.main-nav #main-links {width: 100%;}
		.main-nav #invitation { bottom: 50px; top: auto; }
		header div[toggle] { display: block; }
	
	}

	@media (max-width: 660px) {
		.main-nav {margin-top: 15px;}
		header #logo img { position: relative; top: -5px; width: 40%; }
		body.expanded .main-nav .main-navigation-first {padding-bottom: 0;}
		.main-nav div[bottommenu] div[bottomlinks] a, header .legal-links a {font-size: 20px;}
		.legal-links img {top: 5px; position: relative;}
		body.expanded .main-nav .main-navigation-first { height: auto; }
		.main-nav #main-links { height: auto; }
		
		.main-nav div[bottommenu] ul li {display: block;}

	}