/* INDUSTRY NAV */
/*Interior OverRides */
 body.interior .quick-link-wrapper{
 	display: none;
 }

.quick-link-wrapper{
	text-align: center;
}

	.quick-link-wrapper ul.quick-link{
		width: 100%;
		white-space: nowrap;
		margin: auto;
		text-align: center;
	}

		.quick-link-wrapper ul.quick-link li{
			display: inline-block;
			height: 197px;
			width: 25%;
			font-family: Aviano;
			color: #fff;
			font-size: 33px;
			text-align: center;
    		vertical-align: middle;
    		line-height: 1;
    		margin: auto;
    		position: relative;
		}
		.quick-link-wrapper ul.quick-link li .nav-img{
		    height: 100%;
		    width: 100%;
		    position: absolute;
		    top: 0px;
		    left: 0px;
		    background-repeat: no-repeat;
		    background-position: center;
		    transition:all 0.5s ;
		    -webkit-transition:all 0.5s ;
		    -o-transition:all 0.5s ;
		    -moz-transition:all 0.5s ;
		}

		.quick-link-wrapper ul.quick-link li.blue{
			background-color: #00487f;	
		}
		.quick-link-wrapper ul.quick-link li.light_blue{
			background-color: #00678d;	
		}
		.quick-link-wrapper ul.quick-link li.green{
			background-color: #177a86;	
		}
		.quick-link-wrapper ul.quick-link li.turquoise{
			background-color: #289caa;	
		}

		.quick-link-wrapper ul.quick-link li:first-child .nav-img{
		    background-size: 269px 286px;		    
		}

		.quick-link-wrapper ul.quick-link li:first-child:hover .nav-img{
		    background-size: 134px 143px;
		    border: 3px solid #fff;
		    box-shadow: 0 0 0 10px #00487f;
		    height: 90%;
		    width: 90%;
		    top: 10px;
		    left: 14px;
		}

		.quick-link-wrapper ul.quick-link li:nth-child(2) .nav-img{
		    background-size: 203px 174px;		    
		}

		.quick-link-wrapper ul.quick-link li:nth-child(2):hover .nav-img{
		    background-size: 90px 70px;
		    border: 3px solid #fff;
		    box-shadow: 0 0 0 10px #00678d;
		    height: 90%;
		    width: 90%;
		    top: 10px;
		    left: 14px;
		}

		.quick-link-wrapper ul.quick-link li:nth-child(3) .nav-img{
		    background-size: 226px 164px;		    
		}

		.quick-link-wrapper ul.quick-link li:nth-child(3):hover .nav-img{
		    background-size: 113px 82px;
		    border: 3px solid #fff;
		    box-shadow: 0 0 0 10px #177a86;
		    height: 90%;
		    width: 90%;
		    top: 10px;
		    left: 14px;
		}

		.quick-link-wrapper ul.quick-link li:nth-child(4) .nav-img{
		    background-size: 166px 166px;		    
		}

		.quick-link-wrapper ul.quick-link li:nth-child(4):hover .nav-img{
		    background-size: 83px 83px;
		    border: 3px solid #fff;
		    box-shadow: 0 0 0 10px #289caa;
		    height: 90%;
		    width: 90%;
		    top: 10px;
		    left: 14px;
		}
			.quick-link-wrapper ul.quick-link li a{
			    display: block;
			    padding: 0px 10px;
			    height: 100%;
			    width: 100%;
			}

			.quick-link-wrapper ul.quick-link li span.nav-text{
				color: #fff;
				position: relative;
    			text-shadow: 0 0 10px #000;
	            -webkit-transition-property: top;
	            -webkit-transition-duration: 0.5s;
	            white-space: normal;
			    display: block;
			    padding: 0px 10px;
    			top: 50%;
			}

			.quick-link-wrapper ul.quick-link li:hover span.nav-text{
    			top: 65%;
			}
			.quick-link-wrapper ul.quick-link li:nth-child(4) span.nav-text{
    			top: calc(50% - 20px);
			}
			.quick-link-wrapper ul.quick-link li:nth-child(4):hover span.nav-text{
    			top: 60%;
			}

