#quicklink-home {
    text-align: center;
    background: #34a34c;
    color: #e1e1e1;
    line-height: normal;
}



#quicklink-home ol, #quicklink-home ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-shadow: none !important; /* override - mobile jquery effect */
}

    #quicklink-home #quicklink-wrap {
        margin: 0 auto;
        height: 100%;
        padding: 15px;
    }

    #quicklink-home .quicklink-content {
        height: 100%;
        display:block;
        position:relative;
    }


    #quicklink-home ul {
        list-style: none;
        list-style-type: none;
        display: inline-block;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom: 1;
        *display: inline;
        width: 100%;
        height: 100%;
    }

        #quicklink-home ul li {
            display: block;
            float: left;
            height: 260px;
            width: 16.6666666%;
        }


            #quicklink-home ul li:active {
                background: rgba(255, 255, 255, .3);
            }

    #quicklink-home div {
    }

    #quicklink-home .quicklink-icon {
        width:100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
    }

        #quicklink-home .quicklink-icon img {
            margin-top:10px;
        }



    #quicklink-home .quicklink-text {
        height: 50%;
        width: 70%;
        margin: 0 auto;
    }


        #quicklink-home .quicklink-text .title {
            margin-bottom: 10px;
            font-size: 18px;
            color: #fff;
        }


    #quicklink-home a {
        color: #fff;
    }


        #quicklink-home a:hover img {
            
            -webkit-transform: scale(1.1);
            -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
            -webkit-transform: scale(1.1);
            -moz-transition: -moz-transform 0.2s, opacity 0.2s;
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transition: transform 0.2s, opacity 0.2s;
            transform: scale(1.1);

        }




        #quicklink-home a:visited {
            color: #fff;
        }


        #quicklink-home a:active {
            background: rgba(255, 255, 255, 0.1)!important;
        }


.quicklink-level1 {
}

    .quicklink-level1 .box {
        float: left;
        border: 10px solid #fff;
        padding: 5px;
        background-repeat: no-repeat !important;
        position: relative;
        cursor:pointer;
    }

        .quicklink-level1 a:hover {
            background: rgba(115,6,18,1)!important;
        }
        .quicklink-level1 a:active {
            background: rgba(115,6,18,1)!important;
        }

        

    .quicklink-level1 .boxinner {
    }

    /*width*/
    .quicklink-level1 .w1 {
        width: 16.6666666666%;
    }

    .quicklink-level1 .w2 {
        width: 33.3333333333%;
    }

    .quicklink-level1 .w3 {
        width: 50%;
    }

    .quicklink-level1 .w4 {
        width: 66.66666666666%;
    }

    .quicklink-level1 .w5 {
        width: 83.33333333333%;
    }

    .quicklink-level1 .w6 {
        width: 100%;
    }

    /*height*/

    .quicklink-level1 .h0 {
        height: 80px;
        background-position: left center !important;
    }

        .quicklink-level1 .h0 .img {
            position: absolute;
            width: 44px;
            height: 44px;
            left: 8px;
            top: 8px;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            background-size: 100% !important;
            background-size: cover !important;
        }



    .quicklink-level1 .h1 {
        height: 125px;
        background-position: left center !important;
    }

        .quicklink-level1 .h1 .img {
            position: absolute;
            width: 70px;
            height: 70px;
            left: 8px;
            top: 16px;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            background-size: 100% !important;
            background-size: cover !important;
        }


    .quicklink-level1 .h2 {
        height: 250px;
        background-position: right bottom !important;
    }

        .quicklink-level1 .h2 .img {
            position: absolute;
            width: 100px;
            height: 100px;
            right: 15px;
            bottom: 15px;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            background-size: 100% !important;
            background-size: cover !important;
        }

    .quicklink-level1 .row {
    }

        .quicklink-level1 .row:after {
            clear: both;
        }


    .quicklink-level1 .title {
        font-size: 1.3em;
        
        line-height: normal;
        vertical-align: middle;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

	

	
    .quicklink-level1 .w1h1-text {
        padding-left: 30px;
        padding-right: 30px;
    }

    .quicklink-level1 .w1h2-text {
        padding-left: 30px;
        padding-top: 20px;
        padding-right: 30px;
    }


    .quicklink-level1 .w2h1-text {
        padding-left: 90px;
        padding-right: 10px;
    }

    .quicklink-level1 .w2h2-text {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0px;
        margin-top: -30px;
    }


    .quicklink-level1 .w3h1-text {
        padding-left: 90px;
        padding-right: 10px;
    }

    .quicklink-level1 .w3h2-text {
        padding-left: 30px;
        padding-right: 30px;
    }


    .quicklink-level1 .w4h1-text {
        padding-left: 90px;
        padding-right: 30px;
    }

    .quicklink-level1 .w4h2-text {
        padding-left: 30px;
        padding-right: 30px;
    }


    .quicklink-level1 .w5h1-text {
        padding-left: 90px;
        padding-right: 30px;
    }

    .quicklink-level1 .w5h2-text {
        padding-left: 30px;
        padding-right: 30px;
    }

    .quicklink-level1 .w6h1-text {
        padding-left: 90px;
        padding-right: 30px;
    }

    .quicklink-level1 .w6h2-text {
        padding-left: 30px;
        padding-right: 30px;
    }

    .quicklink-level1 .w6h0-text {
        padding-left: 70px;
        padding-right: 30px;
    }


    .quicklink-level1 a {
    }

        .quicklink-level1 a:hover {
        }

        .quicklink-level1 a:visited {
        }



.quicklink-dept {
    font-size: 1em;
}

.quicklink-dept-wrap {
    width: 920px;
    margin: 0 auto;
}





.quicklink-dept ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    text-shadow: none !important;
}

