body {
  font-family: 'Roboto', sans-serif;
  color: #5a5a5b;
  font-size: 16px;
}

h1.large {
  font-size: 3rem;
}

h2.large {
  font-size: 2.5rem;
}

h3.large {
  font-size: 1.9375rem;
}

h4.large {
  font-size: 1.5625rem;
}

h5.large {
  font-size: 1.25rem;
}

h6.large {
  font-size: 1rem;
}

.list {
  margin-left: 0;
  list-style: none;
}

.list li:before {
  font-family: 'FontAwesome';
  margin-right: 10px;
}

.list-caret li:before {
  content: '\f105';
}

.list-check li:before {
  content: '\f00c';
  color: #1f27c5;
}

a {
  text-decoration: underline;
}

.button {
  font-size: 1rem;
  text-transform: uppercase;
}

.button.primary, .button.etak {
  border: transparent 2px solid;
  color: #fff;
}

.button.primary:hover, .button.etak:hover {
  border-color: #1f27c5;
  background-color: transparent;
}

.button.etak:hover {
  color: #1f27c5;
}

.button.expand {
  margin: 0 1rem 1rem;
}

.button.hollow {
  border-width: 2px;
}

hr.no-line {
  border-color: transparent;
}

hr.full-width {
  max-width: none;
}

.bg-white {
  background-color: #fff;
}

.text-white {
  color: #fff;
}

.text-gray {
  color: #adaeb0;
}

header nav a, .breadcrumbs a, .sidebar a, footer a, a.button {
  text-decoration: none;
}

.top-bar {
  background: #1b1b1b;
  padding: 1em 0;
  position: relative;
}

#menu-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 21px;
  margin: auto;
  right: 10px;
}

.icon-bar {
  display: block;
  width: 21px;
  height: 3px;
  background-color: #fff;
  margin-bottom: 4px;
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1) 0, background-color 0.6s ease 0;
}

.icon-bar.top, .icon-bar.bottom {
  transform-origin: 100% 50%;
}

.icon-bar-middle {
  transition-property: opacity;
  transition-duration: 0.6s;
}

#menu-toggle.close .icon-bar.top {
  transform: rotate(-45deg);
}

#menu-toggle.close .icon-bar.middle {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
}

#menu-toggle.close .icon-bar.bottom {
  transform: rotate(45deg);
}

header nav {
  background-color: #1f27c5;
  text-transform: uppercase;
  font-size: 1.125em;
}

@media screen and (max-width: 40em) {
  header #main-nav {
    display: none;
  }

  header #main-nav.open {
  }
}

header nav .medium-horizontal.menu > li > a {
  color: #fff;
  padding: 1em;
}

@media screen and (min-width: 40em) {
  header #main-nav {
    display: block !important;
  }

  header #main-nav .menu.medium-horizontal:not(.dropdown) {
    max-height: 54px;
    overflow: hidden;
  }

  header #main-nav .menu.medium-horizontal.dropdown {
    max-height: none;
    overflow: visible;
  }

  header nav .menu.medium-horizontal > li {
    width: 1%;
    vertical-align: top;
  }

  header nav .medium-horizontal.menu > li > a {
    text-align: center;
  }
}


header nav .medium-horizontal.menu > li:hover > a, header nav .medium-horizontal.menu > li.active > a {
  color: #1b1b1b;
}

header .menu .active > a {
  background: none;
}

header nav .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::before,
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  display: none;
}

header nav .accordion-menu.menu.medium-horizontal .is-accordion-submenu-parent > a::after {
  border-top-color: #5a5a5b;
}

header nav .accordion-menu.menu.medium-horizontal > .is-accordion-submenu-parent > a::after {
  border-top-color: #fff;
}

header nav .menu .menu a {
  color: #adaeb0;
  background-color: #fff;
  padding: 1.5em 1em;
}

header nav .menu .menu .menu a {
  padding: 1.5em 1em 1.5em 2em;
}

