hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

.clearfix:after, .clear {
  clear: both;
}

/*
    Fonts
*/

@font-face {
  font-family: "SuperclarendonRg";
  src: url("../fonts/SuperclarendonRg.woff2") format("woff2"), url("../fonts/SuperclarendonRg.woff") format("woff"), url("../fonts/SuperclarendonRg.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}

/*
    Colors
*/

/*
    Global Settings
*/

* {
  outline: none;
}

html {
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}

body {
  background: #fff;
  color: #828282;
  font-size: 16px;
  font-family: 'Arial', sans-serif;
  height: 100%;
  margin: 0;
  padding: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1400px;
  width: 100%;
}

h1 {
  font-weight: 400;
  margin: 0;
}

h2 {
  font-weight: 400;
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0;
}

input {
  -webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -o-user-select: text !important;
}

textarea {
  -webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -o-user-select: text !important;
}

.head {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 40px;
  padding-top: 50px;
  position: relative;
  text-align: center;
  width: 100%;
}

.head:before {
  background: #ccc;
  content: '';
  height: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 320px;
  width: 100%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.head h2 {
  color: #6A9595;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.head h2 a {
  color: #6A9595;
  text-decoration: none;
  transition: .2s;
}

.head h2 a:hover {
  opacity: .5;
}

.head p {
  font-size: 14px;
  line-height: 24px;
  margin: 0 auto;
  max-width: 640px;
}

ul {
  list-style: none;
  margin: 0;
}

p {
  margin: 0;
}

.button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 48px;
  padding: 0 30px;
  text-align: center;
  text-decoration: none;
  transition: .4s;
}

.button:hover {
  background: #2D2F2A;
  color: #fff;
  text-decoration: none;
}

.button.no-fill {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 6px;
  position: relative;
  transition: .4s;
}

.button.no-fill:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 7px;
  content: '';
  height: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 270px;
  transition: .4s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.button.no-fill:hover {
  background: #fff;
  color: #000;
}

.button.no-fill:hover:before {
  height: 60px;
  width: calc(100% + 10px);
}

.button.fill-white {
  background: #fff;
  color: #000;
}

.button.fill-white:hover {
  background: #2D2F2A;
  color: #fff;
}

.button.fill-black {
  background: #000;
  border: 1px solid #000;
  color: #fff;
  border-radius: 6px;
  transition: .4s;
}

.button.fill-black:hover {
  background: #000;
  color: #fff;
}

.mobile-show {
  display: none;
}

/*
    Menu
*/

.main-menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3c272;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f3c272 60%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f3c272 60%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f3c272 60%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c272', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  height: calc(100% - 120px);
  padding: 80px 140px 0;
  position: fixed;
  bottom: 0;
  right: 0;
  vertical-align: middle;
  max-width: 700px;
  width: 100%;
  z-index: 19;
  transition: .4s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.main-menu.visible {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.main-menu .nav-wrap li {
  text-align: right;
}

.main-menu .nav-wrap a {
  border-bottom: 1px dashed #fff;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  text-align: right;
  text-decoration: none;
}

.main-menu .nav-wrap .mm-my-recepts {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/mm_recpt.svg) right 0 top 50% no-repeat;
  background-size: 20px auto;
}

.main-menu .nav-wrap .mm-my-recepts a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px;
}

.main-menu .nav-wrap .mm-rec-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/mm_shopping.svg) right 0 top 50% no-repeat;
  background-size: 20px auto;
}

.main-menu .nav-wrap .mm-rec-list a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px;
}

.main-menu .socials {
  margin-top: 20px;
  text-align: right;
}

.main-menu .socials p {
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: right;
}

.main-menu .socials li {
  display: inline-block;
  margin-right: 0;
  margin-left: 15px;
  vertical-align: top;
}

.main-menu .socials a {
  border-bottom: 0;
}

.main-menu .socials img {
  display: block;
  height: 30px;
  width: 30px;
}

/*
    Header
*/

header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  padding: 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}

header .container {
  position: relative;
}

header .logo {
  background: url(../img/logo.svg) center no-repeat;
  background-size: 100% auto;
  display: block;
  height: 80px;
  width: 350px;
}

header .logo:hover {
  opacity: .5;
}

header .actions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  padding-top: 25px;
  top: 0;
  right: 20px;
}

header .actions .search-trigger {
  background: url(../img/icons/search.svg) center no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: inline-block;
  height: 35px;
  margin-right: 11px;
  vertical-align: top;
  width: 35px;
  transition: .2s;
}

header .actions .search-trigger:hover {
  opacity: .5;
}

header .actions .login-trigger {
  background: url(../img/icons/login.svg) center no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: inline-block;
  height: 35px;
  vertical-align: top;
  width: 35px;
  transition: .2s;
}

header .actions .login-trigger:hover {
  opacity: .5;
}

header .actions .account-link {
  background: url(../img/icons/account.svg) center no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: inline-block;
  height: 35px;
  vertical-align: top;
  width: 35px;
  transition: .2s;
}

header .actions .account-link:hover {
  opacity: .5;
}

header .actions .menu-trigger {
  cursor: pointer;
  display: inline-block;
  margin-left: 15px;
  vertical-align: top;
}

header .actions .menu-trigger .line {
  background: #B3B3B3;
  border-radius: 5px;
  display: block;
  height: 2px;
  margin-bottom: 12px;
  width: 40px;
}

header .actions .menu-trigger.active {
  background: url(../img/icons/menu_close.svg) top 3px left 50% no-repeat;
}

header .actions .menu-trigger.active .line {
  opacity: 0;
}

/*
    Footer
*/

footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ECC06E;
  padding: 60px 0;
}

footer .block {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  width: 33.3333%;
}

footer ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding-right: 30px;
  vertical-align: top;
}

footer ul a {
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  text-decoration: none;
  transition: .2s;
}

footer ul a:hover {
  opacity: .5;
}

footer .f-logo {
  background: url(../img/logo_f.svg) center no-repeat;
  background-size: 100% auto;
  display: block;
  height: 64px;
  margin: 0 auto 40px;
  width: 280px;
}

footer .f-logo:hover {
  opacity: .5;
}

footer .socials {
  text-align: center;
}

footer .socials ul {
  padding-right: 0;
}

footer .socials li {
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
}

footer .socials li:hover {
  opacity: .5;
}

footer .socials img {
  display: block;
  height: 30px;
  width: 30px;
}

footer .newsletter {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  float: right;
  margin-bottom: 20px;
  padding-left: 20px;
}

footer .newsletter strong {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/newsletter.svg) left 0 top 2px no-repeat;
  background-size: 29px auto;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 10px;
  padding-left: 50px;
}

footer .newsletter .nl-form {
  position: relative;
}

footer .newsletter input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #A9B8BD;
  border: 0;
  color: #fff;
  display: block;
  padding: 5px 10px;
  width: 100%;
}

footer .newsletter input::-webkit-input-placeholder {
  color: #fff;
}

footer .newsletter input::-moz-placeholder {
  color: #fff;
}

footer .newsletter input:-ms-input-placeholder {
  color: #fff;
}

footer .newsletter input:-moz-placeholder {
  color: #fff;
}

footer .newsletter .sent {
  background: url(../img/icons/news_arrow.svg) center no-repeat;
  background-size: 20px auto;
  border: 0;
  cursor: pointer;
  height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  width: 30px;
}

footer .copy {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  float: right;
  font-size: 10px;
  line-height: 24px;
  padding-left: 20px;
  text-align: right;
}

footer .copy a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

/*
    Intro Section
*/

.intro-section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 120px;
  margin-bottom: 40px;
  position: relative;
}

.intro-section .half-circle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/half_circle_w.svg) left 50% bottom 0 no-repeat;
  background-size: auto 100%;
  height: 120px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}

.intro-section .circled-button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ECC06E;
  border-radius: 50%;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  height: 160px;
  padding: 0 20px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  text-align: center;
  text-decoration: none;
  width: 160px;
  margin-left: -80px;
  z-index: 5;
  transition: .4s;
}

.intro-section .circled-button p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.intro-section .circled-button:hover {
  background-color: #CBD6D3;
}

.intro-section .fotorama__nav-wrap {
  bottom: 210px;
  position: absolute;
}

.intro-section .fotorama__nav-wrap .fotorama__nav--dots .fotorama__nav__frame {
  width: 30px;
}

.intro-section .fotorama__nav-wrap .fotorama__nav__frame.fotorama__active .fotorama__dot {
  background-color: #C8D7D3;
  border-color: #C8D7D3;
}

.intro-section .fotorama__nav-wrap .fotorama__dot {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-radius: 50%;
  border-color: #fff;
  height: 10px;
  width: 10px;
}

/*
    Blogs & Vlogs
*/

.blogs-vlogs {
  background: url(../img/foto/blogs_vlogs.jpg) center no-repeat;
  background-size: cover;
  margin: 0 auto 80px;
  max-width: 1024px;
}

.blogs-vlogs .description {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #C8D7D3;
  color: #fff;
  float: right;
  padding: 60px 30px 40px;
  width: 31.25%;
}

.blogs-vlogs .description h2 {
  font-size: 36px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.blogs-vlogs .description p {
  line-height: 24px;
}

.blogs-vlogs .description .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  color: #fff;
  margin-top: 30px;
}

/*
    Featured Recept
*/

.featured-recept {
  margin-bottom: 80px;
  text-align: center;
}

.featured-recept .recept-block {
  position: relative;
}

.featured-recept .recept-block h2 {
  color: #fff;
  font-size: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.featured-recept .recept-block .cover {
  background-position: center;
  background-size: cover;
  height: 440px;
  position: relative;
  transition: .2s;
}

.featured-recept .recept-block .cover:hover {
  opacity: .5;
}

.featured-recept .recept-block .add-to-fav {
  position: absolute;
  bottom: -50px;
  right: 10px;
  transition: .4s;
}

.featured-recept .recept-block .add-to-fav button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/fav_not_added.svg) center no-repeat transparent;
  background-size: 25px auto;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  text-indent: -9999px;
  width: 50px;
}

.featured-recept .recept-block .add-to-fav button.active {
  background-image: url(../img/icons/fav_added.svg);
  opacity: 1 !important;
}

.featured-recept .recept-block .add-to-fav:hover {
  transform: scale(1.2);
}

.featured-recept .v-details {
  background: #F2BF6A;
}

.featured-recept .v-details div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  float: left;
  font-size: 12px;
  line-height: 30px;
}

.featured-recept .v-details .v-likes {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  background-size: 20px;
}

.featured-recept .v-details .v-length {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/time_w.svg) left 0 top 50% no-repeat;
  background-size: 20px;
  border-left: transparent;
  border-right: 1px solid #fff;
  padding-right: 15px;
  padding-left: 30px;
  margin-left: 15px;
}

/*
    Featured Videos
*/

.featured-videos {
  margin-bottom: 80px;
}

.featured-videos .row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 -15px;
}

.featured-videos .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: -4px;
  padding: 15px;
  vertical-align: top;
  width: 33.3333%;
}

.featured-videos .col a {
  display: block;
  text-decoration: none;
}

.featured-videos .block {
  background-position: center;
  background-size: cover;
  position: relative;
}

.featured-videos .block .video-wrap {
  display: block;
  object-fit: cover;
  width: 100%;
  transition: .2s;
}

.featured-videos .block .video-wrap:hover {
  opacity: .5;
}

.featured-videos .block .video-wrap p {
  line-height: 0;
}

.featured-videos .block .video-wrap iframe {
  object-fit: cover;
  height: 240px;
  width: 100%;
}

.featured-videos .block .v-info {
  display: block;
  text-decoration: none;
  width: 100%;
}

.featured-videos .block .v-info a {
  text-decoration: none;
}

.featured-videos .block .bg-orange .v-name {
  background: #EAB367;
}

.featured-videos .block .bg-blue .v-name {
  background: #9BAAAD;
}

.featured-videos .block .bg-green .v-name {
  background: #BACDC5;
}

.featured-videos .block .bg-pink .v-name {
  background: #E9C6B7;
}

.featured-videos .block .bg-darkgreen .v-name {
  background: #668D8C;
}

.featured-videos .block .bg-grey .v-name {
  background: #A4A6A6;
}

.featured-videos .block .bg-darkgrey .v-name {
  background: #676868;
}

.featured-videos .block .v-name {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #EFD1C6;
  color: #fff;
  font-size: 20px;
  padding: 10px;
  text-align: center;
  width: 100%;
  transition: .2s;
}

