/* CSS Document */
/*
Theme Name: Theme Six
Theme URI: http://themes.thinksem.com/theme-six/
Author: dave dechant
Author URI: http://thinksem.com
Description: A theme built for the ThinkSEM Themes Plus library
Version: 1.0
License: For private use
Text Domain: theme-six
*/
/*--- Table of Contents ---*/
/*-- 1. SASS Variables --*/
/*- 1a. Theme Colors -*/
/*- 1b. Theme Fonts -*/
/*-- 2. Reset/Base Styles --*/
/*- 2a. Reset -*/
/*- 2b. Responsive Images -*/
/*- 2c. Text -*/
/*- 2d. Forms -*/
/*-- 3. Layout/Grid Styles --*/
/*-- 4. Theme Specific Styles --*/
/*- 4a. Header Area -*/
/*- 4b. Hero Area -*/
/*- 4c. Main Area -*/
/*- 4d. Blog Area -*/
/*- 4e. Footer Area -*/
/*-- 5. WordPress Specific Styles --*/
/*-- 6. Menu Styles --*/
/*- 6a. Main Menu -*/
/*- 6b. Main Menu Dropdown -*/
/*- 6c. Main Menu Meganav -*/
/*- 6d. Footer Menu Meganav -*/
/*-- 7. Button Styles --*/
/*-- 8. Javascript Plugin Styles --*/
/*- 8a. Flexslider -*/
/*- 8b. Modal Overlay -*/
/*- 8c. Accordion -*/
/*- 8d. Mixitup -*/
/*-- 9. Responsive Styles --*/
/*-- 10. Site Credit Styles --*/
/*---------------------------------------------------------------------*/
/*--- 1. SASS Variables ---*/
/*-- 1a. Theme Colors --*/
/*-- 1b. Theme Fonts --*/
/*--- End SASS Variables ---*/
/*---------------------------------------------------------------------*/
/*--- 2. Reset/Base Styles ---*/
/*-- 2a. Reset --*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

:focus {
  outline: 0; }

body {
  line-height: 1;
  color: black;
  background: #ffffff;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

main, section, nav, article, aside, header, footer {
  display: block; }

/*-- 2b. Responsive Images --*/
img {
  max-width: 100%;
  height: auto; }

.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
  max-width: 100%; }

.entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
  height: auto; }

img.size-full, img.size-large, img.wp-post-image {
  height: auto;
  max-width: 100%; }

/*-- 2c. Text --*/
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 5px;
  font-family: "Slabo 27px", serif;
  font-weight: 700;
  line-height: 1.125em;
  color: #000000; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.813em; }

h3 {
  font-size: 1.625em; }

h4 {
  font-size: 1.438em; }

h5 {
  font-size: 1.25em; }

h6 {
  font-size: 1.063em; }

