@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, p{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
section, article, aside, header, footer, nav, dialog, figure {
  display: block;
}

a {
  text-decoration: none;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

html {
  height: 100%;
}

body {
  position: relative;
  height: 100%;
  width: 100%;
  background: #fff;
  font-size: 16px;
  color: #1d1d1d;
  font-family: Georgia, Times, "Times New Roman", serif;
  background: url(../images/boreal.jpg) center top #000 no-repeat;
  overflow: hidden;
  margin: 0;
}

p {
  line-height: 22px;
}

body#product_list, body#product_page {
  background-color: #000;
}

body#hitramat {
  background-color: #1d1d1d;
}

body#product_page {
  background-position: center -115px;
}

#logo a {
  font-size: 0;
  display: block;
  height: 100px;
  width: 217px;
  background: url(../images/logo.svg) no-repeat;
  background-repeat: none;
}

header#home_header {
  background: url(../images/header_home.jpg) center -400px no-repeat;
  background-color: #000;
  min-height: 1946px;
  background-size: cover;
  overflow: hidden;
}

#aurora_test {
  width: 2880px;
  height: 1946px;
  top: 0;
  z-index: 1;
}

header#contact_header {
  background: url(../images/header_home.jpg) center top no-repeat;
  min-height: 1000px;
  background-size: cover;
}

header#about_header {
  background: url(../images/about_header.jpg) center top #fff no-repeat;
  min-height: 800px;
  background-size: cover;
  overflow: hidden;
}

header#product_header, header#hitramat_header {
  min-height: 481px;
  background: url(../images/boreal.jpg) center top #000 no-repeat;
}

header#product_page_header {
  min-height: 330px;
}

#contact #middle_text {
  color: #328685;
  margin-top: 250px;
  margin-bottom: 105px;
}

#about #middle_text, #norwegian-seafood #middle_text, #norwegian-seafood #middle_text {
  font-size: 20px;
  color: #3a9997;
  text-transform: none;
  margin-top: 271px;
}

#contact h2.header, #contact h1.header {
  margin-bottom: 5px;
}

#about h2.header, #about h1.header {
  color: #1e5b5a;
  text-transform: uppercase;
}

h3.border_product_info {
  line-height: 22px;
}

.container {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  left: 0;
  right: 0;
}

.container_show {
  width: 1200px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.full {
  height: 100vh;
  width: 100%;
}

.full-x {
  width: 100%;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

body#home #main_container {
  overflow: hidden;
}

#header_container {
  padding-top: 38px;
  z-index: 2;
  position: relative;
}

#middle_text {
  margin-top: 350px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

#middle_text_product_list, #middle_text_hitramat {
  margin-top: 170px;
  padding-bottom: 100px;
  text-align: center;
  text-transform: uppercase;
}

#middle_text_hitramat p.sub_title {
  color: #328685;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  text-transform: none;
  max-width: 1000px;
  margin: 0 auto 20px;
}

h2.header, h1.header {
  font-size: 50px;
}

h3.header, h2.about_page {
  font-size: 32px;
}

h2.about_page {
  color: #1e5b5a;
  text-transform: uppercase;
  text-align: center;
}

h2.header_bottom, h1.header_bottom {
  color: #328685;
  font-size: 83px;
  line-height: 60px;
}

h2.header_bottom.lesser, h1.header_bottom.lesser {
  font-size: 70px;
}

h3.header_bottom {
  color: #1e5b5a;
  font-size: 40px;
  line-height: 36px;
}

h2.about_home {
  color: #1e5b5a;
  font-size: 45px;
  text-align: center;
  text-transform: uppercase;
}

h3.about_home {
  color: #1e5b5a;
  font-size: 33px;
  text-align: center;
  text-transform: uppercase;
}

h3.about_top {
  color: #1e5b5a;
  font-size: 40px;
  text-align: right;
}

h2.green_light, h3.green_light {
  color: #fff;
  font-size: 46px;
  text-transform: uppercase;
  text-align: center;
}

h3.green_light {
  font-size: 38px;
}

h2.product_main, h2.hitramat_main, h2.product_page, h1.product_page, h3.product_page, h2.hitramat_page, h1.hitramat_page {
  color: #328685;
  text-transform: uppercase;
  font-size: 51px;
  margin-bottom: 18px;
}

h3.product_page {
  font-size: 40px;
}

h2.hitramat_page, h1.hitramat_page {
  margin-bottom: 0;
}

h2.hitramat_page.mb-40, h1.hitramat_page.mb-40 {
  margin-bottom: 40px;
}

h2.date_title {
  color: #328685;
  font-size: 82px;
  margin-bottom: 15px;
}

h2.date_title.dark_green {
  color: #0e4140;
}

h3.product_info {
  font-size: 28px;
  line-height: 32px;
  color: #379493;
  text-transform: uppercase;
}

h2.footer {
  color: #38504b;
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.mt-10 {
  margin-top: 10px;
}

.no-mb {
  margin-bottom: 0 !important;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-200 {
  margin-bottom: 200px;
}

.pb-10 {
  padding-bottom: 10px;
}

#language {
  width: 800px;
  margin-bottom: 30px;
}

#menu_mobile .language_mobile {
  width: 235px;
  border-top: 1px solid #182320;
  border-bottom: 1px solid #182320;
  margin: 0 auto;
  height: 60px;
}

#menu_mobile .language_mobile a {
  padding: 25px 0;
  font-size: 12px;
  width: 100px;
  text-align: center;
  display: block;
  color: #3a5a53;
}

#menu_mobile .language_mobile a.active {
  color: #08271f;
}

#language a {
  color: #1f5a51;
}

#menu li {
  margin-left: 30px;
}

#menu li a, #roll, #menu_footer li a  {
  color: #5b8a83;
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 12px;
}

#about #menu li a {
  color: #1e5b5a;
}

#menu li a:hover, #menu li a.active {
  border-bottom: 3px solid #1a6463;
}

#about #menu li a:hover, #about #menu li a.active {
  border-bottom: 3px solid #5b8a83;
}

#menu_mobile {
  display: none;
  width: 100%;
  height: 100vh;
  background: url(../images/menu_bg.jpg) center top no-repeat;
  background-size: 100% 100%;
  left: 0;
  padding-top: 30px;
  z-index: 100;
  position: fixed;
  overflow: auto;
}

.northern_delioghts_mobile {
  width: 244px;
  height: 46px;
  display: block;
  background: url(../images/northern_delioghts_mobile.png) center top no-repeat;
  margin: 10px auto 35px;
  background-size: cover;
}

#menu_mobile a.menu_mobile_link {
  font-size: 21px;
  color: #5f9190;
  text-transform: uppercase;
  margin: 0 auto 27px;
  width: 100%;
  text-align: center;
  display: block;
}

#roll {
  margin: 0 auto;
  width: 200px;
  text-align: center;
  margin-top: 350px;
}

#roll span.arrow {
  width: 13px;
  height: 24px;
  display: block;
  background: url(../images/arrow.png) no-repeat;
  margin: 10px auto 46px;
  animation: arrowFadeDown 1s linear infinite;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes arrowFadeDown {
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(0, 30px);
  }
}

#delightful_ingredients {
  width: 382px;
  margin: 348px 0 0 70px;
  color: #99cecd;
  font-size: 16px;
  text-align: right;
  opacity: 0;
}

#delightful_ingredients.active {
  animation: fadeInDown 1s linear;
  animation-fill-mode: forwards;
}



@keyframes fadeInDown {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0, 30px);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0, -30px);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(30px, 0);
  }
}

@keyframes fadeInRightFish {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(15px, 0);
  }
}


@keyframes fadeInLeft {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(-30px, 0);
  }
}




#header_bottom {
  min-height: 1010px;
}

#about_main {
  background: url(../images/about_home.jpg) center top no-repeat;
  min-height: 1812px;
  background-size: cover;
}

#about_container {
  padding-top: 145px;
}

#title_about {
  margin-bottom: 42px;
  opacity: 0;
}

#title_about.active {
  animation: fadeInUp 1s linear;
  animation-fill-mode: forwards;
}

#top_about {
  margin-bottom: 108px;
}

#about_text_left {
  width: 440px;
  color: #428887;
  font-size: 16px;
  margin: 213px 60px 0 0;
  text-align: right;
}

#fishing_image {
  width: 873px;
  height: 394px;
  display: block;
  background: url(../images/handshome.jpg) no-repeat;
}

#about_text_left p {
  line-height: 22px;
}

.white_box {
  width: 434px;
  padding: 45px 28px 30px 45px;
  color: #428887;
  margin: -238px 30px 107px 0;
  background-color: #fff;
}

a.explore_process, a.see_products, a.see_hitramat, a.product_box_link {
  color: #1e5b5a;
  text-transform: uppercase;
  font-size: 14px;
  padding: 20px 18px;
  width: 200px;
  margin-top: 55px;
  display: block;
  border: 2px solid #1e5b5a;
}

a.see_products {
  width: 224px;
}

a.product_box_link {
  width: 126px;
  margin: 16px auto;
}

a.explore_process {
  width: 220px;
  margin-top: 30px;
}

#product_main {
  background: url(../images/product_main.jpg) center top no-repeat;
  min-height: 775px;
  background-size: cover;
}

#left_product_main {
  margin-top: 290px;
  width: 530px;
}

#left_product_main p.sub_title, #right_hitramat_main p.sub_title {
  color: #1e5b5a;
  font-size: 18px;
  text-transform: uppercase;
}

#left_product_main p, #right_hitramat_main p {
  color: #99cecd;
}

#hitramat_main {
  background: url(../images/hitramat_main.jpg) no-repeat;
  background-position: calc(50% - 535px) 50%;
}

#hitramat_main.active {  
  /*animation: bigImage 30s linear;
  /animation-fill-mode: forwards;*/
}


@keyframes bigImage {
  0% {
    background-size: 1440px 675px;
    background-position: calc(50% - 535px) 50%;
  }
  100% {
    background-size: 1800px 843.75px;
    background-position: calc(50% - 705px) calc(50% - 10px);
  }
}

#hitramat_main p {
  color: #328685;
}

#hitramat_container {
  min-height: 675px;
}

.hitramat_bg {
  margin-left: -300px;
  margin-bottom: -3px;
}

#right_hitramat_main {
  width: 550px;
  margin-top: 167px;
}

footer {
  background-color: #000a08;
}

#menu_footer {
  padding: 73px 0 33px;
}

#menu_footer li {
  margin-right: 30px;
}

address {
  color: #5a7f78;
  line-height: 25px;
  width: 350px;
}

span.seafood_norway {
  display: block;
  width: 66px;
  height: 64px;
  background: url(../images/seafood_norway.png) no-repeat;
}

a.logo_footer {
  display: block;
  width: 336px;
  height: 82px;
  background: url(../images/logo_footer.svg) no-repeat;
  background-size: cover;
  text-indent: -999999rem;
}

#footer_bottom {
  color: #aecac4;
  padding: 30px 0px;
  border-top: 1px solid #324944;
  font-size: 10px;
  margin-top: 56px;
}

#footer_bottom p.pull-left {
  margin-top: -11px;
}

a.bmo {
  color: #1f3934;
  font-size: 10px;
  margin-top: -5px;
}

body#product_list #main_container, body#product_page #main_container {
  background: url(../images/product_bottom_blur.jpg) center bottom no-repeat;
}

body#about p {
  line-height: 25px;
}

#products_list {
  padding-bottom: 200px;
}

#product_list .product_box {
  width: 33.3%;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 100px;
}

.product_box_image {
  width: 100%;
  height: 300px;
  display: inline-block;
  vertical-align: middle;
}

.product_box_image img {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.product_box p.sub_title {
  color: #1e5b5a;
  font-size: 12px;
}

.product_box p.product_name {
  color: #9bcbca;
}

.product_box a.product_box_link span.lightgreen_arrow {
  margin-left: 5px;
}

#hitramat_page {
  background: url(../images/hitramat/ansnes_map.jpg) center top no-repeat;
  padding: 110px 0 90px;
}

.fish {
  top: 320px;
  left: 110px;
  opacity: 0;
}

.fish.active {
  animation: fadeInRightFish 1s linear;
  animation-fill-mode: forwards;
}

.ansnes, .sivert {
  background: url(../images/hitramat/ANSNES.png) 1000px top no-repeat;
  height: 251px;
  width: 100%;
  top: 60px;
  animation: ansnes 300s linear infinite;
  animation-fill-mode: forwards;
  opacity: 0;
}

.sivert {
  background: url(../images/hitramat/SIVERT.png) -1000px top no-repeat;
  top: 520px;
  height: 166px;
  animation: sivert 300s linear infinite;
}

.bird1 {
  left: calc(50% - 620px);
  right: 50%;
  animation: bird 600s linear infinite;
  animation-fill-mode: forwards;
  top: 300px;
  transform: rotate(180deg) scale(0.7);
}

.bird2 {
  left: calc(50% + 220px);
  right: 50%;
  animation: bird2 600s linear infinite;
  animation-fill-mode: forwards;
  top: 0;
}

.pin {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cloudH1 {
  animation: cloudHitramatRight 200s linear;
  animation-fill-mode: forwards;
}

.cloudH2 {
  top: 50px;
  left: 520px;
  animation: cloudHitramatRight 120s linear;
  animation-fill-mode: forwards;
}

.cloudH3 {
  top: 333px;
  left: 1020px;
  animation: cloudHitramatLeft 200s linear;
  animation-fill-mode: forwards;
}

.cloudH4 {
  top: 470px;
  left: 520px;
  animation: cloudHitramatLeft 180s linear;
  animation-fill-mode: forwards;
  z-index: 0;
}

.cloudH5 {
  top: 300px;
  left: 220px;
  animation: cloudHitramatRight 150s linear;
  animation-fill-mode: forwards;
}

.cloudH6 {
  top: 100px;
  left: 220px;
  animation: cloudHitramatRight 160s linear;
  animation-fill-mode: forwards;
}

@keyframes bird {
  100% {
    transform: translate(550px, -400px) rotate(180deg) scale(0.7);
  }
}


@keyframes bird2 {
  100% {
    transform: translate(-550px, 400px);
  }
}

@keyframes ansnes {
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    background-position: -1500px top;
  }
}

@keyframes sivert {
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    background-position: 1500px top;
  }
}

@keyframes cloudHitramatRight {
  50% {
     transform: translate(750px, 0);
  }
}

@keyframes cloudHitramatLeft {
  50% {
     transform: translate(-750px, 0);
  }
}

.krabbeboller_hold {
  padding-top: 50px;
}

.krabbeboller {
  left: -150px;
  top: 170px;
}

