/* ------------------------------------------
  NECESSARY STYLES FOR RESPONSIVE NAV
--------------------------------------------- */
a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

.quick-call{
	display:none;
}

.slogan {
    color: #981B1E;
    font-family: 'Bitter',serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 12px;
    padding-top: 25px;
    text-align: center;	
}

.tile1 {
    padding:15px 22px;
}
.tile-title {
	position:relative;
    font-family: 'Bitter', serif;
    text-transform: uppercase;
}

.tile-title:hover {
    font-weight: 400;
    text-transform: uppercase;
    color: #CA1030;
}


.navtop-left {
    float: right;
    margin: 10px 0;
	display: block;
}


.navtop-left li {
    display: inline;
    margin: 0;
}




.navtop-left li a {
    color: #052535;
    display: block;
    float: left;
    font-family: 'Bitter', serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    text-decoration: none;
    transition: all 60ms ease-in 0s;
	 transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

.navtop-left .selected-top a, .selected-top a {
    color:#981B1E !important;
}


/*.navtop-left li:first-child a {border-left: 1px solid #E1E1E1; }
*/



<!--------------------------------------------------------->



.navtop-right {
    float: left;
    margin: 10px 0;
	display: block;
}


.navtop-right li {
    display: inline;
    margin: 0;
}




.navtop-right li a {
    color: #052535;
    display: block;
    float: left;
    font-family: 'Bitter', serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    text-decoration: none;
    transition: all 60ms ease-in 0s;
	 transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

.navtop-right .selected-top a, .selected-top a {
    color: #981B1E !important;
}


/*.navtop-right li:first-child a {border-left: 1px solid #E1E1E1; }
*/





/*-------------2nd TopNav------------------------*/





.tile2 {
    padding: 0px 18px;
}
.tile-title {
	position:relative;
    font-family: 'Bitter', serif;
    text-transform: uppercase;
}

.tile-title:hover {
    font-weight: 400;
    text-transform: uppercase;
    color: #981B1E;
}


.navtop {
    float: right;
    margin: 10px 0;
	display: block;
}


.navtop li {
    display: inline;
    margin: 0;
}




.navtop li a {
    color: #052535;
    display: block;
    float: left;
    font-family: 'Bitter', serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    text-decoration: none;
    transition: all 60ms ease-in 0s;
	 transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

.navtop .selected-top a, .selected-top a {
    color: #981B1E !important;
}

/*======================================
==============START MAIN NAV==========
*/


.nav-up {
    margin: 0 auto;
	display: block;
}

.nav-up li {
    display: inline;
    margin: 0;
}

.nav-up .selected ul a {
    background: none repeat scroll 0 0 #FFFFFF !important;
    color: #C2C2C2;
}

.nav-up .selected a, .selected a {
	border-bottom: 1px solid #063346;
	color: #FFFFFF !important;
	background-color:#063346;
}

.nav-up .current-menu-item a:hover, .navtop .current_page_item a:hover {
    border: medium none;
}

.nav-up li a:hover {
    color: #FFFFFF;
	background-color:#063346;
	border-color:#063346;
}

.nav-up li ul li a {
    border-right: medium none !important;
    display: block;
    padding: 20px;
    width: 100%;
}
.nav-up li ul li {
    border-bottom: 1px solid #063346 !important;
    padding-right: 40px;
}
.nav-up li ul li:last-child {
    border: medium none !important;
}
.nav-up li a {
    border-right: 1px solid #063346;
	border-bottom: 1px solid #063346;
    color: #f8f8f8;
	text-shadow: 0px 1px 2px #000000;
    display: block;
    float: left;
    font-family: 'Bitter', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    padding: 8px 24px;
    text-decoration: none;
    text-transform: uppercase;
    /*transition: all 60ms ease-in 0s;*/
	 transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

.nav-up li:first-child a {border-left: 1px solid #063346; }
.nav-up li:first-child a:hover {border-left: 1px solid #063346; border-bottom: 1px solid #063346; }

/*####################*/

.nav-down {
    margin: 0 auto;
	display: block;
}


.nav-down li {
    display: inline;
    margin: 0;
}
.nav-down .selected ul a {
    background: none repeat scroll 0 0 #FFFFFF !important;
    color: #C2C2C2;
}
.nav-down .selected a, .selected a {
	border-right: 1px solid #063346;
	 border-bottom: 1px solid #063346;
/*    border: medium none;
*/    color: #FFFFFF !important;
	background-color:#063346;

}
.nav-down .current-menu-item a:hover, .navtop .current_page_item a:hover {
    border: medium none;
}
.nav-down li a:hover {
    color: #FFFFFF;
	background-color:#063346;
	border-bottom: 1px solid #063346;
}


.nav-down li ul li a {
    border-right: medium none !important;
    display: block;
    padding: 20px;
    width: 100%;
}
.nav-down li ul li {
    border-bottom: 1px solid #063346 !important;
    padding-right: 40px;
}
.nav-down li ul li:last-child {
    border: medium none !important;
}
.nav-down li a {
    border-right: 1px solid #063346;
	border-bottom: 1px solid #034A68;
    color: #f8f8f8;
	text-shadow: 0px 1px 2px #000000;
    display: block;
    float: left;
    font-family: 'Bitter', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    padding: 8px 35.4px;
    text-decoration: none;
    text-transform: uppercase;
    /*transition: all 60ms ease-in 0s;*/
	 transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

.nav-down li:first-child a {border-left: 1px solid #063346; }
.nav-down li:first-child a:hover {border-left: 1px solid #063346; }


.mobile-menu{
	display:none;
	
}

@media only screen and (min-width: 960px) and (max-width:1200px) {
 .nav-up li a{
padding:8px 20.5px;
font-size: 14px;

 transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

.nav-down li a{
padding:8px 30px;
font-size: 14px;

 transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}







.slogan {
    font-size: 28px;
    letter-spacing: 8px;
    padding-top: 2px;
}


.navtop li a {
    font-size: 12px;
    transition: all 60ms ease-in 0s;
	 transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}


.tile1 {
    padding:15px 9px;
}


.mobile-menu{
	display:none;
	
}



}

@media only screen and (min-width: 767px) and (max-width: 959px) {

.slogan {
    font-size: 28px;
    letter-spacing: 5px;
    padding-top: 28px;
}


  .nav-up, .nav-down {
	  display:none;
	  
  }

  
.navtop {
    display: block;
    float: none;
    margin: 25px 0;
}

.mobile-menu{
	display:block;
	width:100%;
	padding:50px;
	background:#052535;
	text-align:center;	
}

	
}


	


@media screen and (max-width: 767px) {

  
  
  .navtop {
    display: none;
}
  
  
  .shadowheadtwo{
	display:block;
	margin:0 auto;
	width:100%;
	background-image:url(../images/shadow1920.png);
	background-repeat:no-repeat;
	background-position:center center;
	height:10px;
}

.shadowheadone{
	display:none;
}

    #ultopnav{
	  display:none;
  }
  
  .nav-up, .nav-down {
	  display:none;
	  
  }

  
  #trigger{
	display:block;
	width:100%;
	height:auto;
	background-color: #F7F7F7;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#F7F7F7), color-stop(.5,#FFFFFF));
	background: -moz-linear-gradient(top, #F7F7F7 0%, #FFFFFF 50%, #F7F7F7 100%);
	text-align:center;
	color:#043061;
	font-family: 'Bitter', serif;
	font-size:28px;
	font-weight:900;
}

#trigger a{
	display:block;
	width:100%;
	height:auto;
	padding:15px 0;
	background-color: #F7F7F7;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#F7F7F7), color-stop(.5,#FFFFFF));
	background: -moz-linear-gradient(top, #F7F7F7 0%, #FFFFFF 50%, #F7F7F7 100%);
	text-align:center;
	color:#043061;
	font-family: 'Bitter', serif;
	font-size:28px;
	font-weight:900;
	text-decoration:none;
	border:1px solid #CCCCCC;
}
#trigger a:hover{
	display:block;
	width:100%;
	height:auto;
	padding:15px 0;
	background-color:#F7F7F7;
	text-align:center;
	color:#043061;
	font-family: 'Bitter', serif;
	font-size:28px;
	font-weight:900;
	border:1px solid #CCCCCC;

}

.closebut {
    background-color: #043061;
    border: medium none;
    color: #F7F7F7;
    display: block;
    font-family: 'Bitter', serif;
    font-size: 18px;
    font-weight: 700;
    height: 39px;
    padding: 10px;
    text-align: left;
    width: 300px;
}


}




/***** Mobile (landscape 420px) *****/
@media only screen and (min-width: 481px) and (max-width: 767px) {

.slogan {
    font-size: 17px;
    letter-spacing: 5px;
    padding-top: 28px;
	line-height:28px;
}




}

@media only screen and (min-width: 321px) and (max-width: 480px) {
.slogan {
    font-size: 29px;
    letter-spacing: 5px;
    padding-top: 28px;
	line-height:28px;
}

.quick-call{
	display:block;
}

.contact-top li{
	display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
	
}

.t-call {
	width:25%;
	border-right:1px solid #000000;
	text-align:center;
	font-size:28px;
}

.t-call a{
	text-decoration:none;
}


.t-word {
	width:50%;
	font-family: 'Bitter', serif;
	font-size:28px;
	font-weight:900;

	text-align:center;	
	}

.t-mail {
	width:22%;
	border-left:1px solid #000000;
	text-align:center;
	font-size:28px;
}

.t-mail a{
	text-decoration:none;
}



header{
	padding-top:0px;
}

}

@media only screen and (max-width: 320px) {
.slogan {
    font-size: 16px;
    letter-spacing: 5px;
    padding-top: 28px;
	line-height:21px;
}

.quick-call{
	display:block;
}

.contact-top li{
	display:inline-block;
	padding-top:10px;
	padding-bottom:10px;
	
}

.t-call {
	width:25%;
	border-right:1px solid #000000;
	text-align:center;
	font-size:21px;
}

.t-call a{
	text-decoration:none;
}


.t-word {
	width:50%;
	font-family: 'Bitter', serif;
	font-size:21px;
	font-weight:900;

	text-align:center;	
	}

.t-mail {
	width:22%;
	border-left:1px solid #000000;
	text-align:center;
	font-size:21px;
}
.t-mail a{
	text-decoration:none;
}


header{
	padding-top:0px;
}

}