@font-face {
  font-family: 'GothamCondensed';
  src: url('../../fonts/gotham/Gotham-Condensed-Medium.otf') format("opentype")
}

@font-face {
  font-family: 'GothamBold';
  src: url("../../fonts/gotham/Gotham-Bold.otf") format("opentype")
}

@font-face {
  font-family: 'GothamRegular';
  src: url("../../fonts/gotham/Gotham-Book.otf") format("opentype")
}

@font-face {
  font-family: 'GothamMedium';
  src: url("../../fonts/gotham/Gotham-Medium.otf") format("opentype")
}

body {
  color: #6d6868;
  font-family: GothamRegular, sans-serif!important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  font-size: 14px;
}

.nav-link {
  text-transform: uppercase!important;
  font-size: 14px!important;
}

.dropdown-toggle:after { border: none!important; }

.col-sm-6 {
  padding-right: 0px !important;
  padding-left: 15px !important
}

#mastheader>nav {
  background-color: transparent
}

#menu-catagories>li.primarynav_search_icon>a>i {
  color: #3D3D3D
}

.mastheader.header_style3 .primary_navigation>ul, .mastheader.header_style4 .primary_navigation>ul {
  text-align: left !important
}

.mastheader.header_style3 .primary_navigation>ul>li>a, .mastheader.header_style4 .primary_navigation>ul>li>a {
  color: #3D3D3D;
  font: 14px GothamCondensed;
  text-transform: none
}
.post-title>h1 {
  font: 500 54px 'Lora', serif;
  text-align: left;
  margin-bottom: 16px;
}
.post-title, .post-title-level-two {
  text-align: center;
  min-height: 70px;
  padding-top: 10px
}
.post-title>h2 {
  text-align: left;
  margin-bottom: 16px;
}
.post-title>h2, .post-title-level-two>h2 {
  line-height: .6em
}

.post-title>h2>a, .post-title-level-two>h2>a {
  font: 500 24px 'Lora', serif;
  color: #3D3D3D
}

.post-title h2::after, .post-title h3::after, .post-title h4::after {
  border-bottom: 1px solid transparent
}

.post-title-level-two {
  text-align: left;
  width: 180px;
  margin-bottom: 12px;
  min-height: 0
}

.col-sm-6 > article > .post-title >h2 {
  text-align: center;
}

.research:first-of-type {
  border-right: 1px #eaeaea solid;
  padding-right: 20px!important;
}

.research:last-of-type {
  padding-left: 40px!important;
}

.research > .post-title > h2 > a {
  font-size: 36px;
}

.post-preview-left {
  text-align: right
}

ul.post-categories li {
  margin: 0px -1px 0px !important;
  padding: 0px 0px !important
}

ul.post-categories li a {
  background-color: transparent !important;
  color: #3D3D3D !important;
  border: 1px solid transparent !important;
  font: 10px GothamBold !important;
  padding: 0px 0px !important;
  margin: 0px 0px !important;
  text-transform: uppercase
}

.post-categories-level-two {
  margin-top: 8px;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  font: 10px GothamBold;
  color: #3D3D3D !important;
  text-transform: uppercase
}

ul.post_meta {
  margin: 0px 0px !important;
  padding: 0px 0px !important
}

ul.post_meta a {
  margin: 0px 0px !important;
  padding: 0px 0px !important
}

.posted_by a {
  font: 10px GothamBold !important;
  text-transform: uppercase
}

.posted-by-secondary {
  display: inline
}

.excerpt {
  margin-top: 0px !important
}

.excerpt p {
  color: #3D3D3D !important;
  font: 12px GothamRegular !important
}

#menu-blog-nav {
  display: flex;
  flex-direction: row;
  flex-flow: row;
  justify-content: space-between
}

ul#menu-blog-nav {
  list-style: none
}

#menu-blog-nav>li {
  padding: 60px 0
}

#menu-blog-nav>li>a {
  font: 24px GothamBold
}

#menu-main-menu > .menu-item > a {
    color: #4a4a4a!important;
}

.hero {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end
}

.hero a {
  color: #fff!important;
  font-family: GothamMedium;
}

.hero > a {
  font-size: 18px;
}

.hero-image {
  background-repeat: no-repeat, repeat;
  background-size: cover;
}

.hero-wrapper {
  background-color: rgba(0,0,0,0.6);
}

.hero-wrap {
  height: 540px
}

h1.hero-title {
  font-family: GothamRegular
}

h1.hero-title a {
  color: #fff;
  font-size: 40px
}

.hero p {
  color: #fff;
  font: 28px GothamRegular;
}

.hero h1, .hero p {
  width: 50%;
  text-align: right;
}

@media all and (max-width:767px) {
  .hero h1, .hero p {
    width:100%;
  }
}

.st-btn {
  margin-right: 18px!important;
}

.research-title h3 {
  background: #111;
  color: #fff;
  width: fit-content;
  text-transform: uppercase;
  font-family: GothamRegular;
  font-size: 16px;
  padding: 8px 30px;
  margin-bottom: 20px;
}

.highlights {
  padding: 40px;
  background: -moz-linear-gradient(top, rgba(0, 172, 205, 0.07) 0%, rgba(0, 70, 127, 0.07) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 172, 205, 0.07) 0%, rgba(0, 70, 127, 0.07) 100%);
  background: linear-gradient(to bottom, rgba(0, 172, 205, 0.07) 0%, rgba(0, 70, 127, 0.07) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a00accd', endColorstr='#1a00467f', GradientType=0)
}

.highlights h3 {
  margin-bottom: 20px
}

.highlights ul {
  margin-left: 20px
}

.highlights li {
  font-family: GothamRegular;
  margin-bottom: 20px
}

.postpage_entry h2{
  font: 100 32px 'Lora', serif!important;
  margin: 20px 0!important;
}
.postpage_entry h3{
  font-size: 21px!important;
}

.editor_contents blockquote {
  background-color: transparent!important;
  border-top: 4px solid #eaeaea;
  border-bottom: 4px solid #eaeaea;
  text-align: left!important;
  font-size: 21px!important;
  font-family: 'GothamMedium';
}

.editor_contents blockquote:before {
  content: ''!important;
}

a {
  color: #4a4a4a;
  text-decoration: none
}

a:visited {
  color: #4a4a4a;
  text-decoration: none
}

a:hover {
  color: #007dc5;
  text-decoration: none;
  cursor: pointer;
}

a:active {
  color: #007dc5;
  text-decoration: none
}

ul {
  margin-top: 0;
  margin-bottom: 23.75px
}

ul>li {
  margin-top: 0;
  margin-bottom: 9.5px
}

ul ul {
  margin-bottom: 0
}

*:focus {
  box-shadow: none;
  outline: 0
}

.block-banners .banner-items {
  margin: 0;
  padding: 0;
  list-style: none none
}

.block-banners .banner-items>li {
  margin: 0
}

.block, .block-banners {
  margin-bottom: 38px
}

.action.skip:not(:focus) {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.action.skip:focus {
  background: #f0f0f0;
  padding: 9.5px;
  box-sizing: border-box;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 15
}

.widget {
  clear: both
}

.widget .widget-title h3 {
  font-family: 'GothamMedium'!important;
  background: transparent!important;
  color: #111!important;
  font-size: 18px!important;
  text-align: left;
}

.page-header .widget.block {
  margin: 19px 0
}

.block-banners .banner-item {
  display: block
}

.block-banners .banner-item-content {
  margin-bottom: 19px
}

@media only screen and (max-width:1023px) {
  .page-header .header.panel {
    padding-left: 15px;
    padding-right: 15px
  }

  .page-header .header.panel {
    padding: 5px !important;
    text-align: center
  }

  .page-header .header.panel .head-links.top-right {
    display: none
  }
}

.panel.header {
  width: 100%;
  max-width: 100%;
  margin: 0;
  background-color: #efefef;
  text-transform: uppercase;
  font-weight: 600;
  color: #00467f;
  font-size: 12px
}

.panel.header:before, .panel.header:after {
  display: none
}

.panel.header>.block-banners {
  margin: 0
}

.panel.header>.block-banners .banner-item-content {
  margin: 0
}

.panel.header .head-links {
  margin: 0;
  padding: 0;
  list-style: none
}

.panel.header .head-links>li {
  padding: 0;
  margin: 0 0 0 30px
}
@media screen and (min-width:1119px) {
  .panel.header .head-links>li {
    margin: 0 0 0 60px
  }
}
.panel.header .head-links>li>a, .panel.header .head-links>li>span>a {
  color: #00467f
}

.panel.header .head-links>li.drop-down-countries {
  display: inline-block;
  position: relative;
  display: flex;
  align-items: center
}

.panel.header .head-links>li.drop-down-countries:before, .panel.header .head-links>li.drop-down-countries:after {
  content: '';
  display: table
}

.panel.header .head-links>li.drop-down-countries:after {
  clear: both
}

.panel.header .head-links>li.drop-down-countries>a:first-child {
  cursor: pointer;
  display: inline-block;
  text-decoration: none
}

.panel.header .head-links>li.drop-down-countries>a:first-child:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: inherit;
  color: #4a4a4a;
  content: '\f0d7';
  font-family: 'FontAwesome';
  margin: 0 0 0 5px;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center
}