p, ul, ol, blockquote, cite, small {
  margin: 0 0 20px;
  font-family: "Cabin", sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  color: #000000; }

ul, ol {
  margin-left: 20px; }

ul li {
  list-style-type: disc; }

ol li {
  list-style-type: decimal; }

hr {
  border: 0;
  border-bottom: 1px solid rgba(1, 80, 138, 0.5);
  background: none;
  margin: 40px 0; }

blockquote {
  font-size: 1.5em;
  font-style: italic;
  color: #49494b; }

cite {
  font-size: .688em;
  display: block;
  margin: 10px 0 0;
  text-transform: uppercase;
  color: #737373; }

small {
  font-size: .813em; }

a, a:visited {
  color: #01508A;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

a:hover {
  color: #01508A;
  text-decoration: underline; }

a.phone, a.phone:visited, a.phone:hover {
  text-decoration: none;
  cursor: text; }

/*-- 2d. Forms --*/
.form-cta {
  color: #934A14; }

.form-cta span {
  font-size: .813em;
  font-weight: bold; }

form ul {
  margin: 0; }

form ul li {
  list-style-type: none;
  line-height: 1em;
  margin-bottom: 10px;
  overflow: hidden;
  text-transform: uppercase;
  font-size: .875em;
  color: #49494b;
  font-weight: 700; }

form label {
  font-size: .875em;
  line-height: 1.25em;
  display: block; }

.name_first {
  float: left;
  width: 49%; }

.name_last {
  float: right;
  width: 49%; }

.name_first label, .name_last label {
  font-size: .688em;
  text-transform: uppercase;
  color: #8c8c8c;
  font-weight: 700;
  letter-spacing: 6px; }

form input, form textarea, form select {
  width: 100%;
  padding: 10px;
  margin: 0;
  color: #000000;
  border: 1px solid #01508A;
  border-top: 4px solid #01508A;
  background-color: #ffffff;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

form textarea {
  height: 60px; }

form select {
  padding: 0; }

form input:focus, form textarea:focus, form select:focus {
  border: 1px solid #934A14;
  border-top: 4px solid #934A14; }

form input[type=radio], form input[type=checkbox] {
  width: auto;
  padding: 0; }

form input[type=submit] {
  padding: 10px 15px;
  margin: 0;
  width: auto;
  height: auto;
  border: none;
  cursor: pointer;
  color: #ffffff;
  background-color: #934A14;
  border-top: 4px solid #813B09;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none; }

form input[type=submit]:hover {
  background-color: #c0611a; }

form input[type=submit]:active {
  -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.7); }

form .validation_error, form .validation_message {
  font-family: "Cabin", sans-serif;
  font-size: .75em;
  font-weight: 700;
  color: red;
  margin: 0 0 10px; }

/*--- End Reset/Base Styles ---*/
/*---------------------------------------------------------------------*/
/*--- 3. Layout/Grid Styles ---*/
.grid {
  width: 1340px;
  float: none;
  margin: 0 auto;
  position: relative; }

.grid:after, .group:after {
  content: "";
  display: table;
  clear: both; }

.grid__1column, .grid__2column, .grid__3column, .grid__4column, .grid__5column, .grid__6column, .grid__7column, .grid__8column, .grid__9column, .grid__10column, .grid__11column, .grid__12column, .grid__13column, .grid__14column, .grid__15column, .grid__16column, .grid__17column, .grid__18column, .grid__19column, .grid__20column, .grid__21column, .grid__22column, .grid__23column, .grid__24column {
  float: left; }

.grid__1column:last-child, .grid__2column:last-child, .grid__3column:last-child, .grid__4column:last-child, .grid__5column:last-child, .grid__6column:last-child, .grid__7column:last-child, .grid__8column:last-child, .grid__9column:last-child, .grid__10column:last-child, .grid__11column:last-child, .grid__12column:last-child, .grid__13column:last-child, .grid__14column:last-child, .grid__15column:last-child, .grid__16column:last-child, .grid__17column:last-child, .grid__18column:last-child, .grid__19column:last-child, .grid__20column:last-child, .grid__21column:last-child, .grid__22column:last-child, .grid__23column:last-child, .grid__24column:last-child {
  float: right; }

.grid__1column {
  width: 4.166%; }

.grid__2column {
  width: 8.333%; }

.grid__3column {
  width: 12.5%; }

.grid__4column {
  width: 16.666%; }

.grid__5column {
  width: 20.833%; }

.grid__6column {
  width: 25%; }

.grid__7column {
  width: 29.166%; }

.grid__8column {
  width: 33.333%; }

.grid__9column {
  width: 37.5%; }

.grid__10column {
  width: 41.666%; }

.grid__11column {
  width: 45.833%; }

.grid__12column {
  width: 50%; }

.grid__13column {
  width: 54.166%; }

.grid__14column {
  width: 58.333%; }

.grid__15column {
  width: 62.5%; }

.grid__16column {
  width: 66.666%; }

.grid__17column {
  width: 70.833%; }

.grid__18column {
  width: 75%; }

.grid__19column {
  width: 79.166%; }

.grid__20column {
  width: 83.333%; }

.grid__21column {
  width: 87.5%; }

.grid__22column {
  width: 91.666%; }

.grid__23column {
  width: 95.833%; }

.grid__24column {
  width: 100%; }

/*--- End Layout/Grid Styles ---*/
/*---------------------------------------------------------------------*/
/*--- 4. Theme Specific Styles ---*/
/*-- 4a. Header Area --*/
.header {
  overflow: hidden;
  background-color: #343435;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.header__social-search {
  display: none; }

.header__search-form {
  float: left;
  width: 200px; }

.search-field {
  height: 30px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.header__social-icons {
  margin: 0;
  float: right; }

.header__social-icons li {
  display: inline-block;
  list-style-type: none;
  text-indent: -9999px; }

.header__social-icons li a, .header__social-icons li a:visited {
  margin: 0 auto;
  display: block;
  width: 30px;
  height: 30px;
  position: relative; }

.header__social-icons li a:before {
  font-family: 'icomoon';
  text-indent: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: normal; }

.header__social-icons li.twitter a:before {
  content: "\e76d"; }

.header__social-icons li.facebook a:before {
  content: "\e769"; }

.header__social-icons li.google-plus a:before {
  content: "\e764"; }

.header__social-icons li.linkedin a:before {
  content: "\e79f"; }

.header__nav-area {
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
  padding-bottom: 0;
  margin: 0;
  width: auto;
  padding-left: 0;
  clear: both;
  padding: 25px;
  border-bottom: 1px solid #01508A;
  border-top: 3px solid #01508A; }

.header__phone, .header__phone:visited, .header__phone:hover {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 0 10px 15px;
  background-color: #934A14;
  color: #ffffff;
  font-family: "Slabo 27px", serif;
  font-size: 1.25em;
  text-transform: uppercase; }

a.header__phone span {
  font-size: 1.5em;
  font-family: "Cabin", sans-serif; }

.header__phone:hover {
  text-decoration: none; }

.header__phone:after {
  content: "";
  position: absolute;
  top: 0;
  right: -9000px;
  width: 9000px;
  height: 100%;
  background-color: #934A14; }

.header__nav {
  background-color: rgba(1, 80, 138, 0.8);
  position: absolute;
  top: 50px;
  right: 0; }

.header__nav:after {
  content: "";
  position: absolute;
  top: 0;
  right: -9000px;
  width: 9000px;
  height: 100%;
  background-color: rgba(1, 80, 138, 0.8); }

/*-- 4b. Hero Area --*/
.hero {
  padding: 150px 0 75px; }

.page .hero {
  padding: 170px 0 97px; }

.hero__tagline {
  float: left;
  position: relative;
  font-size: 4em;
  color: #ffffff;
  background-color: rgba(73, 73, 75, 0.75);
  padding: 20px 40px 20px 0;
  line-height: 1em;
  margin: 0;
  border-bottom: 1px solid #343435;
  border-top: 3px solid #343435; }

.page .hero__tagline {
  font-size: 4em;
  min-width: 30%;
  text-align: right;
  padding: 20px 30px 20px 0;
  letter-spacing: 2px; }

.hero__tagline:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -9000px;
  width: 9000px;
  height: 108px;
  background-color: rgba(73, 73, 75, 0.75);
  border-bottom: 1px solid #343435;
  border-top: 3px solid #343435; }

.hero__copy {
  position: relative;
  float: left;
  width: 50%;
  font-size: 1.25em;
  color: #ffffff;
  background-color: rgba(52, 52, 53, 0.65);
  padding: 30px 30px 30px 0;
  margin: 0;
  clear: both; }

.hero__copy:before {
  content: "";
  position: absolute;
  top: 0;
  left: -9000px;
  width: 9000px;
  height: 100%;
  background-color: rgba(52, 52, 53, 0.65); }

.hero__button, .hero__button:visited, .hero__button:hover {
  margin-top: 50px;
  display: block;
  text-transform: uppercase;
  position: relative;
  float: right;
  width: 75%;
  font-size: 1.5em;
  font-family: "Slabo 27px", serif;
  color: #ffffff;
  background-color: rgba(147, 74, 20, 0.7);
  padding: 30px 0 30px 30px; }

.page .hero__button, .page .hero__button:visited, .page .hero__button:hover {
  margin-top: 25px; }

.hero__button:hover {
  width: 78%;
  text-decoration: none;
  background-color: #813B09; }

.hero__button span {
  font-size: .813em;
  font-weight: bold; }

.hero__button:before {
  content: "";
  position: absolute;
  top: 0;
  right: -9000px;
  width: 9000px;
  height: 100%;
  background-color: rgba(147, 74, 20, 0.7);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.hero__button:hover:before {
  background-color: #813B09; }

/*-- 4c. Main Area --*/
.breadcrumbs-block {
  border-top: 3px solid #01508A;
  border-bottom: 1px solid #01508A;
  padding: 5px 0; }

.breadcrumbs {
  margin: 0; }

.breadcrumbs li {
  display: inline-block;
  margin: 0 5px 0 0;
  list-style-type: none;
  font-size: .688em;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 1px;
  color: #1365A1;
  font-weight: 600; }

.main {
  padding: 80px 0; }

.main__content {
  float: left;
  width: 65%;
  padding-left: 20px; }

.team-members {
  margin: 0; }

.team-members li {
  float: left;
  width: 49.5%;
  margin: 0 1% 1% 0;
  list-style-type: none;
  position: relative; }

.team-members li:nth-child(2n+2) {
  margin-right: 0; }

.team-members__img {
  float: left; }

.team-members__info {
  position: absolute;
  top: 0;
  left: 0; }

.team-members__name, .team-members__title {
  background-color: #49494b;
  color: #ffffff;
  font-weight: 700;
  font-size: .813em;
  padding: 4px 8px;
  margin: 0;
  text-transform: uppercase; }

.team-members__title {
  background-color: #343435; }

.team-members__bio {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(52, 52, 53, 0.65);
  color: #ffffff;
  font-weight: 700;
  font-size: .75em;
  padding: 10px;
  width: 100%;
  margin: 0;
  line-height: 1.313em; }

.main__content > *:last-child {
  margin-bottom: 0; }

.main__sidebar {
  float: right;
  width: 30%;
  border-left: 3px solid #1365A1;
  padding-left: 20px; }

.main__sidebar_title {
  font-size: 1.5em; }

.main__sidebar_nav a, .main__sidebar_nav a:visited {
  display: block;
  padding: 8px 0;
  font-family: "Slabo 27px", serif;
  font-size: 1em;
  text-transform: uppercase;
  border-bottom: 2px solid #1365A1;
  padding-left: 7px; }

.main__sidebar_nav a:hover {
  text-decoration: none;
  border-bottom: 3px solid #025089; }

.main__sidebar > *:last-child {
  margin-bottom: 0; }

/*-- 4d. Blog Area --*/
.post {
  padding: 25px;
  background-color: #27a2fd;
  border-bottom: 1px solid #027cd6;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.post:hover {
  margin-left: -20px;
  background-color: #0d98fd; }

.post__title {
  font-size: 1.313em; }

.post__date {
  font-size: .813em;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px;
  background-color: #028bef;
  color: #49494b;
  text-align: right; }

/*-- 4e. Footer Area --*/
.footer {
  background-color: #343435;
  padding-bottom: 20px; }

.footer a, .footer a:visited {
  color: #934A14; }

.footer__map {
  width: 100%;
  height: 300px;
  margin-bottom: 20px; }

.map iframe {
  width: 100%;
  display: block;
  pointer-events: none;
  position: relative;
  /* IE needs a position other than static */ }

.map iframe.clicked {
  pointer-events: auto; }

.footer__info_title, .footer__info_copy {
  color: #ffffff;
  text-align: center;
  font-size: 1.125em; }

.footer__info_copy {
  width: 500px;
  margin: 0 auto 20px;
  font-size: .813em;
  font-weight: 700; }

.footer > *:last-child {
  margin-bottom: 0;
  margin-top: 35px; }

/*--- End Theme Specific Styles ---*/
/*---------------------------------------------------------------------*/
/*--- 5. WordPress Specific Styles ---*/
form#adminbarsearch {
  background: #000;
  padding: 0 !important; }

.alignright {
  margin: 0 0 15px 15px;
  float: right; }

.alignleft {
  margin: 0 15px 15px 0;
  float: left; }

.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block; }

.search-submit {
  display: none; }

.search-field {
  -webkit-appearance: none; }

.wp-caption-text {
  font-size: .75em;
  text-transform: uppercase;
  text-align: center;
  color: #666666;
  border-bottom: 1px solid #e6e5e5; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; }

.sticky {
  font-size: 1em; }

.gallery-caption {
  font-size: 1em; }

.bypostauthor {
  font-size: 1em; }

#disqus_thread {
  font-family: "Cabin", sans-serif !important; }

/*--- End WordPress Specific Styles ---*/
/*---------------------------------------------------------------------*/
/*--- 6. Menu Styles ---*/
/*-- 6a. Main Menu --*/
.tinynav {
  display: none; }

#menu-main-menu {
  margin: 0; }

#menu-main-menu .menu-item {
  float: left;
  list-style-type: none;
  position: relative;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  font-size: .875em;
  font-weight: 700; }

#menu-main-menu .meganav.menu-item {
  position: static; }

#menu-main-menu .meganav.two-column.menu-item, #menu-main-menu .meganav.three-column.menu-item {
  position: relative; }

#menu-main-menu .menu-item:last-child {
  margin-right: 0; }

#menu-main-menu .menu-item a, #menu-main-menu .menu-item a:visited {
  padding: 10px 0;
  display: block;
  color: #ffffff;
  padding: 11px 20px;
  letter-spacing: .75px; }

#menu-main-menu .menu-item.current-menu-item a {
  color: #ffffff; }

#menu-main-menu .menu-item a:hover {
  text-decoration: none;
  background-color: #1365A1; }

/*-- 6b. Main Menu Dropdown --*/
#menu-main-menu .menu-item .sub-menu, #menu-main-menu .meganav.two-column.menu-item .sub-menu, #menu-main-menu .meganav.three-column.menu-item .sub-menu {
  position: absolute;
  display: block;
  width: 250px;
  top: 100%;
  left: -9999px;
  z-index: 9998;
  margin: 0; }

#menu-main-menu .meganav.menu-item .sub-menu {
  width: 100%;
  top: 100%; }

#menu-main-menu .menu-item:hover .sub-menu {
  left: 0; }

#menu-main-menu .meganav.menu-item:hover .sub-menu {
  left: 0; }

#menu-main-menu .meganav.menu-item .sub-menu .menu-item .sub-menu {
  left: 0; }

#menu-main-menu .menu-item:last-child:hover .sub-menu, #menu-main-menu .menu-item:nth-last-child(2):hover .sub-menu, #menu-main-menu .menu-item:nth-last-child(3):hover .sub-menu {
  left: auto;
  right: 0; }

#menu-main-menu .menu-item .sub-menu .menu-item {
  width: 100%;
  margin: 0;
  display: block;
  font-size: .875em;
  text-shadow: none;
  text-align: center; }

#menu-main-menu .menu-item .sub-menu .menu-item a, #menu-main-menu .menu-item .sub-menu .menu-item a:visited {
  border: none;
  border-bottom: 1px dotted #49494b;
  color: #ffffff;
  padding: 10px 15px; }

#menu-main-menu .menu-item .sub-menu .menu-item a:hover {
  color: #ffffff;
  background-color: #1365A1; }

/*-- 6c. Main Menu MegaNav --*/
#menu-main-menu .meganav.two-column.menu-item .sub-menu {
  width: 350px; }

#menu-main-menu .meganav.three-column.menu-item .sub-menu {
  width: 500px; }

#menu-main-menu .meganav.five-column.menu-item .sub-menu, #menu-main-menu .meganav.four-column.menu-item .sub-menu {
  width: 100%; }