.featured-videos .block .v-name a {
  color: #fff;
  text-decoration: none;
}

.featured-videos .block .v-name:hover {
  opacity: .5;
}

.v-details {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  padding: 10px 0;
}

.v-details div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #B3B3B3;
  float: right;
  font-size: 12px;
  line-height: 30px;
}

.v-details .v-length {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/time.svg) left 15px top 50% no-repeat;
  background-size: 20px;
  border-left: 1px solid #CCCCCC;
  padding-left: 45px;
  margin-left: 15px;
}

/*
    Popular Recepts
*/

.popular-recepts {
  margin-bottom: 80px;
}

.popular-recepts #mobile-recepts-slider {
  display: block;
}

.popular-recepts .row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 -15px;
}

.popular-recepts .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: -4px;
  padding: 15px;
  vertical-align: top;
  width: 25%;
}

.popular-recepts .block {
  position: relative;
}

.popular-recepts .block .cover {
  background-position: center;
  background-size: cover;
  height: 300px;
  position: relative;
  transition: .2s;
}

.popular-recepts .block .cover:hover {
  opacity: .5;
}

.popular-recepts .block .add-to-fav {
  position: absolute;
  bottom: 100px;
  right: 1px;
  z-index: 5;
  transition: .4s;
}

.popular-recepts .block .add-to-fav button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/fav_not_added.svg) center no-repeat transparent;
  border: 0;
  background-size: 25px auto;
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  text-indent: -9999px;
  width: 50px;
}

.popular-recepts .block .add-to-fav button.active {
  background-image: url(../img/icons/fav_added.svg);
  opacity: 1 !important;
}

.popular-recepts .block .add-to-fav:hover {
  transform: scale(1.2, 1.2);
}

.popular-recepts .block .play-button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/play.svg) left 60% top 50% no-repeat rgba(255, 255, 255, 0.5);
  background-size: 25px auto;
  border-radius: 50%;
  height: 50px;
  position: absolute;
  top: 40%;
  left: 50%;
  width: 50px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.popular-recepts .block .v-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.popular-recepts .block .bg-orange .v-name {
  background: #EAB367;
}

.popular-recepts .block .bg-blue .v-name {
  background: #9BAAAD;
}

.popular-recepts .block .bg-green .v-name {
  background: #BACDC5;
}

.popular-recepts .block .bg-pink .v-name {
  background: #E9C6B7;
}

.popular-recepts .block .bg-darkgreen .v-name {
  background: #668D8C;
}

.popular-recepts .block .bg-grey .v-name {
  background: #A4A6A6;
}

.popular-recepts .block .bg-darkgrey .v-name {
  background: #676868;
}

.popular-recepts .block .v-name {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #EFD1C6;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.popular-recepts .block .v-name a {
  color: #fff;
  text-decoration: none;
}

.popular-recepts .block .v-details {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  padding: 10px 0;
}

.popular-recepts .block .v-details div {
  color: #B3B3B3;
  float: right;
  font-size: 12px;
}

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

.button-wrap .button {
  background: #ECC06E;
  color: #fff;
  height: 50px;
  margin: 40px auto;
  width: 220px;
  transition: .2s;
}

.button-wrap .button:hover {
  background-color: #C5D8D3;
}

/*
    Social Media
*/

.social-media {
  margin-bottom: 80px;
}

.social-media .feeds-slider {
  margin: 0 auto;
  text-align: center;
  max-width: 500px;
}

.social-media .feeds-slider .top {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  line-height: 40px;
  text-align: center;
  width: 100%;
}

.social-media .feeds-slider .top.facebook {
  background: #1770B8;
}

.social-media .feeds-slider .fb-widget {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}

/*
    Partners
*/

.partners-section {
  margin-bottom: 80px;
}

.partners-section .p-logo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
  padding: 15px;
  text-align: center;
  width: 33.3333%;
}

.partners-section .p-logo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 95%;
  transition: .2s;
}

.partners-section .p-logo img:hover {
  opacity: .5;
}

/**********************************************************************************
    Inner Page
**********************************************************************************/

.inner-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 120px 0 0;
}

.inner-page .page-banner {
  background-position: center;
  background-size: cover;
  height: 600px;
  position: relative;
}

.inner-page .page-banner:before {
  background: rgba(0, 0, 0, 0.3);
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.inner-page .page-banner h1 {
  color: #fff;
  font-size: 68px;
  font-weight: 200;
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.inner-page .page-banner .half-circle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/half_circle_w.svg) left 50% bottom 0 no-repeat;
  background-size: auto 100%;
  height: 120px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}

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

.reciepts-filter li {
  display: inline-block;
}

.reciepts-filter li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #282828;
  cursor: pointer;
  display: block;
  font-size: 14px;
  margin: 0 20px;
  padding-bottom: 10px;
  text-decoration: none;
}

.reciepts-filter li a:hover {
  opacity: .5;
}

.reciepts-filter li a.active {
  border-bottom: 1px solid #F2BF6A;
}

/*
captcha

*/

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
  display: flex;
  justify-content: center;
  margin: 15px;
}

/*
    Blog & Vlog
*/

.blog-vlog-page .about {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 300px;
  margin: 0 auto 60px;
  padding: 40px 40px 40px 350px;
  position: relative;
  width: calc(65% - 30px);
}

.blog-vlog-page .about:before {
  background: #F4D0C5;
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 150px);
  z-index: 0;
}

.blog-vlog-page .about .foto {
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  z-index: 5;
}

.blog-vlog-page .about h2 {
  color: #5E9696;
  font-size: 24px;
  margin-bottom: 25px;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}

.blog-vlog-page .about p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  z-index: 2;
}

.blog-vlog-page .about .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ABB8BC;
  border: 0;
  color: #fff;
  float: right;
  line-height: 40px;
  margin-top: 40px;
  position: relative;
  z-index: 3;
  width: 180px;
}

.blog-vlog-page .about .button:hover {
  background: #ECC06E;
}

.blog-vlog-page .insta {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #C5D8D3;
  float: right;
  height: 300px;
  padding: 40px;
  width: 35%;
  display: none;
}

.blog-vlog-page .insta .insta-logo img {
  display: block;
  max-width: 140px;
  width: 100%;
}

.blog-vlog-page .insta .profile-name {
  color: #619696;
  font-size: 16px;
}

.blog-vlog-page .insta .followers {
  color: #fff;
  margin: 30px 0;
}

.blog-vlog-page .insta .insta-fotos {
  float: right;
  width: calc(100% - 190px);
}

.blog-vlog-page .insta .insta-fotos img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: -4px;
  padding: 4px;
  vertical-align: top;
  width: 50%;
}

.blog-vlog-page .insta .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/insta_b.svg) left 15px top 50% no-repeat;
  background-size: 30px;
  border-radius: 15px;
  color: #fff;
  padding-left: 60px;
}

.blog-vlog-page .blog-posts {
  margin: 0 auto 100px;
  max-width: 960px;
}

.blog-vlog-page .blog-posts .main-post {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #F2BF6A;
  margin-bottom: 60px;
  padding-bottom: 30px;
  text-align: center;
}

.blog-vlog-page .blog-posts .main-post p {
  color: #666666;
  font-size: 14px;
  font-weight: 200;
  line-height: 22px;
}

.blog-vlog-page .blog-posts .main-post .read-more {
  color: #5E9696;
  display: block;
  float: right;
  font-size: 12px;
  margin-top: 40px;
  text-decoration: none;
  text-transform: uppercase;
}

.blog-vlog-page .blog-posts .main-post .foto {
  margin-bottom: 20px;
}

.blog-vlog-page .blog-posts .main-post .foto img {
  display: block;
  width: 100%;
}

.posts-list .go-back {
  color: #619696;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 40px;
  text-decoration: none;
}

.posts-list .row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 -15px;
}

.posts-list .block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: -4px;
  padding: 15px;
  vertical-align: top;
  width: 50%;
}

.posts-list .foto {
  background-position: center;
  background-size: cover;
  padding-bottom: 50%;
  width: 100%;
  transition: .4s;
}

.posts-list .foto:hover {
  opacity: .5;
}

.posts-list .p-name {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #619696;
  display: block;
  padding: 20px 10px 10px;
  text-align: center;
}

.posts-list .date {
  color: #666666;
  font-size: 14px;
  font-weight: 200;
  text-align: center;
}

/*
    Post Current
*/

.current-post .go-back {
  color: #619696;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 40px;
  text-decoration: none;
}

.current-post .meta {
  margin-bottom: 60px;
  text-align: center;
}

.current-post .meta h1 {
  color: #5E9696;
  font-size: 24px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.current-post .meta p {
  color: #666666;
  font-size: 12px;
}

.current-post .meta p a {
  color: #666666;
  text-decoration: none;
}

.current-post .meta .share-post {
  margin: 20px auto 0;
  text-align: center;
}

.current-post .meta .share-post a {
  display: inline-block;
  float: none;
  height: 36px;
  margin-left: 10px;
  width: 34px;
  transition: .2s;
}

.current-post .meta .share-post a:hover {
  opacity: .5;
}

.current-post .meta .share-post svg {
  display: none;
}

.current-post .meta .share-post span {
  display: none;
}

.current-post .meta .share-post .a2a_button_facebook {
  background: url("../img/icons/share_fb.svg") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

.current-post .meta .share-post .a2a_button_twitter {
  background: url("../img/icons/share_x.com.svg") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

.current-post .post-cover {
  margin: 0 auto 40px;
  max-width: 1024px;
}

.current-post .post-cover img {
  display: block;
  width: 100%;
}

.current-post .post-article {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #F2BF6A;
  margin: 0 auto;
  max-width: 680px;
  width: 100%;
}

.current-post .post-article iframe {
  display: block;
  height: 480px;
  margin: 60px auto;
  width: 100%;
}

.current-post .post-article img {
  display: block;
  height: auto;
  margin: 60px 0;
  width: 100%;
}

.current-post .post-article p {
  font-size: 14px;
  font-weight: 200;
  line-height: 24px;
  margin-bottom: 15px;
}

.current-post .post-article ul {
  margin: 40px 0;
  padding: 0;
}

.current-post .post-article li {
  font-size: 14px;
  font-weight: 200;
  line-height: 24px;
  padding: 0;
}

.current-post .related-post {
  margin-bottom: 40px;
}

.current-post .related-post.blogs-vlogs-related {
  margin: 0 auto 40px;
  max-width: 690px;
}

.current-post .related-post .head:before {
  display: none;
}

.current-post .related-post a {
  display: block;
  text-decoration: none;
}

/*
    Current Reciept
*/

.reciept-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 920px;
}

.reciept-wrap .go-back {
  color: #619696;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin: 40px 0 0;
  text-decoration: none;
}

.reciept-wrap .name {
  float: left;
  margin: 40px 0;
  width: calc(100% - 100px);
}

.reciept-wrap .name h1 {
  color: #619696;
  display: inline-block;
  line-height: 36px;
  text-transform: uppercase;
  vertical-align: top;
  max-width: 75%;
}

.reciept-wrap .name .like {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #619696;
  display: inline-block;
  font-weight: 200;
  line-height: 36px;
  margin-left: 30px;
  padding-left: 30px;
  vertical-align: top;
}

.reciept-wrap .share-post {
  float: right;
  margin-top: 40px;
  margin-bottom: 20px;
}

.reciept-wrap .share-post a {
  display: block;
  height: 36px;
  margin-left: 10px;
  width: 34px;
  transition: .2s;
}

.reciept-wrap .share-post a:hover {
  opacity: .5;
}

.reciept-wrap .share-post svg {
  display: none;
}

.reciept-wrap .share-post span {
  display: none;
}

.reciept-wrap .share-post .a2a_button_facebook {
  background: url("../img/icons/share_fb.svg") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

.reciept-wrap .share-post .a2a_button_twitter {
  background: url("../img/icons/share_x.com.svg") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

.reciept-wrap .video {
  background-position: center;
  background-size: cover;
  height: 500px;
  margin-bottom: 40px;
  position: relative;
}

.reciept-wrap .video iframe {
  display: block;
  height: 500px;
  width: 100%;
}

.reciept-wrap .video .add-to-fav {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.reciept-wrap .video .add-to-fav button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/fav_not_added.svg) center no-repeat transparent;
  background-size: 20px auto;
  border: 0;
  background-size: 35px auto;
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  text-indent: -9999px;
  width: 50px;
  transition: .2s;
}

.reciept-wrap .video .add-to-fav button:hover {
  transform: scale(1.2);
}

.reciept-wrap .video .add-to-fav button.active {
  background-image: url(../img/icons/fav_added.svg);
  opacity: 1 !important;
}

.reciept-wrap .ingredients-section {
  margin-bottom: 60px;
}

.reciept-wrap .ingredients-section .ingredients-head {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #F2BF6A;
  padding-bottom: 10px;
  width: 75%;
}

.reciept-wrap .ingredients-section .ingredients-head h2 {
  color: #5E9696;
  display: inline-block;
  font-size: 24px;
  letter-spacing: 1pt;
  text-transform: uppercase;
  vertical-align: top;
}

.reciept-wrap .ingredients-section .ingredients-head .person-calculator {
  float: right;
  vertical-align: top;
}

.reciept-wrap .ingredients-section .ingredients-head .person-calculator span {
  display: inline-block;
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
  margin-left: 5px;
  vertical-align: top;
  width: auto;
}

.reciept-wrap .ingredients-section .ingredients-head .person-calculator input {
  display: inline-block;
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
  margin-left: 5px;
  vertical-align: top;
  width: auto;
}

.reciept-wrap .ingredients-section .ingredients-head .person-calculator .number-of-persons {
  border: 0;
  color: #808080;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  width: 20px;
}

.reciept-wrap .ingredients-section .ingredients-head .person-calculator .controller {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #CCCCCC;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 20px;
}

.reciept-wrap .ingredients-section .reciept-details {
  margin-top: 10px;
  margin-bottom: 40px;
}

.reciept-wrap .ingredients-section .reciept-details li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border-right: 1px solid #808080;
  font-size: 14px;
  line-height: 30px;
  margin-right: -4px;
  margin-right: 15px;
  padding-right: 15px;
  padding-left: 35px;
  vertical-align: top;
  width: auto;
}

.reciept-wrap .ingredients-section .reciept-details li:last-child {
  border-right: 0;
}

.reciept-wrap .ingredients-section .reciept-details li.chicken {
  padding-left: 0;
}

.reciept-wrap .ingredients-section .reciept-details li.chicken .f-type-icon {
  display: inline-block;
  margin-top: -4px;
  margin-right: 6px;
  vertical-align: middle;
}

.reciept-wrap .ingredients-section .reciept-details li.chicken .f-type-icon img {
  display: block;
  height: auto;
  width: 30px;
}

.reciept-wrap .ingredients-section .reciept-details li.chicken p {
  display: inline-block;
  line-height: 30px;
  margin-bottom: 0;
  vertical-align: top;
}

.reciept-wrap .ingredients-section .reciept-details li.time {
  background: url(../img/icons/time.svg) left 0 top 50% no-repeat;
  background-size: 24px;
}

.reciept-wrap .ingredients-section .reciept-details li.food {
  background: url(../img/icons/food.svg) left 0 top 50% no-repeat;
  background-size: 24px;
}

.reciept-wrap .ingredients-section .list-group {
  margin-bottom: 40px;
}

.reciept-wrap .ingredients-section .list-group strong {
  display: block;
  margin-bottom: 15px;
}

.reciept-wrap .ingredients-section .list-group li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #808080;
  display: inline-block;
  font-size: 15px;
  margin-right: -4px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
  vertical-align: top;
  width: 50%;
}

.reciept-wrap .ingredients-section .list-group li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.reciept-wrap .ingredients-section .list-group li:last-child:after {
  display: none;
}

.reciept-wrap .ingredients-section .list-group li:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #E0E0E0;
  content: '';
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
}