header nav .menu .menu li:hover > a, header nav .menu .menu li.active > a {
  color: #5a5a5b;
  background-color: #e8e8e8;
}


header nav .is-dropdown-submenu {
  min-width: 270px;
}

header nav .is-dropdown-submenu-parent a::before {
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -10px;
}

header nav .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 10px;
  border-color: transparent transparent transparent #adaeb0;
  border-left-style: solid;
  border-right-width: 0;
}

header nav .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  border-width: 10px;
  border-color: transparent transparent transparent #fff;
  right: 7px;
  margin-top: -10px;
}

header nav .is-dropdown-submenu > .is-dropdown-submenu-parent.opens-right:hover > a::before,
header nav .is-dropdown-submenu > .is-dropdown-submenu-parent.opens-right.active > a::before {
  border-color: transparent transparent transparent #5a5a5b;
}

header nav .is-dropdown-submenu > .is-dropdown-submenu-parent.opens-right:hover > a::after,
header nav .is-dropdown-submenu > .is-dropdown-submenu-parent.opens-right.active > a::after {
  border-color: transparent transparent transparent #e8e8e8;
}

.hero {
  position: relative;
  padding: 10em 0;
  color: #fff;
}

.hero.banner {
  padding: 14em 0;
}

.hero .hero-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: -1;
}

.hero .hero-bg.home {
  background-position: top center;
}

.content-section {
  padding: 4em 0;
}

.breadcrumb-box {
  padding: 1em 0;
}

.content-section.bg-white:not(.hero) + .content-section.bg-white:not(.hero) {
  padding-top: 0;
}



.breadcrumbs li a {
  color: #adaeb0;
}

.breadcrumbs li {
}

.breadcrumbs li:not(:last-child)::after {
  content: '>';
}

label {
  font-size: inherit;
  color: inherit;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
  background-color: #f7f7fb;
  border-color: #f7f7fb;
  box-shadow: none;
}

select {
  background-color: #f7f7fb;
  border-color: #f7f7fb;
}

.g-recaptcha {
  margin: 0 0 1rem;
}

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
  background-color: #f7f7fb;
  border-color: #f7f7fb;
}

table [type='text'], table [type='checkbox'], table select {
  margin-bottom: 0;
}

.form-control.error {
  border-color: #c60f13;
}

.callout.etak {
  padding: 2em 1.5em;
  background-color: #f7f7fb;
  border-color: #f7f7fb;
  color: inherit;
}

.submenu {
  float: none !important;
}

.sidebar.menu {
  float: none !important;
  /*margin-top: 7em;*/
}

@media screen and (max-width: 64em) {
  .submenu {
    margin-bottom: 3em;
  }
}

.sidebar > li > a {
  padding: 1em;
  text-transform: uppercase;
  color: #fff;
  line-height: inherit;
}

.sidebar a {
  background: #adaeb0;
  border-bottom: #fff 1px solid;
}

.sidebar a.selected, .sidebar a:hover {
  background: #1f27c5;
}

.sidebar.menu .menu {
  display: block !important;
  position: static !important;
}

.sidebar.menu .menu a {
  padding-left: 3em;
}

footer {
  background-color: #141414;
  color: #adaeb0;
  padding: 3em 0;
  font-size: .875em;
}

footer .logo {
  margin-bottom: 2em;
}

footer .company-info {
}

footer .company-info li {
  margin-bottom: 1.25em;
}

footer .company-info i {
  display: inline-block;
  margin-right: 10px;
}

footer .footer-links {
  margin-left: 0;
  list-style: none;
}

footer .footer-links a {
  color: #adaeb0;
}

footer .footer-links a:hover {
  color: #fff;
}

.footer-icons {
  background-color: #000;
  padding: 2em 0;
}

.footer-icons ul {
  list-style: none;
  margin-left: 0;
}

.footer-icons li {
  display: inline-block;
  margin-right: 1em;
}