.extrafina {
  right: -150px;
  top: 45px;
}

.crabd2 {
  top: -130px;
  left: 255px;
}

#hitramat_page_container .container_show {
  overflow: overlay;
}

#hitramat #main_container {
  background: url(../images/hitramat_bottom_blur.jpg) center bottom no-repeat;
  overflow: hidden;
}

#product_page_container, #hitramat_page .date_block {
  font-size: 20px;
  color: #328685;
}

#hitramat_page .date_block {
  width: 540px;
  background-color: #1d1d1d;
  z-index: 2;
  position: relative;
  opacity: 0;
}

#hitramat_page .date_block.active {
  animation: hitramt_text 1s linear;
  animation-fill-mode: forwards;
}

#hitramat_page .date_image {
  margin-top: -15px;
  opacity: 0;
  z-index: 2;
  position: relative;
}

#hitramat_page .date_image.active {
  animation: hitramat_images 1s linear;
  animation-fill-mode: forwards;
}

.dark_green {
  color: #0e4140;
}

#hitramat_page .date_block.white_block {
  padding: 50px 45px;
  background-color: #fff;
  width: 322px;
  margin-top: 203px;
  margin-left: -50px;
}

#hitramat_page .date_block.no-grey {
  background-color: transparent;
}

#hitramat_page .date_block.white_block.seventh_block {
  padding: 77px 140px 133px 70px;
  margin-left: -193px;
  margin-top: 110px;
  position: relative;
  z-index: 2;
}

#hitramat_page .date_block.white_block.eighth_block {
  padding: 68px 70px;
  margin-right: -40px;
  margin-top: 104px;
  position: relative;
  z-index: 2;
}

#hitramat_page .date_block.first_block {
  margin-bottom: 180px;
}

#hitramat_page .date_block.third_block {
  margin-top: 175px;
  background-color: transparent;
}

.crab_bg {
  background: url(../images/hitramat/crabd1.png) no-repeat;
  background-position: calc(50% - 75px) 60px;
  padding-top: 20px;
  opacity: 0;
  margin-top: -60px;
  z-index: 2;
  position: relative;
}

.crab_bg.active {
  animation: fadeIn 1.5s linear;
  animation-fill-mode: forwards;  
}

.airton_bg .antonf {
  right: -120px;
  top: 100px;
}

#hitramat_page .date_block.fifth_block, #hitramat_page .date_block.eleventh_block, #hitramat_page .date_block.thirteenth_block,
#hitramat_page .date_block.fourteenth_block, #hitramat_page .date_block.sixteenth_block {
  margin: 120px auto;
  padding: 20px 0;
}

#hitramat_page .date_block.eleventh_block, #hitramat_page .date_block.thirteenth_block,
#hitramat_page .date_block.fourteenth_block {
  padding: 5px 30px 20px;
}

#hitramat_page .date_block.fifth_block {
  margin-bottom: 150px;
}

#hitramat_page .date_block.eleventh_block {
  margin: 140px auto 160px;
}

#hitramat_page .date_block.fifteenth_block {
  margin-bottom: 200px;
}

#hitramat_page .date_block.thirteenth_block {
  margin-bottom: 50px;
  margin-top: 240px;
}

#hitramat_page .date_block.fourteenth_block  {
  margin-top: 100px;
  padding-top: 0;
  margin-bottom: 200px;
}

#hitramat_page .date_block.sixteenth_block {
  padding: 15px 30px 20px;
}

#hitramat_page .date_block.sixth_block, #hitramat_page .date_block.tenth_block {
  margin: 145px auto 0;
}

#hitramat_page .date_block.sixth_block {
  background-color: transparent;
  margin-top: 200px;
}

a.hitramat_logo {
  display: block;
  width: 62px;
  height: 12px;
  margin: -7px 10px 0 0;
  background: url(../images/hitramat_logo.svg) center top no-repeat;
  text-indent: -999999rem;
}

#hitramat_page .date_image.third_block {
  margin-left: 45px;
  margin-bottom: 88px;
  position: relative;
  z-index: 2;
}

#hitramat_page .date_image.fourth_block {
  margin-bottom: 80px;
}

#hitramat_page .date_image.sixth_block {
  margin-left: 25px;
  margin-bottom: 147px;
  margin-top: 20px;
}

#hitramat_page .date_image.seventh_block {
  margin-left: -250px;
}

#hitramat_page .date_image.eighth_block {
  margin-right: -250px;
}

#hitramat_page .date_image.nineth_block {
  margin: 71px 130px 0 0;
}

#hitramat_page .date_block.twelfth_block {
  margin: 200px 0 0 50px;
  width: 490px;
  background-color: transparent;
}

#hitramat_page .date_image.twelfth_block {
  margin-left: 100px;
}

#hitramat_page .date_image.twelfth_block img {
  width: 525px;
}

#hitramat_page .date_image.fifteenth_block, #hitramat_page .date_image.seventeenth_block , 
#hitramat_page .date_image.nineteenth_block  {
  margin: 10px 130px 20px 0;
}

#hitramat_page .date_image.eighteenth_block, #hitramat_page .date_image.twenty_block {
  margin: 10px 0 20px 130px;
}

#hitramat_page .date_block.seventeenth_block, #hitramat_page .date_block.eighteenth_block ,
#hitramat_page .date_block.nineteenth_block , #hitramat_page .date_block.twenty_block {
  margin-top: 100px;
  margin-bottom: 100px;
}

#hitramat_page .date_block.sixteenth_block  {
  margin: 0 auto 100px;
}

#hitramat_page .date_image.seventeenth_block, #hitramat_page .date_image.eighteenth_block  {
  margin-top: 80px;
}

#hitramat_page .date_block.eighteenth_block {
  margin-bottom: 160px
}

#hitramat_page .date_block.nineteenth_block {
  margin-top: 70px;
  margin-bottom: 152px;
}

#hitramat_page .date_image.twenty_block {
  margin-bottom: 216px;
}

.date_full_x {
  width: 100%;
  height: 562px;
  margin-bottom: 130px;
}

#hitramat_page .date_block.tenth_block {
  margin-bottom: 71px;
}

#hitramat_page .date_block.seventeenth_block {
  margin-bottom: 120px;
}

span.border {
  border: 2px solid #328685;
  width: 71px;
  margin: 0 auto 71px;
  display: block;
}

#hitramat_page h2.green_light, #hitramat_page h3.green_light {
  color: #1e5b5a;
}

#product_page_container {
  padding-bottom: 285px;
}

.product_name div:first-child {
  width: 355px;
  margin-top: 50px;
  padding: 50px 100px 50px 0;
  border-right: 1px solid #031818;
}

.second_product_image {
  margin-left: 85px;
  margin-bottom: 220px;
}

.product_description .product_description_text {
  width: 300px;
  margin-top: 115px;
  margin-right: 90px;
  line-height: 30px;
}

.first_product_image {
  margin: 0 85px 210px 0;
}

.product_info_text {
  width: 780px;
  margin-bottom: 190px;
}

.crayfish_page .product_info_text {
  width: 800px;
}

.product_delivery .product_info_text {
  margin-top: -130px;
  margin-left: 80px;
  margin-bottom: 320px;
}

.product_nutritional_text {
  width: 420px;
  margin-left: 100px;
}

span.pan_icon {
  display: block;
  width: 82px;
  height: 87px;
  background: url(../images/pan_icon.png) no-repeat;
}

span.crab_icon {
  display: block;
  width: 89px;
  height: 66px;
  margin: 21px 0 0 70px;
  background: url(../images/crab_icon.png) no-repeat;
}

span.waves_icon {
  display: block;
  width: 81px;
  height: 65px;
  margin: 22px 0 0 60px;
  background: url(../images/waves_icon.png) no-repeat;
}

span.crayfish_icon {
  display: block;
  width: 98px;
  height: 68px;
  margin: 19px 0 0 60px;
  background: url(../images/crayfish_icon.png) no-repeat;
}

span.frozen_icon {
  display: block;
  width: 63px;
  height: 66px;
  margin: 21px 0 0 60px;
  background: url(../images/frozen_icon.png) no-repeat;
}

span.scallops_icon {
  display: block;
  width: 68px;
  height: 64px;
  margin: 22px 0 0 60px;
  background: url(../images/shellicon_icon.png) no-repeat;  
}

.scallops_page span.scallops_icon {
  margin-left: 0;
}

a.nutritional_link {
  color: #379493;
  font-size: 15px;
  padding: 15px 60px 15px 20px;
  width: 285px;
  margin-top: 30px;
  display: block;
  border: 2px solid #379493;
}

a.nutritional_link .darkgreen_arrow, a.nutritional_link .lightgreen_arrow {
  margin-right: -40px;
  margin-top: -7px;
}

.darkgreen_arrow, .lightgreen_arrow, .darkgreen_arrow_back{
  width: 25px;
  height: 13px;
  display: block;
  float: right;
  background: url(../images/darkgreen_arrow.png) no-repeat;
  margin-top: -7px;
}

.lightgreen_arrow { 
  margin-top: 0; 
  background: url(../images/lightgreen_arrow.png) no-repeat;
}

.darkgreen_arrow_back { 
  margin-top: 0;
  float: left;
  margin-left: -30px;
  background: url(../images/darkgreen_arrow_back.png) no-repeat;
}

.whole_crab_page .pan_icon, .claw_page .pan_icon {
  margin-left: 70px;
}

.whole_crab_page .crab_icon, .claw_page .crab_icon, .whole_crab_page .product_delivery .product_info_text  {
  margin-left: 0;
}

.brown_meat_page .pan_icon {
  margin-left: 70px;
}

.brown_meat_page .crab_icon {
  margin-left: 0px;
}

.border_product_info_text {
  width: 325px;
  padding-right: 40px;
  height: 74px;
  border-right: 1px solid #031818;
}

.brown_meat_page .product_delivery .border_product_info_text  {
  height: 72px;
  margin-top: 30px;
}

.brown_meat_page .third_product_image, .cluster_crab_page .third_product_image {
  margin-bottom: 320px;
}

.brown_meat_page .product_description .product_description_text {
  margin-top: 210px;
  padding-left: 40px;
  border-left: 1px solid #031818;
}

.claw_meat_page .product_name div:first-child {
  width: 380px;
  padding-right: 50px;
}

.claw_meat_page .product_description .product_description_text {
  margin-top: 240px;
}

.claw_meat_page .product_delivery, .claw_page .product_delivery, .scallops_page .product_delivery {
  margin-bottom: 290px;
}

.claw_meat_page .border_product_info_text {
  margin-left: 60px;
  margin-top: 40px;
}

.claw_page .second_product_image {
  margin-left: 0;
}

.claw_page .product_description .product_description_text {
  width: 230px;
  padding-right: 30px;
  border-right: 1px solid #031818;
  margin-top: 155px;
}

.claw_page .product_nutritional_text {
  margin-top: 130px;
}

.whole_crab_page .product_description_text, .premium_meat_page .product_description_text,
.dressed_crab_page .product_description .product_description_text, .dressed_crab_page .product_delivery2 .border_product_info_text,
.claw_meat_page .product_description_text, .scallops_page .border_product_info_text,
.scallops_page .product_delivery2 .border_product_info_text, .cluster_crab_page .product_description_text {
  padding-left: 40px;
  border-left: 1px solid #031818;
  border-right: 0;
}

.dressed_crab_page .product_delivery2 .border_product_info_text, .scallops_page .product_delivery2 .border_product_info_text {
  height: 140px;
}

.claw_page .border_product_info_text  {
  border-left: 1px solid #031818;
  border-right: none;
  padding-right: 0;
  padding-left: 45px;
  margin-top: 120px;
  margin-right: 100px;
  line-height: 25px;
}

.cluster_crab_page .product_name div:first-child {
  padding:30px 85px 30px 0;
  width: 330px;
}

.cluster_crab_page span.crab_icon {
  margin-left: 75px;
}

.cluster_crab_page .product_info_text {
  width: 820px;
}

.cluster_crab_page .product_description .product_description_text {
  margin-top: 260px;
}

.cluster_crab_page .border_product_info_text, .cluster_crab_page .product_nutritional_text,
.claw_meat_page .product_nutritional_text {
  margin-top: 50px;
}

.brown_meat_page .product_nutritional_text {
  margin-top: 30px;
}

.dressed_crab_page .product_delivery2 .border_product_info_text {
  margin: 95px 0 0 175px;
  padding-top: 20px;
  width: 340px;
}

.dressed_crab_page .product_delivery .border_product_info_text {
  width: 300px;
  margin: 120px 0 0 150px;
  height: 50px;
}

.dressed_crab_page .product_delivery {
  margin-bottom: 170px;
}

.dressed_crab_page .product_delivery2 {
  margin-bottom: 260px;
}

.dressed_crab_page .product_nutritional_text {
  margin-top: -230px;
}

.dressed_crab_page .product_info .product_info_text, .premium_meat_page .product_info .product_info_text,
.brown_meat_page .product_info .product_info_text, .premium_meat_page .product_nutritional_text {
  margin-top: 25px;
}

.premium_meat_page .border_product_info_text.pull-right {
  margin-top: 190px;
  position: relative;
  z-index: 2;
  border-left: none;
  border-right: 1px solid #031818;
}

.premium_meat_page .product_description_text {
  margin-top: 200px;
}

.premium_meat_page .third_product_image.pull-right {
  margin-top: -290px;
}

.premium_meat_page .third_product_image, .premium_meat_page .fourth_product_image {
  margin-bottom: 260px;
}

.premium_meat_page .fifth_product_image {
  margin-left: 170px;
}

.premium_meat_page .product_delivery2 .border_product_info_text  {
  margin-top: 30px;
}

.crayfish_page .product_info_text, .dressed_crab_page .product_info_text {
  margin-top: 20px;
}

.crayfish_page .product_info h3.product_info {
  padding: 0 7px;
}

.crayfish_page .product_delivery {
  margin-bottom: 285px;
}
 
.crayfish_page .product_description_text {
  margin-top: 200px;
  border-left: 1px solid #031818;
  padding-left: 50px;
  line-height: 25px;
}

.crayfish_page .border_product_info_text {
  border-left: 1px solid #031818;
  border-right: none;
  margin-top: -100px;
  margin-left: 80px;
  padding-left: 50px;
}

.crayfish_page .Fourth_product_image {
  margin-left: 200px;
}

.crayfish_page .product_nutritional_text {
  margin-top: 100px;
}

.crayfish_page .product_name div:first-child {
  width: 370px;
}

.crayfish_page .crayfish_icon {
  margin-left: 0;
}

.scallops_page .product_info_text {
  margin-top: 20px;
  margin-left: 50px;
  width: 930px;
  font-size: 22px;
}

