@import url(https://cdnjs.cloudflare.com/ajax/libs/uikit/2.26.3/css/components/slideshow.almost-flat.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/uikit/2.26.3/css/uikit.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/uikit/2.26.4/css/components/sticky.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,700,300);
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,700");
body {
  margin: 0;
  background-color: #fff; }

h1, h2, h3, h4, h5, h6, p {
  font-family: 'Ubuntu', 'Open Sans', sans-serif; }

h2:empty {
  display: none; }

b {
  font-weight: 600; }

header {
  width: 100%;
  height: 115px;
  background-color: #fff;
  border-bottom: #134b8e 2px solid; }

header img {
  margin-left: 100px;
  padding-top: 16px; }

header > div {
  width: 785px;
  float: right;
  margin-top: 20px;
  margin-right: 100px; }

header > div > h2 {
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  text-transform: lowercase;
  font-size: 24px; }

header > div > h2:not(:first-child) {
  margin-right: 40px; }

header > div > h2 > a {
  color: #134b8e; }

.uk-icon-small {
  margin: 0px 5px;
  font-size: 24px; }

.outer-menu {
  display: none; }

.navigation {
  float: right;
  margin-right: 0px;
  margin-top: 15px;
  margin-bottom: 0px;
  font-size: 20px;
  text-transform: uppercase; }

.navigation > li {
  list-style: none;
  float: left;
  padding-right: 0px;
  color: #134b8e; }

.navigation > li > a {
  color: #134b8e; }

.navigation li:not(:first-child) {
  list-style: disc; }

.navigation li:not(:last-child) {
  padding-right: 30px; }

.uk-slideshow {
  height: 584px; }

.date {
  color: #134b8e; }

.content-container {
  margin: auto;
  position: relative;
  width: 100%;
  max-width: 1300px;
  padding-bottom: 30px; }

.product-container {
  max-width: 1200px; }

.read-more-container-h1,
.content-container > h1 {
  color: #134b8e;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  margin: 50px 0px;
  text-transform: uppercase; }

.homepage-listing-container {
  padding: 0px; }

.homepage-listing {
  margin: 10px;
  background-color: #fff;
  border-top-right-radius: 85px;
  border-bottom-left-radius: 85px;
  border: 2px solid #134b8e; }

.homepage-listing > img {
  min-height: 200px; }

.gallery-image-container:after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.gallery-image-container > a {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  overflow: hidden; }

figcaption {
  text-align: center; }

figcaption > h1 {
  margin-bottom: 0px;
  font-weight: 500; }

.uk-slideshow figure {
  margin: 0px; }

.uk-slideshow figcaption {
  bottom: 20px;
  left: 150px;
  right: auto;
  width: 600px; }

.uk-slideshow figcaption > h1 {
  text-align: left;
  text-transform: uppercase; }

.uk-overlay-background {
  background: rgba(81, 145, 205, 0.5); }

.uk-grid > * > :last-child {
  margin-bottom: 10px; }

.content-container > p {
  color: #134b8e;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  margin: 50px 0px; }

h2 {
  color: #134b8e;
  font-weight: 500;
  /*text-transform: uppercase;*/ }

hr {
  margin: 30px -60px; }

.article-content {
  margin: 50px 0px; }

.article-content > hr:last-child {
  display: none; }

.article-content > ul > li > p, .article-content > ul > li > p > img {
  width: 100%; }

.project-content {
  display: inline-block; }

.content-container p {
  text-align: justify;
  font-size: 16px;
  font-weight: 500; }

.uk-grid > li > p {
  margin: 10px 0px; }

.project-content > h1, .project-content > p {
  margin-left: -10px;
  width: 50%;
  float: left; }

.product-container > h2 {
  margin: 25px 0px;
  text-align: center; }

.product-information h2 {
  margin-bottom: 30px;
  /*margin-left: 10px;*/ }

.product-information > li > ul > li {
  list-style-type: disc; }

.product-information > li > ul > li > p {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: normal; }

.product-information > li > h3 {
  background-color: #134b8e;
  color: #fff;
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding: 5px; }

.product-information > li > table {
  width: 100%;
  border-collapse: collapse; }

.product-information > li > table > tbody {
  text-align: center;
  font-family: 'Ubuntu','Open Sans', sans-serif; }

.product-information > li > table > tbody > tr {
  border: 1px solid #fff;
  color: #000; }

.product-information > li > table > tbody > tr > td {
  padding: 5px;
  border: 1px solid #000; }

.product-information > li > table > tbody > tr:first-child {
  background-color: #BCBEC0 !important;
  color: #fff;
  /*font-size: 24px;*/
  /*line-height: 24px;*/
  /*font-weight: 600;*/
  /*text-transform: uppercase;*/
  border: 0px; }

.product-information > li > table > tbody > tr:nth-child(even) {
  background-color: #fff; }

.product-information > li > table > tbody > tr:nth-child(odd) {
  background-color: #fff; }

.product-information > li > .spec-table > tbody > tr, .product-information > li > .spec-table > tbody > tr > td, .product-information > li > .spec-table-wo-title > tbody > tr, .product-information > li > .spec-table-wo-title > tbody > tr > td {
  border: 1px #000 solid; }

.spec-table > tbody > tr:nth-child(even), .spec-table-wo-title > tbody > tr:nth-child(even) {
  background-color: #b5c5e6;
  color: #000; }

.spec-table > tbody > tr:nth-child(odd), .spec-table-wo-title > tbody > tr:nth-child(odd) {
  background-color: #dbe2f3;
  color: #000; }

.spec-table > tbody > tr > td:first-child, .spec-table-wo-title > tbody > tr > td:first-child {
  background-color: #0859a7;
  color: #fff; }

.tb-edit > tbody > tr > td:nth-child(5) {
  border-right-width: medium !important; }

.pat-edit > tbody > tr > td:nth-child(2) {
  background-color: #0859a7;
  color: #fff; }

.mroll-tbl > tbody > tr:first-child > td:first-child,
.mroll-tbl > tbody > tr:nth-child(2) > td:first-child,
.mroll-tbl > tbody > tr:nth-child(3) > td:first-child,
.mroll-tbl > tbody > tr:nth-child(4) > td:first-child,
.mroll-tbl > tbody > tr:nth-child(5) > td:first-child,
.mroll-tbl > tbody > tr:nth-child(6) > td:first-child {
  background-color: #939598;
  color: #fff; }

.product-information > li > .spec-table-wo-title > tbody > tr:first-child {
  background-color: #134b8e;
  color: #fff;
  font-size: 14px;
  line-height: normal;
  font-weight: normal;
  text-transform: none; }

.product-information > li > table > tbody > .header > td {
  background-color: #bcbec0;
  color: #fff; }

.key {
  text-align: left; }

table {
  table-layout: fixed; }

tbody {
  border: 2px solid #000; }

.mobile-cta {
  display: none;
  background-color: #134b8e;
  margin: auto; }

.mobile-cta > h2 {
  text-align: center;
  color: #fff;
  padding: 20px;
  margin-bottom: 0px; }

.mobile-cta > h2 > u {
  font-weight: 600; }

footer {
  background-color: #5191CD;
  color: #fff;
  margin-top: 30px;
  z-index: 50; }

footer > div {
  margin: auto;
  position: relative;
  height: auto;
  width: 100%;
  max-width: 1300px;
  /*padding: 0px 30px;*/ }

footer > div > div {
  float: left; }

footer p {
  font-size: 12px;
  /*8*/
  width: 100%;
  clear: both;
  text-align: center;
  font-weight: normal; }

footer a {
  color: #fff; }

footer a:hover {
  color: #fff; }

footer > div > p {
  margin: 0px;
  padding: 15px 0px 0px; }

footer h2 {
  color: #fff;
  padding-top: 15px;
  width: 100%;
  font-weight: 100;
  font-size: 34px; }

footer > div > div p {
  margin: 0px;
  font-size: 14px;
  padding-bottom: 15px;
  width: 100%;
  text-align: left; }

footer > div > div > img {
  width: 25%;
  padding: 10px; }

footer .uk-icon-small {
  margin: 0px 5px;
  font-size: 14px; }

/*** NAVIGATION ***/
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center; }

* {
  box-sizing: border-box;
  font-weight: 300; }

.menu a,
.menu a:visited,
.menu a:hover,
.menu a:active {
  text-decoration: none; }

.outer-menu {
  position: fixed;
  top: 25px;
  right: 85px;
  z-index: 1; }

.outer-menu .checkbox-toggle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
  width: 60px;
  height: 60px;
  opacity: 0; }

.outer-menu .checkbox-toggle:checked + .hamburger > div {
  transform: rotate(135deg); }

.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
  top: 0;
  transform: rotate(90deg); }

.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
  opacity: 0; }

.outer-menu .checkbox-toggle:checked ~ .menu {
  pointer-events: auto;
  visibility: visible; }

.outer-menu .checkbox-toggle:checked ~ .menu > div {
  transform: scale(1);
  transition-duration: .75s; }

.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
  opacity: 1;
  transition: opacity 0.4s ease 0.4s; }

.outer-menu .checkbox-toggle:hover + .hamburger {
  background: white;
  transition-delay: 0s; }

.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
  transform: rotate(225deg); }

.outer-menu .hamburger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  padding: .5em 1em;
  background: #134B8E;
  border-radius: 0 0.12em 0.12em 0;
  cursor: pointer;
  transition: box-shadow 0.4s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }

.outer-menu .hamburger > div {
  position: relative;
  flex: none;
  width: 100%;
  height: 2px;
  background: #FFF;
  transition: all 0s ease;
  display: -ms-flexbox;
  display: block;
  align-items: center;
  justify-content: center; }

.outer-menu .hamburger > div:before,
.outer-menu .hamburger > div:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: inherit;
  transition: all 0s ease; }

.outer-menu .checkbox-toggle:hover ~ .hamburger > div,
.outer-menu .checkbox-toggle:hover ~ .hamburger > div:before,
.outer-menu .checkbox-toggle:hover ~ .hamburger > div:after {
  background: #134B8E;
  transition-delay: 0s; }

.outer-menu .hamburger > div:after {
  top: 10px; }

.outer-menu .menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  visibility: hidden;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center; }

.outer-menu .menu > div {
  width: 200vw;
  height: 200vw;
  color: #FEFEFE;
  background: rgba(19, 75, 142, 0.9);
  border-radius: 50%;
  transition: all 0.4s ease;
  flex: none;
  transform: scale(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }

.outer-menu .menu > div > div {
  text-align: center;
  max-width: 90vw;
  max-height: 100vh;
  opacity: 0;
  transition: opacity 0.4s ease;
  overflow-y: auto;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center; }

.outer-menu .menu > div > div > ul {
  list-style: none;
  padding: 0 1em;
  margin: 0;
  display: block;
  max-height: 100vh; }

.outer-menu .menu > div > div > ul > li {
  padding: 0;
  margin: 1em;
  font-size: 24px;
  display: block; }

.outer-menu .menu > div > div > ul > li > a {
  position: relative;
  display: inline;
  cursor: pointer;
  transition: color 0.4s ease;
  color: #fff; }

.outer-menu .menu > div > div > ul > li > a:hover {
  color: #e5e5e5; }

.outer-menu .menu > div > div > ul > li > a:hover:after {
  width: 100%; }

.outer-menu .menu > div > div > ul > li > a:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -0.15em;
  left: 0;
  width: 0;
  height: 2px;
  background: #e5e5e5;
  transition: width 0.4s ease; }

/*** PAGINATION STYLES ***/
.MarkupPagerNav {
  clear: both;
  margin-top: 2em;
  font-family: 'Ubuntu', 'Open Sans', sans-serif; }

.MarkupPagerNav li {
  display: inline;
  list-style: none;
  margin: 0; }

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
  display: block;
  float: left;
  padding: 5px 12px;
  color: #fff;
  background: #4d9bd5;
  margin-right: 3px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase; }

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
  color: #fff;
  background: #c1ddf0;
  text-decoration: none; }

.MarkupPagerNav li.MarkupPagerNavSeparator {
  display: inline;
  color: #777;
  background: #d2e4ea;
  padding-left: 3px;
  padding-right: 3px; }

@media (max-width: 800px) {
  .MarkupPagerNav li {
    display: table-cell; }
  .MarkupPagerNav {
    margin-top: 1em !important;
    margin-bottom: 1em; } }

@media (max-width: 1638px) {
  header img {
    margin-left: 20px; }
  .outer-menu {
    display: block; }
  .language__select {
    display: none; }
  header > div {
    margin-right: 25px; }
  header > div > h2:not(:first-child) {
    margin-right: 0px; } }

@media (min-width: 1287px) {
  .outer-menu {
    display: none; } }

@media (max-width: 1287px) {
  .navigation {
    display: none; } }

@media (max-width: 1287px) and (max-width: 770px) {
  .mini-logo {
    display: none; } }

@media (max-width: 1287px) {
  header > div {
    width: 325px;
    margin-right: 100px; } }

.footer__accred {
  padding-top: 15px; }

.footer__social {
  display: flex;
  padding-top: 40px;
  justify-content: space-between;
  padding-right: 22px; }

.footer__social-link {
  font-size: 40px; }

/*** MATT's GENERAL EDITS ***/
.map {
  display: block; }

.map_print {
  visibility: hidden;
  position: absolute; }

footer > div > div > div.uk-width-1-1 > img:nth-child(2),
footer > div > div > div.uk-width-1-1 > img:nth-child(3) {
  width: 30% !important; }

footer > div > div > div.uk-width-1-1 > img:first-child,
footer > div > div > div.uk-width-1-1 > img:last-child {
  width: 20% !important; }

footer > div > div > div.uk-width-1-1 > img:last-child {
  padding-left: 0px; }

footer > div > div > div.uk-width-1-1 > img:nth-child(4) {
  width: 20% !important; }

.foot-men-1, .foot-men-2 {
  display: inline-block;
  width: 130px;
  vertical-align: top; }

.foot-men-1 > a, .foot-men-2 > a {
  display: block; }

.foot-men-1 > a:nth-last-child(1), .foot-men-1 > a:nth-last-child(2), .foot-men-1 > a:nth-last-child(3) {
  display: none !important; }

.foot-men-2 > a:nth-last-child(1), .foot-men-2 > a:nth-last-child(2), .foot-men-2 > a:nth-last-child(3) {
  display: block !important; }

.foot-men-2 > a {
  display: none; }

.spec-table > tbody > tr > td:first-child,
.spec-table-wo-title-grip > tbody > tr > td:first-child,
.spec-table-wo-title-grip > tbody > tr > td:last-child,
.spec-table-wo-title-grip > tbody > tr > td:last-child {
  background-color: #0859a7;
  color: #fff; }

figcaption.uk-overlay-panel.uk-overlay-background.uk-overlay-bottom > h1 {
  font-size: 24px;
  line-height: 26px; }

ul.MarkupPagerNav[style] {
  bottom: 0px;
  top: initial !important;
  /*margin-left: 25px;*/
  padding-left: 40px; }

table.spec-table-wo-title {
  margin-top: 10px; }

.gallery-cont {
  width: 300px;
  height: 300px; }

img.resizable_setup {
  /*display: block;
    margin: 0 auto;*/ }

img.gpbr-main {
  height: 555px; }

.center-cropped {
  width: 300px;
  height: 300px;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 330px 300px; }

.center-cropped img {
  min-height: 100%;
  min-width: 100%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* modern browsers */
  opacity: 0; }

#mobilemaps {
  display: none;
  margin: 20px auto;
  background-color: #4d9bd5;
  padding: 10px;
  width: 200px;
  text-align: center; }

#mobilemaps > a, #mobilemaps > a:active, #mobilemaps > a:focus, #mobilemaps > a:hover, #mobilemaps > a:visited {
  color: #fff;
  text-decoration: none; }

.uk-slidenav-contrast {
  color: rgba(81, 145, 205, 0.5) !important; }

.uk-slidenav-contrast:active, .uk-slidenav-contrast:hover, .uk-slidenav-contrast:visited, .uk-slidenav-contrast:focus {
  color: rgba(81, 145, 205, 0.9) !important; }

.uk-cover-background {
  background-size: contain; }

.pdf-button {
  margin: 20px auto;
  background-color: #4d9bd5;
  padding: 10px;
  width: 200px;
  text-align: center;
  font-family: 'Ubuntu', 'Open Sans', sans-serif; }

.pdf-button > a {
  color: #fff;
  text-decoration: none; }

/*** RESPONSIVE HEADER ***/
@media (min-width: 1640px) {
  header img {
    padding-top: 16px; }
  .navigation {
    display: block; } }

@media (max-width: 1320px) {
  hr {
    margin: 30px 0px; }
  .product-container {
    padding: 0px 30px; } }

@media (max-width: 915px) {
  header > div > h2 {
    display: none; }
  .uk-slideshow, .uk-slidenav-position .uk-slidenav {
    display: none; }
  figcaption > h1 {
    font-size: 26px; } }

@media (max-width: 768px) {
  .spec-table, .spec-table-wo-title, hr, .spec-table-wo-title-grip, table {
    display: none; }
  .gripbar_spec_img {
    display: none !important; }
  h2.table-title {
    display: none; }
  .mobile-cta {
    display: block; }
  footer {
    margin-top: 0px; }
  footer > div > div > img {
    width: 50%; }
  .accessories > li {
    padding: 20px 0px 20px 25px; } }

@media (max-width: 610px) {
  header img {
    width: 200px;
    /*300px*/
    height: auto;
    padding-top: 40px;
    /*40*/
    margin-left: 15px; }
  li.our-address, li.directions {
    width: 100% !important; } }

/*** GENERAL MOBILE FIXES ***/
@media (max-width: 425px) {
  .read-more-container-h1,
  .content-container > h1 {
    font-size: 36px !important;
    padding: 0px 4px 0px 4px; }
  .article-content {
    margin: 50px 10px; }
  figure.homepage-listing.uk-overlay {
    max-width: 95%; }
  .content-container > p {
    margin: 50px 5px; }
  li.additional-details-1 {
    padding-left: 30px; }
  li.additional-details-2 {
    padding: 0px 5px; }
  ul.MarkupPagerNav[style] {
    display: inline-block; }
  li.center-cropped {
    width: 95% !important; }
  iframe#gmaps {
    display: none; }
  #mobilemaps {
    display: block; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .outer-menu .menu > div {
    width: 100vw;
    height: 1000vw; }
  ul.uk-slideshow, ul.uk-slideshow > li {
    height: 80vh !important; }
  .ie-fix {
    max-height: 156vh !important; } }

/*Image clip class*/
.product__img-btr-clip {
  -webkit-clip-path: polygon(90% 100%, 100% 60%, 100% 0, 0 0, 0 100%);
  clip-path: polygon(90% 100%, 100% 85%, 100% 0, 0 0, 0 100%); }

.img-btr-clip {
  -webkit-clip-path: polygon(95% 100%, 100% 60%, 100% 0, 0 0, 0 100%);
  clip-path: polygon(95% 100%, 100% 85%, 100% 0, 0 0, 0 100%); }

.img-tpl-clip {
  -webkit-clip-path: polygon(0 40%, 5% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 22%, 5% 0, 100% 0, 100% 100%, 0 100%); }

/* Gallery clip */
.gal-img-clip {
  border-top-right-radius: 85px;
  border-bottom-left-radius: 85px;
  border: #134b8e solid 2px; }

table.spec-table-wo-title > tbody > tr > td:first-child {
  background-color: #939598; }

table.spec-table-wo-title-grip > tbody > tr > td:first-child, table.spec-table-wo-title-grip > tbody > tr > td:last-child {
  background-color: #939598; }

td[rowspan="2"] {
  background-color: #939598 !important; }

td[rowspan="3"] {
  background-color: #939598 !important; }

.rs-939-bg {
  background-color: #939598 !important; }

.bg-bcb {
  background: #bcbec0 !important; }

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

.videoWrapper {
  position: relative;
  padding-bottom: 48.25%;
  /* 16:9 */
  padding-top: 0px;
  height: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.outerVideoWrapper {
  padding-right: 25px; }

.overlay {
  position: absolute;
  bottom: 20px;
  left: 150px;
  right: auto;
  width: 600px;
  background: rgba(81, 145, 205, 0.5);
  padding: 20px; }

@media (max-width: 768px) {
  .main-carousel {
    display: none; } }

.overlay-text {
  font-size: 24px;
  line-height: 26px;
  color: #fff !important;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-weight: 700; }

.flickity-button {
  color: #134b8e !important; }

.read-more-container {
  min-height: 150px;
  min-width: 310px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: -40px;
  align-items: center; }

.read-more-container-link {
  text-decoration: none !important; }

.mini-logo {
  padding-right: 20px;
  height: 43px;
  width: 71px; }

.home-applications-container {
  -moz-column-count: 2;
       column-count: 2;
  font-size: 25px;
  line-height: 35px;
  color: #134b8e;
  padding-bottom: 20px; }

.pro-section {
  display: grid;
  gap: 50px;
  grid-template: [row1-start] 1fr auto [row1-end] [row2-start] 1fr auto [row2-end]/1fr; }

.processing-margin {
  margin: 0px 15px; }

@media (min-width: 800px) {
  .pro-section {
    grid-template: [row1-start] auto [row1-end]/1fr 2fr; } }

.menu__dropdown-link:hover .menu__dropdown {
  display: flex; }

.menu__dropdown {
  position: absolute;
  max-width: 250px;
  background: #fff;
  flex-direction: column;
  height: auto;
  display: none;
  border: 1px solid #134b8e; }

.menu__dropdown-item {
  padding: 5px;
  color: #134b8e; }