.quicklink-dept li {
    float: left;
    width:16.666666666666%;    
    height:160px;
    position: relative;
    display:inline-block;
    font-size:0.8em;
}



#dept-quicklinkzone .ms-webpartzone-cell
{
	margin-bottom:0px!important;
}


.quicklink-dept li .inner{
    padding:10px;
    height:100%;

}


    .quicklink-dept li a {
       height:100%;
        display: block;
        text-align: center;
        background: #34a34c;
        position:relative;    
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .quicklink-dept li .img {
        position: absolute;
        top: 10px;
        width: 100%;
    }

	
	
	
	.quicklink-dept li a .img img
	{
		max-width:100%;
		height:70px;
		
	}
	

    .quicklink-dept li a, .quicklink-dept li a:hover, .quicklink-dept li a:visited {
        color: #fff;
    }


.quicklink-dept li a:hover img
		{
            
            -webkit-transform: scale(1.1);
            -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
            -webkit-transform: scale(1.1);
            -moz-transition: -moz-transform 0.2s, opacity 0.2s;
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transition: transform 0.2s, opacity 0.2s;
            transform: scale(1.1);

        }

	.quicklink-dept li a:hover
	{
		
	}
	
	
    .quicklink-dept li a:active > div
    {
        
    }
    
        .quicklink-dept li a span {
            position: absolute;
            display: table;
            line-height: normal;
            bottom: 5px;
            width: 100%;
			height:50px;
            padding:5px;
			
        }

		.quicklink-dept li a span .txt {
			display: table-cell;
			vertical-align:middle;
			
		}
		
.quicklink-dept:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


@media only screen and (max-width : 320px) { /*--- Mobile portrait ---*/

    #quicklink-home ul li {
        width: 50%;
    }

    #quicklink-home .quicklink-text {
        width: 90%;
    }

    /*width*/
    .quicklink-level1 .w1 {
        width: 100%;
    }

    .quicklink-level1 .w2 {
        width: 100%;
    }

    .quicklink-level1 .w3 {
        width: 100%;
    }

    .quicklink-level1 .w4 {
        width: 100%;
    }

    .quicklink-level1 .w5 {
        width: 100%;
    }

    .quicklink-level1 .w6 {
        width: 100%;
    }

    /*height*/
    .quicklink-level1 .h1 {
        height: 125px;
    }

    .quicklink-level1 .h2 {
        height: 125px;
        background-position: left center !important;
    }

        .quicklink-level1 .h2 .img {
            width: 70px;
            height: 70px;
            left: 8px;
            top: 16px;
        }

    .quicklink-level1 .title {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0px;
        padding-left: 90px;
        font-size: 1.4em;
    }


	.quinklink-sub .title {
		font-size: 1em;
		padding-left:60px;
	}


    .quicklink-level1 .w1h2-text, .quicklink-level1 .w2h2-text, .quicklink-level1 .w3h2-text, .quicklink-level1 .w4h2-text, .quicklink-level1 .w5h2-text, .quicklink-level1 .w6h2-text {
        margin-top: 0px;
    }

    .quicklink-level1 .w6h0-text{
        padding-left:70px;
    }

     .quicklink-dept-wrap 
    {
        width:100%;
    }
    .quicklink-dept li {
        width:50%;
    }
}

