/* ***************************************
GENERAL
**************************************** */
.wrap {
	width:95%;
	max-width: 1200px;
	margin:auto;
	}

/* ***************************************
NAV
**************************************** */

.title-bar {
  background: #333;
  padding: 0.9rem; }

.top-bar {
  background: #333; }
  .top-bar ul {
    background: #333; }
    .top-bar ul li {
      background: #333; }
      .top-bar ul li a {
        color: #fff; }

.menu-text {
  color: #fff; }
  @media only screen and (max-width: 40em) {
    .menu-text {
      display: none !important; } 
	/*pete custom*/
  .top-bar .menu li{
    border-bottom: 1px solid red; 
	}
	  
	  }

@media only screen and (min-width: 40em) {
  .menu:last-child {
    border-left: 1px solid #4e4e4e; }

  .menu:first-child {
    border-left: none; }

  .menu li:not(:last-child) {
    border-right: 1px solid #4e4e4e; } 
	
	}

.dropdown.menu .submenu {
  border: none; }

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
  border-color: #fff transparent transparent; }

.is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #fff; }

.js-drilldown-back::before {
  border-color: transparent #fff transparent transparent; }
  
  /*pete custom*/
  .top-bar .menu li ul li{
    border-bottom: 1px solid #6f8a98; 
	}
  .top-bar .menu li a:hover, 
  .top-bar .menu li ul li a:hover{
    background-color: #607a87; 
	}

/* end nav bar */
/* Preventing FOUC */
.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}


/* ***************************************
HEADER
**************************************** */

.header {
	padding:10px 0;
	font-size: 0.3em;
}

.header h4 {
	font-size: 4.8em;
}


.header-right {
	text-align:right;
		padding:15px 0;
}


div.banner-header { 
background:linear-gradient(#222, #000); 
width:100%;
		   	   border-top: 1px solid #CDCC00;
}

/* ***************************************
SLIDER
**************************************** */

div.banner-1 {background-color:#DDD; margin-bottom: 0;     
}

div.center-me {
max-width: 1170px;
    margin: 0 auto; background-color:#fff;
}

/* ***************************************
HERO
**************************************** */
.hero {
	background-color: #999; 
    padding:80px 0;
	/*height:400px; */
	background-image:url(../img/footer_lodyas.png);
		   border-top: 1px solid #fff;
}


.hero h1 {
	font-size:1.6em;}


.hero h1,
.hero p {
	color:rgba(255,255,255, 0.8);
	max-width:70%;
}

.button.success {background-color:#9C0; }



/* ***************************************
MAIN SECTION
**************************************** */

.main {
	padding: 80px 0px;
}


.main h2 {
	color:#1168A2;
	font-size:1.3em;
	padding:20px 0 0 0;
}


/* ***************************************
FOOTER
**************************************** */

footer {
	background-color:#222;
		padding: 60px 0px;
		color:rgba(255,255,255, 0.8);
}


footer h4 {
	color:rgba(255,255,255, 0.8);
	font-size:1.3em;
}



footer hr {
	border-color: rgba(255,255,255, 0.2);
	margin:10px 0 10px 0;
}

footer a {
	display:block;
	color:rgba(255,255,255, 0.8);
	font-size:1.0em;
}

footer a:hover {
	color:rgba(255,255,255, 1);
}

footer a span {
	font-weight:bold;
	color:rgba(255,255,255, 0.4);
}

/* ***************************************
MEDIA QUERIES
**************************************** */


@media (max-width: 639px) { 
.nav-desktop {
	display:none;
}

}

@media (max-width: 875px) { 
.hero h1,
.hero p {
	max-width:100% !important;
}

}

@media (max-width: 875px) { 
.header-left
{
	text-align:center;
}

}

@media (max-width: 40em) { 
.header-right
{
	text-align:center;
}

}


/* ***************************************
STYLING IMAGES 
**************************************** */

img.left {
	margin-right:10px ;
	
	}
	

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #ecfaff;
    color: #333333; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #333333; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a:not(.button) {
      color: #008CBA; }
      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
        color: #0078a0; }
  .panel.radius {
    border-radius: 3px; }