.reciept-wrap .ingredients-section .list-group li div {
  display: inline-block;
  vertical-align: top;
}

.reciept-wrap .ingredients-section .list-group li .ingridient-quantity {
  color: #F19938;
}

.reciept-wrap .ingredients-section .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #F2BF6A;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 60px;
  margin-top: 60px;
  padding: 0 20px;
  transform: .2s;
}

.reciept-wrap .ingredients-section .button:hover {
  opacity: .5;
}

.reciept-wrap .ingredients-section .button.added-to-list {
  background-color: #6C9595;
}

.reciept-wrap .description {
  float: left;
  width: calc(100% - 240px);
}

.reciept-wrap .description strong {
  color: #619696;
  display: block;
  font-size: 18px;
  font-weight: 700;
}

.reciept-wrap .description p {
  font-size: 14px;
  font-weight: 200;
  line-height: 22px;
  margin-bottom: 25px;
}

.reciept-wrap .tips-block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #E7EFED;
  float: right;
  padding: 40px 20px;
  width: 200px;
}

.reciept-wrap .tips-block h2 {
  color: #C5D8D3;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}

.reciept-wrap .tips-block p {
  color: #999999;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 15px;
}

.reciept-wrap .print-trigger {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/print.svg) left 0 top 50% no-repeat;
  background-size: 30px auto;
  color: #808080;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 40px;
  margin-top: 5px;
  padding-left: 50px;
}

.reciept-wrap .print-trigger:hover {
  opacity: .5;
}

/*
    Gallery
*/

.reciept-gallery {
  margin: 60px 0;
}

.reciept-gallery .row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 -10px;
}

.reciept-gallery .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: -4px;
  padding: 10px;
  vertical-align: top;
  width: 50%;
}

.reciept-gallery .foto {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center;
  background-size: cover;
  height: 300px;
}

/*
    Related Reciepts
*/

#mobile-related-slider {
  display: block;
}

.related-recepts {
  margin-bottom: 160px;
}

.related-recepts h3 {
  color: #F5D0C4;
  font-size: 24px;
  margin: 0 auto 40px;
  max-width: 920px;
}

.related-recepts .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: -4px;
  padding: 0 10px;
  vertical-align: top;
  width: 25%;
}

.related-recepts .col a {
  text-decoration: none;
}

.related-recepts .col .block {
  transition: .2s;
}

.related-recepts .col .block:hover {
  opacity: .5;
}

.related-recepts .col .block .foto {
  background-size: cover;
  background-position: center;
  height: 200px;
  position: relative;
  width: 100%;
}

.related-recepts .col .block .foto .play-button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/play.svg) left 60% top 50% no-repeat rgba(255, 255, 255, 0.5);
  background-size: 25px auto;
  border-radius: 50%;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.related-recepts .col .block .name {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 20px;
  text-decoration: none;
  text-align: center;
}

/*
    Hoe Kipt Nederlands
*/

.hoe-kip-page {
  margin-bottom: 180px;
}

.hoe-kipt-logo {
  position: absolute;
  top: 40%;
  left: 50%;
  max-width: 410px;
  z-index: 2;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.hoe-kipt-logo img {
  width: 100%;
}

.hoe-block:nth-child(even) .cover {
  left: auto;
  right: 0;
}

.hoe-block:nth-child(even) .info {
  background: #F6D7CE;
  float: left;
}

.hoe-block:nth-child(even) .info .avatar {
  float: left;
  margin-right: 20px;
}

.hoe-block:nth-child(even) .info h3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hoe-block {
  margin-bottom: 20px;
  position: relative;
  transition: .2s;
}

.hoe-block:hover {
  opacity: .5;
}

.hoe-block .cover {
  background-position: center;
  background-size: cover;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 51%;
}

.hoe-block .info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #C5D8D3;
  float: right;
  padding: 20px 40px 80px;
  vertical-align: top;
  width: 49%;
}

.hoe-block .info h3 {
  color: #fff;
  font-size: 22px;
  text-align: left;
  text-transform: uppercase;
  width: calc(100% - 140px);
}

.hoe-block .info .avatar {
  background-size: cover;
  background-position: center;
  float: right;
  height: 140px;
  margin-bottom: 40px;
  width: 140px;
}

.hoe-block .info p {
  color: #808080;
  font-size: 16px;
  line-height: 28px;
}

/*
    Hoe Current
*/

.current-hoe .go-back {
  color: #A9B8BD;
  display: block;
  font-size: 24px;
  font-weight: 700;
  margin: 0 auto 40px;
  text-decoration: none;
  max-width: 800px;
}

.current-hoe .video {
  margin: 0 auto;
  max-width: 800px;
}

.current-hoe .video iframe {
  height: 500px;
  width: 100%;
}

.current-hoe .article {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #F5D7CE;
  margin: 0 auto;
  padding: 40px;
  max-width: 800px;
}

.current-hoe .article strong {
  display: block;
  margin: 30px 0;
  padding: 0;
}

.current-hoe .article p {
  color: #808080;
  font-size: 18px;
  line-height: 28px;
}

.current-hoe .article img {
  display: block;
  height: auto;
  margin: 40px 0 0;
  width: 100%;
}

.current-hoe .top h3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  float: right;
  font-size: 22px;
  padding: 20px;
  text-align: left;
  text-transform: uppercase;
  width: calc(100% - 140px);
}

.current-hoe .top .avatar {
  background-size: cover;
  background-position: center;
  float: left;
  height: 140px;
  width: 140px;
}

.related-hoe {
  margin: 60px auto 120px;
  max-width: 800px;
}

.related-hoe h2 {
  color: #F4BF5F;
  font-weight: 700;
  margin-bottom: 30px;
}

.related-hoe .row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 -15px;
}

.related-hoe .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 15px;
  width: 50%;
}

.related-hoe .col a {
  text-decoration: none;
}

.related-hoe .col .cover {
  background-position: center;
  background-size: cover;
  height: 300px;
  width: 100%;
}

.related-hoe .col h3 {
  color: #5E9696;
  text-decoration: none;
  text-align: center;
}

/*
    Herkomst van ons vlees
*/

.herkomst-page {
  margin-bottom: 180px;
}

.herkomst-page .description {
  line-height: 1.5;
  margin: 0 auto 100px;
  text-align: center;
  max-width: 880px;
}

.herkomst-page .description a {
  color: #C6D8D3;
  font-weight: 700;
}

.herkomst-block:nth-child(even) .cover {
  left: auto;
  right: 0;
}

.herkomst-block:nth-child(even) .info {
  background: #F6D7CE;
  float: left;
}

.herkomst-block:nth-child(even) .info .avatar {
  float: left;
  margin-right: 20px;
}

.herkomst-block:nth-child(even) .info h3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.herkomst-block {
  margin-bottom: 20px;
  position: relative;
  transition: .2s;
}

.herkomst-block a {
  text-decoration: none;
}

.herkomst-block .cover {
  background-position: center;
  background-size: cover;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 51%;
}

.herkomst-block .cover .play-button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/play.svg) left 60% top 50% no-repeat rgba(255, 255, 255, 0.5);
  background-size: 25px auto;
  border-radius: 50%;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.herkomst-block .info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #C5D8D3;
  float: right;
  padding: 20px 40px 80px;
  vertical-align: top;
  width: 49%;
}

.herkomst-block .info h3 {
  color: #fff;
  font-size: 22px;
  text-align: left;
  text-transform: uppercase;
  width: calc(100% - 140px);
}

.herkomst-block .info p {
  color: #808080;
  font-size: 16px;
  line-height: 28px;
}

.herkomst-block .info .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.5);
  border: 0;
  color: #808080;
  font-size: 18px;
  line-height: 40px;
  float: right;
  text-align: center;
  width: 120px;
}

.herkomst-block .info .button:hover {
  background: #fff;
}

/*
    Herkomest Current
*/

.current-herkomst {
  margin-bottom: 200px;
}

.current-herkomst .go-back {
  color: #A9B8BD;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 0 auto 40px;
  text-decoration: none;
  max-width: 800px;
}

.current-herkomst .top {
  margin-bottom: 20px;
  position: relative;
}

.current-herkomst .top h3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-size: 22px;
  margin-top: 0;
  text-align: left;
  text-transform: uppercase;
}

.current-herkomst .top .share-post {
  position: absolute;
  top: 0;
  right: 0;
}

.current-herkomst .top .share-post a {
  display: block;
  height: 36px;
  margin-left: 10px;
  width: 34px;
  transition: .2s;
}

.current-herkomst .top .share-post a:hover {
  opacity: .5;
}

.current-herkomst .top .share-post svg {
  display: none;
}

.current-herkomst .top .share-post span {
  display: none;
}