.scallops_page .second_product_image {
  margin-left: 100px;
}

.scallops_page .product_description_text {
  margin-top: 190px;
  width: 350px;
  padding-left: 30px;
  border-left: 1px solid #031818;
  font-size: 22px;
}

.scallops_page .product_delivery .border_product_info_text  {
  line-height: 25px;
  width: 360px;
  font-size: 22px;
  margin: 140px 0 0 110px;
  height: 132px;
  border-left: none;
  border-right: 1px solid #031818;
}

.scallops_page .product_delivery2 {
  font-size: 22px;
  margin-bottom: 160px;
  line-height: 25px;
}

.scallops_page .product_delivery2 .border_product_info_text {
  margin-top: 140px;
  width: 370px;
  padding-left: 20px;
  border-left: 1px solid #031818;
  border-right: none;
  height: 107px;
}

.scallops_page .product_nutritional_text {
  margin: 270px 0 0 0;
}

.scallops_box img {
  width: 274px;
}

body#home {
  background-color: #fff;
}

#timeline_line1, #timeline_line2, #timeline_line3, #timeline_line4, 
#timeline_line5, #timeline_line6, #timeline_line7, #timeline_line8 {
  left: 0;
  right: 0;
  top: -160px;
  height: 170px;
  width: 0px;
  border: 1px solid #328685;
  margin: 0 auto;
  z-index: 1;
}

#timeline_line2 {
  top: 57px;
  height: 328px;
}

#timeline_line3 {
  top: 490px;
  height: 8340px;
}

#timeline_line4 {
  top: 298px;
  height: 200px;
}

#timeline_line4.active {
  animation: fadeOut 1s linear;
  animation-fill-mode: forwards;
}

#timeline_line_header {
  bottom: -100px;
  height: 48px;
  left: 0;
  right: 0;
  height: 170px;
  width: 0px;
  border: 1px solid #328685;
  margin: 0 auto;
}

.front_push {
  z-index: 1;
  position: relative;
}

#contact_container {
  color: #328685;
  font-size: 18px;
  text-align: center;
}

.contact_box {
  width: 50%;
  animation: fadeInUp 1s linear;
  animation-fill-mode: forwards;
  opacity: 0;
}

.contact_box.pull-right {
  animation-delay: 0.5s;
}

h2.contact {
  color: #9bdedd;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 20px;
}

.contact_box p.sub_title {
  margin-bottom: 20px;
  text-transform: uppercase;
}

.contact_box img {
  margin: 0 auto;
}

.green_box {
  width: 360px;
  padding: 60px;
  margin-top: -60px;
  color: #fff;
  background-color: #1e5b5a;
  font-size: 20px;
  height: 65px;
}

#top_green_box {
  min-height: 185px;
  z-index: 5;
  position: relative;
}

#about #main_container {
  background-color: #fff;
  min-height: 3000px;
}

div.white_about_box {
  padding: 132px 75px 132px 0;
  color: #5db4b6;
  background-color: #fff;
  text-transform: uppercase;
  height: 180px;
}

h2.white_about_box {
  font-size: 45px;
}

.about_top_image img {
  margin-right: -455px;
  margin-top: -567px;
}

#our_way {
  margin-top: -60px;
  min-height: 440px;
}

#top_about_container {
  background: url(../images/about_ship.jpg) no-repeat;
  background-position: calc(50% + 450px) 0%;
  min-height: 569px;
}

#middle_about_container {
  min-height: 789px;
  background: url(../images/about_lake.jpg) center 52% #fff no-repeat;
}

#middle_about_content {
  width: 550px;
  padding: 60px 52px;
  background-color: #fff;
  color: #1e5b5a;
  margin-top: 255px;
  font-size: 20px;
  line-height: 25px;
}

#bottom_about_container {
  background: url(../images/bottom_about.jpg) center top #fff no-repeat;
  min-height: 2180px;
}

#about_content {
  padding-top: 150px;
}

.image_about1 {
  margin-left: -30px;
  opacity: 0;
}

.image_about1.active {
  animation: fadeInRight 0.5s linear;
  animation-fill-mode: forwards;
}

.image_about2 {
  margin-top: 60px;
  margin-right: -66px;
  opacity: 0;
}

.image_about2.active {
  animation: fadeInLeft 0.5s linear;
  animation-fill-mode: forwards;
}

.image_about3 {
  margin-left: 186px;
  margin-top: 64px;
  opacity: 0;
}

.image_about3.active {
  animation: fadeInUp 0.5s linear;
  animation-fill-mode: forwards;
}

.fishmen_white_box {
  width: 367px;
  padding: 66px;
  background-color: #fff;
  margin-right: 61px;
  color: #1e5b5a;
  font-size: 20px;
  margin-top: -140px;
  z-index: 5;
  position: relative;
  opacity: 0;
}

.fishmen_white_box.active {
  animation: fadeIn 0.5s linear;
  animation-fill-mode: forwards;
}

.ship_moving {
  width: 370px;
  height: 210px;
  display: block;
  background: url(../images/boatmove.png) no-repeat;
  bottom: 47px;
  right: calc(50% - 535px);
  animation: shipMoving 1000s linear infinite;
  animation-fill-mode: forwards;
}


@keyframes shipMoving {
  100% {
     transform: translate(-750px, 0);
  }
}

#preload.active {
  animation: fadeIn 1.5s linear;
  animation-fill-mode: forwards;  
}


@keyframes fadeIn {
  100% {
     opacity: 1;
  }
}

@keyframes fadeOut {
  100% {
     opacity: 0;
  }
}


#fishmen, h2.about_page {
  margin-bottom: 114px;
}

#fishmen {
  min-height: 900px;
}

#product_about_page .left_box {
  width: 350px;
  padding-left: 90px;
  font-size: 20px;
  color: #1e5b5a;
  margin-top: 56px;
}

#product_about_page a.see_products .lightgreen_arrow {
  margin-left: 10px;
}

#crab_about {
  width: 695px;
  height: 418px;
  background: url(../images/about4.jpg) center top no-repeat;
}

.no-desktop {
  display: none;
}






#cloud_container {
  width: 1px;
  margin: 0 auto;
}

#cloud_container .cloud1 {
  left: -1193px;
  top: 500px;  
  animation: move1 49s linear infinite;
}

#cloud_container .cloud2 {
  left: 40px;
  top: 500px;  
  animation: move2 21s linear infinite;
}

#cloud_container .cloud3 {
  left: 445px;
  top: 572px;  
  animation: move3 20s linear infinite;
}




@keyframes move1 {
  50% {
     transform: translate(150px, 0);
  }
}

@keyframes move2 {
  50% {
     transform: translate(-50px, 0);
  }
}

@keyframes move3 {
  50% {
     transform: translate(-120px, 0);
  }
}



.big_cloud {
  z-index: 10;
  top: 500px;
  left: -50%;
  right: -50%;
  margin: 0 auto;
}


.big_img_cloud {
  z-index: 10;
  top: 500px;
  left: -50%;
  right: calc(-50% - 1000px);
  margin: 0 auto;
}

.big_img_cloud2 {
  z-index: 10;
  top: 400px;
  left: calc(-50% - 700px);
  right: -50%;
  margin: 0 auto;
}

.product_extra {
  margin-top: 150px;
}

.product_extra a.nutritional_link {
  margin: 40px auto;
}

a.see_products.no-desktop {
  display: none !important;
}






#flag_animation {
  width: 506px;
  height: 633px;
  display: block;
  background: url(../images/flagboat/flagboat1.png) no-repeat;
  animation: flag 1.6s linear infinite;
}









@media only screen and (min-width: 992px) and (max-width: 1220px) {
  .container {
    width: 960px;
  }

  .container_show {
    width: 960px;
  }

  body {
    font-size: 15px;
  }

  p {
    line-height: 20px;
  }

  #language {
    width: 600px;
  }

  #header_pan {
    transform: scale(0.82);
  }

  #delightful_ingredients {
    margin-left: 0;
  }

  #timeline_line3 {
    height: 7970px;
  }

  h2.about_home {
    font-size: 36px;
  }

  h3.about_home {
    font-size: 30px;
  }

  h3.header, h2.about_page {
    font-size: 28px;
  }

  h2.header, h1.header {
    font-size: 44px;
  }

  h2.product_main, h2.hitramat_main, h2.product_page, h3.product_page, h2.hitramat_page, h1.product_page, h1.hitramat_page {
    font-size: 42px;
  }

  h3.header_bottom {
    font-size: 36px;
    line-height: 32px;
  }

  h2.header_bottom, h1.header_bottom {
    font-size: 75px;
    line-height: 58px;
  }

  h2.header_bottom.lesser, h1.header_bottom.lesser {
    font-size: 64px;
  }

  h2.green_light, h3.green_light {
    font-size: 42px;
  }

  h2.product_page, h1.product_page {
    margin-bottom: 5px;
  }

  h3.product_page {
    font-size: 32px;
  }

  h3.product_info {
    font-size: 22px;
    line-height: 28px;
    z-index: 10;
    position: relative;
  }

  #flag_animation {
    width: 450px;
    background-size: cover;
  }

  #home #header_top {
    position: relative;
    min-height: 100vh;
  }

  #home #middle_text {
    margin-top: 40vh;
  }

  #roll {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  header#home_header {
    min-height: 1650px;
  }

  #delightful_ingredients {
    margin-top: 380px;
  }

  #header_bottom {
    min-height: 955px;
  }

  #header_pan {
    top: 115px !important;
  }

  #right_hitramat_main {
    width: 450px;
    margin-top: 136px;
  }

  #hitramat_container, #product_main {
    min-height: 590px;
  }

  .second_product_image {
    margin-left: 0;
    margin-bottom: 100px;
  }

  #left_product_main {
    margin-top: 157px;
  }

  .product_description .product_description_text {
    margin-right: 40px;
  }

  #hitramat_main {
    background-position: calc(50% - 475px) 50%;
    background-size: 1304px 594px;
  }

  #bottom_about_container {
    overflow: hidden;
  }

  #about #middle_text, #norwegian-seafood #middle_text {
    margin-top: 200px;
  }

  #about h2.header.mb-55, #about h1.header.mb-55 {
    margin-bottom: 20px !important;
  }

  header#about_header, header#seafood_landing_header {
    min-height: 650px;
  }

  #top_about_container {
    background-position: calc(50% + 550px) 46.6667%;
  }

  #fishmen {
    min-height: 720px;
  }

  .image_about1 {
    width: 735px;
  }

  .image_about2 {
    width: 228px;
  }

  .image_about3 {
    width: 329px;
    margin-left: 150px;
  }

  .fishmen_white_box {
    width: 290px;
    font-size: 16px;
    padding: 48px;
    margin-top: -102px;
  }

  #product_about_page .left_box {
    width: 280px;
    font-size: 16px;
    padding-left: 72px;
  }

  #crab_about {
    width: 557px;
  }

  #bottom_about_container {
    min-height: 1900px;
    background-size: cover;
  }

  .first_product_image, span.pan_icon, span.crab_icon, span.crayfish_icon, span.waves_icon,
  span.frozen_icon, span.shellicon_icon, .second_product_image, .third_product_image,
  .Fourth_product_image, .fifth_product_image, .fourth_product_image {
    transform: scale(0.8);
  }

  .whole_crab_page .pan_icon, .claw_page .pan_icon, span.waves_icon, span.frozen_icon {
    margin-left: 40px;
  }

  .first_product_image {
    margin-right: 45px;
    margin-bottom: 150px;
  }

  .product_name div:first-child {
    width: 285px;
    padding-right: 50px;
  }

  .product_info_text {
    width: 624px;
    margin-bottom: 150px;
  }

  .whole_crab_page .third_product_image {
    margin-right: -100px;
  }
  
  .claw_page .second_product_image {
    margin-right: -85px;
  }

  .whole_crab_page .Fourth_product_image {
    margin-left: -100px;
  }

  .product_delivery .product_info_text, .claw_meat_page .product_delivery,
  .claw_page .product_delivery, .scallops_page .product_delivery {
    margin-bottom: 200px;
  }

  .claw_page .first_product_image, .premium_meat_page .product_description .product_description_text  {
    margin-right: 0;
  }

  .claw_page .product_name div:first-child {
    width: 308px;
  }

  .claw_page .Fourth_product_image {
    margin-right: -50px;
  }

  .claw_page .third_product_image, .dressed_crab_page .second_product_image {
    margin-left: -60px;
  }

  .claw_page .border_product_info_text {
    margin-right: 50px;
  }

  .claw_page .product_description .product_description_text, .dressed_crab_page .Fourth_product_image {
    margin-right: -75px;
  }

  .premium_meat_page .first_product_image, .dressed_crab_page .third_product_image {
    margin-right: -30px;
  }

  .premium_meat_page .second_product_image, .dressed_crab_page .third_product_image,
  .claw_meat_page .Fourth_product_image {
    margin-left: -60px;
  }

  .premium_meat_page .third_product_image  {
    margin-right: -100px;
    margin-bottom: 50px;
  }

  .premium_meat_page .fourth_product_image {
    margin-right: -60px;
    margin-bottom: 100px;
  }

  .premium_meat_page .border_product_info_text {
    margin-right: -50px;
    width: 300px;
  }

  .premium_meat_page .fifth_product_image {
    transform: none;
    margin-right: 50px;
    margin-left: 100px;
  }

  .dressed_crab_page .product_delivery2 {
    margin-bottom: 100px;
  }

  .product_nutritional_text, .dressed_crab_page .product_delivery .border_product_info_text,
  .dressed_crab_page .product_delivery2 .border_product_info_text, .scallops_page .product_delivery .border_product_info_text {
    margin-left: 0;
  }

  .claw_meat_page .product_name div:first-child {
    width: 305px;
    margin-right: -20px;
  }

  .claw_meat_page .first_product_image, .claw_meat_page .third_product_image, .scallops_page .third_product_image,
  .scallops_page .Fourth_product_image, .brown_meat_page .third_product_image, .crayfish_page .first_product_image,
  .cluster_crab_page .first_product_image, .cluster_crab_page .third_product_image {
    margin-right: -60px;
  }

  .claw_meat_page .product_info_text {
    width: 587px;
    margin-bottom: 100px;
  }

  .claw_meat_page .second_product_image, .scallops_page .second_product_image {
    margin-left: -50px;
  }

  .claw_meat_page .border_product_info_text {
    width: 230px;
    margin-left: 0;
  }

  .scallops_page .product_info_text {
    margin-left: 35px;
    width: 723px;
  }

   .scallops_page .third_product_image, .brown_meat_page .Fourth_product_image,
   .cluster_crab_page .Fourth_product_image {
    margin-left: -70px;
   }

  .scallops_page .product_delivery2 .border_product_info_text {
    padding: 0;
  }

  .scallops_page .product_nutritional_text {
    width: 375px;
  }

  .brown_meat_page .product_info_text {
    width: 567px;
  }

  .brown_meat_page .product_delivery .border_product_info_text {
    width: 245px;
  }

  .brown_meat_page .third_product_image, .crayfish_page .product_delivery, .cluster_crab_page .third_product_image {
    margin-bottom: 150px;
  }

  .crayfish_page .product_name div:first-child {
    width: 328px;
  }

  .crayfish_page .product_info_text {
    width: 625px;
  }

  .crayfish_page .border_product_info_text {
    z-index: 5;
    position: relative;
    margin-left: 20px;
  }

  .crayfish_page .Fourth_product_image {
    margin-left: 60px;
  }

  .cluster_crab_page .product_name div:first-child {
    width: 310px;
    padding-right: 40px;
  }

  .cluster_crab_page .product_info_text {
    width: 685px;
  }

  .cluster_crab_page .product_description .product_description_text {
    width: 280px;
  }

  .cluster_crab_page .border_product_info_text  {
    width: 265px;
  }

  .product_extra {
    margin-top: 100px;
  }

  #product_page_container {
    padding-bottom: 200px;
  }

  #middle_text_hitramat p.sub_title {
    width: 777px;
  }

  #hitramat_page .date_block {
    width: 425px;
    font-size: 16px;
  }

  .date_image.fourth_block img {
    width: 650px;
  }

  #hitramat_page .date_block.white_block {
    width: 260px;
  }

  #hitramat_page .date_image.twelfth_block img, #hitramat_page .date_image.sixth_block  img {
    width: 420px;
  }

  #hitramat_page .date_block.twelfth_block {
    width: 365px;
    margin-top: 150px;
  }

  #hitramat_page .date_block.white_block.seventh_block {
    padding: 63px 66px 107px 64px;
  }

  #hitramat_page .date_image.seventh_block {
    margin-left: -170px;
  }

  #hitramat_page .date_image.seventh_block img {
    width: 880px;
  }

  #hitramat_page .date_block.white_block.eighth_block {
    padding: 48px 66px;
  }

  #hitramat_page .date_image.eighth_block img {
    width: 880px;
  }

  .fish {
    left: -17px;
  }
}

 






