/* Mobile Navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background: url(images/nav.png) no-repeat center center;
	height:40px;
	width:40px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.nav-mobile_black {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background: url(images/nav_black.png) no-repeat center center;
	height:40px;
	width:40px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (max-width: 600px) {/*(min-width: 320px) and (max-width: 768px)*/ 
    .nav-mobile {
        display: block;
    }
    .nav-mobile_black {
        display: block;
    }
    .nav {
        width: 100%;
        padding: 40px 0 0;
    }

    .nav-list {
        display: none;
    }

    .nav-item {
        width: 100%;
        float: none;
    }

        .nav-item a {
            /*background: #000080;*/
            padding: 10px;
            text-decoration: none;
        }

        .nav-item:first-child a {
            border-radius: 0px 0 0;
        }

        .nav-item:last-child a {
            border-radius: 0 0 0px 0px;
        }

    .nav-active {
        display: block;
    }

    .nav-mobile-open {
        border-radius: 0px 0px 0 0;
        -webkit-border-radius: 0px 0px 0 0;
        -moz-border-radius: 0px 0px 0 0;
    }
}

@media screen and (max-width: 600px) {
  #hiddenhzaddl {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 100%;
    display: none;
  }

   #hiddenrightpanel {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 0px 20px 5px 0px;
    width: 0%;
    display: none;
  }

   #hiddenhzaddm {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 100%;
    display: none;
  }

   #newsimgblock {
		float: none;
		width: auto;
	}
   #newsimgblock2 {
		float: none;
		width: auto;
	}
    #imgblockright {
		float: right;
        padding:5px 10px 5px 10px;
	}


   #newsadblock {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 0px 20px 5px 0px;
    width: 0%;
    display: none;
	}

    .newsimgblockleft {
		float: none;
		width: auto;
	}

   .hiddenpanel {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 0px 20px 5px 0px;
    width: 0%;
    display: none;
  }
   .centersmall {
       text-align:center;
   }
   .hide-small {
    display: none!important;
   }
   .hide-medium {
    display: none!important;
   }
   .hide-all {
	display:none !important;
    }
   .hidepad-small {
	padding:0!important;
    }
   .bluelargebuttondiv {
	background-color:#0072C6;
	vertical-align:bottom;
	height:80px;
	text-align:justify;
	display:inline-block;
	padding-bottom:5px;
	padding-top:7px;
	padding-left:8px;
	padding-right:8px;
    }
      .graylargebuttondiv {
	background-color:#f2f2f2;
	vertical-align:bottom;
	height:80px;
	text-align:justify;
	display:inline-block;
	padding-bottom:5px;
	padding-top:7px;
	padding-left:8px;
	padding-right:8px;
    }
}

       /*Logo block*/
.logo_wrapper {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    display:inline-block;
    margin: -10px 0 -10px 20px;
    min-height: 80px;
    min-width: 80px;
    position: relative;
    width: auto;
}

.logoimage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    max-width:65px;
}

/*  GO FULL WIDTH AT LESS THAN 600 PIXELS !!!!!was 480!!!!!! */

@media screen and (max-width: 600px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media screen and (max-width: 600px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

@media screen and (max-width: 600px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
    .span_1_of_4_0 {
	visibility:hidden;
	clear:both;
	float:right;
	margin:0px 0px 0px 0px;
	width:0%;
	display:none;}
}

@media screen and (max-width: 600px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

@media screen and (max-width: 600px) {
	.span_5_of_6 {
		width: 100%; 
	}
	.span_4_of_6 {
		width: 100%; 
	}
	.span_3_of_6 {
		width: 100%; 
	}
	.span_2_of_6 {
		width: 100%; 
	}
	.span_1_of_6 {
		width: 100%; 
	}
	.span_1_of_6_0 {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 0px 0px 0px 0px;
    width: 0%;
    display: none;
	}
}

@media screen and (max-width: 600px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_7_0 {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 0px 0px 0px 0px;
    width: 0%;
    display: none;
	}
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7, .span_2_of_7_12, .span_3_of_7_12, .span_5_of_7_12 { width: 100%; }

    .span_1_of_7_12 {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 0px 0px 0px 0px;
    width: 0%;
    display: none;
	}
}


@media screen and (max-width: 600px) {
.span_2_of_2x { width: 100%; }
.span_1_of_2x { width: 49.2%; }
.span_3_of_3x { width: 100%; }
.span_2_of_3x { width: 66.13%; }
.span_1_of_3x { width: 32.26%; }
.span_4_of_4x { width: 100%;}
.span_3_of_4x { width: 100%;}
.span_2_of_4x { width: 49.2%;}
.span_1_of_4x { width: 49.2%;}
}

/*  COLUMN SETUP  */
.col1 {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col1:first-child { margin-left: 0; }

.nav-listflex {
    display: flex;
    align-items: stretch; /* Default */
    justify-content: space-between;
    width: 95%;
    margin: 10px 0 10px 0;
    padding: 0;
}
.nav-itemflex {
    display: block;
    flex: 0 1 auto; /* Default */
    list-style-type: none;
}

.extramarginlarge{
    padding-left:5%!important;
    padding-right:5%!important;
}