@font-face {
  font-family: 'Gotham Greek';
  src: url('fonts/GothamGRBook.eot'); /* IE9 Compat Modes */
  src: url('fonts/GothamGRBook.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GothamGRBook.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/GothamGRBook.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/GothamGRBook.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/GothamGRBook.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: normal;
}
@font-face {
  font-family: 'Gotham Greek';
  src: url('fonts/GothamGRMedium.eot'); /* IE9 Compat Modes */
  src: url('fonts/GothamGRMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GothamGRMedium.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/GothamGRMedium.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/GothamGRMedium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/GothamGRMedium.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: 500;
}
@font-face {
  font-family: 'Gotham Greek';
  src: url('fonts/GothamGRBold.eot'); /* IE9 Compat Modes */
  src: url('fonts/GothamGRBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GothamGRBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/GothamGRBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/GothamGRBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/GothamGRBold.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: 700;
}


html {

}
body {
	/* background-color: #001e42; */
}
p {
	font-size: 16px;
	margin: 0 0 15px;
}
h1, h2, h3, h4 {
	font-weight: 500;
}
img {
    /*image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;  */
}
.padding-3 {
	padding-left: 3px;
	padding-right: 3px;
}
.padding-5 {
	padding-left: 5px;
	padding-right: 5px;
}
.padding-7 {
	padding-left: 7px;
	padding-right: 7px;
}
.padding-8 {
	padding-left: 8px;
	padding-right: 8px;
}
.padding-9 {
	padding-left: 9px;
	padding-right: 9px;
}
.padding-10 {
	padding-left: 10px;
	padding-right: 10px;
}
.padding-50 {
	padding-left: 50px;
	padding-right: 50px;
}
.no-padding {
	padding: 0;
}
.no-padding-l {
	padding-left: 0;
}
.no-padding-r {
	padding-right: 0;
}
.text-center {
	text-align: center;
}
.img-center {
	margin: auto;
}
.img-full img {
	width: 100%;
}
.col-center {
	float: none;
	margin: auto;
}
.opacity {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
}
.opacity:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.80;
}
.unopacity {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.80;
	transition: opacity 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
}
.unopacity:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.vertical-align-text-wrap {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
}
.vertical-align-text {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.clearfix {
	clear: both;
}
.container {
    width: 100%;
    max-width: 1200px;
}
.bfy-page {
  font-family: 'Gotham Greek', 'HurmeGeometricSans4', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 15px;
}
.bfy-page h1, .bfy-page h2, .bfy-page h3, .bfy-page h4, .bfy-page h5, .bfy-page h6, .bfy-page p {
  font-family: 'Gotham Greek', 'HurmeGeometricSans4', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
.bfy-page.landing {
  background-color: #011F41;
  color: #ffffff;
}
.bfy-page .nav {
  margin-left: 0;
}
.bfy-page .header {
  height: 530px;
  overflow: hidden;
  position: relative;
}
.bfy-page .header-cols {
  height: 100%;
}
.bfy-page .header-wrapper {
  height: 100%;
  /* margin-left: -5%;
  margin-right: -5%; */
}
.bfy-page .header-content {
  left: 0;
  margin: auto;
  max-width: 700px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.bfy-page .col-header {
  border-left: 2px solid #011F41;
  float: left;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  /* transform: skew(-10deg, 0deg); */
  vertical-align: bottom;
  width: 100%;
}
.bfy-page .col-header::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transition: all ease-in-out .3s;
  z-index: 1;

  /* Permalink - use to edit and share this gradient: http://www.colorzilla.com/gradient-editor/#000000+0,000000+130&0+0,0.75+130 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 130%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 130%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 130%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.bfy-page .col-header::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transition: all ease-in-out .3s;
  z-index: 1;
  opacity: 1;
  transform: translateY(25%);

  display: none;
}
.bfy-page .col-header:hover::before, .bfy-page .col-header:focus::before {
  transform: translateY(50%);
}
.header .col-header:hover .pack-img, .header .col-header:focus .pack-img {
  transform: translateY(10px);
}
.bfy-page .col-header a {
  color: #ffffff;
  /* display: none; */
  display: block;
  height: 100%;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  z-index: 10;
}
.bfy-page .col-header:hover .col-content {
  opacity: 1;
}
.bfy-page .col-header .col-content {
  /* background-image: url(img/integrale.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  bottom: 60px;
  display: block;
  /* height: 100%;
  width: 100%; */
  left: 0;
  opacity: .5;
  right: 0;
  position: absolute;
  transition: opacity ease-in-out .3s;
  /* transform: skew(10deg, 0deg); */
}
.img-header {
  height: 100%;
  left: 0;
  max-width: initial;
  position: absolute;
  /* transition: all ease-in-out .3s; */
  top: 0;
  /* transform: skew(10deg, 0deg) translateX(-6.5%); */
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bfy-page .content {
  position: relative;
  z-index: 1;
}
.bfy-page .bfy-section, .slick-initialized .slick-slide.bfy-section {
  height: 900px;
  margin-bottom: 0;
  position: relative;
}
.bfy-page .bfy-section .container-fluid, .bfy-page .bfy-section .row {
  height: 100%;
}
.bfy-page .bfy-section .col-bg, .bfy-page .bfy-section .col-text {
  min-height: 50%;
}
.bfy-page .bfy-section .col-bg {
  /* background-size: 0 0; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
  overflow: hidden;
}
.bfy-page .bfy-section .col-text .col-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.05;
  left: 0;
  top: 0;
  background-color: #001e43;
  background-size: cover;
  background-position: center;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.scroll-nav {
  background: RGBA(2, 20, 41, .3);
  border-radius: 50px;
  display: none;
  margin-top: -66px;
  padding: 6px 0;
  position: fixed;
  right: 15px;
  top: 50%;
  z-index: 10;
}
.scroll-nav .nav>li>a:focus, .scroll-nav .nav>li>a:hover {
  background-color: transparent;
}
.scroll-nav li a:hover::before {
  opacity: .5;
}
.scroll-nav li a {
  font-size: 0;
  padding: 6px 10px;
}
.scroll-nav li a::before {
  background: rgb(255, 204, 51);
  border-radius: 12px;
  content: '';
  display: block;
  height: 12px;
  opacity: .2;
  width: 12px;
}
.scroll-nav li.active a::before, .scroll-nav li.active a:hover::before, .scroll-nav li.active a:focus::before {
  opacity: 1;
}
.bfy-page .col-text {
  background: rgba(0, 30, 67, .95);
}
.bfy-page .col-title {
  text-transform: uppercase;
}
p {
  line-height: 1.75em;
}



.slick-slider .slick-track, .slick-slider .slick-list {
  height: 100%;
}
.slick-initialized .slick-slide, .slick-initialized .slick-slide>div {
  height: 100%;
}
.header .slick-dots {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.header .slick-dots li {
  display: inline-block;
}
.header .slick-dots li button {
  border: 0;
  display: block;
  font-size: 0;
  background: #e9bc32;
  opacity: .2;
  height: 3px;
  width: 40px;
  -webkit-appearance: none;
  margin: 0 3px;
}
.header .slick-dots li.slick-active button {
  opacity: 1;
}

.header .pack-img {
  position: absolute;
  left: 0;
  right: 0;
  width: 104px;
  margin: auto;
  bottom: 0;
  display: none;
  transition: all ease-in-out .3s;
}
.header .col-header:hover .pack-img::before {
  transform: translateY(100%);
}
.header .pack-img::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  transition: all ease-in-out .3s;

  /* Permalink - use to edit and share this gradient: http://www.colorzilla.com/gradient-editor/#000000+0,000000+130&0+0,0.75+130 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 130%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 130%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 130%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.bfy-page .col-text .text-wrapper {
  max-width: 600px;
  margin: 30px auto 0;
  z-index: 10;
}
.bfy-page .btn {
  border-radius: 0;
  border-width: 1px;
  font-size: 12px;
padding: 16px 12px;
  height: 51px;
  transition: all ease-in-out 0.15s;
}
.bfy-page .btn-primary {
  background: rgba(255, 204, 51, .1);
  border-color: #ffcc33;
  color: #ffcc33;
}
.bfy-page .btn-primary:hover, .bfy-page .btn-primary:focus {
  background: rgba(255, 204, 51, 1);
  border-color: #ffcc33;
  color: #001e43;
}
.bfy-page .btn-default {
  background: rgba(255, 255, 255, .1);
  border-color: #ffffff;
  color: #ffffff;
}
.bfy-page .btn-default:hover, .bfy-page .btn-default:focus {
  background: rgba(255, 255, 255, 1);
  border-color: #ffffff;
  color: #001e43;
}
.bfy-page .btns-wrapper .btn {
  margin-bottom: 20px;
}
/* .bfy-page .btns-wrapper .btn, .bfy-page .btns-wrapper .btn + .btn {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
} */
.bfy-page .btn-full {
  width: 100%;
}
.bfy-page .btn-half {
  width: 48%;
  margin-right: -4px;
}
.bfy-page .btn-half + .btn-half {
  margin-left: 4%;
}
.bfy-page .col-img {
  display: none;
}
.bfy-page .content .slick-dots {
  left: 0;
  margin: -40px auto 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
}
.bfy-page .content .slick-dots li button {
  background: rgb(255, 204, 51);
  border-radius: 12px;
  content: '';
  display: block;
  height: 12px;
  opacity: .2;
  width: 12px;
  border: 0;
  -webkit-appearance: none;
  padding: 0;
  font-size: 0;
}
.bfy-page .content .slick-dots li button:hover, .bfy-page .content .slick-dots li.active button:focus {
  opacity: .5;
}
.bfy-page .content .slick-dots li.slick-active button {
  opacity: 1;
}
.bfy-page .content .slick-dots li {
  display: inline-block;
  margin: 0 3px;
}
.article .container {
    padding-left: 20px;
    padding-right: 20px;
}
.recipe .container {
    padding-left: 20px;
    padding-right: 20px;
}
.content.recipe {
    color: #001e42;
}
.recipes-collapse {
  color: #022d62;
  padding: 40px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  height: 100%;
  z-index: 20;
}
.recipes-collapse .recipe-grid {
  height: calc(100% - 66px);
  overflow-y: auto;
  overflow-x: hidden;
}
.recipe-grid .col-grid {
  /* float: left; */
  /* max-width: 260px; */

  position: relative;
  width: auto;
}
.recipes-collapse .recipe-grid .col-grid img:nth-child(2) {
  left: 15px;
}

.recipes-collapse .recipe-grid .col-grid {
  max-width: 260px;
  opacity: 0;
  transform: translateY(100px);
  transition: all ease-in .5s;
  transition-delay: 50ms;
}

.recipes-collapse.in .recipe-grid .col-grid {
  opacity: 1;
    transform: translateY(0);
}
.recipes-collapse .recipe-grid .col-grid img {
  max-width: 230px;
}
.recipe-grid .col-grid img:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.recipe-grid .col-grid:hover img:nth-child(2), .recipe-grid .col-grid:focus img:nth-child(2) {
  opacity: 1;
}
.recipes-collapse .col-title {
  margin-bottom: 30px;
  margin-top: 0;
}
.col-grid a {
  display: block;
}
.col-grid {
  margin-bottom: 30px;
}
.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  /* opacity: 1; */
}
/* .close:hover {
  opacity: 0.3;
} */
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #022d62;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}


.bfy-page .content.infographic {
  background: #ffffff;
  padding-top: 50px;
}
.related-wrapper .info-title {
  font-weight: 700;
  margin-top: 64px;
  margin-bottom: 42px;
}
.related-carousel {
  text-align: center;
}
.related-wrapper .col-grid {
  padding-left: 5px;
  padding-right: 5px;
  width: 25%;
  display: inline-block;
  margin-left: -4px;
}
.recipe-grid.related-carousel .col-grid img:nth-child(2) {
  width: calc(100% - 10px);
}
.recipe .header, .article .header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  position: relative;
  color: #ffffff;
}
.recipe .header::before, .article .header::before {
  /* opacity: 1; */
  /* transform: translate(0); */
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(1,31,65,0.75) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(1,31,65,0.75) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(1,31,65,0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#011F4100',GradientType=0 );

  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;

}
.recipe .header .content-wrapper, .article .header .content-wrapper {
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 10;
}
.recipe .header .content-wrapper .valign-content, .article .header .content-wrapper .valign-content {
  display: table-cell;
  padding-bottom: 160px;
  padding-top: 160px;
  vertical-align: middle;
}
.recipe .header .header-info {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 10;
}
.recipe .header .info-label {
  margin-bottom: 16px;
  opacity: .5;
  text-transform: uppercase;
}
.recipe .header .info-value {
  margin-bottom: 30px;
  margin-top: 12px;
  text-transform: uppercase;
}
.recipe a:focus, .recipe a:hover {
  text-decoration: none;
}
.info-img {
  max-height: 41px;
}
.text-block {
  font-size: 20px;
  margin-bottom: 22px;
}
.text-block li {
  margin-bottom: 12px;
}
.recipe .text-block li {
    margin-bottom: 2px;
}
.text-block ul {
  list-style-type: disc;
}
.text-block p {
  font-size: inherit;
  line-height: 1.6em;
  margin-bottom: 20px;
  letter-spacing: 0.01px;
}
.text-block p:last-child {
  margin-bottom: 0;
}
.title-block {
  font-size: 22px;
  margin-bottom: 22px;
  margin-top: 44px;
  text-transform: uppercase;
  letter-spacing: 0.01em;
    font-weight: 700;
}
.nutritional-block table td:first-child {
  font-weight: 700;
}
.nutritional-block table td:first-child span {
  display: list-item;
  list-style-position: inside;
}
.nutritional-block th, .nutritional-block td {
  padding: 0 8px 7px;
}
.nutritional-block tr:nth-child(2) td {
  padding-top: 0;
}
.nutritional-block td {
  background: transparent;
  font-size: inherit;
  text-align: left;
}
.text-light {
  font-weight: 400;
}
.preparation-block h2 {
  letter-spacing: -0.04em;
}
.preparation-block ol {
  counter-reset: section;
  margin-left: 0;
  font-size: 20px;
}
.preparation-block ol>li {
  background: #001e43;
  color: #ffffff;
  display: table;
  list-style: none;
  min-height: 120px;
    height: 120px;
  padding-left: 120px;
  padding-right: 20px;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
}
.preparation-block ol>li>span {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 5px 0;
}
.large-title {
  text-transform: capitalize;
  margin-top: 50px;
  margin-bottom: 20px;
}
.preparation-block ol>li::before {
  background: #d9222a;
  border: 4px solid #ffffff;
  border-radius: 80px;
  counter-increment: section;
  content: counter(section);
  display: block;
  font-size: 2em;
  line-height: 72px;
  position: absolute;
  text-align: center;
  width: 80px;
  left: 10px;
  top: 50%;
  margin-top: -40px;
}
.slick-slide img {
  margin: auto;
}
@media screen and (max-width: 480px) {
  .bfy-page .btns-wrapper .btn {
    margin-bottom: 20px;
    font-size: 11px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .bfy-page .col-grid {
    width: 100%;
  }
  .related-wrapper .col-grid {
    width: 50%;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {

}
@media screen and (max-width: 767px) {
  .img-header {
    /* transform: skew(10deg, 0deg) translateX(-10%); */
  }
  .btns-wrapper {
    width: calc(100% - 30px);
  }
  .text-block {
    font-size: 14px;
    margin-bottom: 18px;
  }
  .title-block {
    font-size: 16px;
    margin-bottom: 18px;
    margin-top: 34px;
    font-weight: 700;
    letter-spacing: 0.01em;
  }
  .title-block span {
      font-size: 12px;
    }
  .preparation-block ol>li::before {
    border-width: 2px;
    line-height: 56px;
    margin-top: -30px;
    width: 60px;
  }
  .preparation-block ol>li {
    min-height: 100px;
    padding-left: 85px;
  }
  .text-block li {
    margin-bottom: 9px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .btns-wrapper {
    width: 600px;
  }
}

@media screen and (min-width: 768px) {
  .bfy-page .header {
    height: 800px;
  }
}
@media screen and (max-width: 991px) {
  .bfy-page .bfy-section .col-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    overflow: hidden;
  }
  .bfy-page .bfy-section .col-bg::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transition: all ease-in-out .3s;
    z-index: 1;
    opacity: 1;
    transform: translateY(25%);
    transform: translate(0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(1,31,65,0.75) 70%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(1,31,65,0.75) 70%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(1,31,65,0.75) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#011F4100',GradientType=0 );
  }
  .bfy-page .bfy-section .col-bg .col-title {
    display: table-cell !important;
    height: 100%;
    position: relative;
    vertical-align: middle;
    z-index: 10
  }

  .bfy-page .content .bfy-section .container-fluid {
    background-image: none !important;
  }
  .recipes-collapse .recipe-grid .col-grid {
    max-width: 260px;
    float: none;
    display: inline-block;
  }
  .recipes-collapse .recipe-grid .col-grid img {
    max-width: 230px;
  }
  .bfy-page .col-bg .col-img {
    position: absolute;
    top: 300px;
    left: 0;
    right: 0;
    z-index: 10;
    max-width: 528px;
    margin: auto;
  }
  .bfy-page .bfy-section .col-text {
    padding-bottom: 142px;
  }
  .btns-wrapper {
    position: absolute;
    bottom: 0;
    margin: auto;
  }
  .recipes-collapse {
    background: #001e43;
    color: #fff;
    text-align: center;
    z-index: 20;
  }
  .recipes-collapse .close:before, .recipes-collapse .close:after {
    background-color: #ffffff;
  }
  .article .header {
    height: 530px;
  }
  .recipe .header-info {
    background: #001e44;
  }
  .recipe .header .info-value {
    font-size: 0.8em;
    margin-bottom: 18px;
    margin-top: 10px;
  }
  .recipe .header .info-label {
    font-size: 9px;
    margin-bottom: 10px;
    margin-top: 14px;
  }
  .info-img {
    max-height: 22px;
  }
  .recipe .header {
    background-size: auto 530px;
    background-position: center top;
    height: 630px;
    padding-bottom: 100px;
  }
  .recipe .header::before {
    height: 530px;
    top: 0;
  }
  .preparation-block ol>li {
    font-size: 12px;
  }
}
@media screen and (min-width: 992px) {
  .bfy-page .col-header {
    width: 20%;
  }
  .bfy-page .col-header.first {
    border-left: 0;
    /* width: 25%;
    margin-left: -1.5%;
    padding-left: 10%; */
  }
  .bfy-page .col-header.last {
    /* margin-right: -5%;
    padding-right: 5%; */
  }
  .img-header {
    /* transform: skew(10deg, 0deg) translateX(-50%) scale(1); */
  }
  .bfy-page .col-header:hover .img-header, .bfy-page .col-header:focus .img-header {
    /* transform: skew(10deg, 0deg) translateX(-50%) scale(1.05); */
    /* transform: scale(1.05); */
  }
  .bfy-page .content .bfy-section .container-fluid {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: none !important;
  }
  .bfy-page .col-header:hover::after, .bfy-page .col-header:focus::after {
    opacity: 1;
    transform: translate(0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(1,31,65,0.75) 70%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(1,31,65,0.75) 70%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(1,31,65,0.75) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#011F4100',GradientType=0 );
  }
  .bfy-page .col-header a {
    display: block;
  }
  .bfy-page .col-header .col-content {
    bottom: 160px;
  }
  .bfy-page .col-img {
    display: block;
    margin-top: 90px;
    max-width: 528px;
    margin-left: auto;
    margin-right: auto;
  }
  .scroll-nav {
    display: block;
  }
  .bfy-page .bfy-section .container-fluid, .bfy-page .bfy-section .row, .bfy-page .bfy-section .col-bg, .bfy-page .bfy-section .col-text {
    height: 100%;
  }
  .bfy-page .bfy-section.even .col-bg {
    float: right;
  }
  .bfy-page .col-text .text-wrapper {
    max-width: 370px;
    margin: 100px auto 0;
    position: relative;
  }
  .recipes-collapse {
    width: 50%;
  }
  .bfy-page .bfy-section.odd .recipes-collapse {
    left: auto;
    right: 0;
  }
  .header .pack-img {
    display: block;
  }
  .large-title {
    margin-top: 100px;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {

}
@media screen and (min-width: 1200px) {
  .bfy-page .col-header.first {
    /* width: 22.5%; */
  }
  .scroll-nav {
    right: 50px;
  }
  .bfy-page .col-header a {
    font-size: 22px;
  }
  .bfy-page .col-header .col-content {
    /* bottom: 90px; */
  }
}

.article a:focus, .article a:hover {
    text-decoration: none;
}
.article p a {
    border: 0;
}
.article .valign-content p {
    /* font-family: "Gotham Greek"; */
}
.article .text-wrapper {
    margin-top: 85px;
    color: #001e42;
}
.article .text-wrapper p {
    /* font-family: "Gotham Greek"; */
    font-size: 20px;
    line-height: 1.6em;
    letter-spacing: 0.01px;
}
.article .text-wrapper p strong {
  /* font-size: 22px; */
  /* display: block;
  margin-bottom: 22px;
  margin-top: 44px; */
    text-transform: uppercase;
}
.article .author-name {
    margin-top: 25px;
    color: #123;
    font-style: italic;
}
.article .panel-group {
    margin-top: 50px;
}
.article .panel-title {
    position: relative;
    color: #001e42;
}
.article .panel-title img {
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -5px;
}
.article .panel-title.collapsed .arrow-up {
    display: none;
}
.article .panel-title.collapsed .arrow-down {
    display: block;
}
.article .arrow-down {
    display: none;
}
.article .panel-default {
    border-color: #001e42;
    border-radius: 0;
}
.panel-default>.panel-heading, .panel {
    background-color: transparent;
}
.accord-wrapper {
    background-color: #fafbfc;
}
.panel-body {
    color: #001e42;
}
.panel-body a {
    color: #001e42;
    text-decoration: none;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: 0;
}
.single-title {
    letter-spacing: 0.01px;
}
.panel-title a {
  letter-spacing: 0.01px;
}
.article li {
    padding-bottom: 15px;
}
u {
    text-decoration: none;
}
.text-wrapper ul {
        font-size: 20px;
    }
@media screen and (max-width: 767px) {
  .article .text-wrapper p {
    font-size: 16px;
  }
    .text-wrapper ul {
        font-size: 13px;
    }
}