@media screen and (max-width: 991px) {
  .container, #delightful_ingredients {
    width: 100% ;
  }

  .container_show {
    width: 100%;
    overflow: hidden;
  }

  .no-mobile {
    display: none;
  }

  .no-desktop {
    display: block;
  }

  body {
    font-size: 16px;
  }

  #aurora_video video {
    left: -30px !important;
  }

  #cloud_container .cloud1 {
    top: 360px;
  }

  #cloud_container .cloud2 {
    top: 420px;
  }

  #middle_text_hitramat p.sub_title {
    width: auto;
  }

  #home header, #top_about_mobile, #middle_about_mobile, #bottom_about_mobile, #product_main, #product_list header,
  header#product_page_header, header#contact_header, header#hitramat_header, header#about_header {
    padding: 0 30px;
    height: auto;
    min-height: auto;
  }

  #header_bottom {
    min-height: auto;
  }

  #home #middle_text, #contact #middle_text {
    margin-top: 190px;
  }

  #middle_text_hitramat {
    margin-top: 90px;
  }

  #logo a {
    width: 98px;
    height: 46px;
    background-size: 100%;
  }

  h2.product_main, h2.hitramat_main, h2.product_page, h1.product_page, h3.product_page, h2.hitramat_page, h1.hitramat_page {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 0;
  }

  h2.product_main {
    margin-bottom: 0;
  }

  h2.header, h1.header {
    font-size: 34px;
  }

  h3.header {
    font-size: 23px;
  }

  h2.product_pagem, h3.product_page, h1.product_page {
    font-size: 24px;
  }

  #roll {
    margin-top: 150px;
  }

  #delightful_ingredients {
    margin: 0;
    margin-top: 100px;
    text-align: center;
    opacity: 1;
  }

  h2.header_bottom, h1.header {
    font-size: 49px;
    line-height: 42px;
  }

  h3.header_bottom {
    font-size: 17px;
    line-height: 15px;
  }

  #header_pan_mobile img {
    height: 370px;
    display: block;
    margin: 0 auto;
  }

  #about_container {
    padding-top: 0px;
  }

  .about_home {
    padding-top: 60px;
  }

  a.back_button {
    margin: 55px auto 0;
    width: 180px;
    padding: 0;
    float: none !important;
  }

  a.back_button .darkgreen_arrow_back {
    margin-left: 0;
    margin-right: 10px;
    width: 26px;
    height: 12px;
    background-size: cover;
  }

  #title_about h2.about_home, #title_about h3.about_home {
    font-size: 22px;
    line-height: 25px;
    padding-top: 50px;
  }

  #top_about_mobile_text {
    width: auto;
    text-align: center;
    background-color: #fff;
    padding: 30px;
    color: #5d8786;
    margin-top: -100px;
  }

  h3.about_top {
    text-align: center;
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 30px;
  }

  #top_about_mobile {
    background: url(../images/flagboat/flagboat1.png) calc(50% + 15px) 220px no-repeat;
    min-height: 727px;
    animation: none;
    width: auto;
  }