.panel.header .head-links>li.drop-down-countries>a:first-child:hover:after {
  color: #4a4a4a
}

.panel.header .head-links>li.drop-down-countries>a:first-child:active:after {
  color: #4a4a4a
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog {
  margin: 4px 0 0;
  padding: 0;
  list-style: none none;
  background: #fff;
  border: 1px solid #bbb;
  min-width: 100%;
  width: 200px;
  z-index: 101;
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15)
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog li {
  margin: 0;
  padding: 5px 25px
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog li:hover {
  cursor: pointer
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog:before, .panel.header .head-links>li.drop-down-countries>.ui-dialog:after {
  border-bottom: solid;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  width: 0
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog:before {
  right: 5px;
  top: -12px;
  border: 6px solid;
  border-color: transparent transparent #fff transparent;
  z-index: 99
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog:after {
  right: 4px;
  top: -14px;
  border: 7px solid;
  border-color: transparent transparent #bbb transparent;
  z-index: 98
}

.panel.header .head-links>li.drop-down-countries:before {
  content: " ";
  width: 25px;
  height: calc(25px * .75);
  background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/us.svg');
  background-size: 25px calc(25px * .75);
  margin: 0 5px 0 0 !important
}

.panel.header .head-links>li.drop-down-countries>a {
  line-height: calc(25px * .75)
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog {
  padding-top: 10px;
  padding-bottom: 10px
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog>ul {
  margin: 0;
  padding: 5px 0;
  list-style: none;
  text-align: left;
  color: #00467f
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li>a {
  display: flex;
  align-items: center;
  justify-content: start
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.canada>a:before {
  content: " ";
  width: 25px;
  height: calc(25px * .75);
  background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/ca.svg');
  background-size: 25px calc(25px * .75);
  margin: 0 5px 0 0 !important
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.china>a:before {
  content: " ";
  width: 25px;
  height: calc(25px * .75);
  background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/cn.svg');
  background-size: 25px calc(25px * .75);
  margin: 0 5px 0 0 !important
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.ireland>a:before {
  content: " ";
  width: 25px;
  height: calc(25px * .75);
  background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/ie.svg');
  background-size: 25px calc(25px * .75);
  margin: 0 5px 0 0 !important
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.norway>a:before {
  content: " ";
  width: 25px;
  height: calc(25px * .75);
  background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/no.svg');
  background-size: 25px calc(25px * .75);
  margin: 0 5px 0 0 !important
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.peru>a:before {
  content: " ";
  width: 25px;
  height: calc(25px * .75);
  background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/pe.svg');
  background-size: 25px calc(25px * .75);
  margin: 0 5px 0 0 !important
}

.panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.unitedkingdom>a:before {
  content: " ";
  width: 25px;
  height: calc(25px * .75);
  background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/gb.svg');
  background-size: 25px calc(25px * .75);
  margin: 0 5px 0 0 !important
}

.panel.header .head-links>li .title-professionals {
  display: inline-block;
  text-decoration: none
}

.panel.header .head-links>li .title-professionals:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  line-height: inherit;
  color: #4a4a4a;
  content: '\f0f1';
  font-family: 'FontAwesome';
  margin: 0 5px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
  top: -4px;
  padding-left: 2px
}

.panel.header .head-links>li .title-storelocator {
  display: inline-block;
  text-decoration: none
}

.panel.header .head-links>li .title-storelocator:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 21px;
  line-height: inherit;
  color: #4a4a4a;
  content: '\f041';
  font-family: 'FontAwesome';
  margin: 0 5px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
  top: -6px;
  padding-left: 2px
}

.panel.header .head-links>li .account-link.sign-in {
  display: inline-block;
  text-decoration: none
}

.panel.header .head-links>li .account-link.sign-in:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  line-height: inherit;
  color: #4a4a4a;
  content: '\f007';
  font-family: 'FontAwesome';
  margin: 0 5px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
  top: -3px;
  padding-left: 2px
}

.panel.header .head-links>li .title-professionals, .panel.header .head-links>li .title-storelocator, .panel.header .head-links>li .account-link:not(.register) {
  position: relative
}

.panel.header .head-links>li .title-professionals:before, .panel.header .head-links>li .title-storelocator:before, .panel.header .head-links>li .account-link:not(.register):before {
  position: absolute
}

.panel.header .head-links>li .title-professionals>span, .panel.header .head-links>li .title-storelocator>span, .panel.header .head-links>li .account-link:not(.register)>a {
  margin-left: 20px
}

.special-head-link {
  font-weight: 600;
}

a.contentarea {
  display: none
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
  color: #6d6868
}

.page-header .header.panel {
  width: 98%;
  max-width: 1280px;
  margin: 0 auto
}

@media screen and (max-width:1023px) {
  .page-header .header.panel {
    padding: 0
  }
}

*, *:before, *:after, *:hover {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .2s all ease 0s;
  -moz-transition: .2s all ease 0s;
  -o-transition: .2s all ease 0s;
  transition: .2s all ease 0s
}

@media screen and (min-width:1024px) {
  @media all and (min-width: 1024px), print {
    .page-header .header.panel:before, .page-header .header.panel:after {
      content: '';
      display: table
    }

    .page-header .header.panel:after {
      clear: both
    }

    .page-header .header.panel {
      box-sizing: border-box;
      margin-left: auto;
      margin-right: auto;
      max-width: 1280px;
      padding-left: 20px;
      padding-right: 20px;
      width: auto
    }

    .panel.header {
      padding: 10px 20px
    }

    .page-header .header.panel {
      padding-bottom: 9.5px;
      padding-top: 9.5px
    }

    .header.panel {
      display: flex;
      align-items: center;
      justify-content: space-between;
      /* flex-direction: row-reverse; */
      flex-direction: row;
      padding: 10px 20px 7px;
      height: 52px;
    }

    .header.panel .head-links.top-right {
      display: flex;
      align-items: center;
      justify-content: space-between
    }
  }

  ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
    color: #6d6868
  }

  .page-header .header.panel {
    width: 98%;
    max-width: 1280px;
    margin: 0 auto
  }

  @media screen and (max-width:1023px) {
    .page-header .header.panel {
      padding: 0
    }
  }
}

@media print {
  @media only screen and (max-width: 1023px) {
    .page-header .header.panel {
      padding: 5px !important;
      text-align: center
    }

    .page-header .header.panel .head-links.top-right {
      display: none
    }
  }

  @media all and (min-width:1024px), print {
    .page-header .header.panel {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: row-reverse;
      padding: 10px 20px 7px
    }

    .page-header .header.panel .head-links.top-right {
      display: flex;
      align-items: center;
      justify-content: space-between
    }
  }

  .panel.header {
    width: 100%;
    max-width: 100%;
    margin: 0;
    background-color: #efefef;
    text-transform: uppercase;
    font-weight: 600;
    color: #00467f;
    font-size: 12px
  }

  .panel.header:before, .panel.header:after {
    display: none
  }

  .panel.header>.block-banners {
    margin: 0
  }

  .panel.header>.block-banners .banner-item-content {
    margin: 0
  }

  .panel.header .head-links {
    margin: 0;
    padding: 0;
    list-style: none
  }

  .panel.header .head-links>li {
    padding: 0;
    margin: 0 0 0 70px
  }

  .panel.header .head-links>li>a, .panel.header .head-links>li>span>a {
    color: #00467f
  }

  .panel.header .head-links>li.drop-down-countries {
    display: inline-block;
    position: relative;
    display: flex;
    align-items: center
  }

  .panel.header .head-links>li.drop-down-countries:before, .panel.header .head-links>li.drop-down-countries:after {
    content: '';
    display: table
  }

  .panel.header .head-links>li.drop-down-countries:after {
    clear: both
  }

  .panel.header .head-links>li.drop-down-countries>a:first-child {
    cursor: pointer;
    display: inline-block;
    text-decoration: none
  }

  .panel.header .head-links>li.drop-down-countries>a:first-child:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: inherit;
    color: #4a4a4a;
    content: '\f0d7';
    font-family: 'FontAwesome';
    margin: 0 0 0 5px;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center
  }

  .panel.header .head-links>li.drop-down-countries>a:first-child:hover:after {
    color: #4a4a4a
  }

  .panel.header .head-links>li.drop-down-countries>a:first-child:active:after {
    color: #4a4a4a
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog {
    margin: 4px 0 0;
    padding: 0;
    list-style: none none;
    background: #fff;
    border: 1px solid #bbb;
    min-width: 100%;
    width: 200px;
    z-index: 101;
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15)
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog li {
    margin: 0;
    padding: 5px 25px
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog li:hover {
    cursor: pointer
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog:before, .panel.header .head-links>li.drop-down-countries>.ui-dialog:after {
    border-bottom: solid;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog:before {
    right: 5px;
    top: -12px;
    border: 6px solid;
    border-color: transparent transparent #fff transparent;
    z-index: 99
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog:after {
    right: 4px;
    top: -14px;
    border: 7px solid;
    border-color: transparent transparent #bbb transparent;
    z-index: 98
  }

  .panel.header .head-links>li.drop-down-countries:before {
    content: " ";
    width: 25px;
    height: calc(25px * .75);
    background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/us.svg');
    background-size: 25px calc(25px * .75);
    margin: 0 5px 0 0 !important
  }

  .panel.header .head-links>li.drop-down-countries>a {
    line-height: calc(25px * .75)
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog {
    padding-top: 10px;
    padding-bottom: 10px
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog>ul {
    margin: 0;
    padding: 5px 0;
    list-style: none;
    text-align: left;
    color: #00467f
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li>a {
    display: flex;
    align-items: center;
    justify-content: start
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.canada>a:before {
    content: " ";
    width: 25px;
    height: calc(25px * .75);
    background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/ca.svg');
    background-size: 25px calc(25px * .75);
    margin: 0 5px 0 0 !important
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.china>a:before {
    content: " ";
    width: 25px;
    height: calc(25px * .75);
    background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/cn.svg');
    background-size: 25px calc(25px * .75);
    margin: 0 5px 0 0 !important
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.ireland>a:before {
    content: " ";
    width: 25px;
    height: calc(25px * .75);
    background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/ie.svg');
    background-size: 25px calc(25px * .75);
    margin: 0 5px 0 0 !important
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.norway>a:before {
    content: " ";
    width: 25px;
    height: calc(25px * .75);
    background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/no.svg');
    background-size: 25px calc(25px * .75);
    margin: 0 5px 0 0 !important
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.peru>a:before {
    content: " ";
    width: 25px;
    height: calc(25px * .75);
    background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/pe.svg');
    background-size: 25px calc(25px * .75);
    margin: 0 5px 0 0 !important
  }

  .panel.header .head-links>li.drop-down-countries>.ui-dialog>ul>li.unitedkingdom>a:before {
    content: " ";
    width: 25px;
    height: calc(25px * .75);
    background-image: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/flags/gb.svg');
    background-size: 25px calc(25px * .75);
    margin: 0 5px 0 0 !important
  }

  .panel.header .head-links>li .title-professionals {
    display: inline-block;
    text-decoration: none
  }

  .panel.header .head-links>li .title-professionals:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: inherit;
    color: #4a4a4a;
    content: '\f0f1';
    font-family: 'FontAwesome';
    margin: 0 5px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    top: -4px;
    padding-left: 2px
  }

  .panel.header .head-links>li .title-storelocator {
    display: inline-block;
    text-decoration: none
  }

  .panel.header .head-links>li .title-storelocator:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    line-height: inherit;
    color: #4a4a4a;
    content: '\f041';
    font-family: 'FontAwesome';
    margin: 0 5px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    top: -6px;
    padding-left: 2px
  }

  .panel.header .head-links>li .account-link.sign-in {
    display: inline-block;
    text-decoration: none
  }

  .panel.header .head-links>li .account-link.sign-in:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: inherit;
    color: #4a4a4a;
    content: '\f007';
    font-family: 'FontAwesome';
    margin: 0 5px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    top: -3px;
    padding-left: 2px
  }

  .panel.header .head-links>li .title-professionals, .panel.header .head-links>li .title-storelocator, .panel.header .head-links>li .account-link:not(.register) {
    position: relative
  }

  .panel.header .head-links>li .title-professionals:before, .panel.header .head-links>li .title-storelocator:before, .panel.header .head-links>li .account-link:not(.register):before {
    position: absolute
  }

  .panel.header .head-links>li .title-professionals>span, .panel.header .head-links>li .title-storelocator>span, .panel.header .head-links>li .account-link:not(.register)>a {
    margin-left: 20px
  }

  a.contentarea {
    display: none
  }

  ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
    color: #6d6868
  }

  .page-header .header.panel {
    width: 98%;
    max-width: 1280px;
    margin: 0 auto
  }

  @media screen and (max-width:1023px) {
    .page-header .header.panel {
      padding: 0
    }
  }

  @media print {
    * {
      -webkit-filter: none !important;
      background: transparent !important;
      color: #000 !important;
      filter: none !important;
      text-shadow: none !important
    }

    a, a:visited {
      text-decoration: underline !important
    }

    .panel.wrapper>*[class] {
      display: none
    }
  }
}

@media all {
  nav {
    display: block
  }

  nav ul {
    list-style: none none
  }

  img {
    border: 0;
    height: auto;
    max-width: 100%
  }

  strong {
    font-weight: 800
  }

  i {
    font-style: italic
  }

  button::-moz-focus-inner {
    border: 0;
    padding: 0
  }

  input[type="text"]:disabled {
    opacity: .5
  }

  input[type="text"]::-moz-placeholder {
    color: #c2c2c2
  }

  input[type="text"]::-webkit-input-placeholder {
    color: #c2c2c2
  }

  input[type="text"]:-ms-input-placeholder {
    color: #c2c2c2
  }

  input::-moz-focus-inner {
    border: 0;
    padding: 0
  }

  form {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }

  *:focus {
    box-shadow: none;
    outline: 0
  }

  .block {
    margin-bottom: 38px
  }

  .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter-label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }

  .header.content:before, .header.content:after {
    content: '';
    display: table
  }

  .header.content:after {
    clear: both
  }

  .nav-toggle {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    left: 15px;
    position: absolute;
    top: 15px;
    z-index: 14
  }

  .nav-toggle:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    line-height: inherit;
    color: #8f8f8f;
    content: '\e609';
    font-family: 'FontAwesome';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center
  }

  .nav-toggle:hover:before {
    color: #333
  }

  .nav-toggle>span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }

  .block-search {
    margin-bottom: 0
  }

  .block-search .block-title {
    display: none
  }

  .block-search .block-content {
    margin-bottom: 0
  }

  .block-search .label {
    text-decoration: none;
    display: inline-block;
    float: right
  }

  .block-search .label>span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }

  .block-search .label:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: 400 35px/33px 'FontAwesome';
    color: #8f8f8f;
    content: '\f002';
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    speak: none;
    text-align: center
  }

  .block-search .label:hover:before {
    color: #333
  }

  .block-search .label:active:before {
    color: #333
  }

  .block-search .action.search {
    display: none
  }

  .block-search .control {
    border-top: 1px solid #ccc;
    clear: both;
    margin: 0 -15px -1px;
    padding: 0 0 0 15px
  }

  .block-search input {
    left: -300%;
    margin: 15px 0;
    position: absolute
  }

  .search-autocomplete {
    display: none;
    margin-top: -15px;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    box-sizing: border-box
  }

  .block-minicart .subtitle {
    display: none
  }

  .block-minicart .subtitle.empty {
    display: block;
    font-size: 14px;
    padding: 28.5px 0 19px;
    text-align: center
  }

  .minicart-wrapper:before, .minicart-wrapper:after {
    content: '';
    display: table
  }

  .minicart-wrapper:after {
    clear: both
  }

  .minicart-wrapper .action.showcart:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: 400 35px/33px 'FontAwesome';
    color: #8f8f8f;
    content: '\f07a';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    speak: none;
    text-align: center
  }

  .minicart-wrapper .action.showcart:hover:before {
    color: #333
  }

  .minicart-wrapper .action.showcart:active:before {
    color: #8f8f8f
  }

  .minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after {
    border-bottom: solid;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0
  }

  .minicart-wrapper .block-minicart:before {
    right: 26px;
    top: -12px;
    border: 6px solid;
    border-color: transparent transparent #fff transparent;
    z-index: 99
  }

  .minicart-wrapper .block-minicart:after {
    right: 25px;
    top: -14px;
    border: 7px solid;
    border-color: transparent transparent #bbb transparent;
    z-index: 98
  }

  .minicart-wrapper .block-minicart {
    margin: 4px 0 0;
    padding: 0;
    list-style: none none;
    background: #fff;
    border: 1px solid #bbb;
    min-width: 100%;
    width: 320px;
    z-index: 101;
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15)
  }

  .minicart-wrapper .block-minicart .block-title {
    display: none
  }

  .minicart-wrapper .action.close>span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }

  .minicart-wrapper .action.close:hover:before {
    color: inherit
  }

  .minicart-wrapper .action.close:active:before {
    color: inherit
  }

  .minicart-wrapper .action.close:focus, .minicart-wrapper .action.close:active {
    background: none;
    border: none
  }

  .minicart-wrapper .action.showcart {
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    text-decoration: none
  }

  .minicart-wrapper .action.showcart .counter.qty.empty {
    display: none
  }

  .minicart-wrapper .minicart-widgets {
    margin-top: 15px
  }

  .header.content {
    padding-top: 9.5px;
    position: relative;
    display: flex;
  }

  .logo {
    float: left;
    margin: 0 0 9.5px 38px;
    max-width: 50%;
    position: relative;
    z-index: 5
  }

  .logo img {
    display: block
  }

  @media only screen and (max-width:639px) {
    .minicart-wrapper .block-minicart {
      width: 290px
    }
  }

  @media all and (max-width:767px) {
    .block-search {
      margin-top: 9.5px
    }

    .minicart-wrapper {
      margin-top: 9.5px
    }
  }

  @media only screen and (max-width:1023px) {
    .navigation, .header.content {
      padding-left: 15px;
      padding-right: 15px
    }

    .navigation {
      padding: 0
    }

    .navigation .parent .level-top {
      position: relative;
      display: block;
      text-decoration: none
    }

    .navigation .parent .level-top:after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 42px;
      line-height: inherit;
      color: #4a4a4a;
      content: '\f078';
      font-family: 'FontAwesome';
      vertical-align: middle;
      display: inline-block;
      font-weight: normal;
      overflow: hidden;
      speak: none;
      text-align: center
    }

    .navigation .parent .level-top:after {
      position: absolute;
      right: 7px;
      top: -8px
    }

    .nav-sections {
      -webkit-overflow-scrolling: touch;
      -webkit-transition: left .3s;
      -moz-transition: left .3s;
      -ms-transition: left .3s;
      transition: left .3s;
      height: 100%;
      left: -80%;
      left: calc(-1 * (100% - 54px));
      overflow: auto;
      position: fixed;
      top: 0;
      width: 80%;
      width: calc(100% - 54px)
    }

    .nav-sections-items {
      position: relative;
      z-index: 1
    }

    .nav-sections-items:before, .nav-sections-items:after {
      content: '';
      display: table
    }

    .nav-sections-items:after {
      clear: both
    }

    .nav-sections-item-title {
      background: #e3e3e3;
      border: solid #d7d7d7;
      border-width: 0 0 1px 1px;
      box-sizing: border-box;
      float: left;
      height: 71px;
      padding-top: 24px;
      text-align: center;
      width: 33.33%
    }

    .nav-sections-item-title.active {
      background: transparent;
      border-bottom: 0
    }

    .nav-sections-item-title .nav-sections-item-switch:hover {
      text-decoration: none
    }

    .nav-sections-item-content {
      box-sizing: border-box;
      float: right;
      margin-left: -100%;
      margin-top: 71px;
      width: 100%;
      padding: 23.75px 0
    }

    .nav-sections-item-content:before, .nav-sections-item-content:after {
      content: '';
      display: table
    }

    .nav-sections-item-content:after {
      clear: both
    }

    .navigation {
      background: #f0f0f0;
      box-sizing: border-box
    }

    .navigation ul {
      margin: 0;
      padding: 0
    }

    .navigation li {
      margin: 0
    }

    .navigation a {
      display: block;
      padding-top: 9.5px;
      padding-right: 0;
      padding-bottom: 9.5px;
      padding-left: 15px
    }

    .navigation a, .navigation a:hover {
      color: #575757;
      text-decoration: none
    }

    .navigation .level0 {
      border-top: 1px solid #d1d1d1;
      font-size: 16
    }

    .navigation .level0>.level-top {
      font-weight: 800;
      padding: 8px 38px 8px 15px;
      text-transform: uppercase;
      word-wrap: break-word
    }

    .navigation .level0>.level1 {
      font-weight: 600
    }

    .navigation li.level0:last-child {
      border-bottom: 1px solid #d1d1d1
    }

    .navigation .submenu>li {
      word-wrap: break-word
    }

    .navigation .submenu:not(:first-child) {
      font-weight: 400;
      line-height: 1.3;
      left: auto !important;
      overflow-x: hidden;
      padding: 0;
      position: relative;
      top: auto !important;
      transition: left .3s ease-out
    }

    .navigation .submenu:not(:first-child)>li>a {
      padding-left: 15px
    }

    .navigation .submenu:not(:first-child)>li:last-child {
      margin-bottom: 0
    }

    .block-search .block-content {
      margin-bottom: 0
    }

    .nav-toggle {
      position: relative;
      float: left;
      top: -2px;
      left: 0;
      z-index: 3
    }

    .nav-toggle:before {
      color: #4a4a4a
    }

    .nav-sections .navigation a.title-storelocator {
      width: 100%;
      display: inline-block;
      text-decoration: none
    }

    .nav-sections .navigation a.title-storelocator:before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: inherit;
      line-height: inherit;
      color: #4a4a4a;
      content: '\f041';
      font-family: 'FontAwesome';
      vertical-align: middle;
      display: inline-block;
      font-weight: normal;
      overflow: hidden;
      speak: none;
      text-align: center
    }

    .nav-sections .navigation>ul>li.level0>a {
      border-left: none !important
    }

    .nav-sections .mobile-account ul li.account-item a {
      width: 100%
    }

    .nav-sections .mobile-account ul li.account-item.sign-in a {
      display: inline-block;
      text-decoration: none
    }

    .nav-sections .mobile-account ul li.account-item.sign-in a:before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 18px;
      line-height: inherit;
      color: #4a4a4a;
      content: '\f007';
      font-family: 'FontAwesome';
      margin: 0 10px;
      vertical-align: middle;
      display: inline-block;
      font-weight: normal;
      overflow: hidden;
      speak: none;
      text-align: center
    }

    .nav-sections .mobile-account ul li.account-item.register a {
      display: inline-block;
      text-decoration: none
    }

    .nav-sections .mobile-account ul li.account-item.register a:before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 18px;
      line-height: inherit;
      color: #4a4a4a;
      content: '\f040';
      font-family: 'FontAwesome';
      margin: 0 10px;
      vertical-align: middle;
      display: inline-block;
      font-weight: normal;
      overflow: hidden;
      speak: none;
      text-align: center
    }

    #store\.menu>nav>ul>li, #store\.links>nav>ul>li {
      border-top: 1px solid #bebebe
    }

    #store\.links>nav>ul>li:last-child {
      border-bottom: 1px solid #bebebe
    }

    .page-header .header.content {
      position: relative;
      height: 95px;
      padding: 0 15px
    }

    .page-header .header.content .logo {
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 60px;
      height: 60px;
      background: url('https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/logo-mobile.svg');
      background-position: center center;
      background-size: 100% auto;
      background-repeat: no-repeat
    }

    .page-header .header.content .logo img {
      display: none
    }

    .desktop-only {
      display: none !important
    }

    .minicart-wrapper .block-minicart {
      width: 310px
    }

    .page-header .block-search {
      float: right;
      margin: 0;
      display: none
    }

    .page-header .block-search:before {
      display: block;
      width: 50px;
      cursor: pointer
    }

    .page-header .block-search .block-content {
      padding: 10px 25px;
      overflow: visible
    }

    .page-header .block-search .form.minisearch .field.search>.control {
      border: none
    }

    .page-header .block-search .form.minisearch .field.search>.control input {
      border: 0px;
      position: initial !important;
      height: 40px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px
    }

    .page-header .block-search .form.minisearch .actions {
      position: absolute;
      width: auto;
      left: unset;
      right: 15px;
      top: 14px
    }

    .page-header .block-search .form.minisearch .actions .action.search {
      display: block;
      height: 40px;
      border: none;
      padding: 0;
      display: inline-block;
      text-decoration: none;
      z-index: 2
    }

    .page-header .block-search .form.minisearch .actions .action.search>span {
      border: 0;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px
    }

    .page-header .block-search .form.minisearch .actions .action.search:before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 24px;
      line-height: 36px;
      color: #4a4a4a;
      content: '\f002';
      font-family: 'FontAwesome';
      vertical-align: middle;
      display: inline-block;
      font-weight: normal;
      overflow: hidden;
      speak: none;
      text-align: center
    }

    .page-header #mobile-search-toggle {
      width: 30px;
      margin-right: 20px;
      font-size: 24px
    }
  }

  .nav-sections {
    position: relative;
    z-index: 1;
    margin: 0
  }

  .nav-sections .level0 .level-top {
    border: 0 none
  }

  .nav-sections .level0 .level-top:after {
    display: none
  }

  @media screen and (max-width:1023px) {
    .nav-sections {
      margin-top: 0;
      position: fixed;
      background-color: #fff
    }


    .nav-sections .nav-sections-item-title {
      background: transparent;
      border: 0 none;
      font-size: 12px;
      text-transform: uppercase
    }

    .nav-sections .nav-sections-item-title.active {
      background: #fff
    }

    .nav-sections .nav-sections-item-content {
      background: #fff
    }
  }

  .nav-sections .navigation, .nav-sections .mobile-account {
    font: normal 800 12px/14px GothamRegular, sans-serif;
    background: transparent
  }

  @media screen and (max-width:1023px) {
    .nav-sections .navigation, .nav-sections .mobile-account {
      margin: 0;
      width: 100%
    }

    .nav-sections .navigation ul>li .submenu {
      border-top: none
    }

    .nav-sections .navigation ul>li .submenu li a {
      text-transform: initial;
      padding-left: 0
    }

    .nav-sections .navigation ul>li .submenu li a span {
      text-transform: initial;
      font-weight: normal
    }

    .nav-sections .navigation ul>li .submenu li a:after {
      font-family: FontAwesome;
      content: '\f105';
      float: right;
      margin-right: 10px;
      color: #bebebe
    }

    .nav-sections .navigation a.title-storelocator {
      text-indent: 0;
      font-size: 16px
    }

    .nav-sections .navigation a.title-storelocator>span {
      text-indent: 0;
      display: inline-block;
      margin-top: 5px
    }

    .nav-sections .navigation a.title-storelocator:before {
      font-size: 26px;
      vertical-align: middle;
      line-height: 40px;
      width: 32px;
      height: 40px;
      display: inline-block;
      text-align: center;
      text-indent: 0
    }
  }

  .nav-sections .navigation ul, .nav-sections .mobile-account ul {
    margin: 0;
    padding: 0
  }

  .nav-sections .navigation ul li, .nav-sections .mobile-account ul li {
    margin: 0 5px
  }

  @media screen and (max-width:1023px) {
    .nav-sections .navigation ul li, .nav-sections .mobile-account ul li {
      margin: 0;
      color: #4a4a4a;
      font-size: 13px;
      vertical-align: middle;
      text-align: left;
      width: 100%
    }

    .nav-sections .navigation ul li a, .nav-sections .mobile-account ul li a, .nav-sections .navigation ul li .level-top, .nav-sections .mobile-account ul li .level-top {
      padding: 0;
      line-height: 32px;
      display: block
    }

    .nav-sections .mobile-account ul li.level-top:first-child.account-item, .nav-sections .mobile-account ul li.level0:first-child.account-item {
      line-height: 32px;
      vertical-align: middle;
      text-align: left;
      display: block;
      text-transform: initial
    }

    .nav-sections .mobile-account ul li.level-top:first-child.account-item>span, .nav-sections .mobile-account ul li.level0:first-child.account-item>span {
      line-height: 32px;
      vertical-align: middle;
      text-align: left;
      display: block;
      text-transform: initial;
      text-indent: 9px
    }

    .nav-sections .navigation ul li:not(.parent):not(.title-storelocator):not(.account-item) a {
      text-indent: 32px
    }

    .nav-sections .navigation ul li a.title-storelocator {
      text-indent: 0 !important
    }

    .nav-sections .navigation>ul>li.level0 a, .nav-sections .mobile-account>ul>li.level0 a, .nav-sections .navigation>ul>li.level0 span, .nav-sections .mobile-account>ul>li.level0 span {
      font-weight: 700;
      text-transform: uppercase
    }

    .nav-sections .navigation .level0 .ui-menu-icon, .nav-sections .navigation .level0 .fa, .nav-sections .mobile-account .level0 .fa {
      vertical-align: middle;
      line-height: 32px;
      width: 32px;
      height: 32px;
      display: inline-block;
      font-size: 15px;
      text-align: center;
      margin: 0;
      padding: 0
    }

    .nav-sections .navigation .level0.parent>a>.ui-menu-icon, .nav-sections .navigation .level0.parent>a .fa {
      color: #76b042
    }

    .nav-sections .navigation .level0.parent>a span:not(.ui-menu-icon) {
      margin-left: 0 !important
    }

    .nav-sections .navigation .parent .level-top:after {
      display: none
    }
  }

  @media screen and (min-width:1024px) {
    .nav-sections .navigation .level0 .submenu {
      display: none;
      position: fixed;
      top: 110px !important;
      left: 50% !important;
      width: 95%;
      padding: 25px 0;
      max-width: 1050px;
      border: 0 none;
      background: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-transition: .4s all ease 0s;
      -moz-transition: .4s all ease 0s;
      -o-transition: .4s all ease 0s;
      transition: .4s all ease 0s
    }

    .nav-sections .navigation .level0 .submenu:before {
      content: "";
      position: absolute;
      top: 0px;
      left: 50%;
      width: 100vw;
      height: 100%;
      background: #f7f7f7;
      z-index: 1;
      -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%)
    }

    .nav-sections .navigation .level0 .submenu li {
      position: relative;
      z-index: 2;
      float: left;
      width: 25%
    }

    .nav-sections .navigation .level0>a>.ui-menu-icon, .nav-sections .navigation .level0>a>.fa, .nav-sections .mobile-account .level0>a>.fa {
      display: none
    }
  }

  @media screen and (max-width:1023px) {
    .mobile-account .account-item .fa-angle-right {
      float: right;
      margin-right: 10px;
      color: #bebebe
    }
  }

  .page-header .header.content {
    display: flex;
    align-items: center;
    justify-content: space-between
  }

  .page-header .header.content:before, .page-header .header.content:after {
    display: none
  }

  .page-header .header.content .logo {
    float: none;
    z-index: 1
  }

  .page-header .header.content .header-right {
    display: flex;
    align-items: center;
    justify-content: end;
    width: auto;
    max-width: 550px
  }

  input:not([disabled]):focus {
    box-shadow: 0 0 3px 1px #68a8e0
  }

  input[type="text"] {
    font: normal 400 14px/16px GothamRegular, sans-serif;
    color: #2f3137;
    height: auto;
    opacity: 1;
    background: #f4f4f4;
    background-clip: padding-box;
    border: 1px solid #c2c2c2;
    border-radius: 1px;
    height: 32px;
    line-height: 1.4;
    padding: 0 0 0 28px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box
  }

  input[type="text"]:hover {
    border-color: #8b8b8b
  }

  input[type="text"]:focus {
    -webkit-box-shadow: 0 0 10px rgba(0, 125, 197, 0.25);
    -moz-box-shadow: 0 0 10px rgba(0, 125, 197, 0.25);
    box-shadow: 0 0 10px rgba(0, 125, 197, 0.25);
    border-color: rgba(0, 125, 197, 0.25)
  }

  ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
    color: #6d6868
  }

  .navigation, .header.content {
    width: 98%;
    max-width: 1280px;
    margin: 0 auto
  }

  @media screen and (max-width:1023px) {
    .navigation, .header.content {
      padding: 0
    }
  }

  button {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-transform: uppercase;
    min-width: inherit;
    letter-spacing: normal;
    background: #fff none;
    border: 1px solid #007dc5;
    color: #007dc5;
    cursor: pointer;
    display: inline-block;
    font: 800 14px/16px GothamRegular, sans-serif;
    margin: 0;
    padding: 12px;
    box-sizing: border-box;
    vertical-align: middle
  }

  button:focus, button:active {
    background: #fff;
    border: 1px solid #009df8;
    color: #009df8
  }

  button[disabled] {
    opacity: .5;
    cursor: default;
    pointer-events: none
  }

  button:active {
    text-transform: uppercase
  }

  button:hover {
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #009df8;
    color: #009df8
  }

  .minicart-wrapper {
    margin: 0;
    padding: 0;
    z-index: 2;
    display: inline-block;
    position: relative;
    float: right
  }

  .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart:active:before {
    font-size: 28px;
    color: #4a4a4a
  }

  .minicart-wrapper .action.showcart .counter.qty {
    position: absolute;
    top: -7px;
    left: 18px;
    width: 19px;
    height: 19px;
    line-height: 20px;
    background: #ff5501;
    font-size: 11px;
    color: #fff;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    display: inline-block;
    margin: 3px 0 0;
    min-width: 18px;
    overflow: hidden;
    padding: 0 3px;
    text-align: center;
    white-space: normal
  }

  .minicart-wrapper .action.close {
    width: 35px;
    height: 30px;
    color: #4a4a4a;
    display: inline-block;
    background: none;
    -moz-box-sizing: content-box;
    border: 0;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
    font-weight: 400;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
  }

  .minicart-wrapper .action.close:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: 400 32px/32px 'FontAwesome';
    color: inherit;
    content: '\f00d';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    speak: none;
    text-align: center
  }

  .minicart-wrapper .action.close:hover {
    color: #8a8a8a;
    background: none;
    border: none
  }


}