@media only screen and (min-width : 320px) and (max-width : 480px) { /*--- Mobile portrait ---*/
    #quicklink-home ul li {
        width: 50%;
    }

    #quicklink-home .quicklink-text {
        width: 90%;
    }

    /*width*/
    .quicklink-level1 .w1 {
        width: 100%;
    }

    .quicklink-level1 .w2 {
        width: 100%;
    }

    .quicklink-level1 .w3 {
        width: 100%;
    }

    .quicklink-level1 .w4 {
        width: 100%;
    }

    .quicklink-level1 .w5 {
        width: 100%;
    }

    .quicklink-level1 .w6 {
        width: 100%;
    }

    /*height*/
    .quicklink-level1 .h1 {
        height: 125px;
    }

    .quicklink-level1 .h2 {
        height: 125px;
        background-position: left center !important;
    }

        .quicklink-level1 .h2 .img {
            width: 70px;
            height: 70px;
            left: 8px;
            top: 16px;
        }

    .quicklink-level1 .title {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0px;
        padding-left: 90px;
        font-size: 1.4em;
    }

	.quinklink-sub .title {
		font-size: 1em;
		padding-left:60px;
	}


    .quicklink-level1 .w1h2-text, .quicklink-level1 .w2h2-text, .quicklink-level1 .w3h2-text, .quicklink-level1 .w4h2-text, .quicklink-level1 .w5h2-text, .quicklink-level1 .w6h2-text {
        margin-top: 0px;
    }

    .quicklink-level1 .w6h0-text{
        padding-left:70px;
    }


     .quicklink-dept-wrap 
    {
        width:100%;
    }
    .quicklink-dept li {
        width:33.33333333333%;
    }
}

@media only screen and (min-width : 480px) and (max-width : 595px) { /*--- Mobile landscape ---*/
    #quicklink-home ul li {
        width: 33.333333%;
    }

    #quicklink-home .quicklink-text {
        width: 90%;
    }

    /*width*/
    .quicklink-level1 .w1 {
        width: 100%;
    }

    .quicklink-level1 .w2 {
        width: 100%;
    }

    .quicklink-level1 .w3 {
        width: 100%;
    }

    .quicklink-level1 .w4 {
        width: 100%;
    }

    .quicklink-level1 .w5 {
        width: 100%;
    }

    .quicklink-level1 .w6 {
        width: 100%;
    }

    /*height*/
    .quicklink-level1 .h1 {
        height: 125px;
    }

    .quicklink-level1 .h2 {
        height: 125px;
        background-position: left center !important;
    }

        .quicklink-level1 .h2 .img {
            width: 70px;
            height: 70px;
            left: 8px;
            top: 16px;
        }

    .quicklink-level1 .title {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0px;
        padding-left: 90px;
        font-size: 1.4em;
    }

	.quinklink-sub .title {
		font-size: 1em;
		padding-left:60px;
	}


    .quicklink-level1 .w1h2-text, .quicklink-level1 .w2h2-text, .quicklink-level1 .w3h2-text, .quicklink-level1 .w4h2-text, .quicklink-level1 .w5h2-text, .quicklink-level1 .w6h2-text {
        margin-top: 0px;
    }

    .quicklink-level1 .w6h0-text{
        padding-left:70px;
    }


     .quicklink-dept-wrap 
    {
        width:100%;
    }
    .quicklink-dept li {
        width:33.33333333333%;
    }
}