@keyframes flagMobile {
  0% {
    background: url(../images/flagboat/flagboat1.png) calc(50% + 15px) 220px no-repeat;
  }
  50% {
    background: url(../images/flagboat/flagboat2.png) calc(50% + 15px) 220px no-repeat;
  }
  100% {
    background: url(../images/flagboat/flagboat1.png) calc(50% + 15px) 220px no-repeat;
  }  
}

  #middle_about_mobile {
    padding-bottom: 40px;
  }

  #fishing_image_mobile {
    background: url(../images/handshome.jpg) center top no-repeat;
    height: 384px;
    background-size: cover;
  }

  .white_box {
    width: auto;
    margin: -40px 0 0;
    text-align: center;
    padding: 30px 28px;
  }

  a.explore_process, a.see_products, a.see_hitramat {
    width: 210px;
    min-width: 210px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 12px;
  }

  a.see_products {
    margin: 0 auto;
    bottom: 40px;
    left: 0;
    right: 0;
  }

  a.see_products.no-mobile {
    display: none;
  }

  a.see_hitramat {
    margin: 30px auto 45px;
  }

  a.see_products.no-desktop {
    display: block !important;
  }

  .bottom_about_title {
    margin-top: 83px;
  }

  h2.green_light, h3.green_light, h2.hitramat_main  {
    font-size: 26px;
  }

  #bottom_about_mobile {
    padding-bottom: 25px;
  }

  .green_div {
    height: 40px;
    background: #328685;
    margin-top: -1px;
  }

  #product_main, #hitramat_main {
    padding-bottom: 50px;
  }

  #product_main {
    background: url(../images/product_home_mobile.jpg) center top no-repeat;
    min-height: 765px;
    position: relative;
  }

  #left_product_main, #right_hitramat_main, .contact_box  {
    width: auto;
    margin-top: 45px;
    text-align: center;
    clear: both;
    float: none;
  }

  #right_hitramat_main {
    margin-top: 47px;
  }

  .contact_box  {
    line-height: 25px;
    margin-bottom: 60px;
    animation: none;
    opacity: 1;
  }

  .contact_box:first-child  {
    margin-top: 0;
    margin-bottom: 0;
  }

  #left_product_main p.sub_title, #right_hitramat_main p.sub_title {
    font-size: 13px;
  }

  #left_product_main h2.product_main, #left_product_main h3.product_main {
    font-size: 26px;
  }

  #left_product_main p.no-desktop {
    padding: 5px 10px;
  }

  #hitramat_main {
    padding: 0 30px;
    background-position: calc(50% - 80px) 205px;
    background-size: auto 420px;
  }

  #right_hitramat_main p.created_by {
    margin-top: 510px;
    color: #328685;
  }

  #home #about_main {
    background: url(../images/main_aboutBG_mobile.jpg) center top no-repeat;
    background-size: cover;
  }

  footer {
    text-align: center;
    padding: 75px 30px 1px;
  }

  #address_footer {
    float: none;
    margin-bottom: 63px;
  }

  footer address {
    width: auto;
  }

  footer h2.footer {
    margin-bottom: 5px;
  }

  a.logo_footer {
    width: 267px;
    height: 64px;
    background-size: cover;
    margin: 0 auto;
    float: none;
  }

  #footer_bottom_mobile {
    border-top: 1px solid #3c4a46;
    border-bottom: 1px solid #3c4a46;
    width: 267px;
    margin: 44px auto 0;
    height: 46px;
    padding: 11px 0;
  }

  span.seafood_norway  {
    background: url(../images/seafood_norway_mobile.png) center top no-repeat;
  }

  a.hitramat_logo {
    display: block;
    width: 62px;
    height: 12px;
    margin: 17px 0 0 5px;
    background: url(../images/hitramat_logo.svg) center top no-repeat;
  }

  a.bmo {
    margin: 20px auto 0;
  }

  #language {
    display: none;
  }

  span.menu_icon {
    width: 19px;
    height: 14px;
    display: block;
    background: url(../images/menu_icon.png) no-repeat;  
  }

  span.x_icon {
    width: 31px;
    height: 31px;
    display: block;
    background: url(../images/x_icon.png) no-repeat;
    margin: 35px auto;
  }

  span.pan_icon {
    width: 55px;
    height: 55px;
    background-size: 100% 100%;
    margin-top: 8px;
  }

  span.crab_icon {
    width: 53px;
    height: 42px;
    background-size: 100% 100%;
  }

  span.waves_icon {
    width: 51px;
    height: 39px;
    margin-top: 30px;
    background-size: 100% 100%;
  }

  span.crayfish_icon {
    width: 56px;
    height: 40px;
    background-size: 100% 100%;
    margin-top: 28px;
  }

  span.frozen_icon {
    width: 38px;
    height: 39px;
    background-size: 100% 100%;
    margin-top: 29px;
  }

  #middle_text_product_list {
    margin: 90px 0 30px;
    padding-bottom: 0;
  }

  #product_list .product_box {
    width: 100%;
    margin-bottom: 80px;
  }

  .product_name div, .product_info_text, .second_product_image, .product_description .product_description_text,
  .third_product_image, .Fourth_product_image, .product_nutritional_text, .border_product_info_text,
  .fourth_product_image, .fifth_product_image {
    float: none;
    text-align: center;
  }

  h3.product_info {
    font-size: 18px;
    line-height: 22px;
  }

  .product_name h2.product_page, .product_name h1.product_page {
    font-size: 38px;
    margin-bottom: 20px;
    line-height: 40px;
  }

  .product_name div:first-child, .product_info_text, .product_description .product_description_text,
  .product_delivery .product_info_text, .product_nutritional_text, .border_product_info_text,
  .claw_page .border_product_info_text, .fifth_product_image {
    width: auto !important;
    padding: 0;
    border: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .premium_meat_page .product_name div:nth-child(2) {
    margin-top: 50px;
  }

  .first_product_image, .second_product_image {
    margin: 40px 0 40px;
  }

  .product_name img, .product_description img, .product_delivery img, .product_delivery2 img, .product_nutritional img  {
    width: 278px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
  }

  .product_icons, .product_nutritional_text {
    width: 100%;
    margin: 0 auto 30px;
    overflow: hidden;
  }

  .center_icons {
    width: 290px;
    margin: 0 auto;
    overflow: hidden;
  }

  .product_info_text, .product_description .product_description_text, .product_nutritional_text,
  .product_extra h3, .border_product_info_text, .scallops_page .product_delivery2 .border_product_info_text {
    padding: 0 30px;
  }

  .product_description .product_description_text {
    margin: 30px 0 110px;
  }

  .whole_crab_page .third_product_image img, .whole_crab_page .Fourth_product_image img {
    width: 320px;
  }

  .product_delivery .product_info_text {
    margin: 10px 0 110px;
    padding: 0 30px;
  }

  .crayfish_page .product_description .product_description_text {
    margin: 0 0 80px;
  }

  .product_info_text, .dressed_crab_page .border_product_info_text{
    margin: 10px 0 60px 0;
    padding: 0 30px;
  }

  #product_page_container {
    padding-bottom: 100px;
  }

  .claw_meat_page .product_delivery, .claw_page .product_delivery, .scallops_page .product_delivery,
  .premium_meat_page .product_delivery, .product_delivery2, .brown_meat_page .product_delivery,
  .crayfish_page .product_delivery, .cluster_crab_page .product_delivery {
    margin-bottom: 100px;
  }

  .border_product_info_text, .product_nutritional_text {
    margin-top: 20px !important;
  }

  .premium_meat_page .fourth_product_image, .first_product_image, .second_product_image {
    margin-bottom: 20px;
  }

  .dressed_crab_page .product_delivery2, .scallops_page .product_delivery2, .dressed_crab_page .product_delivery {
    margin-bottom: 80px;
  }

  .premium_meat_page .third_product_image, .brown_meat_page .third_product_image,
  .crayfish_page .second_product_image, .cluster_crab_page .third_product_image {
    margin-bottom: 0;
  }

  .third_product_image, .claw_meat_page .second_product_image,
  .claw_meat_page .product_description .product_description_text,
  .scallops_page .second_product_image, .brown_meat_page .product_description .product_description_text,
  .cluster_crab_page .product_description .product_description_text {
    margin-top: 0 !important;
  }

  a.nutritional_link {
    padding: 12px 40px 12px 12px;
    width: 230px;
    margin: 20px auto;
    text-align: center;
  }

  a.nutritional_link .darkgreen_arrow, a.nutritional_link .lightgreen_arrow {
    margin-top: -15px;
    margin-right: -15px;
  }

  .third_product_image img.no-mobile {
    display: none !important;
  }

  .claw_meat_page .product_name div:first-child, .crayfish_page .border_product_info_text,
  .cluster_crab_page .product_name div:first-child {
    padding: 0;
  }

  .crayfish_page .Fourth_product_image {
    margin: 0 auto;
    float: none;
  }

  .scallops_page span.waves_icon {
    margin-top: 35px;
  }

  .scallops_page span.scallops_icon {
    margin-top: 30px;
    width: 51px;
    height: 49px;
    background-size: 100% 100%;
  }

  .scallops_page .second_product_image {
    margin-left: 0;
  }

  #product_page_container {
    background: url(../images/product_mobile_bg.jpg) center bottom no-repeat;
    background-size: 100%;
  }  

  .premium_meat_page .pan_icon, .dressed_crab_page .pan_icon, .cluster_crab_page .pan_icon,
  .scallops_page span.scallops_icon {
    margin-left: 50px;
  }

  .product_extra {
    margin-top: 50px;
  }

  #hitramat_page_container.container_show {
    overflow: inherit;
  }

  .pin {
    top: 0px;
  }

  #hitramat_page .date_block.fifth_block, #hitramat_page .date_block.eleventh_block, #hitramat_page .date_block.thirteenth_block,
  #hitramat_page .date_block.fourteenth_block, #hitramat_page .date_block.sixteenth_block {
    padding: 0 30px;
  }

  #hitramat_page .date_block {
    float: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    padding: 0 30px;
  }

  #hitramat_page .date_image {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
    width: auto;
    display: block;
    overflow: hidden;
  }

  #timeline_line {
    top: -150px;
  }

  #hitramat_page .date_block, #hitramat_page .date_image, .crab_bg  {
    animation: none !important;
    opacity: 1;
  }

  .crab_bg {
    background-position: 100px 115px;
  }

  #hitramat_page .date_image.third_block {
    width: 260px;
    margin-top: 20px;
  }

  #hitramat_page .date_image.third_block img {
    width: 100%;
  }

  #hitramat_page .fourth_block img {
    width: 100%;
  }

  #hitramat_page .sixth_block.no-desktop {
    margin-top: 0;
    margin-bottom: 80px;
  }

  #hitramat_page .date_block.sixth_block, #hitramat_page .date_block.tenth_block {
    margin: 75px auto 40px;
  }

  #hitramat_page .sixth_block.date_image img {
    width: 100%;
  }

  #hitramat_page .seventh_block.date_image img {
    margin-left: -20%;
    width: 140%;
  }

  #hitramat_page .seventh_block.date_block {
    margin-bottom: 50px;
  }

  .date_full_x {
    margin-bottom: 0;
    height: auto;
  }

  #hitramat_page .eighth_block.date_block {
    margin-bottom: 30px;
  }

  #hitramat_page .eighth_block.date_image img {
    width: 160%;
    margin-left: -30%;
  }

  #hitramat_page .nineth_block.date_block {
    margin-top: 60px;
  }

  #hitramat_page .nineth_block.date_block {
    margin-top: 0;
  }

  #hitramat_page .nineth_block.date_image {
    padding: 0 30px;
    margin-top: 30px;
  }

  #hitramat_page .nineth_block.date_image img {
    width: 100%;
  }

  h3.green_light {
    padding: 0 30px;
  }

  #hitramat_page .date_block.fifth_block, 
  #hitramat_page .date_image.twelfth_block img {
    margin: 0 auto;
  }


  #hitramat_page .date_image.twelfth_block img  {
    display: block;
    width: 100%;
  }

  #hitramat_page .date_block.twelfth_block {
    margin-bottom: 20px !important;
  }

  #hitramat_page .date_block.twelfth_block {
    width: auto;
  }

  header#about_header, header#seafood_landing_header {
    height: 570px;
    background-size: cover;
    background-position: calc(50% - 200px) 50%;
  }

  #about h2.header, #about h1.header {
    font-size: 22px;
  }

  #about h2.header.mb-55, #about h1.header.mb-55 {
    margin-bottom: 25px;
  }

  #about #middle_text {
    margin-top: 150px;
  }

  #norwegian-seafood #middle_text {
    margin-top: 250px;
  }

  #top_about_container {
    height: auto;
    min-height: auto;
    background-size: cover;
    background-position: calc(50% + 280px) -25px !important;
  }

  #our_way {
    margin-top: 275px;
    height: auto;
    min-height: auto;
  }

  .green_box {
    margin-top: 0;
    padding: 37px 44px;
    width: auto;
    text-align: center;
    height: auto;
  }

  h2.white_about_box {
    font-size: 24px;
    text-align: center;
  }

  div.white_about_box {
    width: auto;
    float: none;
    padding: 55px 30px;
    height: auto;
  }

  #middle_about_content {
    width: auto;
    padding: 48px 40px;
    text-align: center;
    margin-top: 470px;
    height: auto;
  }

  .fishmen_white_box {
    width: auto;
    padding: 48px 43px;
    text-align: center;
    float: none;
    margin: 0;
  }

  #middle_about_container {
    min-height: auto;
    background-position: calc(50% + 185px) calc(50% - 225px) !important;
    background-size: 230%;
  }

  #about_content {
    padding: 0;
  }

  #fishmen {
    height: auto;
    min-height: auto;
    margin-bottom: 0px;
  }

  .image_about1 {
    width: 160%;
    margin-left: -30%;
    float: none;
    opacity: 1;
  }

  .image_about3.no-desktop {
    margin: 0;
    width: 100%;
    float: none;
    opacity: 1;
  }

  .image_about2.no-desktop {
    float: none;
    display: block;
    margin: 30px auto !important;
    opacity: 1;
  }

  #bottom_about_container {
    background-position: center bottom;
    padding-bottom: 350px;
  }

  h2.about_page {
    padding: 0 30px;
    font-size: 22px;
    margin: 50px 0;
  }

  #product_about_page .left_box {
    width: auto;
    height: auto;
    min-height: auto;
    text-align: center;
    padding: 53px 30px;
    margin-top: 0;
    float: none;
  }

  #product_about_page .left_box a.see_products {
    width: 220px;
    min-width: 220px;
    margin-top: 40px;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .image_about4 {
    width: 100%;
  }

  .no-mobile-ever {
    display: none !important;
  }

  #title_about, .fishmen_white_box {
    opacity: 1;
  }

  #title_about.active, .image_about1.active, .image_about2.active, .image_about3.active {
    animation: none;
  }

  #timeline_line1 {
    height: 150px;
  }

  #timeline_line2 {
    top: 195px;
    height: 160px;
  }

  #timeline_line3 {
    top: 555px;
    height: 80px;
  }

  #timeline_line4 {
    top: 935px;
    height: 720px;
    animation: none !important;
  }

  #timeline_line5 {
    top: 1845px;
    height: 560px;
    animation: none !important;
  }

  #timeline_line6 {
    top: 2665px;
    height: 560px;
    animation: none !important;
  }

  #timeline_line7 {
    top: 2665px;
    height: 560px;
    animation: none !important;
  }

  .fish {
    left: calc(50% - 190px);
    width: 420px;
    animation: none !important;
    opacity: 1;
  }

  .ansnes, .sivert {
    height: 90px;
    background-size: 100%;
  }

  .ansnes {
    background-position: 220px 0;
    top: 34px;
  }

  .sivert {
    background-position: -220px 0;
    top: 635px;
    height: 50px
  }

  #hitramat_page .date_block.third_block {
    margin-top: 80px;
  }

  .date_block, .date_image {
    margin: 0 !important;
  }

  .line_mobile1, .line_mobile2, .line_mobile3, .line_mobile4, .line_mobile5, .line_mobile6,
  .line_mobile7, .line_mobile8, .line_mobile9 {
    width: 0;
    height: 170px;
    border: 1px solid #328685;
    display: block;
    margin: 5px auto;
    z-index: 1;
    position: relative;
  }

  .line_mobile2 {
    height: 92px;
    margin: 5px auto 25px;
  }

  .line_mobile3 {
    height: 92px;
    margin: -12px auto 5px;
  }

  .line_mobile4 {
    height: 92px;
    margin: 10px auto -10px;
  }

  .line_mobile4.box_line {
    margin-top: -5px;
  }

  .line_mobile5 {
    height: 92px;
    margin: 10px auto -22px;
  }

  .line_mobile6 {
    height: 100px;
    margin: 5px auto -40px;
  }

  .line_mobile6.h10 {
    height: 130px;
  }

  .line_mobile6.pan_line {
    margin-top: -10px;
  }

  .line_mobile6.crab_hold_line {
    margin-top: -3px;
  }

  .line_mobile7 {
    height: 42px;
    margin: 10px auto -22px;
  }

  .line_mobile8 {
    height: 100px;
    margin: -80px auto -22px;
  }

  .line_mobile9 {
    height: 110px;
    margin: -80px auto -22px;
  }

  .date_title.top_high {
    line-height: 60px;
    margin-bottom: 25px;
  }

  .date_block.nineth_block, .date_block.fifteenth_block, .date_block.seventeenth_block , .date_block.eighteenth_block ,
  .date_block.nineteenth_block, .date_block.twenty_block   {
    margin-bottom: 20px !important;
  }

  .date_image.seventeenth_block, .date_image.eighteenth_block, .date_image.nineteenth_block,
  .date_image.twenty_block, .date_image.fifteenth_block {
    padding: 0 30px;
  }  

  .date_image.seventeenth_block img, .date_image.eighteenth_block img, .date_image.nineteenth_block img,
  .date_image.twenty_block img, .date_image.fifteenth_block img, #hitramat_page .nineth_block.date_image img {
    margin: 0 auto;
    display: block;
    width: 80%;
  }

  #hitramat_page .date_block.eighteenth_block {
    margin-bottom: 0 !important;
  }

  h2.green_light {
    padding: 0 30px;
  }

  .top_logo {
    margin-top: -10px !important;
  }

  .date_image.nineteenth_block img {
    width: auto;
  }

  .date_image.twenty_block img, .date_image.fifteenth_block img  {
    margin-bottom: 100px;
  }

  .date_block.tenth_block {
    padding-bottom: 30px !important;
  }

  .eighth_block .date_title.dark_green, .seventh_block .date_title.dark_green {
    color: #328685;
  }

  .extrafina {
    width: 850px;
    top: 200px;
    right: -10px;
  }

  h3.about_top {
    margin-bottom: 0;
  }

  h3.about_top.mb-20 {
    margin-bottom: 20px;
  }

  .ship_moving {
    right: calc(50% - 285px);
    width: 282px;
    background-size: 100%;
    bottom: -4px;
  }

  #about #middle_text, #norwegian-seafood #middle_text p {
    padding: 0 20px;
  }

  .claw_page .product_description .product_description_text {
    margin: 30px 0 130px;
  }

  .premium_meat_page .product_icons .center_icons, .dressed_crab_page .product_icons .center_icons,
  .cluster_crab_page .product_icons .center_icons {
    width: 178px;
  }

  .scallops_page .product_icons .center_icons {
    width: 162px;
  }

  .cluster_crab_page .product_icons .center_icons {
    width: 183px;
  }

  .crayfish_page .product_icons .center_icons {
    width: 265px;
  }

  .premium_meat_page .product_icons .pan_icon, .dressed_crab_page .product_icons .pan_icon,
  .cluster_crab_page .product_icons .pan_icon, .scallops_page .product_icons span.scallops_icon {
    margin-left: 0;
  }

  .krabbeboller {
    top: 0;
    left: -10%;
    width: 110%;
  }

  .crabd2 {
    left: 0;
    top: -40px;
    width: 110%;
  }

  .date_block.seventh_block {
    background-color: transparent !important;
    margin-top: 30px !important;
  }

  #delightful_ingredients {
    padding-bottom: 360px;
  }

  #header_pan {
    transform: scale(0.4);
    bottom: 390px;
    top: unset !important;
    opacity: 1 !important;
    left: calc(50% + 145px);
    right: 10% !important;
    margin: 0 auto;
  }

  #header_pan.active {
    opacity: 1 !important;
    animation: none !important;
  }

  #hitramat_page .nineth_block.date_image {
    padding-bottom: 20px;
  }
}

#aurora_video video {
  position: absolute;
  object-fit: cover;
  width: auto;
  min-width: 100%;
  height: 1000px;
  min-height: 100%;
  max-width: 100vw;
  top: 0;
  left: 0;
  opacity: 0;
}

body#home {
  background: none;
}






#header_pan {
  right: -10px;
  top: 25px;
  opacity: 0;
}

#header_pan.active {
  animation: upSet 0.5s linear;
  animation-fill-mode: forwards;
}


@keyframes upPan {
  0% {
     bottom: -1080px;
     opacity: 0;
  }
  100% {
     bottom: -1050px;
     opacity: 1;
  }
}

@keyframes upFire {
  0% {
     top: 160px;
     opacity: 0;
  }
  100% {
     top: 130px;
     opacity: 1;
  }
}

@keyframes upSet {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}

#header_pan img {
  bottom: -1050px;
}

.pancrab {
  right: 40px;
}

#header_pan .pancrab.active {
  animation: upPan 0.5s linear;
  animation-fill-mode: forwards;
}





.firepan,  #header_pan .firepan3 {
  top: 103px;
  right: -55px;
  opacity: 0;
}

#header_pan .firepan.active {
  animation: upFire2 1s linear infinite;
  animation-delay: 1.6s;
  animation-fill-mode: forwards;
}

#header_pan .firepan3.active {
  animation: upFire2 2s linear infinite;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

#header_pan .firepan2, #header_pan .firepan4 {
  right:-11px;
  top: 324px;
  opacity: 0;
  transform: rotate(180deg);  
}

#header_pan .firepan2.active {
  animation: upFireSpin 2s infinite;
  animation-delay: 1s;
  animation-fill-mode: forwards;  
}

#header_pan .firepan4.active {
  animation: upFireSpin 2s linear infinite;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes upFire2 {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@keyframes upFireSpin {
  0% {
    opacity: 0;
    transform: scale(0.58) rotate(180deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(0.78) rotate(180deg);
  }
}






.chilli {
  right: 81px;
  top: 270px;
  transform: scale(1.1);
}

#header_pan .chilli.active {
  animation: scaleChilli 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}



#header_pan .cilantro1 {
  right: 525px;
  bottom: -860px;
  transform: scale(1.2);
}

#header_pan .cilantro1.active {
  animation: scaleCilantro1 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}




#header_pan .cilantro2 {
  right: 609px;
  bottom: -300px;
  transform: scale(1.2);
}

#header_pan .cilantro2.active {
  animation: scaleCilantro2 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}




#header_pan .cilantro3 {
  right: -50px;
  bottom: -630px;
  transform: scale(1.2);
}

#header_pan .cilantro3.active {
  animation: scaleCilantro3 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}





#header_pan .blackpepper1 {
  right: 20px;
  bottom: -781px;
  transform: scale(1);
}

#header_pan .blackpepper1.active {
  animation: scaleBlackpepper1 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}





#header_pan .blackpepper2 {
  bottom: -880px;
  transform: scale(1.2);
}

#header_pan .blackpepper2.active {
  animation: scaleBlackpepper2 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}






#header_pan .littlepepper1 {
  bottom: -830px;
  right: 100px;
  transform: scale(1.2);
}

#header_pan .littlepepper1.active {
  animation: scalelittlepepper1 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}