#menu-main-menu .meganav.menu-item .sub-menu .menu-item {
  float: left;
  margin: 0;
  text-transform: none; }

#menu-main-menu .top-levels.meganav.menu-item .sub-menu .menu-item {
  text-transform: uppercase; }

#menu-main-menu .meganav.two-column.menu-item .sub-menu .menu-item {
  width: 50%; }

#menu-main-menu .meganav.three-column.menu-item .sub-menu .menu-item {
  width: 33.333%; }

#menu-main-menu .meganav.four-column.menu-item .sub-menu .menu-item {
  width: 25%; }

#menu-main-menu .meganav.five-column.menu-item .sub-menu .menu-item {
  width: 20%; }

#menu-main-menu .meganav.menu-item .sub-menu .menu-item a {
  position: relative; }

#menu-main-menu .top-levels.meganav.menu-item .sub-menu .menu-item a:after {
  font-family: 'icomoon';
  content: "\e701";
  position: absolute;
  bottom: -8px;
  left: 46%; }

#menu-main-menu .meganav.menu-item .sub-menu .menu-item:last-child {
  margin: 0;
  background-color: rgba(2, 80, 137, 0.8); }

#menu-main-menu .meganav.menu-item .sub-menu .menu-item .sub-menu {
  position: relative;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  background: none;
  border: 0; }

