/* ===========================================
	Main Nav large screen
============================================== */



#nav-large{
	clear:both;
	background:#cd171e;
	width:100%;
	height:110px;
	padding:0 0 0 0;
	display:block;
	overflow:visible;
	z-index:1500;
	}
	@media screen and (min-width: 600px) {#nav-large {height:115px;}}
	@media screen and (min-width: 850px) {#nav-large {height:120px;}}
	@media screen and (min-width: 1000px) {#nav-large {height:125px;}}
	@media screen and (min-width: 1250px) {#nav-large {height:140px;}}



.nav-large-margin-left{
	clear:both;
	height:100%;
	width:8%;
	float:left;
	}
	@media screen and (min-width: 600px) {.nav-large-margin-left {width:8%;}}
	@media screen and (min-width: 850px) {.nav-large-margin-left {width:6%;}}
	@media screen and (min-width: 1000px) {.nav-large-margin-left {width:8%;}}
	@media screen and (min-width: 1250px) {.nav-large-margin-left {width:10%;}}
	@media screen and (min-width: 1500px) {.nav-large-margin-left {width:10%;}}

.nav-large-margin-right{
	height:100%;
	width:2%;
	float:left;
	}
	@media screen and (min-width: 600px) {.nav-large-margin-right {width:2%;}}
	@media screen and (min-width: 850px) {.nav-large-margin-right {width:2%;}}
	@media screen and (min-width: 1000px) {.nav-large-margin-right {width:2%;}}
	@media screen and (min-width: 1250px) {.nav-large-margin-right {width:4%;}}
	@media screen and (min-width: 1500px) {.nav-large-margin-right {width:6%;}}


.nav-large-content{
	height:100%;
	width:90%;
	float:left;
	}
	@media screen and (min-width: 600px) {.nav-large-content {width:90%;}}
	@media screen and (min-width: 850px) {.nav-large-content {width:92%;}}
	@media screen and (min-width: 1000px) {.nav-large-content {width:90%;}}
	@media screen and (min-width: 1250px) {.nav-large-content {width:86%;}}
	@media screen and (min-width: 1500px) {.nav-large-content {width:84%;}}






#nav-large-logo{
	height:100%;
	width:auto;
	float:left;
	padding:10px 0 0 0;
	margin:0 0 0 -5px;
	z-index:1500;
	}


#nav-large-logo img{
	height:100%;
	}


#nav-large-buttons{
	height:100%;
	width:100%;
	float:left;
	padding:10px 0 0 0;
	display:none;
	}
	@media screen and (min-width: 850px) {#nav-large-buttons {width:74%;display:block;}}
	@media screen and (min-width: 1050px) {#nav-large-buttons {width:76%;display:block;}}
	@media screen and (min-width: 1250px) {#nav-large-buttons {width:80%;display:block;}}

	
#nav-primary-buttons{
	width:100%;
	float:left;
	padding:5px 0 0 0;
	display:none;
	}
	@media screen and (min-width: 850px) {#nav-primary-buttons {width:100%;display:block;}}	


#nav-secondary-buttons{
	width:100%;
	float:left;
	padding:25px 0 0 0;
	display:none;
	}
	@media screen and (min-width: 850px) {#nav-secondary-buttons {width:100%;display:block;padding:10px 0 0 0;}}
	@media screen and (min-width: 1000px) {#nav-secondary-buttons {width:100%;display:block;padding:10px 0 0 0;}}
	@media screen and (min-width: 1250px) {#nav-secondary-buttons {width:100%;display:block;padding:10px 0 0 0;}}
	
	
.nav-floatright{
	float:right;
	}	
	
	






/* ===========================================
	Main Nav Primary Buttons large screen 
============================================== */


.nav-large-button{
	float:left;
	position: relative; 
	z-index:50000;
	}


.nav-large-level1 a{
	display:block;
	font-family: 'Festivo-LC-Basic', sans-serif;
    font-weight: normal;
	font-size:1.5em;
	line-height:1.5em;
	color:#ffffff;
	padding: 5px 0 0 20px;
	margin: 0 0 0 0;
	}
	@media screen and (min-width: 850px) {.nav-large-level1 a {margin: 0 0 0 0;}}
	@media screen and (min-width: 1000px) {.nav-large-level1 a {margin: 0 0 0 5px;}}
	@media screen and (min-width: 1250px) {.nav-large-level1 a {margin: 0 0 0 10px;}}
	@media screen and (min-width: 1500px) {.nav-large-level1 a {margin: 0 0 0 15px;}}
	
		
.nav-large-level1 a.five{
	font-size:1.3em;
	}
	@media screen and (min-width: 850px) {.nav-large-level1 a.five {font-size:1.3em;}}
	@media screen and (min-width: 1000px) {.nav-large-level1 a.five {font-size:1.6em;}}
	@media screen and (min-width: 1250px) {.nav-large-level1 a.five {font-size:2em;}}
	@media screen and (min-width: 1500px) {.nav-large-level1 a.five {font-size:2em;}}
	
	
	
.nav-large-level1 a.six{
	font-size:1em;
	}
	@media screen and (min-width: 850px) {.nav-large-level1 a.six {font-size:1em;}}
	@media screen and (min-width: 1000px) {.nav-large-level1 a.six {font-size:1.1em;}}
	@media screen and (min-width: 1250px) {.nav-large-level1 a.six {font-size:1.4em;}}
	@media screen and (min-width: 1500px) {.nav-large-level1 a.six {font-size:1.7em;}}
		
		
		

.nav-large-level2 {
	position:absolute;
	display: none;
	background:#000000;
	padding: 15px 23px 5px 23px;
	margin: 0 0 0 0;
	}
	@media screen and (min-width: 850px) {.nav-large-level2 {margin: 0 0 0 0;}}
	@media screen and (min-width: 1000px) {.nav-large-level2 {margin: 0 0 0 5px;}}
	@media screen and (min-width: 1250px) {.nav-large-level2 {margin: 0 0 0 10px;}}
	@media screen and (min-width: 1650px) {.nav-large-level2 {margin: 0 0 0 15px;}}		
	
	
.nav-large-level2 ul li {
	border-bottom: 1px solid rgba( 255, 255, 255, 0.3 );
	border-top: 1px solid rgba( 255, 255, 255, 0 );
	}
	
.nav-large-level2 ul li a {
	width: 150px;
	display: block;
	padding: 10px 0 10px 0;
	font-family: 'Festivo-LC-Basic', sans-serif;
    font-weight: normal;
    font-size:.9em;
	line-height:1.2em!important;
	color: #ffffff;
	text-decoration:none;
	text-transform:uppercase;
	}
	
.nav-large-level2 ul li:last-child {
	margin:0 0 20px 0;
	border-bottom: 1px solid rgba( 0, 0, 0, 0 );
	}












/* ===========================================
	Main Nav Secondary Buttons all screens
============================================== */


ul li.submenu-items{
	float:left;
	}

ul li.submenu-items a{
	display:none;
	font-family: 'Festivo-LC-Basic', sans-serif;
    font-weight: normal;
    font-size:.6em;
	line-height:.6em;
	color:#ffffff;
	padding: 10px 5px 7px 0;
	float:left;
	}	
	@media screen and (min-width: 550px) {ul li.submenu-items a {padding: 20px 12px 7px 0;font-size:.7em;display:inline-block;}}
	@media screen and (min-width: 850px) {ul li.submenu-items a {padding: 10px 15px 7px 0;font-size:.7em;display:inline-block;}}
	@media screen and (min-width: 1000px) {ul li.submenu-items a {padding: 10px 20px 7px 0;font-size:.8em;display:inline-block;}}
	@media screen and (min-width: 1250px) {ul li.submenu-items a {padding: 10px 20px 7px 0;font-size:.8em;display:inline-block;}}
	

ul li.social{
	float:left;
	}

ul li.social a{
	background:#FFFFFF;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	padding: 3px 6px;
	display:inline-block;
	float:left;
	text-align:center;
	margin:10px 5px 0 0;
	}
	@media screen and (min-width: 850px) {ul li.social a {margin: 0 8px 0 0;}}
	@media screen and (min-width: 1000px) {ul li.social a {margin: 0 10px 0 0;}}
	@media screen and (min-width: 1250px) {ul li.social a {margin: 0 12px 0 0;}}

ul li.social a img{
    position: relative;
    top:3px;
    }



ul li.social-mainmenu{
	float:left;
	}

ul li.social-mainmenu a{
	background:none;
	vertical-align: middle;	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	padding: 4px 6px;
	display:none;
	float:left;
	text-align:center;
	margin:10px 5px 0 0;	
	}
	@media screen and (min-width: 550px) {ul li.social-mainmenu a {margin:10px 5px 0 0;display:inline-block;}}
	@media screen and (min-width: 850px) {ul li.social-mainmenu a {margin: 0 8px 0 0;display:inline-block;}}
	@media screen and (min-width: 1000px) {ul li.social-mainmenu a {margin: 0 10px 0 0;display:inline-block;}}
	@media screen and (min-width: 1250px) {ul li.social-mainmenu a {margin: 0 12px 0 0;display:inline-block;}}


ul li.social-mainmenu:last-child{
	margin:0 25px 0 0!important;	
	}
	@media screen and (min-width: 850px) {ul li.social-mainmenu:last-child {margin:0 0 0 0!important;}}














/* ===========================================
	Main Nav small screens 
============================================== */



#nav-small {
	display: block;
	}
	@media screen and (min-width: 850px) {#nav-small {display: none;}}



.nav-small-margin-left{
	clear:both;
	width:0%;
	float:left;
	}


.nav-small-margin-right{
	width:0%;
	float:left;
	}


.nav-small-content{
	width:100%;
	float:left;
	}


#nav-small-closed-buttons {
	right:0;
	display: none;
	width: 100%;
	min-height:100vh;
	background-color: rgba(0, 0, 0, 1);
	list-style: none;
	padding:80px 0 100px 0;
	overflow:scroll;
	z-index: 1000;
	}
	@media screen and (min-width: 600px) {#nav-small-closed-buttons {padding:100px 0 100px 0;}}


#nav-small-open-buttons{
	width:50px;
	position:absolute;
	right:30px;
	top:40px;
	z-index:200000;
	}
	@media screen and (min-width: 550px) {#nav-small-open-buttons {right:30px;top:40px;width:280px;}}
	@media screen and (min-width: 600px) {#nav-small-open-buttons {right:30px;top:45px;width:280px;}}







/* ===========================================
	Main Nav Primary Buttons small screens 
============================================== */



.nav-small-button{
	float:none;
	position: relative; 
	z-index:50000;
	}

.nav-small-level1 a{
	display:block;
	font-family: 'Festivo-LC-Basic', sans-serif;
    font-weight: normal;
	font-size:2.2em;
	line-height:1.3em;
	color:#ffffff;
	padding: 10px 0 5px 10%;
	margin: 15px 0 0 0;	
	}
	@media screen and (min-width: 600px) {.nav-small-level1 a {font-size:2.8em; margin: 20px 0 0 10px;}}

.nav-small-level2 {
	display: none;
	padding: 5px 25% 5px 15%;	
	}
	
.nav-small-level2 ul li {
	border-bottom: 1px solid rgba( 255, 255, 255, 0.2 );
	border-top: 1px solid rgba( 255, 255, 255, 0 );
	}

.nav-small-level2 ul li a {
	width: 80%;
	display: block;
	padding: 10px 0 10px 0;
	font-family: 'Festivo-LC-Basic', sans-serif;
    font-weight: normal;
    font-size:1em;
	line-height:1.2em;
	text-transform:uppercase;
	color: #ffffff;
	text-decoration:none;
	}
	@media screen and (min-width: 600px) {.nav-small-level2 ul li a {font-size:1.5em;}}

.nav-small-level2 ul li:last-child {
	margin:0 0 20px 0;
	border-bottom: 1px solid rgba( 255, 255, 255, 0 );
	}