#header_pan .littlepepper2 {
  bottom: -863px;
  right: -60px;
  transform: scale(1.2);
}

#header_pan .littlepepper2.active {
  animation: scalelittlepepper2 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}







#header_pan .littlepepper3 {
  bottom: -630px;
  right: 700px;
  transform: scale(1.2);
}

#header_pan .littlepepper3.active {
  animation: scalelittlepepper3 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}






#header_pan .littlepepper4 {
  bottom: -263px;
  right: 0px;
  transform: scale(1.2);
}

#header_pan .littlepepper4.active {
  animation: scalelittlepepper4 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}






#header_pan .redpepper {
  bottom: -520px;
  right: 590px;
  transform: scale(1.2);
}

#header_pan .redpepper.active {
  animation: scaleRedPepper1 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}






#header_pan .redpepper2 {
  bottom: -926px; 
  right: 540px;
  transform: scale(1.2);
}

#header_pan .redpepper2.active {
  animation: scaleRedPepper2 20s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}





@keyframes flag {
  0% {
     background: url(../images/flagboat/flagboat1.png) no-repeat;
  }
  50% {
     background: url(../images/flagboat/flagboat2.png) no-repeat;
  }
  100% {
     background: url(../images/flagboat/flagboat1.png) no-repeat;
  }  
}

@keyframes scaleRedPepper1 {
  100% {
     transform: scale(0.9) translate(25px, 25px);
  }  
}

@keyframes scaleRedPepper2 {
  100% {
     transform: scale(0.9) translate(25px, -55px);
  }  
}

@keyframes scaleChilli {
  100% {
     transform: scale(0.85) translate(-50px, 50px) rotate(-95deg);
  }  
}

@keyframes scaleCilantro1 {
  100% {
     transform: scale(0.9) translate(75px, -50px) rotate(100deg);
  }  
}

@keyframes scaleCilantro2 {
  100% {
     transform: scale(0.9) translate(75px, 50px) rotate(75deg);
  }  
}

@keyframes scaleCilantro3 {
  100% {
     transform: scale(0.9) translate(-50px, -25px) rotate(75deg);
  }  
}

@keyframes scaleBlackpepper1 {
  100% {
     transform: scale(0.85) translate(-50px, -50px) rotate(155deg);
  }  
}

@keyframes scaleBlackpepper2 {
  100% {
     transform: scale(0.9) translate(-65px, -100px);
  }  
}

@keyframes scalelittlepepper1 {
  100% {
     transform: scale(0.9) translate(-50px, -50px);
  }  
}

@keyframes scalelittlepepper2 {
  100% {
     transform: scale(0.9) translate(-50px, -50px);
  }  
}

@keyframes scalelittlepepper3 {
  100% {
     transform: scale(0.9) translate(25px, -50px);
  }  
}

@keyframes scalelittlepepper4 {
  100% {
     transform: scale(0.9) translate(-75px, 70px);
  }  
}

#clouds_images_about {
  top: 0;
  left: 0;
  right: 0;
}

#clouds_images_about .wcloud1 {
  top: 758px;
  right: -50%;
  left: calc(-50% - 1050px);
  margin: 0 auto;
  z-index: 101;
  animation: wcloudLeft 100s linear;
  animation-fill-mode: forwards;
}

#clouds_images_about .wcloud2 {
  top: 758px;
  left: -50%;
  right: calc(-50% - 1050px);
  margin: 0 auto;
  z-index: 101;
  animation: wcloudRight 100s linear;
  animation-fill-mode: forwards;
}

@keyframes wcloudRight {
  100% {
    transform: translate(-1000px, 0);
  }
}

@keyframes wcloudLeft {
  100% {
    transform: translate(1000px, 0);
  }
}

@keyframes hitramt_text {
  100% {
    transform: translate(0, -20px);
    opacity: 1;
  }
}

@keyframes hitramat_images {
  100% {
    transform: translate(0, 20px);
    opacity: 1;
  }
}

#hitramat_page_container, #contact_container {
  padding-top: 20px;
}

.back_holder {
  margin-top: 25px;
}

.back_button {
  color: #1e5b5a;
  text-transform: uppercase;
  font-size: 14px;
  padding: 15px 12px 15px 40px;
  margin-top: 55px;
  display: block;
}

#product_page #main_container {
  position: relative;
  overflow: hidden;
}

.boreal_product1, .boreal_product2 {
  z-index: -1;
  left: calc(50% - 2120px);
  right: 50%;
  top: 1800px;
  width: 1573px;
  height: 718px;
  background: url(../images/boreal2.jpg) center top no-repeat;
}

.boreal_product2 {
  left: 60%;
  right: calc(50% - 3020px);
  top: 300px;
}





@media screen and (max-width: 414px) {
  #delightful_ingredients p.mb-20 {
    width: 266px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 390px) {
  #header_pan_mobile img {
    width: 265px;
    height: 300px;
  }
}

@media screen and (max-width: 375px) {
  #delightful_ingredients p.mb-20 {
    width: 266px;
    margin: 0 auto;
  }
}


*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

#language {
  display: none;
}

#menu {
  margin-top: 48px;
}

.language_mobile {
  display: none;
}

#menu_mobile a.menu_mobile_link {
  margin-bottom: 40px;
}





.only-tablet {
  display: none !important;
}



@media only screen and (min-width: 576px) and (max-width: 991px) {
  .no-desktop {
    display: block;
  }

  .only-tablet {
    display: block !important;
  }

  .no-mobile {
    display: none;
  }

  a.see_products.no-mobile {
    display: none;
  }

  .third_product_image img.no-mobile {
    display: none !important;
  }

  #logo a {
    width: 180px;
    height: 95px;
    margin: 15px 0 0 20px;
  }

  span.menu_icon  {
    background-size: cover;
    width: 38px;
    height: 28px;
    margin-top: 20px;
  }

  .northern_delioghts_mobile {
    width: 366px;
    height: 69px;
    background-size: cover;
    margin-bottom: 60px;
  }

  #menu_mobile a.menu_mobile_link {
    font-size: 32px;
    margin-bottom: 60px;
  }

  span.x_icon {
    width: 46px;
    height: 46px;
    background-size: cover;
  }

  body, body p, address {
    font-size: 20px;
  }

  #home #middle_text, #contact #middle_text {
    margin-top: 280px;
  }

  #roll {
    margin-top: 220px;
  }

  #cloud_container .cloud1 {
    top: 500px;
  }

  #cloud_container .cloud2 {
    top: 550px;
  }

  #delightful_ingredients {
    width: 520px;
    margin: 100px auto 0;
    float: none;
    padding-bottom: 500px;
  }

  #header_pan {
    transform: scale(0.6);
    bottom: 590px;
    width: 260px;
    left: 50% !important;
    right: 50% !important;
    margin: 0 auto;
  }

  h3.header_bottom {
    font-size: 23px;
    line-height: 25px;
  }

  h2.header_bottom, h1.header_bottom{
    font-size: 72px;
    line-height: 62px;
  }

  #title_about {
    width: 550px;
  }

  #title_about h2.about_home, #title_about h3.about_home, #about h2.white_about_box,
  h2.about_page, h2.hitramat_page, h1.hitramat_page {
    font-size: 26px;
    line-height: 30px;
  }

  h3.about_top {
    display: none;
  }

  body#home #middle_text {
    display: none;
  }

  .green_div {
    padding: 20px 0;
    margin-top: -5px;
  }

  h2.header, #about #middle_text h2.header, h2.product_page, h1.product_page, h1.header, #about #middle_text h1.header {
    line-height: 38px;
    font-size: 36px;
  }

  #home #about_main {
    background-position: center 100%;
  }

  .bottom_about_title {
    margin-top: 150px;
  }

  .bottom_about_title h3.green_light {
    font-size: 36px;
  }

  #product_main {
    background-size: cover;
    background-position: 50% calc(50% - 35px);
    min-height: 1015px;
    background-size: 800px;
  }

  #product_container, #right_hitramat_main {
    width: 520px;
  }

  #right_hitramat_main {
    margin: 32px auto 0;
    float: none;
  }

  #left_product_main p.sub_title, #right_hitramat_main p.sub_title {
    font-size: 16px;
  }

  #left_product_main h2.product_main, #left_product_main h3.product_main, h2.hitramat_main, h2.footer {
    font-size: 36px;
    line-height: 42px;
  }

  #home #about_main {
    background-size: 100% 100%;
  }

  a.see_products.no-desktop {
    width: 300px;
    font-size: 18px;
    bottom: 60px;
  }

  a.see_products.no-desktop span.lightgreen_arrow {
    margin-top: 2px;
  }

  h2.footer {
    font-size: 50px;
    line-height: 55px;
  }

  a.logo_footer {
    width: 400px;
    height: 96px;
  }

  #footer_bottom_mobile {
    width: 400px;
    height: 66px;
  }

  span.seafood_norway {
    background: url(../images/seafood_norway.png) no-repeat;
    width: 66px;
    height: 64px;
  }

  a.hitramat_logo {
    margin-top: 28px;
  }

  #address_footer {
    margin: 20px 0;
  }

  a.bmo {
    margin-top: 40px;
    font-size: 16px;
  }

  .green_box p, #middle_about_content p, .fishmen_white_box  p {
    padding: 0 75px;
  }

  #about #middle_text p {
    width: 540px;
    margin: 0 auto;
  }

  #top_about_container {
    background-size: 140% !important;
    background-position: left top !important;
  }

  #product_about_page .left_box a.see_products {
    float: none;
  }

  .date_block p {
    width: 450px !important;
    float: none;
    margin: 0 auto;
  }

  #product_page_container div.container{
    width: 520px;
  }

  .ansnes {
    height: 140px;
  }

  #hitramat_page .sixth_block.date_image img {
    width: 520px;
    margin: 0 auto;
    display: block;
  }

  .date_image.third_block {
    padding-top: 20px;
  }

  #hitramat_page .eighth_block.date_block {
    margin-bottom: 20px !important;
  }

  .line_mobile7 {
    height: 100px;
  }

  .line_mobile8 {
    height: 130px;
  }

  .line_mobile9 {
    height: 150px;
  }

  #hitramat_page .nineth_block.date_block {
    padding: 10px 0 5px;
  }  

  #hitramat_page .nineth_block.date_image {
    width: 320px;
    padding-bottom: 20px;
  }

  #contact h3.header {
    font-size: 28px;
  }

  #contact #middle_text {
    margin-top: 220px;
  }

  .date_image.seventeenth_block img, .date_image.eighteenth_block img, .date_image.nineteenth_block img,
  .date_image.twenty_block img, .date_image.fifteenth_block img, #hitramat_page .nineth_block.date_image img {
    max-width: 420px;
  }

  .image_about4 {
    width: auto;
    float: none;
    margin: 0 auto;
  }
}


@media only screen and (min-width: 680px) and (max-width: 991px) { 
  #product_list .product_box {
    width: 50%;
    height: 460px;
  }

  .product_name {
    width: 80%;
    margin: 0 auto;
  }
}



#about a.see_products  {
  padding: 20px 22px;
}

#about a.see_products  {
  margin-left: -64px;
}



@media only screen and (min-width: 475px) and (max-width: 768px) {
  #top_about_mobile {
    background-position: 50% 220px;
    animation: none;
  }





  @keyframes flagMobile2 {
    0% {
       background: url(../images/flagboat/flagboat1.png) no-repeat;
       background-position: 50% 220px;
    }
    50% {
       background: url(../images/flagboat/flagboat2.png) no-repeat;
       background-position: 50% 220px;
    }
    100% {
       background: url(../images/flagboat/flagboat1.png) no-repeat;
       background-position: 50% 220px;
    }  
  }
}



@media only screen and (min-width: 1220px) and (max-width: 1600px) {
  #home #header_top {
    position: relative;
    min-height: 100vh;
  }

  #roll {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  #home #middle_text {
    margin-top: 40vh;
  }

  header#home_header {
    min-height: 1760px;
  }

  .ship_moving  {
    bottom: 71px;
  }

  .crayfish_page .product_info_text {
    width: 800px;
  }
}

.preload_holder {
  background: #000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  position: fixed;
}

.gooey {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 142px;
  height: 40px;
  margin: -20px 0 0 -71px;
  background: #000;
  filter: contrast(20);
}
.gooey .dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 15px;
  background: #328685;
  border-radius: 50%;
  transform: translateX(0);
  animation: dot 2.8s infinite;
}
.gooey .dots {
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  animation: dots 2.8s infinite;
}
.gooey .dots span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  background: #328685;
  border-radius: 50%;
}
@-moz-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-webkit-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-o-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-moz-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-webkit-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-o-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}

@media screen and (max-width: 321px) {
  a.nutritional_link {
    width: 204px;
  }

  a.nutritional_link .darkgreen_arrow, a.nutritional_link .lightgreen_arrow {
    margin-right: -30px;
  }

  .contact_box img {
    width: 100%;
  }

  a.explore_process, a.see_hitramat {
    width: 180px;
    min-width: 180px;
    padding: 12px 12px;
    font-size: 12px;
  }

  #right_hitramat_main {
    margin-top: 30px;
  }

  h2.green_light, h3.green_light, h2.hitramat_main {
    font-size: 25px;
  }
}


@media screen and (max-width: 390px) {
  .product_nutritional_text p {
    width: 190px;
    margin: 0 auto;
  }
}