.current-herkomst .top .share-post .a2a_button_facebook {
  background: url("../img/icons/share_fb.svg") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

.current-herkomst .top .share-post .a2a_button_twitter {
  background: url("../img/icons/share_x.com.svg") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

.current-herkomst .article {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 800px;
}

.current-herkomst .article strong {
  display: block;
  margin: 30px 0;
  padding: 0;
}

.current-herkomst .article p {
  color: #808080;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 15px;
}

.current-herkomst .article .gallery {
  margin: 0 auto 40px;
}

.current-herkomst .article .gallery img {
  display: block;
  height: auto;
  margin: 40px 0 0;
  width: 100%;
}

.current-herkomst .article .gallery iframe {
  display: block;
  height: 500px;
  width: 100%;
}

/*
    Contacts
*/

.contacts-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/foto/bg_contacts.jpg) left 50% bottom 0 no-repeat;
  padding-bottom: 550px;
}

.contacts-page .wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 120px 15px;
  text-align: center;
  max-width: 660px;
}

.contacts-page .wrap h1 {
  color: #666666;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 50px;
}

.contacts-page .wrap .description p {
  color: #808080;
  font-size: 16px;
  line-height: 1.5;
}

.contacts-page .wrap .contacts {
  margin: 60px auto;
}

.contacts-page .wrap .contacts li {
  margin-bottom: 10px;
  font-weight: 200;
}

.contacts-page .wrap .contacts li strong {
  font-weight: 700;
}

.contacts-page .wrap .contacts li a {
  color: #808080;
  text-decoration: none;
}

.contacts-page .wrap .separator {
  display: block;
  margin: 75px auto;
  max-width: 260px;
}

.contacts-page .wrap .separator img {
  display: block;
  margin: 0 auto;
  max-width: 260px;
}

.contacts-page .wrap .form .f-head {
  margin-bottom: 80px;
  text-align: center;
}

.contacts-page .wrap .form .f-head h3 {
  color: #808080;
  font-size: 26px;
  letter-spacing: 2pt;
}

.contacts-page .wrap .form .f-head p {
  color: #808080;
}

.contacts-page .wrap .form .f-group {
  margin-bottom: 50px;
}

.contacts-page .wrap .form .cell-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  width: 50%;
}

.contacts-page .wrap .form .cell-wrap.wide {
  float: none;
  width: 100%;
}

.contacts-page .wrap .form .cell-wrap p {
  color: #808080;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: left;
}

.contacts-page .wrap .form .cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid #6A9595;
  height: 40px;
  width: 100%;
}

.contacts-page .wrap .form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #6A9595;
  height: 120px;
  padding: 5px;
  resize: none;
  width: 100%;
}

.contacts-page .wrap .form .send {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ECC06E;
  border: 0;
  color: #fff;
  cursor: pointer;
  height: 50px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  width: 210px;
}

/*
    Login
*/

.login-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/foto/bg_contacts.jpg) left 50% bottom 0 no-repeat;
  padding-bottom: 450px;
}

.login-page .wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 120px 15px;
  text-align: left;
  max-width: 720px;
}

.login-page .wrap h1 {
  color: #666666;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 50px;
  text-align: center;
}

.login-page .wrap .form .reg-success {
  text-align: center;
}

.login-page .wrap .form .reg-success a {
  color: #5E9696;
  font-weight: 700;
}

.login-page .wrap .form .alert {
  display: none;
}

.login-page .wrap .form p {
  font-size: 18px;
  margin-bottom: 15px;
}

.login-page .wrap .form label {
  display: block;
  font-size: 18px;
  margin-bottom: 15px;
}

.login-page .wrap .form small {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  line-height: 1.5;
  margin-bottom: 20px;
}

.login-page .wrap .form label {
  display: block;
  font-size: 18px;
  margin-bottom: 15px;
}

.login-page .wrap .form input.input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #6A9595;
  border-radius: 5px;
  height: 65px;
  margin-bottom: 20px;
  padding: 0 20px;
  width: 100%;
}

.login-page .wrap .form input[type='checkbox'] {
  display: inline-block;
  margin-right: 10px;
  margin-top: 3px;
  vertical-align: top;
}

.login-page .wrap .form .text-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #6A9595;
  border-radius: 5px;
  height: 65px;
  margin-bottom: 20px;
  padding: 0 20px;
  width: 100%;
}

.login-page .wrap .form .cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #6A9595;
  border-radius: 5px;
  height: 65px;
  margin-bottom: 20px;
  padding: 0 20px;
  width: 100%;
}

.login-page .wrap .form .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ECC06E;
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 65px;
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  padding: 0 40px;
  text-align: center;
}

.login-page .wrap .socials-login {
  margin: 75px 0 60px;
}

.login-page .wrap .socials-login a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #6A9595;
  border-radius: 5px;
  color: #828282;
  display: block;
  font-size: 22px;
  line-height: 65px;
  margin-bottom: 25px;
  padding-left: 20px;
  position: relative;
  text-decoration: none;
  width: 310px;
}

.login-page .wrap .socials-login a:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  border-left: 1px solid #6A9595;
  height: 65px;
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
}

.login-page .wrap .socials-login a:hover {
  background-color: #6A9595;
  color: #fff;
}

.login-page .wrap .socials-login .login-ggl:before {
  background: url(../img/icons/login_ggl.svg) center no-repeat;
  background-size: 24px;
}

.login-page .wrap .socials-login .login-twt:before {
  background: url(../img/icons/login_twt.svg) center no-repeat;
  background-size: 40px 35px;
}

.login-page .wrap .socials-login .login-fbk:before {
  background: url(../img/icons/login_fb.svg) center no-repeat;
  background-size: 38px 52px;
}

.login-page .wrap .forgot-pass {
  color: #5E9696;
  font-size: 22px;
  display: inline-block;
  margin-bottom: 30px;
  text-decoration: none;
}

.login-page .wrap .register {
  font-size: 18px;
}

.login-page .wrap .register a {
  text-decoration: none;
}

.login-page .wrap .register strong {
  color: #5E9696;
}

/*
    Account Page
*/

.account-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/foto/bg_contacts.jpg) left 50% bottom 0 no-repeat;
  padding-bottom: 650px;
}

.account-page .wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 120px 15px;
  text-align: left;
  max-width: 680px;
}

.account-page .wrap .username {
  color: #666666;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 50px;
  text-align: left;
}

.account-page .wrap p {
  font-size: 18px;
  line-height: 1.5;
}

.account-page .wrap .buttons {
  text-align: center;
}

.account-page .wrap .buttons li {
  display: inline-block;
  margin: 0 15px;
}

.account-page .wrap .buttons .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ECC06E;
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 60px;
  font-size: 22px;
  font-weight: 400;
  margin-top: 80px;
  padding: 0 20px;
  text-align: center;
  min-width: 200px;
}

.account-page .wrap .buttons .button.gray {
  background-color: #C8D7D3;
}

.account-page .directions a {
  color: #828282;
  display: block;
  text-decoration: none;
  transition: .2s;
}

.account-page .directions a:hover {
  opacity: .5;
}

.account-page .directions .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: -4px;
  padding: 0 20px;
  vertical-align: top;
  width: 33.3333%;
}

.account-page .directions .col .block {
  font-family: 'SuperclarendonRg';
}

.account-page .directions .col .block .image {
  background-position: center;
  background-size: cover;
  height: 240px;
}

.account-page .directions .col .block h3 {
  font-size: 27px;
  margin-bottom: 30px;
  text-align: center;
}

.account-page .directions .col .block p {
  font-size: 18px;
  line-height: 1.5;
}

.account-page .form p {
  font-size: 18px;
  margin-bottom: 15px;
}

.account-page .form label {
  display: block;
  font-size: 18px;
  margin-bottom: 15px;
}

.account-page .form a {
  color: #000;
}

.account-page .form small {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  line-height: 1.5;
  margin-bottom: 20px;
}

.account-page .form .cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #6A9595;
  border-radius: 5px;
  height: 65px;
  margin-bottom: 20px;
  padding: 0 20px;
  width: 100%;
}

.account-page .form input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #6A9595;
  border-radius: 5px;
  height: 65px;
  margin-bottom: 20px;
  padding: 0 20px;
  width: 100%;
}

.account-page .form input.text-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #6A9595;
  border-radius: 5px;
  height: 65px;
  margin-bottom: 20px;
  padding: 0 20px;
  width: 100%;
}

.account-page .form .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ECC06E;
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 65px;
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  margin-right: 40px;
  padding: 0 40px;
  text-align: center;
}

.account-page .form .button.gray {
  background-color: #C8D7D3;
}

.account-page .form .button.pink {
  background-color: #E8C6B8;
}

.account-page .form .go-back {
  color: #A8B8BD;
  display: block;
  font-size: 24px;
  margin-top: 40px;
}

.account-page .form .annuleren {
  color: #ABB8BC;
  font-size: 22px;
  text-decoration: none;
}

/*
    Mijn Recepts
*/

.please-login {
  margin: 0 auto;
  max-width: 640px;
  text-align: center;
}

.please-login h1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.please-login .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ECC06E;
  color: #fff;
  display: block;
  height: 50px;
  margin: 20px auto;
  width: 220px;
  transition: .2s;
}

.mijn-receptern-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/foto/bg_contacts.jpg) left 50% bottom 0 no-repeat;
  padding-bottom: 650px;
}

.mijn-receptern-page .recepts-list a {
  color: inherit;
}

.mijn-receptern-page .recepts-list .block {
  margin-bottom: 100px;
}

.mijn-receptern-page .recepts-list .foto {
  background-position: center;
  background-size: cover;
  float: left;
  height: 340px;
  position: relative;
  max-width: 560px;
  width: 100%;
}

.mijn-receptern-page .recepts-list .foto .add-to-fav {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.mijn-receptern-page .recepts-list .foto .add-to-fav button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/fav_not_added.svg) center no-repeat transparent;
  background-size: 20px auto;
  border: 0;
  background-size: 35px auto;
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  text-indent: -9999px;
  width: 50px;
}

.mijn-receptern-page .recepts-list .foto .add-to-fav button.active {
  background-image: url(../img/icons/fav_added.svg);
  opacity: 1 !important;
}

.mijn-receptern-page .recepts-list .info {
  float: right;
  width: calc(100% - 600px);
}

.mijn-receptern-page .recepts-list .info .title {
  position: relative;
  max-width: 70%;
}

.mijn-receptern-page .recepts-list .info .title .name {
  color: #5E9696;
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
  max-width: 90%;
}

.mijn-receptern-page .recepts-list .info .title .v-likes {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-size: 50px !important;
  color: #B3B3B3;
  line-height: 30px;
  position: absolute;
  top: 0;
  right: 0;
}

.mijn-receptern-page .recepts-list .info .details {
  margin-top: 20px;
}

.mijn-receptern-page .recepts-list .info .details li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: left 0 top 50%;
  background-repeat: no-repeat;
  border-right: 1px solid #808080;
  font-size: 14px;
  font-weight: 200;
  display: inline-block;
  margin-right: 10px;
  padding-right: 20px;
  vertical-align: top;
}

.mijn-receptern-page .recepts-list .info .details li:last-child {
  border-right: 0;
}

.mijn-receptern-page .recepts-list .info .details li .f-type-icon {
  display: inline-block;
  margin-top: -4px;
  margin-right: 2px;
  vertical-align: middle;
}

.mijn-receptern-page .recepts-list .info .details li .f-type-icon img {
  display: block;
  height: auto;
  width: 30px;
}

.mijn-receptern-page .recepts-list .info .details li p {
  display: inline-block;
  line-height: 30px;
  margin-bottom: 0;
  vertical-align: top;
}

.mijn-receptern-page .recepts-list .info .details li.time {
  background-image: url("../img/icons/time.svg");
  background-size: 20px auto;
  line-height: 30px;
  padding-left: 30px;
}

.mijn-receptern-page .recepts-list .info .notes {
  margin-top: 70px;
  max-width: 75%;
}