@media only screen and (max-width: 74em) { 
	.quick-link-wrapper ul.quick-link li{
		width: 24%;
	}
}		

@media only screen and (max-width: 64em) { 

	.quick-link-wrapper ul.quick-link {
		white-space: normal;
	}

	.quick-link-wrapper ul.quick-link li.nav-item{
		width: 45%;
		margin-bottom: 20px;
	}

		.quick-link-wrapper ul.quick-link li:first-child{
			margin-right: 10px;
			margin-left: 0px;
		}
		.quick-link-wrapper ul.quick-link li:nth-child(2){
			margin-right: 0px;
			margin-left: 10px;
		}
		.quick-link-wrapper ul.quick-link li:nth-child(3){
			margin-right: 10px;
			margin-left: 0px;
		}
		.quick-link-wrapper ul.quick-link li:nth-child(4){
			margin-right: 0px;
			margin-left: 10px;
		}
			.quick-link-wrapper ul.quick-link li:nth-child(4) span.nav-text{
    			padding: 0px 15px;
			}

		.quick-link-wrapper ul.quick-link li:nth-child(1):hover .nav-img,
		.quick-link-wrapper ul.quick-link li:nth-child(2):hover .nav-img,
		.quick-link-wrapper ul.quick-link li:nth-child(3):hover .nav-img,
		.quick-link-wrapper ul.quick-link li:nth-child(4):hover .nav-img{
		    border: none;
		    box-shadow: none;
		    height: 100%;
		    width: 100%;
		    top: 0px;
		    left: 0px;
		}
		.quick-link-wrapper ul.quick-link li:first-child:hover .nav-img{
			background-size: 269px 286px;	
		}
		.quick-link-wrapper ul.quick-link li:nth-child(2):hover .nav-img{
			background-size: 203px 174px;	
		}
		.quick-link-wrapper ul.quick-link li:nth-child(3):hover .nav-img{
			background-size: 226px 164px;
		}
		.quick-link-wrapper ul.quick-link li:nth-child(4):hover .nav-img{
			background-size: 166px 166px;
		}

			.quick-link-wrapper ul.quick-link li span.nav-text,
			.quick-link-wrapper ul.quick-link li:hover span.nav-text{
    			top: 50%;
			}
			
			.quick-link-wrapper ul.quick-link li:nth-child(4):hover span.nav-text,
			.quick-link-wrapper ul.quick-link li:nth-child(4) span.nav-text{
    			top: 40%;
			}
}


@media only screen and (max-width: 40.063em){

	.quick-link-wrapper ul.quick-link li.nav-item{
		width: 100%;
		margin-right: 0px;
		margin-left: 0px;
    	max-height: 110px;
		margin-bottom: 10px;
	}
		
		.quick-link-wrapper ul.quick-link li:first-child:hover .nav-img,
		.quick-link-wrapper ul.quick-link li:first-child .nav-img{
			background-size: 134px 143px;
		}

		.quick-link-wrapper ul.quick-link li:nth-child(2):hover .nav-img,
		.quick-link-wrapper ul.quick-link li:nth-child(2) .nav-img{
			background-size: 90px 70px;
		}

		.quick-link-wrapper ul.quick-link li:nth-child(3):hover .nav-img,
		.quick-link-wrapper ul.quick-link li:nth-child(3) .nav-img{
			background-size: 113px 82px;
		}
		.quick-link-wrapper ul.quick-link li:nth-child(4):hover .nav-img,
		.quick-link-wrapper ul.quick-link li:nth-child(4) .nav-img{
			background-size: 83px 83px;
		}

			.quick-link-wrapper ul.quick-link li span.nav-text,
			.quick-link-wrapper ul.quick-link li:hover span.nav-text,
			.quick-link-wrapper ul.quick-link li:nth-child(4):hover span.nav-text,
			.quick-link-wrapper ul.quick-link li:nth-child(4) span.nav-text{
    			top: 35%;
			}
}