@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container, .green_box p, #middle_about_content p {
    width: 720px;
  }

  #about .green_box {
    padding: 50px 0;
    width: 100%;
    text-align: center;
  }

  #about .green_box p {
    padding: 0;
    margin: 0 auto;
  }

  .container_show {
    width: 720px;
  }

  .product_box {
    width: 50% !important;
  }

  #title_about h2.about_home, #title_about h3.about_home, #about h2.header, h2.white_about_box,
  h2.product_main, h2.hitramat_main, h2.product_page, h1.product_page, h3.product_page, h2.hitramat_page, h1.hitramat_page, #about h1.header {
    font-size: 28px;
    line-height: 34px;
  }

  h2.header, #about #middle_text h2.header, h2.product_page, h1.product_page, h1.header, #about #middle_text h1.header {
    font-size: 40px !important;
    line-height: 44px;
  }

  .bottom_about_title h3.green_light {
    padding: 0;
    font-size: 40px;
  }

  #about h2.white_about_box, #home h2.hitramat_main  {
    font-size: 32px;
    line-height: 40px;
  }

  #aurora_video video {
    min-width: 105%;
  }

  #header_pan {
    transform: scale(0.6);
    bottom: 580px;
    left: calc(50% + -100px);
  }

  #delightful_ingredients {
    padding-bottom: 500px;
  }

  #home header, #top_about_mobile, #middle_about_mobile, #bottom_about_mobile, #product_main, #product_list header,
  header#product_page_header, header#contact_header, header#hitramat_header, header#about_header,
  .product_info_text, .product_description .product_description_text, .product_nutritional_text, .product_extra h3,
  .border_product_info_text, .scallops_page .product_delivery2 .border_product_info_text {
    padding-left: 0;
    padding-right: 0;
  }

  .product_name img, .product_description img, .product_delivery img, .product_delivery2 img, .product_nutritional img,
  .whole_crab_page .third_product_image img, .whole_crab_page .Fourth_product_image img {
    width: 450px;
  }

  .dressed_crab_page .product_delivery2, .scallops_page .product_delivery2, .dressed_crab_page .product_delivery,
  .product_info_text, .dressed_crab_page .border_product_info_text, .product_description .product_description_text {
    margin-bottom: 125px;
  }

  .first_product_image, .second_product_image {
    margin-top: 0;
  }

  #bottom_about_mobile .white_box {
    width: auto ;
    text-align: center;
  }

  #home #about_main {
    background: url(../images/main_aboutBG_mobile.jpg) center top no-repeat;
    background-size: 100% 100%;
  }

  #about_main {
    min-height: 1750px;
  }

  .green_div {
    margin-top: -1px;
  }

  .bottom_about_title {
    margin-top: 105px;
  }

  #product_main {
    background-size: 100%;
    background-position: center -200px;
  }

  #top_green_box, #our_way, #about_content, #fishmen {
    width: 100%;
  }

  #top_about_container {
    background-position: 50%-0 !important;
    background-size: 1000px auto !important;
  }

  #middle_about_container :first-child, .fishmen_white_box.active {
    width: auto;
  }

  .image_about3.no-desktop, .image_about4 {
    width: 600px;
  }

  #product_about_page .left_box a.see_products, .image_about3.no-desktop, .image_about4 {
    float: none;
    margin: 40px auto;
  }

  #product_page_container {
    background: none;
  }

  #middle_text_hitramat {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  #product_main {
    min-height: 1130px;
    background-size: 1000px;
  }

  #bottom_about_container {
    padding-bottom: 250px;
    background-size: auto 2450px;
  }

  header#about_header, header#seafood_landing_header {
    height: 635px;
  }

  #about #middle_text, #norwegian-seafood #middle_text {
    margin-top: 200px;
  }

  #right_hitramat_main p.created_by {
    margin-top: 495px;
  }

  footer {
    padding: 75px 30px 1px;
  }

  h2.footer {
    font-size: 42px;
    line-height: 40px;
  }

  #product_page .first_product_image {
    margin-top: 50px;
  }

  .ship_moving {
    bottom: 7px;
  }

  #middle_about_mobile {
    padding-bottom: 0;
  }

  #about_container {
    width: 100%;
  }

  #top_about_mobile_text, #home .white_box {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  #fishing_image_mobile {
    height: 540px;
  }

  .crab_bg {
    background-position: 27px 174px;
  }

  .extrafina {
    width: auto;
    top: 97px;
    right: calc(50% - 350px);
  }
}

.mobile_block {
  overflow: hidden !important;
  position: fixed !important;
  height: 100vh !important;
}




@media only screen and (min-width: 1600px)  {
  .ship_moving  {
    bottom: 71px;
  }
}



@media only screen and (min-width: 2100px)  {
  header#about_header, header#seafood_landing_header {
    background-size: 100% 800px;
  }

  #top_about_container {
    background-position: calc(50% + 550px) 25%;
    background-size: auto 800px;
  }

  #middle_about_container {
    background-position: center 32%;
  }

  #hitramat_main {
    background-size: 2000px auto;
    background-position: calc(50% - 835px) 50%;
  }
}



@media only screen and (min-width: 1900px)  {
  #home #middle_text {
    margin-top: 40vh;
  }

  .big_cloud  {
    top: 700px;
  }

  #cloud_container .cloud1, #cloud_container .cloud2 {
    top: 700px;
  }

  #cloud_container .cloud3 {
    top: 772px;
  }

  #header_bottom {
    margin-top: 100px;
  }
}



@media only screen and (min-width: 992px) and (max-width: 1280px) { 
  #fishmen {
    margin-left: -30px;
  }
}



header#contact_header.big {
   min-height: 100vh
}

body#contact footer.big {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}


video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

video::-webkit-media-controls {
    opacity: 0;
}

video::-webkit-media-controls-panel,
video::-webkit-media-controls-start-playback-button {
    display: none !important;
    opacity: 0;
}





.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.w-30 {
  width: 30%;
}

.w-70 {
  width: 70%;
}

.text-sm {
  font-size: 13px;
}

.rounded-full {
  border-radius: 100000px;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-end {
  justify-content: flex-end;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.self-start {
  align-self: flex-start;
}

.pl-10 {
  padding-left: 10px;
}

.border-2 {
  border: 2px solid #154d4c;
}

.border-t-2 {
  border-top: 1px solid #154d4c;
}

.border-l {
  border-left: 1px solid #154d4c;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mx-5-percent {
  margin-left: 5%;
  margin-right: 5%;
}

.container-flex, .container-flex-products {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.container-flex-products {
  max-width: 990px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px; 
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}
  
.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.px-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-200 {
  padding-bottom: 150px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-190 {
  padding-top: 190px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-90 {
  padding-left: 90px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-80 {
  padding-right: 80px;
}

.mb-0 {
  margin-bottom: 0;
}

h2.mb-0 {
  margin-bottom: 0;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-80 {
  margin-top: 80px;
}

.-mt-60 {
  margin-top: -60px;
}

.-mt-80 {
  margin-top: -80px;
}

.-mt-100 {
  margin-top: -100px;
}

.-mt-170 {
  margin-top: -170px;
}

.-mt-230 {
  margin-top: -230px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-80 {
  margin-left: 80px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-80 {
  margin-right: 80px;
}

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

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

.bg-black {
  background-color: #000;
}

.bg-teal {
  background-color: #eafeff;
}

.bg-teal-dark {
  background-color: #dffafb;
}

.bg-green-alt {
  background-color: #338686;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.header-landing, .header-landing-mobile {
  font-size: 80px;
  color: #1e5b5a;
  text-transform: uppercase;
}

.header-landing-mobile {
  font-size: 40px;
}

header#seafood_landing_header {
  background: url(../images/norwegian-seafood-bg.jpg) top center no-repeat;
  height: auto;
  overflow: hidden;
}

header#seafood_landing_header #header_top {
  min-height: 700px;
}

.lh-1 {
  line-height: 1;
}

#norwegian-seafood p {
  color: #1e5b5a;
}

.landing_content p {
  margin-bottom: 30px;
}

.landing_pages .hitramat_main.mb-30 {
  margin-bottom: 30px;
}

.moving_image_norwegian {
  top: -85px;
  right: calc(-100% + 350px);
}

.bg-map {
  padding-top: 215px;
  margin-top: -215px;
  background: url(../images/map_bg.png) top center no-repeat;
}

.bg-boreal {
  background: url(../images/product_bottom_blur.jpg) center bottom no-repeat #000;
}

#norwegian-seafood .bg-map p {
  color: #fff;
}

.variety-box {
  margin-left: -90px;
}

.bc-specs-box {
  margin-top: -45px;
  margin-left: -90px;
}

.product_landing_title {
  font-size: 38px;
}

.product_landing_title {
  color: #328685;
  text-transform: uppercase;
}

a.bordered-box {
  width: auto;
  margin-top: 0;
}

.brown-crab-page header#seafood_landing_header {
  background: url(../images/brown-crab-bg.jpg) top center no-repeat;
}

.brown-crab-page .header-landing, .brown-crab-page .header-landing-mobile,
.brown-crab-page #middle_text p, .brown-crab-page #menu li a,
.scallops-page .header-landing, .scallops-page .header-landing-mobile,
.scallops-page #middle_text p, .scallops-page #menu li a, 
.langoustine-page .header-landing, .langoustine-page .header-landing-mobile,
.langoustine-page #middle_text p, .langoustine-page #menu li a {
  color: #fff;
}

.brown-crab-image-1 {
  top: 80px;
  right: calc(-100% + 115px);
}

.brown-crab-image-1-2 {
  bottom: 50px;
  right: calc(-100% - 305px);
}

.brown-crab-image-2 {
  margin: -20px 0 -70px -215px;
}

.brown_crab_bottom img {
  position: relative;
  z-index: 2;
}

.landing_product_box {
  width: 20%;
  padding: 2%;
}

.landing_product_container_2 .landing_product_box {
  max-width: 200px;
  width: 20%;
}

.landing_product_box img {
  width: 100%;
}

.landing_product_box a {
  color: #9bcbca;
  font-size: 16px;
  text-transform: uppercase;
}

.scallops-page header#seafood_landing_header, .langoustine-page header#seafood_landing_header {
  background: #fff;
}

.scallops-page #header_container {
  background: url(../images/scallops_bg.jpg) top center no-repeat;
  background-size: cover;
}

.langoustine-page #header_container {
  background: url(../images/langoustine_bg.jpg) top center no-repeat;
  background-size: cover;
}

.scallops-image-1 {
  margin: -80px -25px -60px 0;
}

.sustainable-scallops {
  margin-left: -140px;
}

.scallops-facts-image-1 {
  margin: -30px 0 0 -30px;
}

.scallops-habitat-image-1 {
  margin-left: -175px;
}

.scallops-diet-image-1 {
  margin-left: -480px;
}

.langoustine-image-1 {
  margin: -110px 0 -55px;
}

.langoustine-image-2 {
  margin-right: -110px;
}

.langoustine-image-3 {
  margin-left: -380px;
}

.langoustine-diet {
  flex: 1 1 0%;
}










.text-white {
  color: #fff;
}

.text-teal, #norwegian-seafood .text-teal, #norwegian-seafood p.text-teal {
  color: #eafeff;
}

#norwegian-seafood p {
  font-size: 20px;
  line-height: 1.2;
}

p.mb-0 {
  margin-bottom: 0;
}

.no-dt {
  display: none;
}

body#norwegian-seafood {
  background-image: none;
}

.max-w-470 {
  max-width: 470px;
}

.max-w-520 {
  max-width: 520px;
}

.max-w-610 {
  max-width: 610px;
}

.max-w-650 {
  max-width: 650px;
}

.max-w-670 {
  max-width: 670px;
}

.max-w-720 {
  max-width: 720px;
}

.max-w-750 {
  max-width: 750px;
}

.max-w-840 {
  max-width: 840px;
}

.max-w-960 {
  max-width: 960px;
}

.max-w-1000 {
  max-width: 1000px;
}

.-z-1 {
  z-index: -1;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-10 {
  z-index: 10;
}

.p-55 {
  padding: 55px;
}

@media (min-width: 1800px) {
  .brown_crab_bottom {
    margin-bottom: -40px;
  }
}

@media (min-width: 992px) and (max-width: 1800px) {

  .brown_crab_image-1 {
    width: 21%;
  }

  .brown_crab_image-2 {
    width: 18%;
  }

  .brown_crab_image-3 {
    width: 20%;
  }

  .brown_crab_image-4 {
    width: 15%;
  }

  .brown_crab_image-5 {
    width: 28%;
  }

  .brown_crab_bottom {
    margin-bottom: -2%;
  }
}

@media (min-width: 1221px) {
  .-xl-mt-60 {
    margin-top: -60px;
  }
}

@media (min-width: 992px) and (max-width: 1220px) {
  #norwegian-seafood p {
    font-size: 16px;
  }

  .product_landing_title {
    font-size: 30px;
  }

  .moving_image_norwegian {
    top: -175px;
  }

  .lg-max-w-610 {
    max-width: 410px;
  }

  .brown-crab-image-1 {
    height: 570px;
    right: calc(-100% + 245px);
  }

  .brown-crab-image-1-2 {
    width: 800px;
    right: calc(-100% - 125px);
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .landing_product_box {
    width: 50%;
    padding: 0;
    margin-bottom: 40px;
  }

  .landing_product_box img {
    width: auto;
  }

  .w-120-percent {
    width: 120%;
    max-width: inherit;
  }
}

@media (max-width: 680px) {
  .landing_product_box:first-child {
    margin-top: 40px;
  }

  .landing_product_box {
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
  }

  .landing_product_box img {
    width: auto;
  }
}

@media (max-width: 576px) {
  img {
    max-width: 100%;
  }

  .no-sm {
    display: none !important;
  }

  .sm-max-w-auto {
    max-width: inherit;
  }

  .w-140-percent, .w-120-percent {
    width: 140%;
    max-width: inherit;
  }

  .w-160-percent {
    width: 160%;
    max-width: inherit;
  }

  #norwegian-seafood #middle_text {
    margin-top: 150px;
  }

  header#seafood_landing_header #header_top {
    min-height: 500px;
  }

  .scallops-facts-image-1 {
    margin: 40px 0;
  }
}


.bg-teal-transparent  {
  background: rgba(234,254,255,1);
}

.bg-green-black {
  background: #338686;
}
  
.bg-black-teal {
  background: #dffafb;
}

