.main-container.full-bleed-layout { width: 100%; padding: 0; max-width: none; }
.page-header-container { z-index: 99; }
.main-container.full-bleed-layout h1, .main-container.full-bleed-layout h2 { width: 100%; }



/* ===============================================
LEAD BANNERS AND TEXT
=============================================== */
div#lead-image {
  width: 100%;
  height: 400px;
  background-size: cover;
  background: top fixed no-repeat;
  margin-top: -39px;
  z-index: 0;
  display:flex;
  justify-content:center;
  align-items:center;
}

.lead-text { width: 95%; text-align: center; padding-top: 20px; }
.cms-page-view .std .lead-text h1 { font-size: 50px; color: #ffffff;}
.cms-page-view .std .lead-text h2 { font-size: 30px; }

div#lead-image .lead-text button {
  height: 40px;
  background-color: #27aae1;
  color: #ffffff;
  font-size: 20px;
  padding-left: 30px;
  padding-right: 30px;
  border: 0;
  margin-top: 30px;
}

div#lead-image .lead-text button:hover { background-color: #004a66; border: 0; }
div#lead-image .lead-text button:active { background-color: #0b3e50; border: 0; }


/* ===============================================
MINI NAV AND ICONS
=============================================== */
.mini-nav {
  width: 100%;
  height: 40px;
  overflow: visible;
  display: inline-block;
  background-color: #004a66;
  z-index: 998;
  position: relative;
  margin: 0 auto 18px;
}

.icon-wrapper label:hover { cursor: pointer; }

.mini-nav .content { padding-top: 0; padding-bottom: 0; }
.icon-wrapper { float: left; }
div.icon-wrapper:nth-child(4) { margin-right: 0; }
.icon-one.toggle, .icon-two.toggle, .icon-three.toggle, .icon-four.toggle {
  height: 85px;
  width: 100%;
  margin: auto;
  text-align: center;
}

.c1,
.c2,
.c3,
.c4 {
  width: 85px;
}

div.icon-one.toggle input[type="checkbox"], div.icon-two.toggle input[type="checkbox"], div.icon-three.toggle input[type="checkbox"], div.icon-four.toggle input[type="checkbox"] {
  display:none;
}


/* ICON ONE */
div.icon-one.toggle input[type="checkbox"] + label {
  display:inline-block;
  width:85px;
  height:85px;
  margin: auto;
  background:url(../images/icon-calendar.png) center top no-repeat;
  background-size: cover;
  -webkit-transition: background .3s ease-out, -webkit-transform .3s ease-out;
  transition: background .3s ease-out, transform .3s ease-out;
}
div.icon-one.toggle input[type="checkbox"] + label:hover { background:url(../images/icon-calendar-h.png) center top no-repeat; background-size: cover; }

div.icon-one.toggle input[type="checkbox"]:checked + label {
  background:url(../images/icon-calendar-c.png) center top no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  transform: rotate(180deg);
}

div.mini-nav-text.one { display: none; height: 0; }
div.icon-one.toggle input[type="checkbox"]:checked ~ div {
  display: block;
  min-height: 240px;
  background-color: #27aae1;
  padding: 15px;
  margin-top: -7px;
}



/* ICON TWO */
div.icon-two.toggle input[type="checkbox"] + label {
  display:inline-block;
  width:85px;
  height:85px;
  margin: auto;
  background:url(../images/icon-building.png) center top no-repeat;
  background-size: cover;
  -webkit-transition: background .3s ease-out, -webkit-transform .3s ease-out;
  transition: background .3s ease-out, transform .3s ease-out;
}
div.icon-two.toggle input[type="checkbox"] + label:hover { background:url(../images/icon-building-h.png) center top no-repeat; background-size: cover; }

div.icon-two.toggle input[type="checkbox"]:checked + label {
  background:url(../images/icon-building-c.png) center top no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  transform: rotate(180deg);
}

div.mini-nav-text.two { display: none; height: 0; }
div.icon-two.toggle input[type="checkbox"]:checked ~ div {
  display: block;
  min-height: 240px;
  background-color: #27aae1;
  padding: 15px;
  margin-top: -7px;
}



/* ICON THREE */
div.icon-three.toggle input[type="checkbox"] + label {
  display:inline-block;
  width:85px;
  height:85px;
  margin: auto;
  background:url(../images/icon-star.png) center top no-repeat;
  background-size: cover;
  -webkit-transition: background .3s ease-out, -webkit-transform .3s ease-out;
  transition: background .3s ease-out, transform .3s ease-out;
}
div.icon-three.toggle input[type="checkbox"] + label:hover { background:url(../images/icon-star-h.png) center top no-repeat; background-size: cover; }