#menu-main-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item {
  text-transform: none;
  border: none;
  float: none;
  width: 100%;
  margin: 0;
  font-size: .875em; }

#menu-main-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item a:after {
  display: none; }

/*-- 6d. Footer Menu --*/
/*--- End Menu Styles ---*/
/*---------------------------------------------------------------------*/
/*--- 7. Button Styles ---*/
.button, .button:visited, .button__conversion, .button__conversion:visited {
  padding: 8px 12px;
  background-color: #01508A;
  color: #ffffff;
  display: inline-block;
  font-family: "Slabo 27px", serif;
  font-weight: 700;
  font-size: 1.125em;
  text-transform: uppercase;
  border-top: 4px solid #025089; }

.button__conversion, .button__conversion:visited {
  background-color: #934A14;
  border-top: 4px solid #813B09; }

.button:hover, .button__conversion:hover {
  text-decoration: none; }

.button:hover {
  color: #ffffff;
  background-color: #016dbd; }

.button__conversion:hover {
  color: #ffffff;
  background-color: #c0611a; }

.button:active, .button__conversion:active {
  -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.7); }

/*--- End Button Styles ---*/
/*---------------------------------------------------------------------*/
/*--- 8. Javascript Plugin Styles ---*/
/*-- 8a. FlexSlider --*/
/*-- 8b. Modal Overlay --*/
/*-- 8c. Accordion --*/
#accordion {
  margin: 0; }

.accordion__item {
  background: #cccccc;
  list-style-type: none;
  margin-bottom: 2px;
  padding: 5px; }

.accordion__title {
  cursor: pointer;
  text-decoration: none;
  margin: 0; }

.accordion__content {
  margin: 10px 0 0; }

/*-- 8d. MixItUp --*/
/*--- End JS Plugin Styles ---*/
/*---------------------------------------------------------------------*/
.clear {
  clear: both; }

/*---------------------------------------------------------------------*/
/* 9. Responsive Styles */
/*--- < 1440px ---*/
@media screen and (max-width: 1440px) {
  .grid {
    width: 1180px; } }

/*--- < 1280px ---*/
@media screen and (max-width: 1280px) {
  .grid {
    width: 924px; }
  .hero__tagline {
    font-size: 3em; }
  .hero__copy {
    width: 70%;
    font-size: 1.125em;
    line-height: 1.313em;
    padding: 20px 20px 20px 0; }
  .team-members li {
    float: none;
    width: 100%;
    margin: 0 0 15px; }
  .header__nav {
    top: 118px;
    width: 100%; }
  .header__phone, .header__phone:visited, .header__phone:hover {
    top: 25px; }
  .hero__button, .hero__button:visited, .hero__button:hover {
    width: 55%; }
  #menu-main-menu .menu-item a, #menu-main-menu .menu-item a:visited {
    padding: 11px 40px; }
  .header__nav:before {
    content: "";
    position: absolute;
    top: 0;
    left: -9000px;
    width: 9000px;
    height: 100%;
    background-color: rgba(1, 80, 138, 0.8); }
  .hero {
    padding: 130px 0 77px; } }

/*--- < 1024px ---*/
@media screen and (max-width: 1024px) {
  .grid {
    width: 668px; }
  .page .header__nav-area a.header__logo {
    margin: 10px auto;
    width: 400px;
    padding: 15px; }
  .header__phone, .header__phone:visited, .header__phone:hover {
    position: relative;
    top: 0;
    padding: 10px;
    text-align: center; }
  .front .header__nav-area {
    padding: 15px; }
  .header__phone:hover {
    text-decoration: none; }
  .header__phone:after {
    display: none; }
  .header__logo {
    display: block;
    width: 300px;
    margin: 15px auto; }
  #menu-main-menu {
    display: none; }
  .tinynav {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background-color: transparent;
    text-indent: -9999px;
    -webkit-appearance: none;
    border: 0; }
  .main__sidebar {
    border-left: none; }
  .tinynav:hover {
    cursor: pointer; }
  .header__nav {
    height: 40px;
    width: 40px;
    position: relative;
    top: 0;
    padding: 10px;
    margin: 0 auto;
    background-color: transparent; }
  .header__nav:after {
    display: none; }
  .header__nav:before {
    content: "\e6b8";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(1, 80, 138, 0.8);
    width: 40px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: 'icomoon';
    color: #ffffff;
    font-size: 2em;
    height: 34px;
    padding-left: 4px; }
  .hero {
    padding: 20px 0 40px; }
  .hero__tagline {
    font-size: 3em;
    padding: 20px 20px 20px 0; }
  .hero__copy {
    width: 95%; }
  .hero__button, .hero__button:visited, .hero__button:hover {
    margin-top: 20px;
    width: 55%;
    font-size: 1.375em;
    padding: 20px 0 20px 20px; }
  .main {
    padding: 40px 0; }
  .main__content, .main__sidebar {
    float: none;
    width: 100%; }
  .main__content {
    margin-bottom: 30px; }
  .footer__map {
    height: 200px; } }