@media (min-width: 1200px) {
  .bg-teal-transparent {
    background: rgb(234,254,255);
    background: -moz-linear-gradient(left,  rgba(234,254,255,1) 0%, rgba(234,254,255,1) 50%, rgba(234,254,255,0) 50%, rgba(234,254,255,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(234,254,255,1) 0%,rgba(234,254,255,1) 50%,rgba(234,254,255,0) 50%,rgba(234,254,255,0) 100%);
    background: linear-gradient(to right,  rgba(234,254,255,1) 0%,rgba(234,254,255,1) 50%,rgba(234,254,255,0) 50%,rgba(234,254,255,0) 100%);
  }
}



@media (min-width: 992px) {
  .sustainable-image—1, .ns_product_box_1, .ns_product_box_2, .ns_product_box_3, .brown-crab-image-1, .brown-crab-image-1-2,
  .brown-crab-image-2, .nutrition_image, .scallops-image-1, .sustainable-scallops, .scallops-facts-image-1,
  .scallops-product-image, .langoustine-image-1, .langoustine-image-2, .langoustine-image-3, .langoustine-animation-4,
  .langoustine-animation-5 {
    opacity: 0;
    transition: all 1s;
  }
  
  .sustainable-image—1.active, #ns-seafood-variety.active, .ns_product_box_1.active, .ns_product_box_2.active,
  .ns_product_box_3.active, .brown-crab-image-1.active, .brown-crab-image-1-2.active, .brown-crab-image-2.active, .nutrition_image.active,
  .scallops-image-1.active, .sustainable-scallops.active, .scallops-facts-image-1.active, .scallops-product-image.active,
  .langoustine-image-1.active, .langoustine-image-2.active, .langoustine-image-3.active, .langoustine-animation-4.active,
  .langoustine-animation-5.active {
    opacity: 1;
  }
  
  .brown-crab-image-1-2 {
    transform: translateX(30px);
  }

  .brown-crab-image-1-2.active {
    transform: translateX(0px);
  }

  #ns-seafood-variety .ns-variety-image-1 {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 1s;
  }

  #ns-seafood-variety .ns-variety-image-2 {
    opacity: 0;
    transform: translateX(30px);
    transition: all 1s;
  }

  #ns-seafood-variety .variety-box {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s;
  }


  #bc_physical_animations .bc_physical_animation_1 {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 1s;
  }

  #bc_physical_animations .bc_physical_animation_2 {
    opacity: 0;
    transform: translateX(30px);
    transition: all 1s;
  }

  #bc_physical_animations .bc_physical_animation_3 {
    opacity: 0;
    transform: translateY(-30px);
    transition: all 1s;
  }

  #bc_physical_animations .bc_physical_animation_4 {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s;
  }


  #sc_habitat_animations .scallops-habitat-image-1 {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 1s;
  }

  #sc_habitat_animations .scallops-habitat-image-2 {
    opacity: 0;
    transform: translateX(30px);
    transition: all 1s;
  }


  #sc_diet_animations .sc_diet_animation_1 {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 1s;
  }

  #sc_diet_animations .sc_diet_animation_2 {
    opacity: 0;
    transform: translateX(30px);
    transition: all 1s;
  }


  #sc_nutrition_animations .sc_nutrition_animation_1 {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 1s;
  }

  #sc_nutrition_animations .sc_nutrition_animation_2 {
    opacity: 0;
    transform: translateX(30px);
    transition: all 1s;
  }
  

  #ns-seafood-variety.active .ns-variety-image-1, #ns-seafood-variety.active .ns-variety-image-2,
  #ns-seafood-variety.active .variety-box, #bc_physical_animations.active .bc_physical_animation_1,
  #bc_physical_animations.active .bc_physical_animation_2, #bc_physical_animations.active .bc_physical_animation_3,
  #bc_physical_animations.active .bc_physical_animation_4, #sc_habitat_animations.active .scallops-habitat-image-1,
  #sc_habitat_animations.active .scallops-habitat-image-2, #sc_diet_animations.active .sc_diet_animation_1,
  #sc_diet_animations.active .sc_diet_animation_2, #sc_nutrition_animations.active .sc_nutrition_animation_1,
  #sc_nutrition_animations.active .sc_nutrition_animation_2 {
    opacity: 1;
    transform: translate(0, 0);
  }

  

  .sustainable-image—1 {
    margin-left: -100px;
  }

  .nutrition_image {
    margin: -55px 0 0 -80px;
  }

  .lg-flex-row {
    flex-direction: row;
  }

  .lg-flex-col {
    flex-direction: column;
  }

  .lg-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .lg-justify-center {
    justify-content: center;
  }
  
  .lg-justify-between {
    justify-content: space-between;
  }
  
  .lg-justify-end {
    justify-content: flex-end;
  }
  
  .lg-items-start {
    align-items: flex-start;
  }
  
  .lg-items-center {
    align-items: center;
  }
  
  .lg-items-end {
    align-items: flex-end;
  }
  
  .lg-self-start {
    align-self: flex-start;
  }

  .lg-bg-teal-dark {
    background-color: #dffafb;
  }

  .lg-w-7-10 {
    width: 70%;
  }

  .lg-w-3-10 {
    width: 30%;
  }



  .bg-green-black {
    background: #338686;
    background: -moz-linear-gradient(left,  #338686 0%, #338686 55%, #000000 55%, #000000 100%);
    background: -webkit-linear-gradient(left,  #338686 0%,#338686 55%,#000000 55%,#000000 100%);
    background: linear-gradient(to right,  #338686 0%,#338686 55%,#000000 55%,#000000 100%);
  }
  
  .bg-black-teal {
    background: #000000;
    background: -moz-linear-gradient(left,  #000000 0%, #000000 40%, #dffafb 40%, #dffafb 100%);
    background: -webkit-linear-gradient(left,  #000000 0%,#000000 40%,#dffafb 40%,#dffafb 100%);
    background: linear-gradient(to right,  #000000 0%,#000000 40%,#dffafb 40%,#dffafb 100%);
  }
}

@media (max-width: 991px) {
  .no-lg {
    display: none !important;
  }

  .mobile-mb-0 {
    margin-bottom: 0 !important;
  }

  body {
    text-align: center;
  }

  .max-w-840 {
    max-width: 100%;
  }
  
  .image_about1 {
    margin-left: 0;
  }

  .sustainable-image—1 {
    margin-bottom: 40px;
  }
  
  .scallops-image-1 {
    margin: 40px 0;
  }

  .langoustine-image-1 {
    margin: 40px 0;
  }

  .sustainable-scallops {
    margin-left: 0;
  }

  .scallops-facts-image-1  {
    margin: 80px 0 0;
  }

  .scallops-diet-image-1 {
    margin-left: 0;
  }

  .variety-box, .bc-specs-box {
    margin-left: -30px;
    margin-right: -30px;
  }
  
  .brown-crab-image-2 {
    margin: 0 0 40px;
  }

  .bg-map {
    background: #338686;
  }

  #norwegian-seafood p {
    font-size: 18px;
  }

  .langoustine-image-2, .langoustine-image-3 {
    margin: 0;
    width: auto;
    max-width: 100%;
  }

  .langoustine-image-3-holder {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -30px;
    margin-right: -30px;
  }

  .sm-bg-none {
    background: none;
  }

  .brown-crab-page header#seafood_landing_header, .scallops-page #header_container,
  .langoustine-page header#seafood_landing_header {
    background-size: cover;
  }

  .scallops-page #header_container {
    background-position-x: calc(50% + 100px);
  }
}



.w-3-10 {
  width: 30%;
}

.w-7-10 {
  width: 70%;
}

.text-center-landing {
  text-align: center;
}

@media (min-width: 2200px) {
  header#seafood_landing_header, .bg-map {
    background-size: cover;
  }
}

@media (min-width: 576px) and (max-width: 1220px) {
  #norwegian-seafood #middle_text {
    margin-top: 271px;
  }
}

@media (min-width: 992px) {
  .lg-bg-none {
    background: none;
  }

  .lg-w-auto {
    width: auto;
  }

  .lg-w-full {
    width: 100%;
  }

  .lg-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg-p-55 {
    padding: 55px;
  }

  .lg-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg-py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .lg-py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .lg-py-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  
  .lg-py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  .lg-py-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  
  .lg-py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  
  .lg-py-100 {
    padding-top: 100px;
    padding-bottom: 100px; 
  }
  
  .lg-py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  
  .lg-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .lg-px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .lg-px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .lg-px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  
  .lg-px-65 {
    padding-left: 65px;
    padding-right: 65px;
  }
  
  .lg-px-70 {
    padding-left: 70px;
    padding-right: 70px;
  }

  .lg-pb-0 {
    padding-bottom: 0;
  }
  
  .lg-pb-20 {
    padding-bottom: 20px;
  }
  
  .lg-pb-40 {
    padding-bottom: 40px;
  }
  
  .lg-pb-60 {
    padding-bottom: 60px;
  }
  
  .lg-pb-80 {
    padding-bottom: 80px;
  }
  
  .lg-pb-100 {
    padding-bottom: 100px;
  }
  
  .lg-pb-120 {
    padding-bottom: 120px;
  }
  
  .lg-pb-150 {
    padding-bottom: 150px;
  }
  
  .lg-pb-200 {
    padding-bottom: 150px;
  }

  .lg-pt-0 {
    padding-top: 0;
  }
  
  .lg-pt-20 {
    padding-top: 20px;
  }
  
  .lg-pt-40 {
    padding-top: 40px;
  }
  
  .lg-pt-60 {
    padding-top: 60px;
  }
  
  .lg-pt-80 {
    padding-top: 80px;
  }
  
  .lg-pt-100 {
    padding-top: 100px;
  }
  
  .lg-pt-120 {
    padding-top: 120px;
  }
  
  .lg-pt-150 {
    padding-top: 150px;
  }
  
  .lg-pt-190 {
    padding-top: 190px;
  }
  
  .lg-pl-20 {
    padding-left: 20px;
  }
  
  .lg-pl-40 {
    padding-left: 40px;
  }
  
  .lg-pl-50 {
    padding-left: 50px;
  }
  
  .lg-pl-60 {
    padding-left: 60px;
  }
  
  .lg-pl-80 {
    padding-left: 80px;
  }
  
  .lg-pl-90 {
    padding-left: 90px;
  }
  
  .lg-pr-10 {
    padding-right: 10px;
  }
  
  .lg-pr-20 {
    padding-right: 20px;
  }
  
  .lg-pr-40 {
    padding-right: 40px;
  }
  
  .lg-pr-50 {
    padding-right: 50px;
  }
  
  .lg-pr-60 {
    padding-right: 60px;
  }
  
  .lg-pr-80 {
    padding-right: 80px;
  }
  
  .lg-mb-0 {
    margin-bottom: 0;
  }
  
  .lg-mb-20 {
    margin-bottom: 20px;
  }
  
  .lg-mb-40 {
    margin-bottom: 40px;
  }
  
  .lg-mb-50 {
    margin-bottom: 50px;
  }
  
  .lg-mb-60 {
    margin-bottom: 60px;
  }
  
  .lg-mb-70 {
    margin-bottom: 70px;
  }
  
  .lg-mb-80 {
    margin-bottom: 80px;
  }

  .lg-mt-0 {
    margin-top: 0;
  }
  
  .lg-mt-20 {
    margin-top: 20px;
  }
  
  .lg-mt-40 {
    margin-top: 40px;
  }
  
  .lg-mt-50 {
    margin-top: 50px;
  }
  
  .lg-mt-60 {
    margin-top: 60px;
  }
  
  .lg-mt-80 {
    margin-top: 80px;
  }
  
  .lg--mt-60 {
    margin-top: -60px;
  }
  
  .lg--mt-80 {
    margin-top: -80px;
  }
  
  .lg--mt-100 {
    margin-top: -100px;
  }
  
  .lg--mt-170 {
    margin-top: -170px;
  }
  
  .lg--mt-230 {
    margin-top: -230px;
  }
  
  .lg-ml-20 {
    margin-left: 20px;
  }
  
  .lg-ml-40 {
    margin-left: 40px;
  }
  
  .lg-ml-60 {
    margin-left: 60px;
  }
  
  .lg-ml-80 {
    margin-left: 80px;
  }
  
  .lg-mr-20 {
    margin-right: 20px;
  }
  
  .lg-mr-40 {
    margin-right: 40px;
  }
  
  .lg-mr-60 {
    margin-right: 60px;
  }
  
  .lg-mr-80 {
    margin-right: 80px;
  }

  .lg-mt-10 {
    margin-top: 10px;
  }

  .lg-no-mb {
    margin-bottom: 0 !important;
  }

  .lg-mb-20 {
    margin-bottom: 20px;
  }

  .lg-mb-30 {
    margin-bottom: 30px;
  }

  .lg-mb-40 {
    margin-bottom: 40px;
  }

  .lg-mb-55 {
    margin-bottom: 55px;
  }

  .lg-mb-100 {
    margin-bottom: 100px;
  }

  .lg-mb-150 {
    margin-bottom: 150px;
  }

  .lg-mb-200 {
    margin-bottom: 200px;
  }

  .lg-pb-10 {
    padding-bottom: 10px;
  }

  .lg-max-w-470 {
    max-width: 470px;
  }
  
  .lg-max-w-520 {
    max-width: 520px;
  }
  
  .lg-max-w-610 {
    max-width: 610px;
  }
  
  .lg-max-w-650 {
    max-width: 650px;
  }
  
  .lg-max-w-670 {
    max-width: 670px;
  }
  
  .lg-max-w-720 {
    max-width: 720px;
  }
  
  .lg-max-w-750 {
    max-width: 750px;
  }
  
  .lg-max-w-840 {
    max-width: 840px;
  }
  
  .lg-max-w-960 {
    max-width: 960px;
  }
  
  .lg-max-w-1000 {
    max-width: 1000px;
  }
}

@media (min-width: 1220px) {
  .xl-pr-80 {
    padding-right: 80px;
  }
}



@media (min-width: 992px) and (max-width: 1220px) {
  .lg-max-w-610 {
    max-width: 500px;
  }

  .lg-xl-justify-start {
    justify-content: start;
  }

  .lg-xl-pl-80 {
    padding-left: 80px;
  }
}

.explore_process.flex {
  display: flex;
}

#norwegian-seafood #footer_bottom p {
  color: #aecac4;
  font-size: 10px;
  line-height: 20px;
}

@media (min-width: 991px) {
  .brown_crab_image-1 {
    animation: upDownAnimation 30s linear infinite;
    animation-fill-mode: forwards;
  }

  .brown_crab_image-2 {
    animation: upDownAnimationSlow 30s linear infinite;
    animation-fill-mode: forwards;
  }

  .brown_crab_image-3 {
    animation: downUpAnimation 45s linear infinite;
    animation-fill-mode: forwards;
  }

  .brown_crab_image-4 {
    animation: upDownAnimation 24s linear infinite;
    animation-fill-mode: forwards;
  }

  .brown_crab_image-5 {
    animation: downUpAnimation 36s linear infinite;
    animation-fill-mode: forwards;
  }
}

@keyframes upDownAnimation {
  0% {
    transform: translateY(0)
  }
  25% {
    transform: translateY(-30px)
  }
  50% {
    transform: translateY(0)
  }
  75% {
    transform: translateY(30px)
  }
  100% {
    transform: translateY(0)
  }
}


@keyframes downUpAnimation {
  0% {
    transform: translateY(0)
  }
  25% {
    transform: translateY(30px)
  }
  50% {
    transform: translateY(0)
  }
  75% {
    transform: translateY(-30px)
  }
  100% {
    transform: translateY(0)
  }
}

@keyframes upDownAnimationSlow {
  0% {
    transform: translateY(0)
  }
  25% {
    transform: translateY(-10px)
  }
  50% {
    transform: translateY(0)
  }
  75% {
    transform: translateY(10px)
  }
  100% {
    transform: translateY(0)
  }
}

.link_content {
  color: #99cecd;
  font-weight: bold;
}

#header_pan img {
  max-width: none;
}

@media screen and (max-width: 991px) { 
 #contact_container {
   margin-bottom: 75px;
 } 
}