.mijn-receptern-page .recepts-list .info .notes textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: -webkit-linear-gradient(left, white 10px, transparent 10px), -webkit-linear-gradient(right, white 10px, transparent 10px), -webkit-linear-gradient(white 30px, #ccc 30px, #ccc 31px, white 31px);
  background-image: -moz-linear-gradient(left, white 10px, transparent 10px), -moz-linear-gradient(right, white 10px, transparent 10px), -moz-linear-gradient(white 30px, #ccc 30px, #ccc 31px, white 31px);
  background-image: -ms-linear-gradient(left, white 10px, transparent 10px), -ms-linear-gradient(right, white 10px, transparent 10px), -ms-linear-gradient(white 30px, #ccc 30px, #ccc 31px, white 31px);
  background-image: -o-linear-gradient(left, white 10px, transparent 10px), -o-linear-gradient(right, white 10px, transparent 10px), -o-linear-gradient(white 30px, #ccc 30px, #ccc 31px, white 31px);
  background-image: linear-gradient(left, white 10px, transparent 10px), linear-gradient(right, white 10px, transparent 10px), linear-gradient(white 30px, #ccc 30px, #ccc 31px, white 31px);
  background-size: 100% 100%, 100% 100%, 100% 31px;
  border: 0;
  height: 100px;
  font-size: 14px;
  margin-left: -8px;
  resize: none;
  line-height: 31px;
  padding: 8px;
  width: 100%;
}

.mijn-receptern-page .recepts-list .info .notes .button {
  background-color: #ECC06E;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1pt;
  margin-top: 20px;
  text-transform: uppercase;
}

.mijn-receptern-page .recepts-list .info .notes .button:hover {
  background-color: #C8D7D3;
}

/*
    #Mijn Boodschappen
*/

.mijn-boodschappen-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/foto/bg_contacts.jpg) left 50% bottom 0 no-repeat;
  padding-bottom: 650px;
}

.mijn-boodschappen-page .recepts-list {
  margin: 0 auto;
  max-width: 1100px;
}

.mijn-boodschappen-page li {
  margin-bottom: 10px;
}

.mijn-boodschappen-page .foto {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-right: 40px;
  width: 60%;
}

.mijn-boodschappen-page .foto img {
  display: block;
  width: 100%;
}

.mijn-boodschappen-page .rec-info {
  float: right;
  width: 40%;
}

.mijn-boodschappen-page .name {
  color: #5E9696;
  font-size: 28px;
  margin-bottom: 50px;
  text-transform: uppercase;
}

.mijn-boodschappen-page .name a {
  color: #6A9595;
  text-decoration: none;
}

.mijn-boodschappen-page .block {
  border-bottom: 1px solid #ECC06E;
  margin-bottom: 60px;
  padding-bottom: 40px;
}

.mijn-boodschappen-page strong {
  display: block;
  margin-bottom: 10px;
}

.mijn-boodschappen-page ul {
  margin-bottom: 20px;
}

.mijn-boodschappen-page .c-checkbox {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.mijn-boodschappen-page .c-checkbox input[type="checkbox"] {
  display: none;
}

.mijn-boodschappen-page .c-checkbox input[type="checkbox"]+label span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ECC06E;
  cursor: pointer;
  height: 19px;
  margin: -1px 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
  width: 19px;
}

.mijn-boodschappen-page .c-checkbox input[type="checkbox"]:checked+label span {
  background: url("../img/icons/check.svg") center no-repeat #ECC06E;
  background-size: 10px auto;
}

.mijn-boodschappen-page .c-checkbox .ing-info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
}

.mijn-boodschappen-page .c-checkbox .ing-info div {
  display: inline-block;
  vertical-align: top;
}

.mijn-boodschappen-page .actions a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #808080;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  margin-right: 20px;
  padding-left: 40px;
  text-decoration: none;
}

.mijn-boodschappen-page .actions a.pring {
  background: url(../img/icons/print.svg) left 0 top 50% no-repeat;
  background-size: 20px auto;
}

.mijn-boodschappen-page .actions .remove {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/remove.svg) left 0 top 50% no-repeat;
  background-size: 20px auto;
  cursor: pointer;
  padding-left: 30px;
}

/*
    Een Ruim Aanbod
*/

.een-ruim-aanbod-page {
  margin-bottom: 120px;
}

.een-ruim-aanbod-page .description {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  line-height: 1.5;
  text-align: center;
  max-width: 980px;
}

.een-ruim-aanbod-page .sheme {
  background-size: 75% auto;
  margin: 120px auto 0;
  position: relative;
}

.een-ruim-aanbod-page .sheme .chicken-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 0;
  padding: 0px 0;
  max-width: 660px;
}

.een-ruim-aanbod-page .sheme .chicken-wrap img {
  display: block;
  width: 100%;
}

.een-ruim-aanbod-page .sheme .chicken-wrap path {
  transition: .4s;
}

.een-ruim-aanbod-page .sheme .chicken-wrap .path-hover:hover {
  fill: #E9EFED;
}

.een-ruim-aanbod-page .sheme .chicken-wrap .current path {
  fill: #F2BF6A;
}

.een-ruim-aanbod-page .sheme .chicken-wrap .current path:hover {
  fill: #F2BF6A;
}

.een-ruim-aanbod-page .sheme .text-block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 10px solid #F2BF6A;
  position: absolute;
  padding-top: 20px;
  top: 20px;
  max-width: 23%;
  opacity: 0;
}

.een-ruim-aanbod-page .sheme .text-block.current {
  opacity: 1;
}

.een-ruim-aanbod-page .sheme .text-block h3 {
  color: #C0D5D5;
  font-size: 24px;
  margin-bottom: 5px;
  letter-spacing: 1pt;
  text-transform: uppercase;
}

.een-ruim-aanbod-page .sheme .text-block .line {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #A9B8BD;
  height: 1px;
  margin: 25px 0;
  max-width: 70%;
  width: 100%;
}

.een-ruim-aanbod-page .sheme .text-block p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 200;
}

.een-ruim-aanbod-page .bottom-block {
  margin-bottom: 240px;
}

.een-ruim-aanbod-page .bottom-block .image {
  margin-top: -100px;
  position: relative;
  z-index: 5;
}

.een-ruim-aanbod-page .bottom-block .image svg {
  float: right;
  max-width: 20%;
}

.een-ruim-aanbod-page .bottom-block .image path {
  cursor: pointer;
  transition: .4s;
}

.een-ruim-aanbod-page .bottom-block .image path:hover {
  fill: #F2BF6A;
}

/*
    Privacy Policy
*/

.privacy-policy .wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1.5;
  margin: 80px auto 120px;
  padding: 0 15px;
  max-width: 960px;
}

.privacy-policy .wrap h1 {
  color: #5E9696;
  font-size: 32px;
  letter-spacing: 1pt;
  margin-bottom: 60px;
  text-transform: uppercase;
}

.privacy-policy .wrap strong {
  display: block;
  font-size: 24px;
  margin-bottom: 0px;
  text-transform: uppercase;
}

/*
    Modals
*/

.not-login-modal {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  display: none;
}

.not-login-modal .modal {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #BDD2D0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 640px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.not-login-modal .modal .close-icon {
  background: url(../img/icons/close_modal.svg) center no-repeat;
  cursor: pointer;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
}

.not-login-modal .modal .wrap {
  padding: 40px;
}

.not-login-modal .modal h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1pt;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.not-login-modal .modal p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 15px;
}

.not-login-modal .modal ul {
  margin-bottom: 40px;
}

.not-login-modal .modal ul li {
  font-size: 18px;
  line-height: 1.5;
}

.not-login-modal .modal span {
  color: #fff;
  display: inline-block;
  line-height: 50px;
  vertical-align: top;
}

.not-login-modal .modal .close-modal-link {
  cursor: pointer;
}

.not-login-modal .modal .close-modal-link:hover {
  text-decoration: underline;
}

.not-login-modal .modal .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ECC06E;
  border: 0;
  color: #fff;
  display: inline-block;
  height: 50px;
  margin-left: 40px;
  padding: 0 20px;
  vertical-align: top;
  transition: .2s;
}

.not-login-modal .modal .have-account {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #A1B2B9;
}

.not-login-modal .modal .have-account p {
  color: #fff;
  margin-bottom: 0;
}

.not-login-modal .modal .have-account p a {
  color: #fff;
  font-weight: 700;
}

.cookie-policy {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  display: none;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  padding: 40px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
}

.cookie-policy .wrap {
  margin: 0 auto;
  max-width: 960px;
}

.cookie-policy h2 {
  color: #6A9595;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.cookie-policy p {
  float: left;
  font-size: 12px;
  line-height: 1.5;
  width: calc(100% - 240px);
}

.cookie-policy .accept {
  float: right;
  width: 200px;
}

.cookie-policy .checkbox {
  font-size: 18px;
  font-weight: 700;
}

.cookie-policy .checkbox input {
  display: inline-block;
  margin-right: 10px;
  margin-top: 3px;
  margin-bottom: 10px;
  vertical-align: top;
}

.cookie-policy .button {
  background: #ECC06E;
  color: #fff;
  text-transform: uppercase;
  width: 200px;
}

.cookie-policy .button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

/*
    Search Page
*/

.search-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/foto/bg_contacts.jpg) left 50% bottom 0 no-repeat;
  padding: 100px 0 550px;
}

.search-page h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center;
}

.search-page h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 40px 0;
}

.search-page .form-wrap {
  margin: 0 auto;
  position: relative;
  max-width: 560px;
}

.search-page .form-wrap .cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #93B2B2;
  border-radius: 5px;
  color: #000;
  line-height: 60px;
  padding: 0 15px;
  width: 100%;
}

.search-page .form-wrap .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/search.svg) center no-repeat;
  background-size: 100%;
  border: 0;
  cursor: pointer;
  display: block;
  height: 60px;
  position: absolute;
  top: 0;
  right: -50px;
  width: 35px;
  transition: .2s;
}

.search-page .search-result {
  margin: 0 auto;
  position: relative;
  max-width: 560px;
}

.search-page .search-result .block {
  margin-bottom: 60px;
}

.search-page .search-result .block a {
  text-decoration: none;
}

.search-page .search-result .block .name {
  color: #6A9595;
  font-size: 24px;
  margin-top: 10px;
}

.search-page .search-result .block .foto {
  background-size: cover;
  background-position: center;
  height: 300px;
  width: 100%;
}

/*
    Reciepts Page
*/

.reciept-generator-page {
  box-sizing: border-box;
  margin-bottom: 160px;
  padding-top: 60px;
}

.reciept-generator-page h1 {
  color: #5e9696;
  margin-bottom: 50px;
  text-align: center;
}

.reciept-generator-page .steps-wrap {
  box-sizing: border-box;
  margin-bottom: 60px;
  padding: 50px 60px;
}

.reciept-generator-page .steps-wrap.orange {
  background: #fdf5e7;
}

.reciept-generator-page .steps-wrap.gray {
  background: #f2f4f5;
}

.reciept-generator-page .steps-wrap.gray .step-number {
  background: #a8b8bd;
  color: #666666;
}

.reciept-generator-page .steps-wrap.gray .options-list .option {
  background-color: #a8b8bd;
  border: 5px solid #f2f4f5;
}

.reciept-generator-page .steps-wrap.cyan {
  background: #e7efef;
}

.reciept-generator-page .steps-wrap.cyan .step-number {
  background: #5e9696;
  color: #fff;
}

.reciept-generator-page .steps-wrap.cyan .options-list .option {
  background-color: #5e9696;
  border: 5px solid #e7efef;
}

.reciept-generator-page .steps-wrap.cyan .options-list .option strong {
  color: #dfeaea;
}

.reciept-generator-page .steps-wrap.cyan .options-list .option p {
  color: #dfeaea;
  text-align: center;
}

.reciept-generator-page .steps-wrap.pink {
  background: #fdf8f6;
}

.reciept-generator-page .steps-wrap.pink .step-number {
  background: #f5d0c4;
  color: #666666;
}

.reciept-generator-page .steps-wrap.pink .options-list .option {
  background-color: #f5d0c4;
  border: 5px solid #fdf8f6;
  width: 14.2857%;
}

.reciept-generator-page .steps-wrap.pink .options-list .option strong {
  color: #666666;
}

.reciept-generator-page .steps-wrap.pink .options-list .option p {
  color: #666666;
  text-align: center;
}

.reciept-generator-page .step-wrap {
  position: relative;
}

.reciept-generator-page .step-wrap .step-number {
  box-sizing: border-box;
  background: #f4bf5f;
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  padding: 25px 30px;
  position: absolute;
  top: 40px;
  left: -20px;
}

.reciept-generator-page .step-banner {
  box-sizing: border-box;
  padding-bottom: 40%;
  margin-bottom: 60px;
  position: relative;
}

.reciept-generator-page .step-banner h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.reciept-generator-page .step-one-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.reciept-generator-page .mobile-notice {
  display: none;
}

.reciept-generator-page .notice {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 200;
  margin-bottom: 30px;
  text-align: center;
}

.reciept-generator-page .notice a {
  color: #666;
  display: block;
  text-decoration: underline;
}