/*--- < 768px ---*/
@media screen and (max-width: 768px) {
  .grid {
    width: 600px;
    padding: 0; }
  .hero__tagline, .page .hero__tagline {
    font-size: 3em;
    padding: 20px; }
  .hero__tagline:before, .page .hero__tagline:before {
    height: 92px; }
  .hero__button, .hero__button:visited, .hero__button:hover, .hero__copy {
    padding: 20px; }
  .footer__info_copy {
    width: 95%; }
  a.header__phone span {
    font-size: 1em; } }

/*--- < 600px ---*/
/* small 1 column */
@media screen and (max-width: 600px) {
  .grid {
    width: 480px; }
  .hero__tagline, .page .hero__tagline {
    font-size: 2.5em; }
  .hero__copy {
    font-size: 1em; }
  .hero__tagline:before, .page .hero__tagline:before {
    height: 84px; } }

/* iphone landscape */
@media screen and (max-width: 480px) {
  html {
    -webkit-text-size-adjust: 100%; }
  .page .header__nav-area a.header__logo {
    width: 90%; }
  .page .hero {
    padding: 60px 0 80px; }
  .grid {
    width: 95%; }
  .hero__tagline, .page .hero__tagline {
    font-size: 2em; }
  .hero__tagline:before, .page .hero__tagline:before {
    height: 76px; } }

/* iphone portrait */
/*--- End Responsive Styles ---*/
/*---------------------------------------------------------------------*/
/*--- 10. Credit Button ---*/
.thinksem-credit-button {
  background: #262626;
  display: block;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: .813em;
  text-decoration: none;
  padding: 8px 0;
  margin: 0;
  color: #433203;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.thinksem-credit-button a, .thinksem-credit-button a:visited {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.thinksem-credit-button a:hover {
  text-decoration: none;
  color: #ffffff; }

/* iphone landscape */
@media screen and (max-width: 480px) {
  .thinksem-credit-button {
    letter-spacing: 0; } }

/*--- End Credit Button ---*/