@media only screen and (min-width : 595px) and (max-width : 690px) { /*--- Small tablet portrait ---*/
    #quicklink-home ul li {
        width: 33.333333%;
    }

    #quicklink-home .quicklink-text {
        width: 90%;
    }


    /*width*/
    .quicklink-level1 .w1 {
        width: 100%;
    }

    .quicklink-level1 .w2 {
        width: 100%;
    }

    .quicklink-level1 .w3 {
        width: 100%;
    }

    .quicklink-level1 .w4 {
        width: 100%;
    }

    .quicklink-level1 .w5 {
        width: 100%;
    }

    .quicklink-level1 .w6 {
        width: 100%;
    }


    /*height*/
    .quicklink-level1 .h1 {
        height: 125px;
    }

    .quicklink-level1 .h2 {
        height: 125px;
        background-position: left center !important;
    }

        .quicklink-level1 .h2 .img {
            width: 70px;
            height: 70px;
            left: 8px;
            top: 16px;
        }

    .quicklink-level1 .title {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0px;
        padding-left: 90px;
        font-size: 1.4em;
    }

	.quinklink-sub .title {
		font-size: 1em;
		padding-left:60px;
	}


    .quicklink-level1 .w1h2-text, .quicklink-level1 .w2h2-text, .quicklink-level1 .w3h2-text, .quicklink-level1 .w4h2-text, .quicklink-level1 .w5h2-text, .quicklink-level1 .w6h2-text {
        margin-top: 0px;
    }


    .quicklink-level1 .w6h0-text{
        padding-left:70px;
    }


     .quicklink-dept-wrap 
    {
        width:100%;
    }

    .quicklink-dept li {
        width:33.33333333333%;
    }




}

@media only screen and (min-width : 690px) and (max-width : 800px) { /*--- Tablet portrait ---*/
    #quicklink-home ul li {
        width: 33.333333%;
    }

    #quicklink-home .quicklink-text {
        width: 90%;
    }


    /*width*/
    .quicklink-level1 .w1 {
        width: 50%;
    }

    .quicklink-level1 .w2 {
        width: 50%;
    }

    .quicklink-level1 .w3 {
        width: 50%;
    }

    .quicklink-level1 .w4 {
        width: 50%;
    }

    .quicklink-level1 .w5 {
        width: 50%;
    }

    .quicklink-level1 .w6 {
        width: 100%;
    }


    /*height*/
    .quicklink-level1 .h1 {
        height: 125px;
    }

    .quicklink-level1 .h2 {
        height: 125px;
        background-position: left center !important;
    }

        .quicklink-level1 .h2 .img {
            width: 70px;
            height: 70px;
            left: 8px;
            top: 16px;
        }

    .quicklink-level1 .title {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0px;
        padding-left: 90px;
        font-size: 1.4em;
    }


    .quinklink-sub .title {
		font-size: 1.2em;
		padding-left:60px;
	}

    .quicklink-level1 .w1h2-text, .quicklink-level1 .w2h2-text, .quicklink-level1 .w3h2-text, .quicklink-level1 .w4h2-text, .quicklink-level1 .w5h2-text, .quicklink-level1 .w6h2-text {
        margin-top: 0px;
    }

    .quicklink-level1 .w6h0-text{
        padding-left:70px;
    }

     .quicklink-dept-wrap 
    {
        width:100%;
    }
     

    .quicklink-level1 .row .w2:nth-child(3) 
    {
        width:100%;
    }

    .quicklink-level1 .row .w2:nth-child(4) 
    {
        width:100%;
    }

}


@media only screen and (min-width : 800px) and (max-width : 1024px) { /*--- Small tablet landscape ---*/
    #quicklink-home ul li {
        width: 16.6666666%;
    }

    #quicklink-home .quicklink-text {
        width: 90%;
    }

    /*width*/
    .quicklink-level1 .w1 {
        width: 50%;
    }

    .quicklink-level1 .w2 {
        width: 50%;
    }

    .quicklink-level1 .w3 {
        width: 50%;
    }

    .quicklink-level1 .w4 {
        width: 50%;
    }

    .quicklink-level1 .w5 {
        width: 50%;
    }

    .quicklink-level1 .w6 {
        width: 100%;
    }

     .quicklink-dept-wrap 
    {
        width:100%;
    }


    .quicklink-level1 .row .w2:nth-child(3) 
    {
        width:100%;
    }


    .quicklink-level1 .row .w2:nth-child(4) 
    {
        width:100%;
    }

	.quinklink-sub .title {
		font-size: 1.2em;
		padding-left:60px;
	}


}

@media only screen and (min-width : 1024px) and (max-width : 1224px) { /*--- Tablet landscape --- */
    #quicklink-home ul li {
        width: 16.6666666%;
    }

	.quinklink-sub .title {
		font-size: 1.2em;
		padding-left:60px;
	}

}


@media (min-width: 1200px) {

	.quinklink-sub .title {
		font-size: 1.2em;
		padding-left:60px;
	}

}