.reciept-generator-page .notice a:hover {
  text-decoration: none;
}

.reciept-generator-page .mobile-title {
  display: none;
}

.reciept-generator-page .options-list {
  box-sizing: border-box;
}

.reciept-generator-page .options-list .option {
  box-sizing: border-box;
  background: #f4bf5f;
  background-position: left 50% bottom 50px;
  background-repeat: no-repeat;
  background-size: auto 30%;
  border: 15px solid #FDF5E7;
  cursor: pointer;
  display: inline-block;
  margin-right: -4px;
  min-height: 250px;
  padding: 20px;
  opacity: 0.5;
  vertical-align: top;
  width: 20%;
  transition: .2s;
}

.reciept-generator-page .options-list .option:hover {
  opacity: .7;
}

.reciept-generator-page .options-list .option.chosen {
  opacity: 1;
}

.reciept-generator-page .options-list .option strong {
  color: #fff;
  display: block;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
}

.reciept-generator-page .options-list .option input {
  opacity: 0;
}

.reciept-generator-page .options-list .option.time-option {
  box-sizing: border-box;
  min-height: auto;
  padding: 80px 20px;
  width: 33.3333%;
}

.reciept-generator-page .options-list #Borstfilet {
  background-image: url(../img/icons/os1.svg);
}

.reciept-generator-page .options-list #Hele_kip {
  background-image: url(../img/icons/os2.svg);
}

.reciept-generator-page .options-list #Kippenvleugels {
  background-image: url(../img/icons/os3.svg);
}

.reciept-generator-page .options-list #Pootvlees {
  background-image: url(../img/icons/os4.svg);
}

.reciept-generator-page .options-list #Hoofdgerecht {
  background-image: url(../img/icons/ost1.svg);
}

.reciept-generator-page .options-list #Voorgerecht {
  background-image: url(../img/icons/ost2.svg);
}

.reciept-generator-page .options-list #Bijgerecht {
  background-image: url(../img/icons/ost3.svg);
}

.reciept-generator-page .options-list #Hapjes {
  background-image: url(../img/icons/ost4.svg);
}

.reciept-generator-page .options-list #Vleesgerecht {
  display: none !important;
  background-image: url(../img/icons/ost5.svg);
}

.reciept-generator-page .options-list #Side_Dish {
  background-image: url(../img/icons/ost6.svg);
}

.reciept-generator-page .options-list #Lunchgerecht {
  background-image: url(../img/icons/ost7.svg);
}

.reciept-generator-page .options-list #Grillen {
  background-image: url(../img/icons/osf1.svg);
}

.reciept-generator-page .options-list #Stomen {
  background-image: url(../img/icons/osf2.svg);
}

.reciept-generator-page .options-list #BBQ_of_Rookoven {
  background-image: url(../img/icons/osf3.svg);
}

.reciept-generator-page .options-list #Braden {
  background-image: url(../img/icons/osf4.svg);
}

.reciept-generator-page .options-list #Frituren {
  background-image: url(../img/icons/osf5.svg);
}

.reciept-generator-page .options-list #Geen_voorkeur {
  background-image: url(../img/icons/osf6.svg);
}

.reciept-generator-page .options-list #Oven_of_Airfryer {
  background-image: url(../img/icons/osf7.svg);
}

.reciept-generator-page .prev-next {
  margin-top: 40px;
}

.reciept-generator-page .prev-next .go-back {
  color: #808080;
  font-size: 24px;
  float: right;
  line-height: 50px;
  margin-right: 40px;
}

.reciept-generator-page .prev-next .go-back:hover {
  text-decoration: none;
}

.reciept-generator-page .prev-next .button {
  box-sizing: border-box;
  background: #f4bf5f;
  color: #fff;
  float: right;
  font-size: 22px;
  font-weight: 700;
  opacity: .8;
  text-transform: uppercase;
  transition: .2s;
}

.reciept-generator-page .prev-next .button:hover {
  opacity: 1;
}

.reciept-generator-page .prev-next .button.gray {
  background-color: #a8b8bd;
}

.reciept-generator-page .prev-next .button.cyan {
  background-color: #5e9696;
}

.reciept-generator-page .prev-next .button.pink {
  background-color: #f5d0c4;
}

.reciept-generator-page .random-reciept {
  box-sizing: border-box;
  background: #edf3f3;
  padding: 40px;
  text-align: center;
}

.reciept-generator-page .random-reciept h2 {
  font-size: 24px;
  margin-bottom: 40px;
}

.reciept-generator-page .random-reciept .button {
  border: 1px solid #c4d8d3;
  color: #808080;
  display: block;
  font-size: 22px;
  font-weight: 700;
  margin: 0 auto;
  max-width: 280px;
}

.reciept-generator-page .random-reciept .button:hover {
  color: #EDF3F3;
}

.reciept-generator-page .result-reciept {
  margin-bottom: 80px;
}

.reciept-generator-page .result-reciept .cover {
  background-position: center;
  background-size: cover;
  height: 600px;
  position: relative;
}

.reciept-generator-page .result-reciept .cover .add-to-fav {
  position: absolute;
  bottom: 25px;
  right: 10px;
  transition: .4s;
}

.reciept-generator-page .result-reciept .cover .add-to-fav button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/fav_not_added.svg) center no-repeat transparent;
  background-size: 25px auto;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  text-indent: -9999px;
  width: 50px;
}

.reciept-generator-page .result-reciept .cover .add-to-fav button.active {
  background-image: url(../img/icons/fav_added.svg);
  opacity: 1 !important;
}

.reciept-generator-page .result-reciept .cover .add-to-fav:hover {
  transform: scale(1.2);
}

.reciept-generator-page .result-reciept .name {
  box-sizing: border-box;
  background: #fdf5e7;
  padding: 40px 80px;
}

.reciept-generator-page .result-reciept .name .title {
  color: #666666;
  font-size: 32px;
  font-weight: 200;
  text-decoration: none;
  text-transform: uppercase;
}

.reciept-generator-page .result-reciept .name .go-back {
  display: none;
}

.reciept-generator-page .result-reciept .name .button {
  background: #f4bf5f;
  color: #fff;
  float: right;
  opacity: 1;
  transition: .2s;
}

.reciept-generator-page .result-reciept .name .button:hover {
  opacity: .7;
}

.reciept-generator-page .result-goback {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f4bf5f;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 55px;
  margin: 0 auto 80px;
  padding: 0 30px;
  text-align: center;
  text-decoration: none;
  width: 280px;
  opacity: 1;
  transition: .2s;
}

.reciept-generator-page .result-goback:hover {
  opacity: .7;
}

.reciept-generator-page .no-results-block {
  box-sizing: border-box;
  background: #fdf5e7;
  padding: 140px 120px;
}

.reciept-generator-page .no-results-block h2 {
  font-size: 32px;
  font-weight: 200;
  margin-bottom: 60px;
  text-align: center;
}

.reciept-generator-page .no-results-block .popular-recepts {
  margin-bottom: 0;
}

.reciept-generator-page .no-results-block .col {
  width: 50% !important;
}

.reciept-generator-page .no-results-block .cover {
  background-position: center;
  background-size: cover;
  height: 400px;
  position: relative;
}

.reciept-generator-page .no-results-block .cover .add-to-fav {
  position: absolute;
  bottom: 25px;
  right: 10px;
  transition: .4s;
}

.reciept-generator-page .no-results-block .cover .add-to-fav button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icons/fav_not_added.svg) center no-repeat transparent;
  background-size: 25px auto;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 50px;
  text-indent: -9999px;
  width: 50px;
}

.reciept-generator-page .no-results-block .cover .add-to-fav button.active {
  background-image: url(../img/icons/fav_added.svg);
  opacity: 1 !important;
}

.reciept-generator-page .no-results-block .cover .add-to-fav:hover {
  transform: scale(1.2);
}

.reciept-generator-page .no-results-block .v-details {
  background-color: #FDF5E7 !important;
}

.reciept-generator-page .no-results-block .name {
  box-sizing: border-box;
  background: #fdf5e7;
  padding: 40px 80px;
}

.reciept-generator-page .no-results-block .name .title {
  color: #666666;
  font-size: 32px;
  font-weight: 200;
  text-decoration: none;
  text-transform: uppercase;
}

.reciept-generator-page .no-results-block .name .button {
  background: #f4bf5f;
  color: #fff;
  float: right;
  opacity: .5;
  transition: .2s;
}

.reciept-generator-page .no-results-block .name .button:hover {
  opacity: 1;
}

.reciept-generator-page .no-results-block .button {
  background: #f4bf5f;
  color: #fff;
  display: block;
  font-size: 32px;
  line-height: 60px;
  margin: 60px auto;
  max-width: 360px;
  opacity: .5;
  transition: .2s;
}

.reciept-generator-page .no-results-block .button:hover {
  opacity: 1;
}

/*
    Likes Settings
*/

.wpulike {
  padding: 0 !important;
}

.wpulike-default .wp_ulike_btn {
  min-width: auto !important;
}

.wpulike .wp_ulike_btn {
  padding: 0 !important;
}

.white-likes .wpulike .wp_ulike_btn {
  padding: 5px !important;
  vertical-align: top !important;
  min-width: 20px !important;
}

.white-likes .wpulike-default button {
  background: url(../img/icons/like_not.svg) center no-repeat;
  background-size: 15px !important;
  border: 0;
  cursor: pointer;
  height: 30px;
  margin-left: 15px;
  width: 30px;
  transition: .4s;
}

.white-likes .wpulike-default button:hover {
  transform: scale(1.2);
}

.white-likes .wp_ulike_is_liked button {
  background: url(../img/icons/like.svg) center no-repeat transparent !important;
  background-size: 15px !important;
}

.white-likes .wpulike-default .wp_ulike_put_image:after {
  display: none !important;
}

.white-likes .wpulike {
  padding: 0 !important;
}

.white-likes .wpulike-default .count-box {
  box-shadow: none !important;
}

.white-likes .wpulike-default .count-box {
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 0 !important;
}

.white-likes .wpulike-default .count-box:before {
  box-shadow: none !important;
  display: none !important;
}

.wpulike-default .count-box:before {
  box-shadow: none !important;
  display: none !important;
}

.black-likes .wpulike-default button {
  background: url(../img/icons/like_g_not.svg) center no-repeat transparent !important;
  background-size: 15px !important;
  border: 0;
  cursor: pointer;
  height: 30px;
  width: 30px;
  transition: .4s;
}

.black-likes .wpulike-default button:hover {
  transform: scale(1.2);
}

.black-likes .wpulike-default .count-box {
  background: transparent !important;
  box-shadow: none !important;
  display: inline-block;
  line-height: 30px;
  padding: 0 !important;
  vertical-align: top;
}

.black-likes .wp_ulike_is_liked button {
  background: url(../img/icons/like_g.svg) center no-repeat transparent !important;
  background-size: 15px !important;
}

.ytp-cued-thumbnail-overlay-image {
  top: -10% !important;
}

.wpcf7-not-valid {
  border: 1px red solid !important;
}

.wpcf7-response-output {
  display: none !important;
}

/*
    Media Queries
*/

@media screen and (max-width: 1024px) {
  .main-menu {
    background: #EBC27D;
    padding: 80px;
  }
  .popular-recepts .col {
    width: 50%;
  }
  .popular-recepts .block .cover {
    height: 350px;
  }
  .featured-videos .block .video-wrap iframe {
    height: 170px;
  }
  .een-ruim-aanbod-page .sheme .chicken-wrap {
    max-width: 460px;
  }
  .een-ruim-aanbod-page .sheme .text-block {
    top: 80px;
    max-width: 28%;
  }
  .een-ruim-aanbod-page .sheme .text-block h3 {
    font-size: 18px;
  }
  .een-ruim-aanbod-page .sheme .text-block p {
    font-size: 14px;
    line-height: 1.5;
  }
  .een-ruim-aanbod-page .bottom-block {
    margin-bottom: 360px;
  }
  .blog-vlog-page .about {
    width: 85%;
  }
}