@media all {
  .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .fa-search:before {
    content: "\f002"
  }

  .fa-plus:before {
    content: "\f067"
  }

  .fa-angle-right:before {
    content: "\f105"
  }
}

@media all and (min-width: 1024px), print {
  .block-search .label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }

  .navigation, .header.content {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto
  }

  .nav-toggle {
    display: none
  }

  .nav-sections {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    margin-bottom: 23.75px
  }

  .nav-sections-item-title {
    display: none
  }

  .nav-sections-item-content {
    display: block !important
  }

  .nav-sections-item-content>* {
    display: none
  }

  .nav-sections-item-content>.navigation {
    display: block
  }

  .navigation {
    background: #f0f0f0;
    font-weight: 800;
    height: inherit;
    left: auto;
    overflow: inherit;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 3
  }

  .navigation:empty {
    display: none
  }

  .navigation ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    position: relative
  }

  .navigation li.level0 {
    border-top: none
  }

  .navigation .level0 {
    margin: 0 9.5px 0 0;
    display: inline-block;
    position: relative
  }

  .navigation .level0:last-child {
    margin-right: 0;
    padding-right: 0
  }

  .navigation .level0>.level-top {
    color: #575757;
    line-height: 47px;
    padding: 0 12px;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    display: inline-block
  }

  .navigation .level0>.level-top:hover {
    color: #333;
    text-decoration: none
  }

  .navigation .level0.parent:hover>.submenu {
    overflow: visible !important
  }

  .navigation .level0 .submenu {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4.75px 4.75px rgba(0, 0, 0, 0.19);
    font-weight: 400;
    min-width: 230px;
    padding: 15px 0;
    display: none;
    left: 0;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    z-index: 1;
    margin-top: 11px
  }

  .navigation .level0 .submenu a {
    display: block;
    line-height: inherit;
    color: #575757;
    padding: 8px 19px
  }

  .navigation .level0 .submenu a:hover {
    background: #e8e8e8;
    color: #333;
    text-decoration: none
  }

  .block-search {
    float: right;
    padding-left: 15px;
    position: relative;
    width: 250px;
    z-index: 4
  }

  .block-search .control {
    border-top: 0;
    margin: 0;
  }

  .block-search input {
    margin: 0;
    padding-right: 35px;
    position: static
  }

  .block-search input::-webkit-input-placeholder {
    color: #c2c2c2
  }

  .block-search input:-moz-placeholder {
    color: #c2c2c2
  }

  .block-search input::-moz-placeholder {
    color: #c2c2c2
  }

  .block-search input:-ms-input-placeholder {
    color: #c2c2c2
  }

  .block-search .action.search {
    display: inline-block;
    background-image: none;
    background: none;
    -moz-box-sizing: content-box;
    border: 0;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
    font-weight: 400;
    position: absolute;
    left: 24px;
    top: -2px;
    z-index: 1
  }

  .block-search .action.search>span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }

  .block-search .action.search:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: inherit;
    color: #d8d8d8;
    content: '\f002';
    font-family: 'FontAwesome';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center
  }

  .block-search .action.search:hover:before {
    color: inherit
  }

  .block-search .action.search:active:before {
    color: inherit
  }

  .block-search .action.search:focus, .block-search .action.search:active {
    background: none;
    border: none
  }

  .block-search .action.search:hover {
    background: none;
    border: none
  }

  .block-search .action.search[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .5
  }

  .block-search .action.search:focus:before {
    color: #333
  }

  .search-autocomplete {
    margin-top: 0
  }

  .minicart-wrapper {
    margin-left: 13px
  }

  .minicart-wrapper .block-minicart {
    right: -15px;
    width: 390px
  }

  .navigation ul {
    padding: 0 8px
  }

  .header.content {
    padding: 28.5px 19px 0
  }

  .logo {
    margin: -8px auto 25px 0
  }

  .logo img {
    max-width: 189px;
    max-height: inherit;
    height: auto;
  }


  ul#menu-main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    list-style-type: none;
  }

  ul#menu-main-menu>li {
    margin-left: 0;
    margin-right: 7%
  }

  ul#menu-main-menu>li>a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: normal
  }

  .page-header .header.content {
    padding: 0
  }

  .page-header .header.content .logo {
    margin: 25px 0
  }

  .mobile-only {
    display: none !important
  }

  .minicart-wrapper .action.showcart {
    position: relative;
    margin-right: 50px
  }

  .minicart-wrapper .action.showcart:after {
    position: absolute;
    bottom: 6px;
    left: 35px;
    font-weight: 600;
    content: "CART"
  }

  .minicart-wrapper .action.close {
    display: none
  }

  .minicart-wrapper .block-minicart {
    width: 400px
  }

  .page-header .block-search {
    max-width: 225px;
    margin: 0 30px 0 0
  }

  .page-header .block-search .form.minisearch .field.search>.control {
    border: 1px solid #6d6868
  }

  .page-header .block-search .form.minisearch .field.search>.control input.input-text {
    border: 0px;
    text-indent: 30px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
  }

  .page-header .block-search .form.minisearch .actions {
    position: initial
  }

  .page-header .block-search .form.minisearch .actions .action.search {
    width: 26px;
    position: absolute;
    left: 12px;
    top: 0
  }

  .page-header .block-search .form.minisearch .actions .action.search:before {
    font-size: 18px;
    margin-top: -2px
  }

  .page-header #mobile-search-toggle {
    display: none
  }
}