div.icon-three.toggle input[type="checkbox"]:checked + label {
  background:url(http://www.magetraining.com/skin/frontend/rwd/magetraining/images/icon-star-c.png) center top no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  transform: rotate(180deg);
}

div.mini-nav-text.three { display: none; height: 0; }
div.icon-three.toggle input[type="checkbox"]:checked ~ div {
  display: block;
  min-height: 240px;
  background-color: #27aae1;
  padding: 15px;
  margin-top: -7px;
}



/* ICON FOUR */
div.icon-four.toggle input[type="checkbox"] + label {
  display:inline-block;
  width:85px;
  height:85px;
  margin: auto;
  background:url(../images/icon-book.png) center top no-repeat;
  background-size: cover;
  -webkit-transition: background .3s ease-out, -webkit-transform .3s ease-out;
  transition: background .3s ease-out, transform .3s ease-out;
}
div.icon-four.toggle input[type="checkbox"] + label:hover { background:url(../images/icon-book-h.png) center top no-repeat; background-size: cover; }

div.icon-four.toggle input[type="checkbox"]:checked + label {
  background:url(../images/icon-book-c.png) center top no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  transform: rotate(180deg);
}

div.mini-nav-text.four { display: none; height: 0; }
div.icon-four.toggle input[type="checkbox"]:checked ~ div {
  display: block;
  min-height: 240px;
  background-color: #27aae1;
  padding: 15px;
  margin-top: -7px;
}


.cms-page-view .std .content .mini-nav-text h3 { color: #004a66; font-size: 14px; text-align: left; padding-bottom: 5px; }
.cms-page-view .std .content .mini-nav-text h4 { color: #ffffff; text-align: left; }
.cms-page-view .std .content .mini-nav-text p { color: #e0e0e0; text-align: left; }
.cms-page-view .std .content .mini-nav-text p:last-of-type { margin-bottom: 0; }
.cms-page-view .std .content .mini-nav-text a { color: #004a66; padding-top: 10px; }
.cms-page-view .std .content .mini-nav-text a:hover { color: #0b3e50; }



/* ===============================================
PAGE CONTENT
=============================================== */
.content-wrapper { width: 100%; padding: 0; }

.content {
  width: 100%;
  max-width: 1366px;
  margin: auto;
  padding-bottom: 15px;
}

.content-wrapper .content { padding-top: 30px; padding-bottom: 30px; }
.main-container.full-bleed-layout .std > div.content-wrapper:nth-child(odd) { background-color: #f1f1f1; }
.cms-page-view .std .content h2 { color: #004a66; }
.cms-page-view .std .content h3 { color: #585858; font-size: 18px; }



/* ===============================================
BLOG
=============================================== */



/* ===============================================
TESTIMONIALS
=============================================== */
.testimonials .content-block { padding: 15px; background-color: #e0e0e0; }
.testimonials .content-block span p:last-of-type { margin-bottom: 0; }
.cms-page-view .std .testimonials .content-block p { margin: 0 0 .75em; }



/* ===============================================
CLIENTS
=============================================== */
.cms-page-view .std .client-top h5 { color: #FBB040; }



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

/* DESKTOP */
@media only screen and (min-width: 1396px) {
  .icon-wrapper, .content-block { width: 24.25%; float: left; }
  .testimonials .content-block { height: 200px; }
  div.icon-wrapper + div.icon-wrapper, div.content-block + div.content-block { margin-left: 1%; }
  .icon-wrapper { margin-top: -20px; }
  .content-wrapper .content a#see-more { margin-top: -29px; }
  .clients { width: 100%; display: inline-block; height: auto; }
  .client { width: 12.5%; float: left; display: inline-block; }
  .client img { width: 80%; margin: auto; }
  .client-top { max-width: 600px; }
}

@media only screen and (max-width: 1395px) {
  .content { padding-left: 15px; padding-right: 15px; }
  .icon-wrapper, .content-block { width: 24.25%; float: left; margin-right: 1%; }
  div.icon-wrapper:last-of-type, div.content-block:last-of-type { margin-right: 0; }
  .testimonials .content-block { height: 235px; }
  .icon-wrapper { margin-top: -20px; }
  .content-wrapper .content a#see-more { margin-top: -29px; }
  .clients { width: 100%; display: inline-block; height: auto; }
  .client { width: 12.5%; float: left; display: inline-block; }
  .client img { width: 80%; margin: auto; }
  .client-top { max-width: 800px; width: 100%; }
}

@media only screen and (max-width: 999px) {
  div#lead-image { margin-top: 0; }
  .lead-text { width: 95%; text-align: center; padding-top: 0; }
  .cms-page-view .std .lead-text h1 { font-size: 36px; }
  .cms-page-view .std .lead-text h2 { font-size: 24px; }
  .testimonials .content-block { height: 280px; }
  .icon-one.toggle, .icon-two.toggle, .icon-three.toggle, .icon-four.toggle {
    height: 70px;
    margin: 5px auto auto;
  }

  div.icon-one.toggle input[type="checkbox"] + label,
  div.icon-two.toggle input[type="checkbox"] + label,
  div.icon-three.toggle input[type="checkbox"] + label,
  div.icon-four.toggle input[type="checkbox"] + label {
    width: 70px;
    height: 70px;
  }

  div.icon-one.toggle input[type="checkbox"]:checked + label,
  div.icon-two.toggle input[type="checkbox"]:checked + label,
  div.icon-three.toggle input[type="checkbox"]:checked + label,
  div.icon-four.toggle input[type="checkbox"]:checked + label {
    width: 50px;
    height: 50px;
    margin-top: 5px;
  }

  .content-wrapper .content a#see-more { margin-top: 0; text-align: left; padding-left: 0; }

  div.icon-one.toggle input[type="checkbox"]:checked ~ div,
  div.icon-two.toggle input[type="checkbox"]:checked ~ div,
  div.icon-three.toggle input[type="checkbox"]:checked ~ div,
  div.icon-four.toggle input[type="checkbox"]:checked ~ div {
    min-height: 300px;
  }

}

/* TABLET */
@media only screen and (min-width: 768px) {
  .mobile-content { display: none; }
}

@media only screen and (max-width: 767px) {
  .testimonials .content-block { height: 225px; }
  div#lead-image { height: 300px; }
  .cms-page-view .std .lead-text h1 { font-size: 24px; }
  .cms-page-view .std .lead-text h2 { font-size: 18px; }
  .content-block { width: 48%; float: left; margin-right: 0; }
  div.content-block:nth-child(2) { float: right; }
  div.content-block:nth-child(3), div.content-block:nth-child(4) { display: none; }
  .mini-nav-text { display: block; width: 48%; float: left; }
  div.mini-nav-text:nth-child(even) { float: right; }
  div.mini-nav-text:nth-child(1), div.mini-nav-text:nth-child(2) {margin-bottom: 15px;}

  .mini-nav .content { display: none; }
  .mobile-content { display: inline-block; padding: 15px; margin-top: 0; }
  .mini-nav { margin: 0 auto; }
  div.mini-nav-text.one,
  div.mini-nav-text.two,
  div.mini-nav-text.three,
  div.mini-nav-text.four {
    display: inline-block;
    height: 200px;
  }


  .cms-page-view .std .mobile-content .mini-nav-text h3 { color: #585858; font-size: 14px; padding-bottom: 0; }
  .cms-page-view .std .mobile-content .mini-nav-text h4 { color: #004a66; }
  .cms-page-view .std .mobile-content .mini-nav-text p { color: #888888; margin: 0 auto 10px auto; }
  .cms-page-view .std .mobile-content .mini-nav-text a { color: #27aae1; padding-top: 5px; }
  .cms-page-view .std .mobile-content .mini-nav-text a:hover { color: #004a66; }
}

@media only screen and (min-width: 699px) and (max-width: 767px) {
  div.mini-nav-text { padding: 15px; background-color: #f1f1f1; width: 48%; height: 200px; }
}

@media only screen and (max-width: 699px) {
  .client { width: 25%; }
  div#lead-image .lead-text button { font-size: 18px; }
  div.mini-nav-text.one,
  div.mini-nav-text.two,
  div.mini-nav-text.three,
  div.mini-nav-text.four { height: auto; min-height: 175px; }
  div.mini-nav-text { display: block; width: 100%; padding: 15px; background-color: #f1f1f1; }
  div.mini-nav-text:nth-child(1), div.mini-nav-text:nth-child(2) {margin-bottom: 0;}
  div.mini-nav-text + div.mini-nav-text { margin-top: 15px; }
}



/* MOBILE */
@media only screen and (max-width: 449px) {
  div#lead-image { height: 250px; }
  .client { width: 50%; }
  .content-block { width: 100%; float: left; margin-right: 0; }
  div.content-block + div.content-block { margin-top: 15px; }
  .testimonials .content-block { height: 175px; }
}