@media screen and (max-width: 991px) {
  .popular-recepts .col {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
  .desktop-show {
    display: none !important;
  }
  .mobile-show {
    display: block;
  }
  /*
        Mobile Menu
    */
  .main-menu {
    background: #F1C27A;
    height: calc(100% - 80px);
    padding: 20px 30px;
  }
  .main-menu .nav-wrap {
    margin-bottom: 10px;
  }
  .main-menu .nav-wrap a {
    font-size: 16px;
  }
  .container {
    padding: 0 10px;
  }
  .head {
    margin: 0 auto 15px;
    padding-top: 20px;
  }
  .head:before {
    max-width: 140px;
  }
  .head h2 {
    font-size: 18px;
    margin-bottom: 0;
  }
  .head p {
    display: none;
  }
  header {
    padding: 0;
  }
  header .logo {
    width: 150px;
  }
  header .actions {
    padding-top: 30px;
  }
  header .actions .search-trigger {
    height: 20px;
    width: 20px;
  }
  header .actions .account-link {
    height: 20px;
    width: 20px;
  }
  header .actions .login-trigger {
    height: 20px;
    width: 20px;
  }
  header .actions .menu-trigger .line {
    margin-bottom: 6px;
    width: 20px;
  }
  footer {
    padding: 20px 10px;
    position: relative;
  }
  footer .block {
    width: 100%;
  }
  footer .block ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: -4px;
    padding-right: 20px;
    width: 50%;
  }
  footer .block ul a {
    font-size: 12px;
    line-height: 24px;
  }
  footer .block ul+ul {
    float: right;
    padding-right: 0;
    text-align: right;
  }
  footer .f-logo {
    margin: 0 auto 20px;
  }
  footer .newsletter {
    float: none;
    margin: 0 auto 20px;
    padding: 0;
    max-width: 280px;
    width: 100%;
  }
  footer .socials {
    padding: 10px 0;
  }
  footer .socials ul {
    padding-right: 0;
    width: auto;
  }
  footer .socials ul li {
    margin: 0;
    margin-left: 5px;
    vertical-align: top;
  }
  footer .socials img {
    height: 20px;
    width: 20px;
  }
  footer .copy {
    float: none;
    line-height: 16px;
    padding-left: 0;
    text-align: center;
  }
  .intro-section {
    margin-top: 80px;
    margin-bottom: 0;
  }
  .intro-section .fotorama__nav-wrap {
    bottom: 110px;
  }
  .intro-section .fotorama__nav-wrap .fotorama__nav--dots .fotorama__nav__frame {
    width: 22px;
  }
  .intro-section .half-circle {
    height: 55px;
  }
  .intro-section .circled-button {
    height: 72px;
    margin-left: -36px;
    bottom: 20px;
    width: 72px;
  }
  .intro-section .circled-button p {
    font-size: 14px;
  }
  .blogs-vlogs {
    margin-bottom: 40px;
  }
  .blogs-vlogs .bv-mobile-cover {
    background-size: cover;
    background-position: center;
    height: 200px;
  }
  .blogs-vlogs .description {
    padding: 15px;
    float: none;
    text-align: center;
    width: 100%;
  }
  .blogs-vlogs .description h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .blogs-vlogs .description p {
    font-size: 13px;
  }
  .blogs-vlogs .description .button {
    margin-top: 15px;
  }
  .featured-recept {
    margin-bottom: 45px;
  }
  .featured-recept .recept-block {
    height: 200px;
  }
  .featured-recept .recept-block h2 {
    font-size: 30px;
  }
  .featured-recept .recept-block .cover {
    height: 100%;
  }
  .featured-recept .v-length {
    border-left: 0;
  }
  .featured-videos {
    margin-bottom: 20px;
  }
  .featured-videos .row {
    margin: 0;
  }
  .featured-videos .col {
    display: block;
    margin-right: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
  }
  .featured-videos .block {
    height: 260px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .featured-videos .block .video-wrap iframe {
    display: block;
    height: 177px;
  }
  .featured-videos .block .v-details {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 5px;
  }
  .popular-recepts {
    margin-bottom: 40px;
  }
  .popular-recepts .row {
    margin: 0 -5px;
  }
  .popular-recepts .col {
    padding: 0 5px;
    width: 100%;
  }
  .popular-recepts .block .cover {
    height: 120px;
  }
  .popular-recepts .block .add-to-fav {
    top: 75px;
  }
  .popular-recepts .block .v-info {
    position: relative;
  }
  .popular-recepts .block .v-name {
    font-size: 14px;
    padding: 5px;
  }
  .popular-recepts .owl-dots {
    margin-top: 0 !important;
  }
  .popular-recepts .owl-dots .owl-dot.active span {
    background-color: #E8B36F;
  }
  .popular-recepts .button-wrap {
    display: none;
  }
  .popular-recepts .button-wrap .button {
    margin: 0 auto;
  }
  .social-media {
    margin-bottom: 20px;
  }
  .social-media .feeds-slider .foto {
    float: none;
    width: 100%;
  }
  .social-media .feeds-slider .quote {
    padding: 20px;
    width: 100%;
  }
  .partners-section {
    margin-bottom: 0;
  }
  /*
        Inner Pages
    */
  .inner-page {
    padding-top: 80px;
  }
  .inner-page .page-banner {
    height: 300px;
  }
  .inner-page .page-banner h1 {
    font-size: 30px;
    width: 100%;
  }
  .inner-page .page-banner .half-circle {
    height: 60px;
  }
  /*
        Recepten Page
    */
  .recepten-page .reciepts-filter {
    margin-top: 20px;
    text-align: center;
  }
  .recepten-page .reciepts-filter li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
  }
  .recepten-page .reciepts-filter li a {
    border-bottom: 1px solid transparent;
    margin: 0;
    padding-bottom: 5px;
  }
  .recepten-page .reciepts-filter li a.active {
    border-bottom: 1px solid #F2BF6A;
  }
  .recepten-page .popular-recepts .col {
    width: 50%;
  }
  .recepten-page .popular-recepts .block .cover {
    height: 120px;
  }
  .reciept-gallery .col {
    width: 100%;
  }
  .reciept-gallery .foto {
    height: 240px;
  }
  /*
        Recept Current
    */
  .reciept-wrap .go-back {
    display: none;
  }
  .reciept-wrap .share-post {
    display: none;
  }
  .reciept-wrap .name {
    display: inline-block;
    float: none;
    margin-right: -4px;
    margin-bottom: 20px;
    vertical-align: top;
    width: 100%;
  }
  .reciept-wrap .name h1 {
    display: inline-block;
    font-size: 18px;
    line-height: 1.4;
    vertical-align: top;
    width: calc(100% - 80px);
  }
  .reciept-wrap .name .like {
    margin-left: 0;
    padding-left: 10px;
  }
  .reciept-wrap .video {
    height: 200px;
  }
  .reciept-wrap .video iframe {
    height: 200px;
  }
  .reciept-wrap .video .add-to-fav {
    bottom: 0;
    right: 0;
  }
  .reciept-wrap .tips-block {
    display: none;
  }
  .reciept-wrap .description {
    float: none;
    width: 100%;
  }
  .reciept-wrap .description strong {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .reciept-wrap .ingredients-section {
    margin-bottom: 20px;
  }
  .reciept-wrap .ingredients-section .ingredients-head {
    width: 100%;
  }
  .reciept-wrap .ingredients-section .ingredients-head h2 {
    font-size: 18px;
    line-height: 30px;
  }
  .reciept-wrap .ingredients-section .person-calculator {
    margin-top: 0;
    line-height: 30px;
  }
  .reciept-wrap .ingredients-section .person-calculator .number-of-persons:disabled {
    color: #000;
    line-height: 30px;
  }
  .reciept-wrap .ingredients-section .person-calculator #text {
    line-height: 30px;
  }
  .reciept-wrap .ingredients-section .person-calculator .controller {
    height: 30px !important;
    line-height: 30px !important;
    width: 30px !important;
  }
  .reciept-wrap .ingredients-section .list-group {
    margin-bottom: 30px;
  }
  .reciept-wrap .ingredients-section .list-group li {
    font-size: 12px;
    padding-bottom: 0;
  }
  .reciept-wrap .ingredients-section .list-group li:after {
    display: none;
  }
  .reciept-wrap .ingredients-section .button {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .reciept-wrap .ingredients-section .add-to-list {
    margin-top: 0;
  }
  .reciept-wrap .reciept-gallery {
    margin: 20px 0;
  }
  .related-recepts {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .related-recepts h3 {
    margin-bottom: 15px;
  }
  .related-recepts .row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -5px;
  }
  .related-recepts .col {
    padding: 0 5px;
    width: 100%;
  }
  .related-recepts .col .block .foto {
    height: 140px;
  }
  .related-recepts .col .block .name {
    color: #5E9696;
    font-weight: 400;
    font-size: 14px;
    padding: 5px;
    text-align: left;
  }
  /*
        Blogs Vlogs
    */
  .blog-vlog-page .about {
    height: 140px;
    padding: 20px 20px 20px 160px;
    width: 100%;
  }
  .blog-vlog-page .about .foto {
    height: 140px;
    width: 140px;
  }
  .blog-vlog-page .about:before {
    width: calc(100% - 60px);
  }
  .blog-vlog-page .about h2 {
    font-size: 16px;
    text-align: right;
  }
  .blog-vlog-page .about p {
    display: none;
  }
  .blog-vlog-page .about .button {
    margin-top: 0;
    width: 100px;
  }
  .blog-vlog-page .blog-posts {
    margin: 0 0 20px;
  }
  .blog-vlog-page .blog-posts .row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -5px;
  }
  .blog-vlog-page .blog-posts .block {
    margin-bottom: 20px;
    padding: 5px;
  }
  .blog-vlog-page .blog-posts .block .foto {
    height: 140px;
  }
  .blog-vlog-page .blog-posts .block .p-name {
    font-weight: 400;
    padding: 5px 0;
  }
  /*
        Blog Current
    */
  .current-post .meta {
    margin-bottom: 20px;
  }
  .current-post .post-article iframe {
    height: 220px;
    margin: 20px 0;
  }
  .posts-list .row {
    margin: 0 -5px;
  }
  .posts-list .block {
    padding: 5px;
  }
  .posts-list .foto {
    height: 150px;
  }
  .posts-list .p-name {
    font-weight: 400;
    padding: 5px 0;
  }
  /*
        Herkomst page
    */
  .herkomst-page .description {
    margin-bottom: 20px;
    text-align: left;
  }
  .herkomst-page .herkomst-block .cover {
    height: 200px;
    position: relative;
    width: 100%;
  }
  .herkomst-page .herkomst-block .info {
    float: none;
    padding: 20px;
    text-align: center;
    width: 100%;
  }
  .herkomst-page .herkomst-block .info h3 {
    font-size: 14px;
    margin-top: 0;
    text-align: center;
    width: 100%;
  }
  .herkomst-page .herkomst-block .info p {
    font-size: 12px;
    line-height: 1.6;
  }
  .herkomst-page .herkomst-block .info .button {
    float: none;
    margin-top: 20px;
  }
  /*
        Current Herkomst
    */
  .current-herkomst {
    margin-bottom: 20px;
  }
  .current-herkomst .go-back {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .current-herkomst .top h3 {
    float: none;
    text-align: center;
  }
  .current-herkomst .top .share-post {
    position: relative;
    text-align: center;
  }
  .current-herkomst .top .share-post a {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .current-herkomst .article {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .current-herkomst .article p {
    font-size: 12px;
    line-height: 1.6;
  }
  .current-herkomst .article .gallery {
    margin-bottom: 0;
  }
  .current-herkomst .article .gallery iframe {
    height: 180px;
  }
  /*
        Hoe Nederlands
    */
  .hoe-kip-page {
    margin-bottom: 40px;
  }
  .hoe-block a {
    text-decoration: none;
  }
  .hoe-block .cover {
    height: 180px;
    width: 100%;
  }
  .hoe-block .info {
    float: none;
    padding: 20px;
    width: 100%;
  }
  .hoe-block .info p {
    font-size: 14px;
    line-height: 22px;
  }
  .current-hoe {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .current-hoe .go-back {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 0 20px;
  }
  .current-hoe .video iframe {
    height: 280px;
  }
  .current-hoe .top .avatar {
    height: 80px;
    margin-bottom: 0px;
    width: 80px;
  }
  .current-hoe .top h3 {
    font-size: 16px;
    padding: 0;
    width: 100%;
  }
  .current-hoe .article {
    padding: 20px;
  }
  .current-hoe .article strong {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .current-hoe .article p {
    font-size: 14px;
  }
  .related-hoe {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
  }
  .related-hoe .row {
    margin: 0;
  }
  .related-hoe .row .col {
    float: none;
    padding: 0;
    width: 100%;
  }
  .related-hoe .row .col .cover {
    height: 220px;
  }
  /*
        Een Ruim
    */
  .een-ruim-aanbod-page .bottom-block {
    margin-bottom: 20px;
  }
  .een-ruim-aanbod-page .bottom-block .image {
    margin-top: -50px;
  }
  .een-ruim-aanbod-page .sheme {
    margin-top: 40px;
  }
  .een-ruim-aanbod-page .sheme .chicken-wrap {
    max-width: 60%;
  }
  .een-ruim-aanbod-page .sheme .text-block {
    border-top: 0;
    display: block;
    margin-top: 0;
    padding-top: 0;
    position: relative;
    max-width: 100%;
    width: 100%;
  }
  .een-ruim-aanbod-page .sheme .text-block .line {
    display: none;
  }
  .een-ruim-aanbod-page .sheme .text-block h3 {
    display: none;
    font-size: 16px;
  }
  .een-ruim-aanbod-page .sheme .text-block p {
    display: none;
    font-size: 12px;
    line-height: 1.5;
  }
  .een-ruim-aanbod-page .sheme .text-block.current {
    border-top: 5px solid #EBC077;
    margin-bottom: 40px;
    margin-top: 0px;
    padding-top: 10px;
  }
  .een-ruim-aanbod-page .sheme .text-block.current h3 {
    display: block;
  }
  .een-ruim-aanbod-page .sheme .text-block.current p {
    display: block;
  }
  /*
        Contacts
    */
  .contacts-page {
    background-size: 380px auto;
    padding-bottom: 180px;
  }
  .contacts-page .wrap {
    padding: 40px 15px;
  }
  .contacts-page .wrap h1 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .contacts-page .wrap .description p {
    font-size: 14px;
  }
  .contacts-page .wrap .form .f-group {
    margin-bottom: 0;
  }
  .contacts-page .wrap .form .cell-wrap {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
  }
  .contacts-page .wrap .form .cell-wrap p {
    font-size: 14px;
    text-align: center;
  }
  /*
        Mijn Recepten
    */
  .mijn-receptern-page {
    background-size: 380px auto;
    padding-bottom: 180px;
  }
  .mijn-receptern-page .recepts-list .foto {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
  .mijn-receptern-page .recepts-list .info {
    float: none;
    width: 100%;
  }
  .mijn-receptern-page .recepts-list .info .title {
    max-width: 100%;
  }
  .mijn-receptern-page .recepts-list .info .title .name {
    font-size: 18px;
  }
  .mijn-receptern-page .recepts-list .info .title .name a {
    text-decoration: none;
  }
  .mijn-receptern-page .recepts-list .info .notes {
    margin: 0;
    margin-top: 20px;
    max-width: 100%;
  }
  /*
        Mijn Boodshapen
    */
  .mijn-boodschappen-page {
    background-size: 380px auto;
    padding-bottom: 180px;
  }
  .mijn-boodschappen-page .foto {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    padding-right: 0;
    width: 100%;
  }
  .mijn-boodschappen-page .rec-info {
    float: none;
    width: 100%;
  }
  .mijn-boodschappen-page .name {
    font-size: 16px;
    margin-bottom: 10px;
  }
  /*
        Not Login Modal
    */
  .not-login-modal {
    width: 100%;
  }
  .not-login-modal .modal {
    width: 100%;
  }
  .not-login-modal .modal .wrap {
    padding: 20px;
  }
  .not-login-modal .modal h2 {
    font-size: 18px;
    margin-bottom: 15px;
    max-width: 85%;
  }
  .not-login-modal .modal p {
    font-size: 12px;
  }
  .not-login-modal .modal ul li {
    font-size: 12px;
  }
  .not-login-modal .modal span {
    display: inline-block;
    margin-right: -4px;
    line-height: 20px;
    vertical-align: top;
    width: 35%;
  }
  .not-login-modal .modal .button {
    font-size: 12px;
    margin-left: 0;
    margin-right: -4px;
    width: 65%;
  }
  /*
        Account
    */
  .login-page {
    background-size: 380px auto;
    padding-bottom: 180px;
  }
  .login-page .wrap {
    padding: 40px 10px 0;
  }
  .login-page .wrap h1 {
    color: #969696;
    font-size: 18px;
    font-weight: 400;
  }
  .login-page .wrap .form {
    margin-bottom: 0;
  }
  .login-page .wrap .form label {
    font-size: 14px;
  }
  .login-page .wrap .form input.input {
    height: 40px;
    margin-bottom: 5px;
  }
  .login-page .wrap .form .text-input {
    height: 40px;
  }
  .login-page .wrap .form .button {
    height: 50px;
    line-height: 50px;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .login-page .wrap .form p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .login-page .wrap .forgot-pass {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .login-page .wrap .register {
    font-size: 14px;
  }
  .account-page {
    background-size: 380px auto;
    padding-bottom: 180px;
  }
  .account-page .wrap {
    padding: 40px 30px;
  }
  .account-page .wrap .username {
    font-size: 18px;
    text-align: left;
  }
  .account-page .wrap p {
    font-size: 14px;
    line-height: 1.5;
  }
  .account-page .wrap .buttons {
    margin: 20px 0;
  }
  .account-page .wrap .buttons li {
    margin: 0px;
    margin-right: -4px;
    width: calc(50% - 5px);
  }
  .account-page .wrap .buttons li+li {
    margin-left: 10px;
  }
  .account-page .wrap .buttons .button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 40px;
    margin-top: 0;
    min-width: 50px;
    padding: 0;
    width: 100%;
  }
  .account-page .directions .col {
    margin-bottom: 50px;
    padding: 0;
    width: 100%;
  }
  .account-page .directions .col .block .image {
    height: 180px;
  }
  .account-page .directions .col .block h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .account-page .directions .col .block p {
    font-size: 12px;
    line-height: 1.5;
  }
  .account-page .form {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.5;
  }
  .account-page .form label {
    font-size: 14px;
  }
  .account-page .form input.text-input {
    height: 40px;
    line-height: 40px;
  }
  .account-page .form input {
    margin-bottom: 0;
  }
  .account-page .form .button {
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    margin-right: 0;
    margin-top: 20px;
    width: 100%;
  }
  .account-page .form .go-back {
    font-size: 16px;
  }
  /*
        Search Page
    */
  .search-page {
    background-size: 380px auto;
    padding: 40px 30px 180px;
  }
  .search-page h1 {
    font-size: 18px;
    text-align: left;
    margin-bottom: 20px;
  }
  .search-page .form-wrap .cell {
    line-height: 40px;
  }
  .search-page .form-wrap .btn {
    background-size: 20px auto;
    height: 30px;
    top: 8px;
    right: -30px;
    width: 30px;
  }
  .search-page .search-result .block {
    margin-bottom: 30px;
  }
  .search-page .search-result .block .foto {
    height: 180px;
  }
  .search-page .search-result .block .name {
    font-size: 14px;
    line-height: 1.5;
  }
  /*
        Cookies
    */
  .cookie-policy {
    padding: 20px 10px;
  }
  .cookie-policy h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .cookie-policy p {
    font-size: 12px;
    line-height: 1.6;
    width: 100%;
  }
  .cookie-policy .accept {
    float: none;
    width: 100%;
  }
  .cookie-policy .checkbox {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 25px;
    vertical-align: top;
  }
  .cookie-policy .checkbox input {
    height: 20px;
    margin-bottom: 0;
    width: 20px;
  }
  .cookie-policy .button {
    margin: 15px 0 0 10px;
  }
  /*
        Generator
    */
  .reciept-generator-page {
    margin-bottom: 20px;
    padding-top: 0;
  }
  .reciept-generator-page .container {
    padding: 0;
  }
  .reciept-generator-page .generator-title {
    display: none;
  }
  .reciept-generator-page .step-banner {
    box-sizing: border-box;
    height: 160px;
    margin-bottom: 20px;
  }
  .reciept-generator-page .step-banner h2 {
    font-size: 24px;
    padding: 0 15px;
    width: 100%;
  }
  .reciept-generator-page .notice {
    font-size: 14px;
    display: none;
  }
  .reciept-generator-page .mobile-notice {
    display: block;
    font-size: 10px;
    margin: 20px auto;
    text-align: center;
    max-width: 240px;
  }
  .reciept-generator-page .mobile-notice a {
    color: #000;
  }
  .reciept-generator-page .mobile-title {
    display: block;
    font-size: 12px;
    margin: 0 auto 20px;
    text-align: center;
    text-transform: uppercase;
    max-width: 220px;
  }
  .reciept-generator-page .steps-wrap {
    margin-bottom: 20px;
    padding: 0;
  }
  .reciept-generator-page .steps-wrap .step-number {
    font-size: 12px;
    padding: 5px;
    top: 10px;
    left: 10px;
  }
  .reciept-generator-page .step-one .options-list {
    box-sizing: border-box;
    background: #fff;
    padding: 15px 10px;
  }
  .reciept-generator-page .step-one .options-list label:last-child {
    background: transparent;
    color: #000;
    height: 35px;
    min-height: auto;
    padding: 0;
    width: 100% !important;
  }
  .reciept-generator-page .step-one .options-list label:last-child strong {
    color: #000;
    display: block;
    font-size: 14px;
    line-height: 35px;
    padding-top: 0;
  }
  .reciept-generator-page .options-list {
    box-sizing: border-box;
    background: #fff;
    padding: 15px 10px;
  }
  .reciept-generator-page .options-list .option {
    box-sizing: border-box;
    background-position: left 50% top 25px;
    background-size: 40% 40%;
    background-repeat: no-repeat !important;
    border: 0 !important;
    border-radius: 10px;
    margin: 3px;
    padding: 10px;
    min-height: 120px;
    width: calc(50% - 8px) !important;
  }
  .reciept-generator-page .options-list .option.chosen {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .reciept-generator-page .options-list .option strong {
    font-size: 14px;
    padding-top: 80px;
  }
  .reciept-generator-page .options-list .option.time-option {
    padding: 0;
    padding-bottom: 20px;
    width: 100% !important;
  }
  .reciept-generator-page .options-list .option.time-option strong {
    font-weight: bold;
    padding-top: 0;
  }
  .reciept-generator-page .prev-next {
    margin-top: 20px;
    padding: 0 15px 20px;
  }
  .reciept-generator-page .prev-next .go-back {
    font-size: 16px;
    float: left;
    line-height: 40px;
    margin-left: 10px;
  }
  .reciept-generator-page .prev-next .button {
    border-radius: 10px;
    font-size: 14px;
    line-height: 40px;
    width: auto;
  }
  .reciept-generator-page .random-reciept h2 {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .reciept-generator-page .random-reciept .button {
    font-size: 14px;
    line-height: 30px;
    width: 180px;
  }
  .reciept-generator-page {
    margin-bottom: 0;
  }
  .reciept-generator-page .no-results-block {
    padding: 30px 15px;
  }
  .reciept-generator-page .no-results-block h2 {
    font-size: 13px;
    margin-bottom: 25px;
  }
  .reciept-generator-page .no-results-block .mobile-button {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);
    background-color: #f4bf5f;
    border-radius: 5px;
    border: 0;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 auto 40px;
    padding: 0;
    text-align: center;
    width: 146px;
  }
  .reciept-generator-page .no-results-block .col {
    width: 100% !important;
  }
  .reciept-generator-page .no-results-block .zoek {
    display: none;
  }
  .reciept-generator-page .popular-recepts {
    box-sizing: border-box;
    padding: 0 5px;
  }
  .reciept-generator-page .popular-recepts .block .add-to-fav {
    top: 150px !important;
  }
  .reciept-generator-page .popular-recepts .block .cover {
    height: 200px !important;
  }
  .reciept-generator-page .result-reciept .cover {
    height: 220px;
  }
  .reciept-generator-page .result-reciept .name {
    padding: 15px;
  }
  .reciept-generator-page .result-reciept .name .title {
    display: block;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: normal;
  }
  .reciept-generator-page .result-reciept .name .go-back {
    color: #808080;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    text-align: left;
  }
  .reciept-generator-page .result-reciept .name .button {
    border-radius: 5px;
    font-size: 12px;
    line-height: 30px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    overflow: hidden;
  }
  html:before {
    background: url(../img/lock_land.jpg) center no-repeat #ECC06E;
    background-size: 90% auto;
    content: '';
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  }
}

@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
  html {
    overflow: hidden;
  }
  html:before {
    background: url(../img/lock_land.jpg) center no-repeat #ECC06E;
    background-size: 90% auto;
    content: '';
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  }
}