@media all and (min-width:1280px), print {
  .page-header .block-search {
    margin-right: 50px
  }
}

input:not([disabled]):focus {
  box-shadow: none
}

.page-header .header.content {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.page-header .header.content:before, .page-header .header.content:after {
  display: none
}

.page-header .header.content .logo {
  float: none;
  z-index: 1
}

.page-header .header.content .header-right {
  display: flex;
  align-items: center;
  justify-content: end;
  width: auto;
  max-width: 550px
}

input:not([disabled]):focus {
  box-shadow: none
}

@media print {
  * {
    -webkit-filter: none !important;
    background: transparent !important;
    color: #000 !important;
    filter: none !important;
    text-shadow: none !important
  }

  a, a:visited {
    text-decoration: underline !important
  }

  img {
    page-break-inside: avoid
  }

  img {
    max-width: 100% !important
  }

  .block-content {
    orphans: 3;
    widows: 3
  }

  .block-content {
    page-break-before: avoid
  }

  .block-title {
    page-break-after: avoid
  }

  .nav-toggle {
    display: none !important
  }

  .nav-sections, .header.content>*[class] {
    display: none
  }

  .logo {
    display: block !important;
    margin: 10px 0
  }
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-search:before {
  content: "\f002"
}

.fa-plus:before {
  content: "\f067"
}

.fa-angle-right:before {
  content: "\f105"
}

footer {
  display: block
}

p {
  margin-top: 0;
  margin-bottom: 10px
}

.footer.content ul {
  margin: 0;
  padding: 0;
  list-style: none none
}

.footer.content ul>li {
  margin: 0
}

.block.newsletter .label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.block .title {
  margin-bottom: 9.5px
}

.block.newsletter {
  margin-bottom: 38px
}

.block.newsletter .form.subscribe {
  display: table;
  width: 100%
}

.block.newsletter .field {
  margin: 0
}

.block.newsletter .field .control {
  display: inline-block;
  text-decoration: none;
  display: block
}

.block.newsletter .field .control:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: 400 35px/33px 'FontAwesome';
  color: #c2c2c2;
  content: '\e61d';
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  speak: none;
  text-align: center;
  position: absolute
}

.block.newsletter input {
  padding-left: 35px
}

.block.newsletter .title {
  display: none
}

.block.newsletter .actions {
  display: table-cell;
  vertical-align: top;
  width: 1%
}

.block.newsletter .action.subscribe {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px
}

.footer.content {
  border-top: 1px solid #ccc;
  margin-top: 25px;
  padding-bottom: 25px;
  padding-top: 25px
}

@media only screen and (max-width:639px) {
  .page-footer .block.newsletter {
    padding: 0 10px
  }

  .page-footer .block.newsletter .form.subscribe {
    display: block
  }

  .page-footer .block.newsletter .field.newsletter {
    margin: 0 0 20px
  }

  .page-footer .block.newsletter .field.newsletter input {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
  }

  .page-footer .block.newsletter .action.subscribe {
    margin-bottom: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
  }
}

@media all and (min-width:640px) {
  .page-footer .block.newsletter .field.newsletter {
    margin-bottom: 20px
  }

  .page-footer .block.newsletter .field.newsletter input {
    height: 42px;
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0
  }

  .page-footer .block.newsletter .action.subscribe {
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0
  }
}

@media all and (max-width:767px) {
  .page-footer .footer.links .footer-links-columns {
    float: none;
    width: 100%;
    padding-top: 0
  }

  .page-footer .block.newsletter .action.subscribe {
    width: 100%
  }
}

@media all and (max-width:1279px) {
  .page-footer .block.newsletter {
    display: table;
    float: none;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
  }

  .page-footer .footer.links {
    padding-right: 0
  }

  .page-footer .footer.links .footer-links-columns .item.drop-down-sites {
    padding-top: 0
  }

  .page-footer .copyright-text {
    display: block;
    clear: both;
    width: 100%;
    text-align: left
  }
}

@media only screen and (max-width:1023px) {
  .footer.content {
    padding-left: 15px;
    padding-right: 15px
  }

  .page-footer {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .page-footer .footer {
    text-align: center
  }

  .page-footer .footer.links .footer-links-columns {
    width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .page-footer .footer-bottom {
    padding-top: 10px
  }

  .page-footer .social-icons {
    text-align: center;
    padding: 0 0 25px
  }

  .page-footer .copyright-text {
    text-align: center
  }

  .desktop-only {
    display: none !important
  }
}

@media all and (min-width:768px) {
  .page-footer .footer.links .footer-links-columns {
    width: 50%;
    float: left;
    padding-top: 25px
  }
}

.page-footer {
  background: #5b5b5b;
  color: #fff;
  font: normal 400 14px GothamRegular, sans-serif;
  text-align: center;
  margin-top: auto
}

.page-footer a {
  color: #fff
}

.page-footer>.footer:after {
  clear: both;
  content: '';
  display: table
}

.page-footer .footer .title {
  font-weight: 800;
  text-transform: uppercase;
  padding: 7px 0
}

.page-footer .footer.content {
  padding-left: 0;
  padding-right: 0;
  border-top: 0
}

.page-footer .footer.links .footer-links-columns li, .page-footer .footer.links .footer-links-columns .title {
  display: block;
  padding: 7px 0
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites {
  display: inline-block;
  position: relative
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites:before, .page-footer .footer.links .footer-links-columns .item.drop-down-sites:after {
  content: '';
  display: table
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites:after {
  clear: both
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites>a:first-child {
  cursor: pointer;
  display: inline-block;
  text-decoration: none
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites>a:first-child:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: inherit;
  color: inherit;
  content: '\f0d8';
  font-family: 'FontAwesome';
  margin: 0 0 0 5px;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites>a:first-child:hover:after {
  color: inherit
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites>a:first-child:active:after {
  color: inherit
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites>.ui-dialog {
  margin: 4px 0 0;
  padding: 0;
  list-style: none none;
  background: #fff;
  border: 1px solid #bbb;
  min-width: 100%;
  width: 270px;
  z-index: 101;
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: unset;
  bottom: 30px;
  right: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15)
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites>.ui-dialog li {
  margin: 0;
  padding: 5px 25px
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites>.ui-dialog li:hover {
  cursor: pointer
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites .ui-dialog {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites .ui-dialog-content {
  color: #6d6868;
  background-color: #fff
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites .ui-dialog-content a {
  color: #4a4a4a;
  font-weight: 800
}

.page-footer .footer.links .footer-links-columns .item.drop-down-sites .ui-dialog-content a:hover {
  color: #007dc5
}

.page-footer .social-icons>ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 30px
}

.page-footer .social-icons>ul li:first-child {
  margin: 0
}

.page-footer .social-icons>ul li a {
  display: block;
  width: 24px;
  height: 24px;
  text-align: center
}

.page-footer .social-icons>ul li a:hover {
  color: #007dc5
}

.page-footer .social-icons>ul li a i.fa {
  font-size: 24px;
  line-height: 25px
}

.page-footer .social-icons>ul li a i.fa.fa-facebook {
  font-size: 20px;
  line-height: 25px
}

.page-footer .block.newsletter {
  margin-bottom: 0
}

.page-footer .block.newsletter .title {
  display: block;
  width: 100%;
  margin-bottom: 0
}

.page-footer .block.newsletter>p {
  padding: 7px 0 15px
}

.page-footer .block.newsletter .field {
  position: relative;
  margin-right: 0;
  margin-left: 0
}

.page-footer .block.newsletter .field .control input {
  padding-left: 12px
}

.page-footer .block.newsletter .field .control:before {
  display: none
}

.page-footer .block.newsletter .action.subscribe {
  color: #fff;
  border-color: #007dc5;
  background: #007dc5
}

.page-footer .block.newsletter .action.subscribe span {
  color: #fff
}

.page-footer .block.newsletter .action.subscribe:active {
  color: #fff;
  border-color: #09a1f8;
  background: #09a1f8
}

.page-footer .block.newsletter .action.subscribe:active span {
  color: #fff
}

.page-footer .block.newsletter .action.subscribe:hover, .page-footer .block.newsletter .action.subscribe:focus {
  color: #fff;
  border-color: #09a1f8;
  background: #09a1f8
}

.page-footer .block.newsletter .action.subscribe:hover span, .page-footer .block.newsletter .action.subscribe:focus span {
  color: #fff
}

.page-footer .footnote {
  font-size: 10px;
  padding: 0;
  margin: 0 0 10px
}

.page-footer .copyright {
  clear: both
}

.page-footer .copyright ul.links>li.link-sb657, .page-footer .copyright ul.links>li.link-privacy, .page-footer .copyright ul.links>li.link-returns, .page-footer .copyright ul.links>li.link-accessibility  {
  font-weight: 800
}

.page-footer .copyright-text {
  font-size: 12px
}

input:not([disabled]):focus {
  box-shadow: 0 0 3px 1px #68a8e0
}

input[type="email"] {
  font: normal 400 14px/16px GothamRegular, sans-serif;
  color: #2f3137;
  height: auto;
  opacity: 1;
  background: #fff;
  background-clip: padding-box;
  border: 1px solid #c2c2c2;
  border-radius: 1px;
  height: 32px;
  line-height: 1.4;
  padding: 0 9px;
  vertical-align: baseline;
  width: 100%;
  box-sizing: border-box
}

input[type="email"]:hover {
  border-color: #8b8b8b
}

input[type="email"]:focus {
  -webkit-box-shadow: 0 0 10px rgba(0, 125, 197, 0.25);
  -moz-box-shadow: 0 0 10px rgba(0, 125, 197, 0.25);
  box-shadow: 0 0 10px rgba(0, 125, 197, 0.25);
  border-color: rgba(0, 125, 197, 0.25)
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
  color: #6d6868
}

.clearfix:after {
  content: "";
  display: block;
  float: none;
  clear: both
}

.no-list-style {
  margin: 0;
  padding: 0;
  list-style: none
}

.footer.content, .footer-bottom {
  width: 98%;
  max-width: 1280px;
  margin: 0 auto
}

@media screen and (max-width:1023px) {
  .footer.content, .footer-bottom {
    padding: 0
  }
}

button {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-transform: uppercase;
  min-width: inherit;
  letter-spacing: normal;
  background: #fff none;
  border: 1px solid #007dc5;
  color: #007dc5;
  cursor: pointer;
  display: inline-block;
  font: 800 14px/16px GothamRegular, sans-serif;
  margin: 0;
  padding: 12px;
  box-sizing: border-box;
  vertical-align: middle
}

button:focus, button:active {
  background: #fff;
  border: 1px solid #009df8;
  color: #009df8
}

button:active {
  text-transform: uppercase
}

button:hover {
  text-transform: uppercase;
  background: #fff;
  border: 1px solid #009df8;
  color: #009df8
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-2x {
  font-size: 2em
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook:before {
  content: "\f09a"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-instagram:before {
  content: "\f16d"
}
@media all and (min-width:768px) {
  .page-footer .footer.links .footer-links-columns {
    width: 50%;
    float: left;
    padding-top: 25px
  }
}

@media all and (min-width: 1024px), print {
  .footer.content {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto
  }

  .block.newsletter {
    width: 32%
  }

  .block.newsletter .field {
    margin-right: 5px
  }

  .block.newsletter .field .control {
    width: 100%
  }

  .block.newsletter .action.subscribe {
    border-radius: 3px
  }

  .footer.content .block {
    float: right
  }

  .footer.content .links {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 50px 0 0;
    vertical-align: top
  }

  .page-footer {
    padding-top: 25px;
    padding-bottom: 50px
  }

  .page-footer>.footer.content {
    z-index: 1;
    position: relative
  }

  .page-footer>.footer.content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background: transparent;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .page-footer>.footer.content:before {
    background-image: url("https://www.nordicnaturals.com/static/version1539195396/frontend/NordicNaturals/default/en_US/images/white-sun.png");
    background-repeat: no-repeat;
    background-size: 125px;
    background-position: 10% 50px
  }

  .page-footer .footer.links {
    width: 100%;
    padding-right: 0
  }

  .page-footer .footer.links .footer-links-columns {
    width: 25%
  }

  .page-footer .footer-bottom:before, .page-footer .footer-bottom:after {
    content: '';
    display: table
  }

  .page-footer .footer-bottom:after {
    clear: both
  }

  .page-footer .footer .footer-links-title {
    pointer-events: none;
    cursor: text !important
  }

  .page-footer .copyright {
    width: 100%
  }

  .page-footer .copyright ul.links>li {
    float: left
  }

  .page-footer .copyright ul.links>li.link-sb657, .page-footer .copyright ul.links>li.link-privacy, .page-footer .copyright ul.links>li.link-returns {
    margin-right: 50px
  }

  .page-footer .copyright ul.links>li.copyright-text {
    clear: both
  }

  .page-footer .footnote {
    float: left
  }
}

@media all and (min-width:1280px), print {
  .page-footer {
    text-align: left
  }

  .page-footer>.footer.content {
    display: flex
  }

  .page-footer>.footer.content:before {
    width: 220px;
    background-position: 1% 50px;
    position: relative;
    height: 220px;
    order: 1;
    left: 7%;
    top: -60px
  }

  .page-footer .block.newsletter {
    display: block;
    float: right;
    width: 32%;
    order: 3
  }

  .page-footer .footer.links {
    float: left;
    width: 68%;
    order: 2
  }

  .page-footer .footer.links .footer-links-columns {
    padding-top: 0
  }

  .page-footer .footer.links .footer-links-columns>li {
    padding-top: 0
  }

  .page-footer .copyright ul.links>li .footnote {
    margin-right: 20px;
    margin-bottom: 0;
    margin-top: 3px
  }

  .page-footer .copyright ul.links>li.link-sb657, .page-footer .copyright ul.links>li.link-privacy, .page-footer .copyright ul.links>li.link-returns {
    margin-bottom: 15px
  }

  .page-footer .copyright ul.links>li.copyright-text {
    margin-right: 30px
  }
}

input:not([disabled]):focus {
  box-shadow: none
}

input[type="email"] {
  font: normal 400 14px/16px GothamRegular, sans-serif;
  color: #2f3137;
  padding: 8px 12px 8px;
  height: auto;
  border: 1px solid #bebebe;
  opacity: 1;
  background-color: #f4f4f4;
}

@media only screen and (max-width: 639px) {
  .page-footer .block.newsletter {
    padding: 0 10px
  }

  .page-footer .block.newsletter .form.subscribe {
    display: block
  }

  .page-footer .block.newsletter .field.newsletter {
    margin: 0 0 20px
  }

  .page-footer .block.newsletter .field.newsletter input {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
  }

  .page-footer .block.newsletter .action.subscribe {
    margin-bottom: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
  }
}

@media all and (min-width:640px) {
  .page-footer .block.newsletter .field.newsletter {
    margin-bottom: 20px
  }

  .page-footer .block.newsletter .field.newsletter input {
    height: 42px;
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0
  }

  .page-footer .block.newsletter .action.subscribe {
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0
  }
}

@media all and (max-width:767px) {
  .page-footer .footer.links .footer-links-columns {
    float: none;
    width: 100%;
    padding-top: 0
  }

  .page-footer .block.newsletter .action.subscribe {
    width: 100%
  }
}

@media only screen and (max-width:1023px) {
  .page-footer {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .page-footer .footer {
    text-align: center
  }

  .page-footer .footer.links .footer-links-columns {
    width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .page-footer .footer-bottom {
    padding-top: 10px
  }

  .page-footer .social-icons {
    text-align: center;
    padding: 0 0 25px
  }

  .page-footer .copyright-text {
    text-align: center
  }

  .desktop-only {
    display: none !important
  }
}


@media print {
  * {
    -webkit-filter: none !important;
    background: transparent !important;
    color: #000 !important;
    filter: none !important;
    text-shadow: none !important
  }

  a, a:visited {
    text-decoration: underline !important
  }

  p {
    orphans: 3;
    widows: 3
  }

  .footer.content>*[class] {
    display: none
  }

  .footer.content {
    padding: 0
  }
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-2x {
  font-size: 2em
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook:before {
  content: "\f09a"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-instagram:before {
  content: "\f16d"
}

.article-end {
  width: 100%;
  text-align: center;
}

.article-end img{
  width: 30px;
}

.author_box {
    padding: 0!important;
    border-radius: 0!important;
    border: none!important;
}

.card-header > h5 > a {
  font-family: 'GothamRegular';
  font-size: 16px;
  color: #9a9a9a;
}

.card-body > .row {
  padding: 0 20px;
}

.card-body > .row > p {
  margin-bottom: 20px;
}

.archive-list {
  padding: 40px 80px 40px 80px;
}

.related {
  background-color: #f4f4f4;
  padding: 0 80px 40px 80px;
}

.related > h5 {
  font-family: 'GothamMedium';
  margin: 40px 0 40px 14px;
}

article.post {
    margin-right: 20px;
}

aside#secondary {
    border: 1px solid #a1a1a1;
    padding: 20px;
}


.mc4wp-form-fields > p > label {
  text-align: left!important;
  line-height:1;
  display: block;
  margin-bottom: 20px;
  font-size: 12px;
}
.mc4wp-form-fields > p {
  text-align: center;
}
.mc4wp-form-fields > p > input[type="submit"] {
  background: #008eff;
  color: #fff;
  padding: 10px 0;
  border: none;
  margin-top: 20px;
  border-radius: 18px;
  font-family: 'GothamMedium';
  width: 100%;
}
.widget-area h3 {
  padding-left: 0!important;
  padding-right: 0!important;
}

.widget .widget-title {
    text-align: left!important;
    margin-bottom: 10px!important;
}

.widget_categories ul {
  list-style: none!important;
}
.widget_categories ul li {
  border: none;
}

.menu-item > a {
  color: #bcbcbc;
}
.current-menu-item > a {
  color: #000000!important;
}
.postpage_entry .post_meta li {
    text-transform: none!important;
}

.postpage_entry .post_meta .posted_by {
  font-size: 18px;
  font-weight: bold;
}
.post-title {
  min-height: auto!important;
}
.post_meta li {
    display: inline-block;
    position: relative;
    color: #111;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.menu-blog-nav-container {
  background-color: #fafafa;
}

.social-icons-container {
  margin-top: 20px;
}

span.hover {
      color: #2196F3;
}