@charset "UTF-8";
/* colors */
/* sizes */
/* misc */
@font-face {
  font-family: "CanalDemiPlain";
  src: url("./font/canal_demi_plain_pl-webfont.eot");
  src: url("./font/canal_demi_plain_pl-webfont.eot?#iefix") format("embedded-opentype"), url("./font/canal_demi_plain_pl-webfont.woff") format("woff"), url("./font/canal_demi_plain_pl-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "CanalLightPlain";
  src: url("./font/canal_light_romain-webfont.eot");
  src: url("./font/canal_light_romain-webfont.eot?#iefix") format("embedded-opentype"), url("./font/canal_light_romain-webfont.woff2") format("woff2"), url("./font/canal_light_romain-webfont.woff") format("woff"), url("./font/canal_light_romain-webfont.ttf") format("truetype"), url("./font/canal_light_romain-webfont.svg#canal_light_romain_polskaRg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  padding-top: 6.625rem;
  font-family: "CanalLightPlain";
}

html {
  letter-spacing: 0.3px;
}

:focus {
  outline-color: #96C800;
}

img.left, img.obrazek {
  float: left;
  margin: 1rem 1rem 1rem 0;
}

img.right {
  float: right;
  margin: 1rem 0 1rem 1rem;
}

a {
  color: #6B8D02;
}
a:hover {
  color: #96C800;
}

.program-info {
  color: #7F7F7F;
}

h3 > a {
  color: inherit;
}

#loader-container {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 10000;
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #F4F8EA;
  border-radius: 50%;
  border-top: 16px solid #6B8D02;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
}

.img-placeholder {
  background: #CEE1A0;
}

.placeholder-tv {
  max-width: 180px;
}

.arial {
  font-family: arial, sans-serif;
}

.sgg {
  display: none;
}

#img-gallery-main {
  width: 100%;
}

@-webkit-keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 0px;
    opacity: 1;
  }
}
@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
@media only screen and (max-width: 575.98px) {
  body {
    padding-top: 4.75rem;
  }

  html {
    font-size: 14px;
  }

  main {
    overflow-x: hidden;
  }
}
h1, h2, h3, h4, h5, h6, h7 {
  font-family: "CanalDemiPlain" !important;
  font-weight: 300;
}

h2 {
  font-size: 2rem;
  font-weight: 300;
}

header {
  margin: 1rem 0;
}
header h1 {
  color: black;
  font-size: 2rem;
}

.btn {
  border-radius: 0;
}
.btn:active, .btn:focus {
  border-color: #96C800;
  box-shadow: none;
}

.btn-white {
  background-color: white;
  color: black;
  padding: 20px 25px;
}
.btn-white:hover {
  color: white;
  background-color: black;
}

.btn-green {
  background-color: #96C800;
  color: white;
  padding: 0.875rem 3rem;
}
.btn-green:hover {
  color: white;
  background-color: black;
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #E5E5E5 !important;
  border-color: #E5E5E5 !important;
  color: #7F7F7F !important;
}

.form-control:active, .form-control:focus {
  border-color: #96C800;
  box-shadow: none;
}

.form-group {
  position: relative;
}
.form-group .help-block {
  padding-top: 0.25rem;
  font-size: 0.75rem;
  letter-spacing: 0.3px;
  position: absolute;
}
.form-group.has-error .form-control {
  background: url("/img/icon-16px-warn.svg") 97% 50% no-repeat;
  border-color: #C81700;
  padding-right: 3rem;
}
.form-group.has-error .help-block {
  color: #C81700;
}

.bg-light, .navbar-light {
  background-color: #ffffff !important;
  height: 6.625rem;
  padding-top: 0;
  padding-bottom: 0;
}

nav.navbar {
  transition: all 0.3s ease-in-out;
  opacity: 1;
  border-bottom: 1px solid #E5E5E5;
}
nav.navbar .navbar-toggler {
  border: none;
}
nav.navbar .container {
  position: relative;
}
nav.navbar .search-input {
  background-color: white;
  position: absolute;
  width: 100%;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-out;
}
nav.navbar .search-input.on {
  opacity: 1;
  visibility: visible;
}
nav.navbar .search-input input[type=text] {
  background-color: white;
  border: none;
  width: 96%;
  padding: 1.5rem;
  padding-left: 2.5rem;
  outline: none;
  font-size: 1.25rem;
  font-family: "CanalDemiPlain";
}
nav.navbar .search-input input[type=text]::placeholder {
  color: black;
}
nav.navbar .search-input input[type=button] {
  background: url("/img/icon-24px-close.svg") 50% 50% no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 1.75rem;
  right: 15px;
  outline: none;
  border: 0;
  cursor: pointer;
}
nav.navbar .search-input button[type=submit] {
  border: none;
  background: url("/img/icon-24px-search.svg") 50% 50% no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 1.75rem;
  left: 1rem;
  cursor: pointer;
}

nav.scrolled {
  top: -106px;
  opacity: 0.7;
}

#mainNav .navbar-nav a.nav-link {
  color: black;
  padding-left: 0;
  padding-right: 0;
  margin-left: 1rem;
  margin-right: 1rem;
  font-family: "CanalDemiPlain";
  white-space: nowrap;
}
#mainNav .navbar-nav a.nav-link:hover {
  color: #96C800;
}
#mainNav .navbar-nav .nav-item.active {
  color: #96C800;
}
#mainNav .navbar-nav .nav-item.active a {
  color: #96C800;
}
#mainNav .navbar-nav .dropdown > a {
  border-bottom: 2px solid #7F7F7F;
  color: #7F7F7F;
}
#mainNav .navbar-nav .dropdown a:hover {
  color: #7F7F7F;
}
#mainNav .navbar-nav .dropdown .dropdown-menu {
  border: none;
  border-radius: 0;
  background: #96C800;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
}
#mainNav .navbar-nav .dropdown .dropdown-menu a {
  padding: 0.5rem 1.5rem;
  color: white;
  font-family: "CanalDemiPlain";
  font-weight: 300;
}
#mainNav .navbar-nav .dropdown .dropdown-menu a:hover {
  color: black;
  background: none;
}
#mainNav .navbar-nav .dropdown.user > a {
  border: none;
}
#mainNav .navbar-nav .dropdown.user .dropdown-menu {
  border: none;
  border-radius: 0;
  background: white;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
}
#mainNav .navbar-nav .dropdown.user .dropdown-menu span.navbar-text {
  padding-left: 1.5rem;
}
#mainNav .navbar-nav .dropdown.user .dropdown-menu a {
  color: black;
  font-family: "CanalDemiPlain";
}
#mainNav .navbar-nav .dropdown.user .dropdown-menu a:hover {
  color: #96C800;
  background: none;
}
#mainNav .navbar-nav .dropdown.user .dropdown-menu a.tagged {
  background: url("/img/slider-dot-active.svg") 0.5rem 50% no-repeat;
}
#mainNav .navbar-icons a.nav-link {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  margin-left: 2.5rem;
  position: relative;
}
#mainNav .navbar-icons a.nav-link .badge {
  background-color: #96C800;
  border: 2px solid white;
  color: white;
  border-radius: 50%;
  font-family: "CanalLightPlain";
  font-weight: 300;
  font-size: 0.625rem;
  position: absolute;
  right: -0.7rem;
}
#mainNav .navbar-icons svg {
  vertical-align: bottom;
}
#mainNav .navbar-icons .nav-item a:hover svg path {
  fill: #96C800;
}

@media only screen and (max-width: 767px) {
  .navbar-brand img {
    width: 64px;
  }

  .navbar {
    height: 4.75rem;
  }

  .navbar-toggler {
    padding: 0.25rem;
  }

  .mobile-sub a.nav-link {
    padding: 0.5rem;
    font-size: 1rem;
    font-family: "CanalDemiPlain";
    color: black;
  }
  .mobile-sub a.nav-link:hover {
    color: #96C800;
    text-decoration: none;
  }
}
@media only screen and (max-width: 312px) {
  .mobile-sub {
    visibility: hidden;
    display: none;
  }
}
footer {
  background-color: black;
  padding-top: 3rem;
}
footer .menu {
  margin-bottom: 4rem;
}
footer .menu ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
footer .menu ul li {
  margin-bottom: 0.75rem;
}
footer .menu ul li > span {
  color: white;
  font-family: "CanalDemiPlain";
}
footer .menu ul li a {
  color: white;
  font-family: "CanalDemiPlain";
}
footer .menu ul li a:hover {
  color: #96C800;
  text-decoration: none;
}
footer .menu ul li.sub a {
  color: #7F7F7F;
  font-family: "CanalLightPlain";
}
footer .menu ul li.sub a:hover {
  color: #96C800;
  text-decoration: none;
}
footer .socials {
  color: white;
  line-height: 3rem;
}
footer .socials a {
  border: 1px solid #7F7F7F;
  color: white;
  display: block;
  width: 100%;
  line-height: 3rem;
  text-align: center;
  transition: all 0.15s ease-in-out;
}
footer .socials a:hover {
  text-decoration: none;
}
footer .socials a.facebook:hover {
  background-color: #3B5998;
  border-color: #3B5998;
}
footer .socials a.youtube:hover {
  background-color: #FF0000;
  border-color: #FF0000;
}
footer .socials a.instagram:hover {
  background-color: #405DE6;
  border-color: #405DE6;
}
footer .socials a img {
  margin-right: 1rem;
  vertical-align: text-bottom;
}
footer .disclaimer {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
footer .disclaimer p {
  color: #7F7F7F;
  font-size: 0.75rem;
  letter-spacing: 0.3px;
  line-height: 20px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
footer .disclaimer hr {
  background-color: #7F7F7F;
}
footer .links {
  color: #7F7F7F;
}
footer .links a {
  color: white;
  font-family: "CanalDemiPlain";
}
@media only screen and (max-width: 575.98px) {
  footer {
    padding-top: 1rem;
  }
  footer .desktop-menu {
    visibility: hidden;
    display: none;
  }
  footer .socials a span {
    display: none;
  }
  footer .socials a img {
    margin-right: 0;
    vertical-align: middle;
  }
  footer .links {
    font-size: 0.85rem;
  }
  footer .disclaimer {
    margin-top: 0;
  }
  footer .mobile-menu .menu-section {
    margin-top: 1.25rem;
    font-family: "CanalDemiPlain";
  }
  footer .mobile-menu .menu-section p {
    border-top: 1px solid #7F7F7F;
    margin-bottom: 0;
    padding-top: 1.25rem;
    line-height: 2rem;
  }
  footer .mobile-menu .menu-section p a {
    color: white;
  }
  footer .mobile-menu .menu-section p a:hover {
    color: #96C800;
    text-decoration: none;
  }
  footer .mobile-menu .menu-section nav ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
  footer .mobile-menu .menu-section nav ul li {
    line-height: 2rem;
  }
  footer .mobile-menu .menu-section nav ul li a {
    color: #7F7F7F;
  }
  footer .mobile-menu .menu-section nav ul li a:hover {
    color: #96C800;
    text-decoration: none;
  }
}



@media only screen and (min-width: 576px) and (max-width: 767.98px) {

  footer .desktop-menu .menu ul li a {
    font-size: 0.8rem;
  }
  footer .socials a span {
    display: none;
  }
  footer .socials a img {
    margin-right: 0;
    vertical-align: middle;
  }
}

.modal .modal-content {
  border-radius: 0;
  border: none;
}
.modal .modal-content .modal-header, .modal .modal-content .modal-footer {
  border: 0;
}
.modal .modal-content .modal-header h3 {
  font-size: 1.5rem;
}
.modal .modal-content .modal-title {
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 575.98px) {
  .modal .modal-dialog {
    margin: 0;
  }
  .modal .modal-content h4 {
    font-size: 1.15rem;
    margin: 1rem 0;
  }
  .modal .modal-content .modal-header h3 {
    font-size: 1.15rem;
  }
  .modal .modal-body {
    padding: 0;
  }
}

.modal-backdrop.show {
  background-color: black;
  opacity: 0.85;
}

.user-modal button.close {
  opacity: 1;
}
.user-modal button.close span {
  width: 24px;
  height: 24px;
}
.user-modal button.close:hover {
  opacity: 0.5;
}
.user-modal form {
  padding: 0 1rem;
}
.user-modal form a {
  color: #96C800;
}
.user-modal form a:hover {
  color: #6B8D02;
}
.user-modal form .form-control {
  border-radius: 0;
  padding: 1rem;
}
.user-modal form .form-group {
  margin-bottom: 2rem;
}
.user-modal form .control-label {
  color: #7F7F7F;
  font-size: 0.85rem;
}
.user-modal form button[type=submit] {
  background-color: #96C800;
  color: white;
  outline: none;
  border-color: #96C800;
  padding: 1rem;
  margin-top: 1.5rem;
  font-size: 1rem;
  font-family: "CanalDemiPlain";
}
.user-modal form button[type=submit]:hover {
  background-color: white;
  border-color: #96C800;
  color: #96C800;
}
.user-modal .register-social {
  margin: 1.5rem 1rem;
}
.user-modal .register-social p {
  text-align: center;
  font-size: 1rem;
  font-family: "CanalDemiPlain";
}
.user-modal .register-social a {
  border: 1px solid #E5E5E5;
  padding: 1rem;
  display: block;
  text-align: center;
}
.user-modal .modal-footer {
  background-color: #F4F8EA;
  display: block;
  padding: 2rem;
  text-align: center;
}
.user-modal .modal-footer p {
  text-align: center;
  font-size: 1.5rem;
  font-family: "CanalDemiPlain";
  margin: 0;
}
.user-modal .modal-footer p a {
  color: #96C800;
  text-decoration: none;
}
.user-modal .modal-footer p a:hover {
  color: #6B8D02;
}
.user-modal a.btn-remove-account {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
}
.user-modal a.btn-remove-account:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
@media only screen and (max-width: 575.98px) {
  .user-modal form {
    font-size: 0.85rem;
  }
}

.cbx-krajee-flatblue .cbx {
  background: white;
  border: 1px solid #E5E5E5;
  margin-right: 0.75rem;
}
.cbx-krajee-flatblue .cbx-active {
  background-color: #96C800;
  color: white;
  border: 0;
}
.cbx-krajee-flatblue .cbx-active:focus {
  color: #E5E5E5;
}

.filter .owl-carousel .owl-stage-outer {
  padding: 1rem 0;
}

.select2-container--bootstrap .select2-selection {
  border-color: #E5E5E5;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  font-family: "CanalLightPlain";
}

.select2-container--open {
  border-color: #96C800;
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: #96C800;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  line-height: 1.5rem;
  height: 3rem;
}

.select2-container--bootstrap .select2-dropdown {
  border-color: #E5E5E5;
  border-radius: 0;
  margin-top: 0.4rem;
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #E5E5E5;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #96C800;
}

.select2-results .select2-results__option:before {
  display: inline-block;
  float: left;
  font-family: "Font Awesome 6 Free";
  content: "";
  color: #96C800;
  margin-right: 0.25rem;
}
.select2-results .select2-results__option[aria-selected=true] {
  color: #96C800;
}
.select2-results .select2-results__option[aria-selected=true]:before {
  content: "";
}
.s2-togall-button {
  color: #96C800;
}

.has-success .select2-container--bootstrap .select2-dropdown, .has-success .select2-container--bootstrap .select2-selection {
  border-color: #E5E5E5;
}

.has-success .select2-container--bootstrap.select2-container--focus .select2-selection, .has-success .select2-container--bootstrap.select2-container--open .select2-selection {
  color: #96C800;
  border-color: #E5E5E5;
  box-shadow: none;
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  box-shadow: none;
}

.has-success .select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: #96C800;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  border-radius: 0;
  box-shadow: none;
  border-color: #E5E5E5;
  font-family: "CanalLightPlain";
  font-size: 1rem;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 0.4rem;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background: none;
  color: #96C800;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background: none;
}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-color: #96C800;
}

.select2-container--bootstrap .select2-selection--single {
  height: 3rem;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  line-height: 2rem;
  color: #7F7F7F;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  line-height: 2rem;
  font-family: "CanalLightPlain";
}

.select2-container .select2-selection {
  border-radius: 0;
  box-shadow: none;
}
.select2-container .select2-selection li.select2-selection__choice {
  color: white;
  background-color: #96C800;
  border: 0;
  border-radius: 0;
  padding: 0.5rem;
  margin-bottom: 6px;
  font-family: "CanalLightPlain";
  font-size: 1rem;
}
.select2-container .select2-selection li.select2-selection__choice input.select2-search__field {
  border-radius: 0;
  line-height: 1.5rem;
  font-family: "CanalLightPlain";
  font-size: 1rem;
}
.select2-container .select2-selection li.select2-selection__choice .select2-selection__choice__remove {
  color: white;
}

input.krajee-datepicker {
  background: url("/img/icon-24px-calendar.svg") 95% 50% no-repeat;
  color: #000;
  font-family: "CanalLightPlain";
  font-size: 1rem;
}
input.krajee-datepicker:hover, input.krajee-datepicker:focus {
  border-color: #96C800;
  outline: none;
  box-shadow: none;
}

.datepicker {
  border-radius: 0;
  padding: 0;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
}
.datepicker .datepicker-switch {
  font-weight: 300;
}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
  background-color: #96C800;
  color: white;
  border-radius: 0;
}
.datepicker table tr th.prev, .datepicker table tr th.next, .datepicker table tr th.datepicker-switch {
  border-bottom: 1px solid #E5E5E5;
}
.datepicker table tr td, .datepicker table tr th {
  width: 2.5rem;
  height: 2.5rem;
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
  background-color: #96C800;
  color: white;
  border-radius: 0;
}
.datepicker table tr td.old, .datepicker table tr td.new {
  color: #7F7F7F;
  opacity: 0.5;
}
.datepicker table tr th.dow {
  color: #7F7F7F;
  font-weight: 300;
}
.datepicker table tr td.active, .datepicker table tr td.active.day,
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  background-color: #96C800;
  border-radius: 0;
}

.slider.slider-horizontal {
  width: 100%;
}
.slider.slider-horizontal .slider-track {
  height: 4px;
}
.slider.slider-horizontal .slider-track .slider-handle {
  width: 16px;
  height: 16px;
  background: #6B8D02;
  margin-top: -6px;
}
.slider.slider-horizontal .slider-track .slider-track-low, .slider.slider-horizontal .slider-track .slider-track-high {
  border-radius: 0;
  background: #E5E5E5;
}
.slider.slider-horizontal .slider-track .slider-selection {
  background: #96C800;
  box-shadow: none;
  transition: all 0.25s ease-in-out;
}

.tt-menu {
  border-radius: 0;
  padding: 0.5rem 0;
  margin: 0;
  margin-top: -1px;
  border: 0;
  border-top: 1px solid #E5E5E5;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
  z-index: 10000 !important;
}
.tt-menu .tt-suggestion {
  padding: 0.75rem 1rem;
  font-size: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tt-menu .tt-suggestion.tt-selectable:hover {
  background-color: #F2F2F2;
  color: #96C800;
}
.tt-menu .tt-suggestion a {
  color: #96C800;
  text-decoration: none;
}
.tt-menu .tt-suggestion a:hover {
  color: #6B8D02;
}

.filter {
  background-color: black;
  position: relative;
  top: 0;
  z-index: 110;
  transition: all 0.3s ease-in-out;
}
.filter form {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.filter form button[type=submit] {
  border: none;
  background: url("/img/icon-16px-search.svg") 50% 50% no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 24px;
  cursor: pointer;
}
.filter form > button[type=submit] {
  top: 24px;
  left: 8px;
}
.filter form input[type=text] {
  background-color: rgba(242, 242, 242, 0.2);
  border: none;
  border-radius: 0;
  color: white;
  padding: 0.5rem;
  padding-left: 2.4rem;
  width: 100%;
}
.filter form input[type=text]::placeholder {
  color: white;
  opacity: 0.8;
}
.filter form input[data-krajee-checkboxx] {
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 575.98px) {
  .filter.program-tv-filter form#szukaj-form, .filter.tv-guide-filter form#szukaj-form {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .filter form {
    /*margin: 0 0 1rem 0;*/
  }
  .filter form .form-group {
    width: 100%;
  }
  .filter form button[type=submit] {
    border: none;
    background: url("/img/icon-16px-search.svg") 50% 50% no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    /*top: 10px;
    left: 20px;*/
  }
  .filter form input[type=text] {
    padding: 0.8rem;
    padding-left: 2.4rem;
  }
}
.filter .dropdown {
  z-index: 100;
}
.filter .dropdown.on {
  z-index: 1000;
}
.filter .dropdown.on .btn {
  border-color: transparent;
}
.filter .dropdown.on button.dropdown-toggle {
  color: white;
  position: relative;
}
.filter .dropdown .btn {
  background-color: white;
  font-family: "CanalDemiPlain";
  font-size: 0.875rem;
}
.filter .dropdown .btn:active {
  border-color: transparent;
}
.filter .dropdown .dropdown-element {
  position: absolute;
  background-color: white;
  padding: 1rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
.filter .dropdown.on .dropdown-element {
  visibility: visible;
  opacity: 1;
}
.filter .dropdown .filter-options {
  width: 16rem;
}
.filter .dropdown .filter-options .search-input {
  display: block;
  position: relative;
  margin-bottom: 1rem;
}
.filter .dropdown .filter-options .search-input input.form-control {
  border-radius: 0;
  border-color: #E5E5E5;
  padding: 0.5rem;
  padding-left: 2.4rem;
  width: 100%;
}
.filter .dropdown .filter-options .search-input button[type=submit] {
  border: none;
  background: url("/img/icon-16px-search-gray.svg") 50% 50% no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.filter .dropdown .filter-options .options-container {
  height: auto;
  max-height: 12rem;
  overflow-y: scroll;
}
.filter .dropdown .filter-options .options-container p {
  margin-bottom: 0;
  position: relative;
}
.filter .dropdown .filter-options .options-container p input {
  position: absolute;
  left: 0.1rem;
  top: 0.25rem;
}
.filter .dropdown .filter-options .options-container p label {
  padding-left: 1.25rem;
  font-size: 0.875rem;
  font-family: "CanalDemiPlain";
}
.filter .dropdown .dropdown-element {
  border-radius: 0;
  padding: 1rem;
}
.filter .dropdown .dropdown-element a.accept-filter {
  background-color: #96C800;
  color: white;
}
.filter .dropdown .dropdown-element a.accept-filter:hover {
  background-color: #6B8D02;
}
.filter .dropdown .dropdown-element .time-picker {
  border: 1px solid #E5E5E5;
  margin-bottom: 1rem;
}
.filter .dropdown .dropdown-element input.krajee-datepicker {
  background: url("/img/icon-24px-calendar.svg") 95% 50% no-repeat;
  border: 1px solid #E5E5E5;
  border-radius: 0;
  color: #000;
}
.filter .dropdown .dropdown-element input.krajee-datepicker:hover, .filter .dropdown .dropdown-element input.krajee-datepicker:focus {
  border-color: #96C800;
  outline: none;
  box-shadow: none;
}
.filter .dropdown .dropdown-toggle {
  background-color: transparent;
  color: white;
}
.filter .dropdown .dropdown-toggle:hover {
  color: #96C800;
}
.filter .additional-filters {
  padding: 1rem 0;
  background-color: white;
  border-bottom: 1px solid #E5E5E5;
  margin-top: 1rem;
  transition: all 0.25s ease-in-out;
  position: relative;
}
.filter .additional-filters .dropdown-toggle {
  color: black;
}
.filter .curtain {
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  visibility: hidden;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 0;
  transition: background-color 0.25s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.filter .curtain.on {
  opacity: 1;
  visibility: visible;
}
.filter .blacked-out {
  background-color: rgba(0, 0, 0, 0.85);
  border-bottom-color: transparent;
  z-index: 1000;
}
.filter .blacked-out .curtain {
  opacity: 1;
  visibility: visible;
}
.filter .blacked-out .dropdown span {
  color: #7F7F7F;
}
.filter .blacked-out .dropdown.show .dropdown-toggle {
  color: white;
}

/*
.navbar-visible .filter {
  top: 6.625rem;
}
*/
.filter-resume-desktop {
  margin-bottom: -1rem;
}

.filter-resume, .filter-resume-desktop, .filter-resume-sticky {
  visibility: visible;
  opacity: 1;
  background-color: black;
  padding: 1rem 0 0.3rem;
  position: sticky;
  top: 0;
  z-index: 110;
  margin-top: 0;
  transition: all 0.45s ease-in-out;
}
.filter-resume .filters, .filter-resume .filters-desktop, .filter-resume-desktop .filters, .filter-resume-desktop .filters-desktop, .filter-resume-sticky .filters, .filter-resume-sticky .filters-desktop {
  color: white;
}
.filter-resume .filters .no-filters, .filter-resume .filters-desktop .no-filters, .filter-resume-desktop .filters .no-filters, .filter-resume-desktop .filters-desktop .no-filters, .filter-resume-sticky .filters .no-filters, .filter-resume-sticky .filters-desktop .no-filters {
  font-size: 14px;
  margin-bottom: 0.7rem;
  display: block;
  font-weight: 300;
}
.filter-resume .filters .item, .filter-resume .filters-desktop .item, .filter-resume-desktop .filters .item, .filter-resume-desktop .filters-desktop .item, .filter-resume-sticky .filters .item, .filter-resume-sticky .filters-desktop .item {
  display: inline-block;
  border: 1px solid #979797;
  padding: 0.25rem 0.875rem;
  font-size: 0.812rem;
  margin-right: 0.5rem;
  margin-bottom: 0.7rem;
}
.filter-resume .filters .item a.btn-remove, .filter-resume .filters-desktop .item a.btn-remove, .filter-resume-desktop .filters .item a.btn-remove, .filter-resume-desktop .filters-desktop .item a.btn-remove, .filter-resume-sticky .filters .item a.btn-remove, .filter-resume-sticky .filters-desktop .item a.btn-remove {
  background: url("/img/icon-8px-remove.svg") 50% 50% no-repeat;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: -0.5rem;
  margin-left: 0.25rem;
}
.filter-resume .filters .more-items, .filter-resume .filters-desktop .more-items, .filter-resume-desktop .filters .more-items, .filter-resume-desktop .filters-desktop .more-items, .filter-resume-sticky .filters .more-items, .filter-resume-sticky .filters-desktop .more-items {
  margin-bottom: 1rem;
}
.filter-resume .filters .more-items .item, .filter-resume .filters-desktop .more-items .item, .filter-resume-desktop .filters .more-items .item, .filter-resume-desktop .filters-desktop .more-items .item, .filter-resume-sticky .filters .more-items .item, .filter-resume-sticky .filters-desktop .more-items .item {
  margin-top: 1rem;
}
.filter-resume .filters .item-count, .filter-resume .filters-desktop .item-count, .filter-resume-desktop .filters .item-count, .filter-resume-desktop .filters-desktop .item-count, .filter-resume-sticky .filters .item-count, .filter-resume-sticky .filters-desktop .item-count {
  background-color: #808080;
  color: white;
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0.25rem 1rem;
  font-size: 0.812rem;
}
.filter-resume .filters .item-count:hover, .filter-resume .filters-desktop .item-count:hover, .filter-resume-desktop .filters .item-count:hover, .filter-resume-desktop .filters-desktop .item-count:hover, .filter-resume-sticky .filters .item-count:hover, .filter-resume-sticky .filters-desktop .item-count:hover {
  text-decoration: none;
  background-color: white;
  color: #808080;
}
.filter-resume .filters a.btn-remove-all, .filter-resume .filters-desktop a.btn-remove-all, .filter-resume-desktop .filters a.btn-remove-all, .filter-resume-desktop .filters-desktop a.btn-remove-all, .filter-resume-sticky .filters a.btn-remove-all, .filter-resume-sticky .filters-desktop a.btn-remove-all {
  color: white;
  opacity: 0.5;
  font-size: 0.875rem;
  text-decoration: none;
  transition: 0.25s all ease-in-out;
  margin-bottom: 0.7rem;
  display: inline-block;
}
.filter-resume .filters a.btn-remove-all:hover, .filter-resume .filters-desktop a.btn-remove-all:hover, .filter-resume-desktop .filters a.btn-remove-all:hover, .filter-resume-desktop .filters-desktop a.btn-remove-all:hover, .filter-resume-sticky .filters a.btn-remove-all:hover, .filter-resume-sticky .filters-desktop a.btn-remove-all:hover {
  opacity: 1;
}
.filter-resume a.btn-filters, .filter-resume-desktop a.btn-filters, .filter-resume-sticky a.btn-filters {
  font-size: 1rem;
  color: white;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid white;
}
.filter-resume a.btn-filters:hover, .filter-resume-desktop a.btn-filters:hover, .filter-resume-sticky a.btn-filters:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}

.scrolled-top .filter-resume-sticky {
  visibility: hidden;
  opacity: 0;
  margin-top: -3rem;
}

.navbar-visible .filter-resume {
  visibility: hidden;
  opacity: 0;
  margin-top: -3rem;
}
.navbar-visible .filter.position-sticky, .navbar-visible .filter-resume-sticky.position-sticky {
  top: 6.625rem;
}

ol.breadcrumb {
  background-color: transparent;
  padding: 2rem 0;
  font-family: "CanalDemiPlain";
  font-size: 0.875rem;
}
ol.breadcrumb li.breadcrumb-item:first-child:before {
  display: none;
}
ol.breadcrumb li.breadcrumb-item:before {
  content: "-";
  color: #7F7F7F;
}
ol.breadcrumb li.breadcrumb-item.active {
  color: #7F7F7F;
}
ol.breadcrumb li.breadcrumb-item a {
  color: #96C800;
  text-decoration: none;
}
ol.breadcrumb li.breadcrumb-item a:hover {
  color: #6B8D02;
}

.theme-krajee-svg.rating-xs .krajee-icon {
  width: 24px;
  height: 24px;
}

.theme-krajee-svg .filled-stars .krajee-icon-star {
  background-image: url("/img/icon-rating-filled.svg");
}

.theme-krajee-svg .krajee-icon-clear {
  display: inline-block;
  width: 39px;
  height: 39px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url("/img/icon-rating-empty.svg");
}

.theme-krajee-svg .krajee-icon-clear:hover {
  background-image: url("/img/icon-rating-filled.svg");
}

.theme-krajee-svg.rating-sm .krajee-icon-clear {
  width: 24px;
  height: 24px;
}

.theme-krajee-svg .empty-stars .krajee-icon-star {
  background-image: url("/img/icon-rating-empty.svg") !important;
}

.rating-container .filled-stars {
  color: transparent;
  text-shadow: none !important;
  -webkit-text-stroke: 0px transparent !important;
}

.alert {
  border-radius: 0;
  border: transparent;
  padding: 0.5rem 1.25rem;
}
.alert.alert-success {
  background-color: #96C800;
  color: white;
  font-family: "CanalDemiPlain";
  font-size: 0.875rem;
}

.alert-dismissible .close {
  font-size: 1rem;
  font-weight: 300;
  opacity: 1;
  padding: 0.5rem 1.25rem;
}
.alert-dismissible .close:hover {
  text-shadow: none;
  color: #6B8D02;
  box-shadow: none;
}

button.time-picker {
  background: url("/img/icon-24px-hours.svg") 95% 50% no-repeat;
  border: 1px solid #E5E5E5;
  line-height: 2rem;
  text-align: left;
}
button.time-picker:hover, button.time-picker:focus {
  border-color: #96C800;
}

.time-picker-popover {
  position: absolute;
  width: 100%;
  bottom: 100%;
  margin-bottom: 5px;
  border: 1px solid #E5E5E5;
  background: white;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
  padding: 1rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.15s ease-in-out;
}
.time-picker-popover.active {
  visibility: visible;
  opacity: 1;
}
.time-picker-popover .row:last-child {
  margin-bottom: 0;
}
.time-picker-popover input[type=text] {
  border-radius: 0;
  text-align: center;
}
.time-picker-popover input[type=text]:active, .time-picker-popover input[type=text]:hover, .time-picker-popover input[type=text]:focus {
  border-color: #96C800;
  box-shadow: none;
}
.time-picker-popover button[type=submit] {
  background-color: #96C800;
  border: 0;
  padding: 0.75rem;
  font-family: "CanalDemiPlain";
  margin-bottom: 1.5rem;
}
.time-picker-popover button[type=submit]:hover {
  background-color: #6B8D02;
}
.time-picker-popover button[type=button] {
  background-color: #96C800;
  border: 0;
  color: white;
  padding: 0.75rem;
  font-family: "CanalDemiPlain";
}
.time-picker-popover button[type=button]:hover {
  background-color: #6B8D02;
}

.card {
  border: 0;
  background-color: transparent;
  margin-bottom: 1rem;
}
.card a {
  display: block;
  position: relative;
}
.card span {
  background-color: #96C800;
  color: white;
  padding: 0.5rem 1rem;
  width: auto;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  font-size: 0.875rem;
}
.card .card-body {
  padding-left: 0;
  padding-right: 0;
}
.card .card-body h3 {
  font-size: 1.2rem;
  font-weight: 300;
}
.card .card-body h3 a {
  color: black;
}
.card .card-body h3 a:hover {
  color: #96C800;
  text-decoration: none;
}
.card .card-body p.card-text img {
  border-radius: 50%;
  margin-right: 0.8rem;
}
.card .card-body p.card-text a {
  color: #96C800;
  font-size: 0.75rem;
  font-weight: 700;
}
.card .card-body p.card-text a:hover {
  color: #6B8D02;
  text-decoration: none;
}
.card img {
  border-radius: 0;
}

.share-buttons a {
  background-color: black;
  display: inline-block;
  float: left;
  text-align: center;
  margin-right: 1%;
  /*    height: 48px;*/
  /*width: 24%;*/
  position: relative;
}
.share-buttons a.facebook {
  background: black url("/img/icon-facebook.svg") 50% 50% no-repeat;
}
.share-buttons a.pinterest {
  background: black url("/img/icon-pinterest.svg") 50% 50% no-repeat;
}
.share-buttons a.mail {
  background: black url("/img/icon-mail.svg") 50% 50% no-repeat;
}
.share-buttons a.link {
  background: black url("/img/icon-link.svg") 50% 50% no-repeat;
}
.share-buttons a:hover {
  background-color: #96C800;
}

.addthis_toolbox a {
  padding-top: 5px !important;
  text-align: left !important;
  padding-left: 10px !important;
}
.addthis_toolbox a .at-icon-wrapper {
  margin-right: 5px;
}

.filter .categories .item {
  margin-right: 2rem;
  overflow: visible;
}
.filter .categories .item span {
  display: block;
  height: 2px;
  width: 100%;
  background-color: #96C800;
  position: absolute;
  bottom: 0;
}
.filter .categories a.btn {
  position: relative;
  border: none;
  color: white;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.6rem;
}
.filter .categories a.btn:hover, .filter .categories a.btn.active {
  color: #96C800;
}
.filter .categories a.btn:hover:after, .filter .categories a.btn.active:after {
  content: "";
  display: block;
  background: #96C800;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: 1.25rem;
}
.filter ul.letter-index {
  list-style: none;
  margin: 0;
  padding: 1rem 0;
}
.filter ul.letter-index li {
  color: #7F7F7F;
  display: inline-block;
  line-height: 2.5rem;
  margin-right: 0.75rem;
}
.filter ul.letter-index li a {
  color: white;
}
.filter ul.letter-index li a:hover {
  color: #96C800;
  text-decoration: none;
}

.full {
  margin-top: 2rem;
}
.full .bg {
  background-color: #F4F8EA;
}
.full .curtain {
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  visibility: hidden;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 90;
  transition: all 0.25s ease-in-out;
}
.full .curtain.visible {
  opacity: 1;
  visibility: visible;
}
.full .result-count {
  font-family: "CanalDemiPlain";
}
.full .sort-order {
  text-align: right;
}
.full .sort-order .dropdown span {
  color: #7F7F7F;
}
.full .sort-order .dropdown a.dropdown-toggle {
  color: black;
  font-family: "CanalDemiPlain";
  text-decoration: none;
}
.full .sort-order .dropdown a.dropdown-toggle:hover {
  color: #96C800;
}
.full .sort-order .dropdown .dropdown-menu.show {
  background: white;
  border: 1px solid #E5E5E5;
  border-radius: 0;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
}
.full .sort-order .dropdown .dropdown-menu.show a.dropdown-item {
  color: black;
  font-family: "CanalDemiPlain";
  padding: 0.5rem 1rem;
}
.full .sort-order .dropdown .dropdown-menu.show a.dropdown-item:hover {
  background-color: transparent;
  color: #96C800;
}
.full a.show-more {
  font-size: 1rem;
  color: black;
  padding: 0.5rem;
  border: 2px solid black;
  width: 100%;
  padding: 1rem;
  margin-top: 2rem;
  display: block;
  text-align: center;
}
.full a.show-more:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}

.comment-prompt .login-prompt {
  background-color: #F4F8EA;
  color: black;
  margin-bottom: 2rem;
  padding: 2rem;
  font-size: 1.71rem;
  font-family: "CanalDemiPlain";
  text-align: center;
}
.comment-prompt .login-prompt a {
  color: #96C800;
  text-decoration: none;
}
.comment-prompt .login-prompt a:hover {
  color: #6B8D02;
}
@media only screen and (max-width: 575.98px) {
  .comment-prompt .login-prompt {
    font-size: 1rem;
    text-align: left;
    padding: 1.5rem;
  }
}
.comment-prompt form {
  padding-bottom: 2rem;
}
.comment-prompt form textarea, .comment-prompt form textarea.form-control {
  border-radius: 0;
  color: black;
  width: 100%;
  border: 1px solid #7F7F7F;
  padding: 1rem;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
  margin-bottom: 1rem;
}
.comment-prompt form textarea:focus, .comment-prompt form textarea:active, .comment-prompt form textarea.form-control:focus, .comment-prompt form textarea.form-control:active {
  border: 1px solid #96C800;
}
@media only screen and (max-width: 575.98px) {
  .comment-prompt form textarea, .comment-prompt form textarea.form-control {
    margin-bottom: 0;
  }
}
.comment-prompt form button[type=submit] {
  font-family: "CanalDemiPlain";
}
@media only screen and (max-width: 575.98px) {
  .comment-prompt form button[type=submit] {
    width: 100%;
  }
}
.comment-prompt .counter {
  color: #7F7F7F;
  font-family: "CanalDemiPlain";
  font-size: 0.875rem;
  line-height: 3rem;
}
@media only screen and (max-width: 575.98px) {
  .comment-prompt .counter {
    font-size: 0.71rem;
    text-align: right;
    line-height: 2rem;
  }
}
.comment-prompt h5 {
  font-size: 1.5rem;
}

.comments .comments-list .comment-rating .thumbs-up {
  display: inline-block;
  font-weight: 500;
  font-size: 0.6875rem;
  margin: 0 0 0 1rem;
  color: #7F7F7F;
}
.comments .comments-list .comment-rating .score {
  display: inline-block;
  font-weight: 500;
  font-size: 0.6875rem;
  color: #7F7F7F;
  margin: 0;
}
.comments .comments-list .comment-rating .score .good {
  color: #96C800;
}
.comments .comments-list .comment-rating .score .bad {
  color: #C81700;
}
.comments .comments-list .comment-rating .score > div {
  display: inline-block;
}
.comments .comments-list .comment-rating .thumbs-down {
  display: inline-block;
  font-weight: 500;
  font-size: 0.6875rem;
  margin: 0 0 0 0;
  color: #7F7F7F;
}
.comments .comments-list .comment-rating .rated a {
  color: #6B8D02;
}
.comments .comment {
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  transition: all 0.25s ease-in-out;
  opacity: 1;
}
.comments .comment.hidden {
  opacity: 0;
  display: none;
}
.comments .comment.comment-prompt h4 {
  font-size: 1rem;
}
.comments .comment .comment-body h4 {
  font-size: 1rem;
}
.comments .comment .comment-body h4 span {
  font-size: 0.875rem;
  margin-left: 1rem;
  color: #7F7F7F;
}
.comments .comment .comment-controls span {
  background-color: #7F7F7F;
  display: inline-block;
  margin: 0 0.5rem;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  line-height: 1rem;
  vertical-align: middle;
}
.comments .comment .comment-controls a {
  color: #7F7F7F;
  font-family: "CanalDemiPlain";
  font-size: 0.875rem;
  text-decoration: none;
}
.comments .comment .comment-controls a:hover {
  color: #96C800;
}
.comments .responses {
  margin-top: 1rem;
  margin-left: 2rem;
}
@media only screen and (max-width: 575.98px) {
  .comments .responses {
    margin-left: 0;
  }
}
.comments .responses a.btn-show-responses {
  color: #96C800;
  text-decoration: none;
  font-family: "CanalDemiPlain";
}
.comments .responses a.btn-show-responses:hover {
  color: #6B8D02;
}
.comments .responses .comments {
  background-color: rgba(229, 229, 229, 0.5);
  margin-bottom: 1rem;
}
.comments .responses .comments .comment {
  padding: 2rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 575.98px) {
  .comments .responses .comments .comment {
    padding: 1rem;
  }
}

#mobile-menu.modal .modal-content .modal-body {
  padding: 0 1rem;
}
#mobile-menu.modal .modal-content .modal-body .search-form {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  padding: 1rem 0;
  position: relative;
}
#mobile-menu.modal .modal-content .modal-body .search-form form {
  position: relative;
}
#mobile-menu.modal .modal-content .modal-body .search-form form input[type=text] {
  background: white;
  border: none;
  padding-left: 2.5rem;
  outline: none;
  font-size: 1.15rem;
  font-family: "CanalDemiPlain";
}
#mobile-menu.modal .modal-content .modal-body .search-form form input[type=text]::placeholder {
  color: black;
}
#mobile-menu.modal .modal-content .modal-body .search-form form button[type=submit] {
  border: none;
  background: url("/img/icon-24px-search.svg") 50% 50% no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0.5rem;
  left: 0;
}
#mobile-menu.modal .modal-content .modal-body ul.navbar-nav {
  margin: 1rem 0;
  font-family: "CanalDemiPlain";
  font-size: 1.15rem;
}
#mobile-menu.modal .modal-content .modal-body ul.navbar-nav li.nav-item a {
  color: black;
}
#mobile-menu.modal .modal-content .modal-body ul.navbar-nav li.nav-item a:hover {
  color: #96C800;
}
#mobile-menu.modal .modal-content .modal-body .user-control {
  padding: 1.5rem 0;
}
#mobile-menu.modal .modal-content .modal-body .user-control ul.navbar-nav {
  margin-bottom: 0;
}
#mobile-menu.modal .modal-content .modal-body .user-control ul.navbar-nav .badge-info {
  background-color: #96C800;
}
#mobile-menu.modal .modal-content .modal-body .user-control h5 {
  font-size: 1.7rem;
}
#mobile-menu.modal .modal-content .modal-body .user-control h5 a.btn-logout {
  color: #7F7F7F;
  font-size: 1rem;
  float: right;
  vertical-align: middle;
  line-height: 2rem;
}
#mobile-menu.modal .modal-content .modal-body .user-control h5 a.btn-logout:hover {
  color: #96C800;
  text-decoration: none;
}
#mobile-menu.modal .modal-content .modal-body .user-control a.btn-login {
  font-family: "CanalDemiPlain";
  font-size: 1.15rem;
  background: white url("/img/icon-24px-user-green.svg") 0 50% no-repeat;
  padding: 0.5rem 0 0.5rem 2.5rem;
  color: #96C800;
  text-decoration: none;
}
#mobile-menu.modal .modal-content .modal-header {
  padding: 0 1rem;
  border-bottom: 1px solid #E5E5E5;
}
#mobile-menu.modal .modal-content .modal-header .close {
  position: relative;
  top: 1.5rem;
  right: 1rem;
}

.hero {
  background-size: cover;
  background-position: center;
  height: 482px;
  max-height: 482px;
  margin-bottom: 3.75rem;
}
.hero .content {
  position: relative;
  height: 100%;
  padding-top: 6rem;
}
.hero .content h2 {
  color: white;
  margin-bottom: 1.5rem;
  font-size: 3rem;
}
.hero .content .typeahead-container .btn-filter {
  display: none;
}
.hero .content .big-search {
  position: relative;
}
.hero .content .big-search button[type=submit] {
  border: none;
  background: url("/img/icon-24px-search.svg") 50% 50% no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 10;
  cursor: pointer;
}
.hero .content .big-search input.form-control {
  background-color: white;
  border: none;
  width: 100%;
  padding: 1.5rem;
  padding-left: 4rem;
  outline: none;
  border-radius: 0;
  font-size: 1.25rem;
  font-family: "CanalDemiPlain";
  text-overflow: ellipsis;
}
.hero .content .big-search input.form-control::placeholder {
  color: black;
}
.hero .content .items {
  padding-top: 1.25rem;
}
.hero .content .items h3 {
  margin-right: 0.5rem;
  font-size: 0.875rem;
  font-weight: 300;
  display: inline-flex;
}
.hero .content .items h3 a {
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.4);
  padding: 0.6rem 0.875rem;
  letter-spacing: 0.3px;
  text-align: center;
  transition: all 0.15s ease-in-out;
}
.hero .content .items h3 a:hover {
  background-color: #96C800;
  border-color: #96C800;
  text-decoration: none;
}
.hero .content .items a.more {
  font-size: 1rem;
  color: white;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid white;
  font-weight: bold;
}
.hero .content .items a.more:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.hero .content .extended-search {
  background-color: white;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  width: 100%;
  top: 280px;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition: all 0.15s ease-out;
  margin-top: -5rem;
}
.hero .content .extended-search.visible {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}
.hero .content .extended-search button.close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 100;
}
.hero .content .extended-search button.close:hover {
  opacity: 1;
}
.hero .content .extended-search h4 {
  font-size: 1.5 rem;
}
.hero .content .extended-search .search-form {
  padding: 3rem 1rem;
}
.hero .content .extended-search .search-form form {
  margin-top: 3rem;
}
.hero .content .extended-search .search-form form label {
  font-family: "CanalDemiPlain";
}
.hero .content .extended-search .search-form form button[type=submit] {
  background-color: #96C800;
  border: 0;
  padding: 0.75rem;
  font-family: "CanalDemiPlain";
  margin-bottom: 1.5rem;
}
.hero .content .extended-search .search-form form button[type=submit]:hover {
  background-color: #6B8D02;
}
.hero .content .extended-search .search-form form .form-control {
  border-radius: 0;
  border-color: #E5E5E5;
  line-height: 2rem;
}
.hero .content .extended-search .search-form form a.clear-filters {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
}
.hero .content .extended-search .search-form form a.clear-filters:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.hero .content .extended-search .search-form form .row {
  margin-bottom: 1rem;
}
.hero .content .extended-search .choosen-recipes {
  border-left: 1px solid #E5E5E5;
  padding: 3rem 1rem;
}
.hero .content .extended-search .choosen-recipes .card {
  border: 0;
  background-color: transparent;
}
.hero .content .extended-search .choosen-recipes .card a i {
  background: url("/img/Button-play.svg") center center no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.hero .content .extended-search .choosen-recipes .card a:hover i {
  background: url("/img/Button-play-hover.svg") center center no-repeat;
}
.hero .content .extended-search .choosen-recipes .card a.fav, .hero .content .extended-search .choosen-recipes .card a.fav-not-logged {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid white;
  transition: all 0.25s ease-in-out;
  z-index: 50;
}
.hero .content .extended-search .choosen-recipes .card a.fav:hover, .hero .content .extended-search .choosen-recipes .card a.fav-not-logged:hover {
  border-color: #96C800;
}
.hero .content .extended-search .choosen-recipes .card a.fav > span, .hero .content .extended-search .choosen-recipes .card a.fav-not-logged > span {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/img/icon-recipe-fav.svg") 50% 50% no-repeat;
  padding: 0;
  bottom: inherit;
}
.hero .content .extended-search .choosen-recipes .card a.fav.favd, .hero .content .extended-search .choosen-recipes .card a.fav-not-logged.favd {
  background-color: white;
}
.hero .content .extended-search .choosen-recipes .card a.fav.favd span, .hero .content .extended-search .choosen-recipes .card a.fav-not-logged.favd span {
  background: url("/img/icon-recipe-favd.svg") 50% 50% no-repeat;
}
.hero .content .extended-search .choosen-recipes .card .card-body {
  padding-left: 0;
  padding-right: 0;
}
.hero .content .extended-search .choosen-recipes .card .card-body h3, .hero .content .extended-search .choosen-recipes .card .card-body .h3 {
  font-size: 1.2rem;
  font-weight: 300;
  font-family: "CanalDemiPlain";
}
.hero .content .extended-search .choosen-recipes .card .card-body h3 a, .hero .content .extended-search .choosen-recipes .card .card-body .h3 a {
  color: black;
}
.hero .content .extended-search .choosen-recipes .card .card-body h3 a:hover, .hero .content .extended-search .choosen-recipes .card .card-body .h3 a:hover {
  color: #96C800;
  text-decoration: none;
}
.hero .content .extended-search .choosen-recipes .card img {
  border-radius: 0;
}
.hero .content .extended-search .choosen-recipes .card {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.hero .content .extended-search .choosen-recipes a.more {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  font-family: "CanalDemiPlain";
}
.hero .content .extended-search .choosen-recipes a.more:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.hero .content .extended-search .choosen-recipes div.ad {
  background: #F2F2F2 url("/img/bg-ad-tag.png") 3px 180px no-repeat;
  margin-top: 3rem;
  padding: 1.5rem 0;
  text-align: center;
}
.hero.error {
  height: 380px;
  max-height: 380px;
}
.hero.error .content {
  padding-top: 0;
}
.hero.error .content h2 {
  color: black;
  margin-bottom: 0;
}
.hero.error .content h4 {
  color: black;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}
.hero.error .content p a {
  font-size: 1rem;
  color: #96C800;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #96C800;
}
.hero.error .content p a:hover {
  text-decoration: none;
  color: black;
  border-color: black;
}
  .hero .content #recipe-swiper div.items-container {
    width: auto;
    overflow: hidden;
    position: relative;
    height: 2.5rem;
  }
  @media only screen and (max-width: 641px) {
.promo .content {width:100% !important;}

  }
@media only screen and (max-width: 575.98px) {
  .hero {
    height: auto;
    max-height: none;
    margin-bottom: 1.875rem;
  }
  .hero .content {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }
  .hero .content .big-search button[type=submit] {
    border: none;
    background: url("/img/icon-16px-search-black.svg") 50% 50% no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1.25rem;
    left: 1rem;
  }
  .hero .content .big-search input.form-control {
    background-color: white;
    padding: 1rem;
    padding-left: 2.5rem;
    padding-right: 6rem;
    font-size: 1rem;
  }
  .hero .content .typeahead-container {
    position: relative;
  }
  .hero .content .typeahead-container .btn-filter {
    position: absolute;
    color: #7F7F7F;
    display: block;
    padding: 1rem;
    z-index: 2;
    font-size: 1rem;
    font-family: "CanalDemiPlain";
    top: 0;
    right: 0;
    border-left: 1px solid #7F7F7F;
  }
  .hero .content .typeahead-container .btn-filter:hover {
    color: black;
    text-decoration: none;
  }
  .hero .content #recipe-swiper {
    overflow: hidden;
    position: relative;
    z-index: 1000;
  }
  .hero .content #recipe-swiper .slick-list {
    overflow: hidden;
  }
  .hero .content #recipe-swiper .slick-list:after {
    clear: both;
    content: "";
    display: block;
  }

  .hero .content #recipe-swiper div.items-container h3 {
    float: left;
    position: relative;
  }
  .hero h2, .hero a.more {
    display: none;
  }
  .hero.error {
    height: auto;
    max-height: none;
  }
  .hero.error .content {
    padding: 2rem;
  }
  .hero.error .content h2 {
    display: block;
  }
}
.hero.dark .content h2 {
  color: rgba(0, 0, 0, 0.8);
}
.hero.dark .content .big-search button[type=submit] {
  background: url("/img/icon-24px-search-white.svg") 50% 50% no-repeat;
}
.hero.dark .content .big-search input.form-control {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
.hero.dark .content .big-search input.form-control::placeholder {
  color: white;
}
.hero.dark .content .items a.more {
  /*   color:#000;
     border-bottom: 2px solid black;*/
}
.hero.dark .content .items h3 a {
  border: 1px solid rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.4);
}
.hero.dark .content .items h3 a:hover {
  background-color: #96C800;
  border-color: #96C800;
  text-decoration: none;
}
@media only screen and (max-width: 575.98px) {
  .hero.dark .content .big-search button[type=submit] {
    background: url("/img/icon-16px-search-white.svg") 50% 50% no-repeat;
  }
}

.promo {
  margin-bottom: 3.75rem;
}
.promo .content-container {
  overflow: visible;
  z-index: 500;
}
.promo .content {
  background-color: #96C800;
  color: white;
  width: 550px;
  padding: 50px 38px;
  margin-top: auto;
  margin-bottom: auto;
}
.promo .content h2 {
  margin-bottom: 1em;
}
.promo .content p {
  margin-bottom: 2em;
}
.promo .img-container {
  position: relative;
}
.promo .img-container .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-image: linear-gradient(0deg, #000000 10%, rgba(0, 0, 0, 0) 48%);
  padding-left: 15px;
  padding-right: 15px;
}
.promo .img-container .text-overlay {
  color: white;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: right;
  z-index: 200;
}
.promo .img-container .text-overlay .title {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 2rem;
  padding-bottom: 2rem;
}
.promo .img-container .text-overlay .title p {
  margin-bottom: 0;
}
.promo .img-container .text-overlay .title h3:before {
  background-color: white;
  content: "";
  position: absolute;
  height: 3px;
  top: 1rem;
  left: -5rem;
  width: 4rem;
}
.promo .img-container .text-overlay img {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
@media only screen and (max-width: 575.98px) {
  .promo {
    margin-bottom: -1.875rem;
  }
  .promo .container {
    padding-left: 0;
    padding-right: 0;
  }
  .promo .container .text-overlay, .promo .container .overlay {
    display: none;
  }
  .promo .container .content {
    width: 90%;
    margin: 0 5%;
    padding: 1rem;
    position: relative;
    top: -4rem;

  }
  .promo .container .content h2 {
    font-size: 1.15rem !important;
  }
  .promo .container .content p {
    font-size: 1rem;
  }
  .promo .container .content a.btn-white {
    display: block;
    font-size: 1rem;
    padding: 1rem;
  }
}

.recipes {
  margin-bottom: 3.75rem;
}
.recipes .container {
  position: relative;
}
.recipes h2 {
  color: black;
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.recipes h2 a {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  color: black;
  font-size: 1rem;
}
.recipes h2 a:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.recipes .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 208px;
  top: 0;
  left: 5%;
  z-index: -10;
}
.recipes.background-gray .bg {
  background-color: #F2F2F2;
  opacity: 0.5;
}
.recipes .card {
  border: 0;
  background-color: transparent;
}
.recipes .card a i {
  background: url("/img/Button-play.svg") center center no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.recipes .card a:hover i {
  background: url("/img/Button-play-hover.svg") center center no-repeat;
}
.recipes .card a.fav, .recipes .card a.fav-not-logged {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid white;
  transition: all 0.25s ease-in-out;
  z-index: 50;
}
.recipes .card a.fav:hover, .recipes .card a.fav-not-logged:hover {
  border-color: #96C800;
}
.recipes .card a.fav > span, .recipes .card a.fav-not-logged > span {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/img/icon-recipe-fav.svg") 50% 50% no-repeat;
  padding: 0;
  bottom: inherit;
}
.recipes .card a.fav.favd, .recipes .card a.fav-not-logged.favd {
  background-color: white;
}
.recipes .card a.fav.favd span, .recipes .card a.fav-not-logged.favd span {
  background: url("/img/icon-recipe-favd.svg") 50% 50% no-repeat;
}
.recipes .card .card-body {
  padding-left: 0;
  padding-right: 0;
}
.recipes .card .card-body h3, .recipes .card .card-body .h3 {
  font-size: 1.2rem;
  font-weight: 300;
  font-family: "CanalDemiPlain";
}
.recipes .card .card-body h3 a, .recipes .card .card-body .h3 a {
  color: black;
}
.recipes .card .card-body h3 a:hover, .recipes .card .card-body .h3 a:hover {
  color: #96C800;
  text-decoration: none;
}
.recipes .card img {
  border-radius: 0;
}
.recipes a.more {
  font-size: 1rem;
  color: black;
  padding: 0.5rem;
  border: 2px solid black;
  display: block;
  text-align: center;
  padding: 0.75rem;
}
.recipes a.more:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
@media only screen and (max-width: 575.98px) {
  .recipes {
    margin-bottom: 1.875rem;
  }
  .recipes h2 {
    font-size: 1.75rem;
    padding: 2rem 0;
    margin: 0;
  }
  .recipes h2 a {
    display: none;
  }
  .recipes a.more {
    display: block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
  }
  .recipes a.more:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
  .recipes .bg {
    width: 100%;
    left: 0;
  }
}

.recipes-filter {
  padding-bottom: 0 !important;
  /*
    .dropdown {
      &.show {
        .btn {
          border-color: transparent;
        }
  
        button.dropdown-toggle {
          position: relative;
          z-index: 1010;
        }
      }
  
      .btn {
        background-color: white;
        font:{
          family: "CanalDemiPlain";
          size: 0.875rem;
        }
  
        &:active {
          border-color: transparent;
        }
      }
  
      .dropdown-menu {
        border-radius: 0;
        padding: 1rem;
  
        a.accept-filter {
          background-color: $colorKtvGreen;
          color: white;
          &:hover {
            background-color: $colorKtvDarkGreen;
          }
  
        }
  
        .time-picker {
          border: 1px solid $colorLightGray;
          margin-bottom: 1rem;
        }
  
        input.krajee-datepicker {
          background: url("/img/icon-24px-calendar.svg") 95% 50% no-repeat;
          border: 1px solid $colorLightGray;
          border-radius: 0;
  
          &:hover, &:focus {
            border-color: $colorKtvGreen;
            outline: none;
            box-shadow: none;
          }
  
        }
  
      }
    }
    */
  /*
    .additional-filters {
      padding: 1rem 0;
      background-color: white;
      border-bottom: 1px solid $colorLightGray;
      margin-top: 1rem;
      transition: all 0.25s ease-in-out;
  
      .dropdown-toggle {
        background-color: transparent;
  
        &:hover {
          color: $colorKtvGreen;
        }
      }
  
  
      &.blacked-out {
        background-color: rgba(0, 0, 0, 0.85);
        border-bottom-color: transparent;
  
        .dropdown {
          span {
            color: $colorKtvGray;
          }
  
          &.show {
            .dropdown-toggle {
              color: white;
            }
          }
        }
      }
    }
  
    */
}
.recipes-filter form {
  padding-bottom: 0 !important;
}
.recipes-filter form .search-input input[type=text] {
  background-color: white;
  border: 1px solid #E5E5E5;
  color: black;
}
.recipes-filter a.btn-more-filters {
  font-size: 1rem;
  color: white;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid white;
  padding-top: 1rem;
  display: inline-block;
}
.recipes-filter a.btn-more-filters:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.recipes-filter .video-checkbox {
  padding-top: 0.25rem;
}
.recipes-filter .video-checkbox label {
  color: white;
}
.recipes-filter .video-checkbox .cbx-krajee-flatblue .cbx-active {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.recipes-filter.recipes-filter-mobile {
  padding-top: 0;
  position: relative;
  top: 0;
}
.recipes-filter.recipes-filter-mobile form {
  overflow: hidden;
  padding-bottom: 1rem !important;
}
.recipes-filter.recipes-filter-mobile form input[type=text] {
  padding-right: 5rem;
}
.recipes-filter.recipes-filter-mobile .btn-filter2, .recipes-filter.recipes-filter-mobile .btn-filter {
  position: absolute;
  color: #7F7F7F;
  display: block;
  padding: 0.9rem;
  z-index: 2;
  font-size: 0.875rem;
  font-family: "CanalDemiPlain";
  top: 0;
  right: 0;
  margin-top: 1rem;
  border-left: 1px solid #7F7F7F;
}
.recipes-filter.recipes-filter-mobile .btn-filter2:hover, .recipes-filter.recipes-filter-mobile .btn-filter:hover {
  color: white;
  text-decoration: none;
}

.alert-modal h4 {
  font-size: 1.5rem;
  padding: 2rem;
  padding-top: 0;
}
@media only screen and (max-width: 575.98px) {
  .alert-modal h4 {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .alert-modal {
    margin: 0.5rem;
  }
  .alert-modal .modal-content {
    padding: 0.5rem;
  }
}
.alert-modal .btn {
  border: 2px solid transparent;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
  padding: 1rem;
  transition: all 0.25s ease-in-out;
}
.alert-modal .btn.btn-dismiss {
  background-color: #E5E5E5;
  color: #7F7F7F;
}
.alert-modal .btn.btn-dismiss:hover {
  background-color: white;
  color: #7F7F7F;
  border: 2px solid #7F7F7F;
}
.alert-modal .btn.btn-remove {
  background-color: #C81700;
  color: white;
}
.alert-modal .btn.btn-remove:hover {
  background-color: white;
  color: #C81700;
  border: 2px solid #C81700;
}

.program-tv-promos {
  margin-bottom: 3.75rem;
}
.program-tv-promos .container {
  position: relative;
}
.program-tv-promos .container .row {
  margin-bottom: 1rem;
}
.program-tv-promos h2 {
  color: black;
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.program-tv-promos h2 a {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  color: black;
  font-size: 1rem;
}
.program-tv-promos h2 a:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.program-tv-promos .bg {
  position: absolute;
  background-color: #F2F2F2;
  width: 90%;
  height: 208px;
  top: 0;
  left: 5%;
  z-index: -10;
}
.program-tv-promos.background-light-green .bg {
  background-color: #F4F8EA;
}
@media only screen and (max-width: 575.98px) {
  .program-tv-promos {
    margin-bottom: 1.875rem;
  }
  .program-tv-promos h2 {
    font-size: 1.75rem;
    padding: 2rem 0;
    margin: 0;
  }
  .program-tv-promos h2 a {
    display: none;
  }
  .program-tv-promos a.more {
    display: block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
  }
  .program-tv-promos a.more:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
  .program-tv-promos .bg {
    width: 100%;
    left: 0;
  }
}

.show-hosts {
  margin-bottom: 3.75rem;
}
.show-hosts .container {
  position: relative;
}
.show-hosts .container .row {
  margin-bottom: 1rem;
}
.show-hosts h2 {
  color: black;
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.show-hosts h2 a {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  color: black;
  font-size: 1rem;
}
.show-hosts h2 a:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.show-hosts .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 208px;
  top: 0;
  left: 5%;
  z-index: -10;
}
@media only screen and (max-width: 575.98px) {
  .show-hosts {
    margin-bottom: 1.875rem;
  }
  .show-hosts h2 {
    font-size: 1.75rem;
    padding: 2rem 0;
    margin: 0;
  }
  .show-hosts h2 a {
    display: none;
  }
  .show-hosts a.more {
    display: block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
  }
  .show-hosts a.more:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
  .show-hosts .bg {
    width: 100%;
    height: 10rem;
    left: 0;
  }
}

.tv-guide {
  margin-bottom: 3.75rem;
  margin-top: 3.75rem;
}
.tv-guide .container {
  position: relative;
}
.tv-guide h2 {
  color: black;
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.tv-guide h2 a {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  color: black;
  font-size: 1rem;
}
.tv-guide h2 a:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.tv-guide .row {
  margin-bottom: 2rem;
}
.tv-guide .progress {
  margin-top: 2rem;
  height: 1px;
  overflow: visible;
}
.tv-guide .progress .progress-bar {
  background-color: #96C800;
  height: 2px;
  margin-top: -1px;
}
.tv-guide p.time {
  line-height: 2.3rem;
  padding-top: 1.25rem;
  font-size: 2rem;
  font-family: "CanalDemiPlain";
  font-weight: 300;
  color: black;
}
.tv-guide p.time.current {
  color: #96C800;
}
.tv-guide p.time span {
  color: black;
  font-size: 0.75rem;
  display: block;
  position: relative;
  line-height: 1rem;
}
.tv-guide p.time span.new {
  color: #96C800;
}
.tv-guide p.time span.on-air:before {
  content: " ";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #96C800;
  margin-right: 0.2rem;
}
.tv-guide .bg {
  position: absolute;
  background-color: #F2F2F2;
  width: 70%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -10;
}
.tv-guide .content {
  padding-top: 1.5rem;
}
.tv-guide .content h3 {
  color: black;
  font-size: 1.5rem;
}
.tv-guide .content h3 a {
  color: black;
}
.tv-guide .content h3 a:hover {
  color: #96C800;
  text-decoration: none;
}
.tv-guide .content h3 a span.dropdown-toggle::after {
  transition: all 0.15s ease-in-out;
}
.tv-guide .content h3 a[aria-expanded=false] span.dropdown-toggle::after {
  border-bottom: 0;
  border-top: 0.3em solid;
}
.tv-guide .content h3 a[aria-expanded=true] span.dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}
.tv-guide .content small {
  color: #7F7F7F;
  font-size: 1rem;
}
.tv-guide .content dl {
  margin-top: 1.5rem;
}
.tv-guide .content dl dt {
  color: #7F7F7F;
  font-weight: 300;
  float: left;
  margin-right: 1em;
}
.tv-guide .content dl dd {
  font-weight: 300;
}
.tv-guide .content a.more {
  font-size: 1rem;
  color: #96C800;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #96C800;
}
.tv-guide .content a.more:hover {
  text-decoration: none;
  color: #6B8D02;
  border-color: #6B8D02;
}
@media only screen and (max-width: 575.98px) {
  .tv-guide {
    margin-bottom: 1.875rem;
  }
  .tv-guide .row {
    margin-bottom: 1.875rem;
  }
  .tv-guide h2 {
    font-size: 1.75rem;
    padding: 2rem 0;
    margin: 0;
  }
  .tv-guide h2 a {
    display: none;
  }
  .tv-guide p.time {
    padding-top: 0;
    font-family: "CanalLightPlain";
    font-size: 1.15rem;
  }
  .tv-guide p.time span {
    position: absolute;
    top: 2rem;
  }
  .tv-guide p.time span.on-air:before {
    content: "";
    display: none;
  }
  .tv-guide a.more {
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
    width: 100%;
    display: block;
    text-align: center;
  }
  .tv-guide a.more:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
  .tv-guide .content {
    padding-top: 0;
  }
  .tv-guide .content h3 {
    color: black;
    font-size: 1.15rem;
  }
  .tv-guide .content h3 a {
    color: black;
  }
  .tv-guide .content h3 a:hover {
    color: #96C800;
    text-decoration: none;
  }
  .tv-guide .progress {
    margin-top: 0.9375rem;
  }
  .tv-guide a.show-all {
    display: block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
  }
  .tv-guide a.show-all:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
  .tv-guide .bg {
    display: none;
  }
}
.tv-guide.full .container {
  padding-top: 4rem;
}

.btn-timeline-adjust {
  text-align: center;
  margin: 2rem 0;
}
.btn-timeline-adjust a {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  font-family: "CanalDemiPlain";
}
.btn-timeline-adjust a:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.btn-timeline-adjust a.earlier::after, .btn-timeline-adjust a.later::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  vertical-align: 0.255em;
  content: "";
}
.btn-timeline-adjust a.earlier::after {
  border-bottom: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-top: 0;
  border-left: 0.3em solid transparent;
}
.btn-timeline-adjust a.later::after {
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.tv-guide-filter .day-switcher a.btn {
  border: none;
  color: white;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
  position: relative;
  padding-top: 0.6rem;
}
.tv-guide-filter .day-switcher a.btn:hover, .tv-guide-filter .day-switcher a.btn.active {
  color: #96C800;
}
.tv-guide-filter .day-switcher a.btn:hover:after, .tv-guide-filter .day-switcher a.btn.active:after {
  content: "";
  display: block;
  background: #96C800;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  border-left: 12px solid black;
  border-right: 12px solid black;
  margin-top: 1.25rem;
}
.tv-guide-filter .day-switcher a.btn.day-next, .tv-guide-filter .day-switcher a.btn.day-prev {
  margin-top: 1rem;
}

@media only screen and (max-width: 575.98px) {
  .tv-guide.full {
    margin-top: 1rem;
  }
  .tv-guide.full .container {
    padding-top: 0.5rem;
  }
  .tv-guide.full .container .row {
    padding-top: 0.5rem;
  }
  .tv-guide.full .container .row.grayed {
    background-color: #F2F2F2;
  }
  .tv-guide.full .content .collapse.show {
    padding-bottom: 1rem;
  }
  .tv-guide.full .content .collapse > a.more {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: auto;
  }
  .tv-guide.full .content .collapse p.item-img {
    padding-top: 1rem;
  }
}
.offer-promo {
  background-color: #96C800;
  color: white;
  font-family: "CanalDemiPlain";
  font-size: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.offer-promo p {
  margin: 0;
  line-height: 3em;
}
.offer-promo p strong {
  font-size: 2rem;
  vertical-align: bottom;
}
.offer-promo .btn {
  margin-left: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.recommend {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
  overflow: hidden;
}
.recommend .carousel {
  margin-top: 3rem;
}
.recommend .carousel.owl-carousel {
  position: relative;
}
.recommend .carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}
.recommend .carousel.owl-carousel .owl-nav {
  position: absolute;
  margin-top: 0;
  top: -86px;
  right: 0;
}
.recommend .carousel.owl-carousel .owl-nav button:hover {
  background: transparent;
  opacity: 0.5;
}
.recommend .carousel.owl-carousel .owl-nav button.disabled {
  opacity: 0.1;
}
.recommend .carousel.owl-carousel .owl-nav .owl-prev {
  margin-right: 80px;
}
.recommend .carousel.owl-carousel .owl-dots {
  position: absolute;
  margin-top: 0;
  top: -80px;
  right: 29px;
  width: 83px;
}
.recommend .carousel.owl-carousel .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0px 4px;
}
.recommend .carousel.owl-carousel .owl-dots .owl-dot:hover span, .recommend .carousel.owl-carousel .owl-dots .owl-dot.active span {
  background-color: #96C800;
}
.recommend .carousel .item .img-container {
  position: relative;
}
.recommend .carousel .item .img-container:hover .overlay {
  opacity: 0.2;
}
.recommend .carousel .item .img-container a span {
  background: url("/img/Button-play.svg") center center no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.recommend .carousel .item .img-container a:hover span {
  background: url("/img/Button-play-hover.svg") center center no-repeat;
}
.recommend .carousel .item .img-container .overlay {
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 30%, #000000 100%);
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  pointer-events: none;
  transition: all 0.25s ease-in-out;
}
.recommend .carousel .item p {
  color: #7F7F7F;
  font-size: 1rem;
}
.recommend .carousel .item p strong {
  color: #96C800;
}
.recommend .carousel .item p a {
  color: #7F7F7F;
}
.recommend .carousel .item p a:hover {
  color: #96C800;
  text-decoration: none;
}
.recommend .carousel .item h3 {
  margin-top: 1rem;
  font-size: 1.25rem;
}
.recommend .carousel .item h3 a {
  color: black;
}
.recommend .carousel .item h3 a:hover {
  color: #96C800;
  text-decoration: none;
}
@media only screen and (max-width: 575.98px) {
  .recommend .carousel {
    margin-top: 1.5rem;
  }
  .recommend .carousel.owl-carousel .owl-nav {
    display: none;
  }
  .recommend .carousel.owl-carousel .owl-dots {
    top: -50px;
    right: 0;
  }
}

.mobile-search .search-form {
  padding: 3rem 1rem;
}
.mobile-search .search-form form {
  margin-top: 3rem;
}
.mobile-search .search-form form label {
  font-family: "CanalDemiPlain";
}
.mobile-search .search-form form button[type=submit] {
  background-color: #96C800;
  border: 0;
  padding: 0.75rem;
  font-family: "CanalDemiPlain";
  margin-bottom: 1.5rem;
}
.mobile-search .search-form form button[type=submit]:hover {
  background-color: #6B8D02;
}
.mobile-search .search-form form .form-control {
  border-radius: 0;
  border-color: #E5E5E5;
  line-height: 2rem;
}
.mobile-search .search-form form a.clear-filters {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
}
.mobile-search .search-form form a.clear-filters:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.mobile-search .search-form form .row {
  margin-bottom: 1rem;
}
.mobile-search .search-form {
  padding-top: 1rem;
  border-top: 1px solid #7F7F7F;
}
.mobile-search .search-form form {
  margin-top: 1rem;
}

.google-search-results .gs-input {
  background-color: black;
  position: fixed;
  z-index: 10000;
  top: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.google-search-results .gs-input.on {
  opacity: 1;
  visibility: visible;
}
.google-search-results .gs-input input[type=text] {
  background: black url("/img/icon-24px-search-white.svg") 0 50% no-repeat;
  color: white;
  border: none;
  width: 96%;
  padding: 1.5rem;
  padding-left: 2.5rem;
  outline: none;
  font-size: 1.25rem;
  font-family: "CanalDemiPlain";
}
.google-search-results .gs-input input[type=text]::placeholder {
  color: white;
}
.google-search-results .gs-input input[type=button] {
  background: url("/img/icon-24px-close.svg") 50% 50% no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 1.75rem;
  right: 15px;
  outline: none;
  border: 0;
  z-index: 1000;
}
.google-search-results .choosen-recipes {
  border-left: 1px solid #E5E5E5;
  padding: 3rem 1rem;
}
.google-search-results .choosen-recipes .card {
  border: 0;
  background-color: transparent;
}
.google-search-results .choosen-recipes .card a i {
  background: url("/img/Button-play.svg") center center no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.google-search-results .choosen-recipes .card a:hover i {
  background: url("/img/Button-play-hover.svg") center center no-repeat;
}
.google-search-results .choosen-recipes .card a.fav, .google-search-results .choosen-recipes .card a.fav-not-logged {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid white;
  transition: all 0.25s ease-in-out;
  z-index: 50;
}
.google-search-results .choosen-recipes .card a.fav:hover, .google-search-results .choosen-recipes .card a.fav-not-logged:hover {
  border-color: #96C800;
}
.google-search-results .choosen-recipes .card a.fav > span, .google-search-results .choosen-recipes .card a.fav-not-logged > span {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/img/icon-recipe-fav.svg") 50% 50% no-repeat;
  padding: 0;
  bottom: inherit;
}
.google-search-results .choosen-recipes .card a.fav.favd, .google-search-results .choosen-recipes .card a.fav-not-logged.favd {
  background-color: white;
}
.google-search-results .choosen-recipes .card a.fav.favd span, .google-search-results .choosen-recipes .card a.fav-not-logged.favd span {
  background: url("/img/icon-recipe-favd.svg") 50% 50% no-repeat;
}
.google-search-results .choosen-recipes .card .card-body {
  padding-left: 0;
  padding-right: 0;
}
.google-search-results .choosen-recipes .card .card-body h3, .google-search-results .choosen-recipes .card .card-body .h3 {
  font-size: 1.2rem;
  font-weight: 300;
  font-family: "CanalDemiPlain";
}
.google-search-results .choosen-recipes .card .card-body h3 a, .google-search-results .choosen-recipes .card .card-body .h3 a {
  color: black;
}
.google-search-results .choosen-recipes .card .card-body h3 a:hover, .google-search-results .choosen-recipes .card .card-body .h3 a:hover {
  color: #96C800;
  text-decoration: none;
}
.google-search-results .choosen-recipes .card img {
  border-radius: 0;
}
.google-search-results .choosen-recipes .card {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.google-search-results .choosen-recipes a.more {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  font-family: "CanalDemiPlain";
}
.google-search-results .choosen-recipes a.more:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.google-search-results .choosen-recipes div.ad {
  background: #F2F2F2 url("/img/bg-ad-tag.png") 3px 180px no-repeat;
  margin-top: 3rem;
  padding: 1.5rem 0;
  text-align: center;
}
.google-search-results .gsc-above-wrapper-area {
  font-family: "CanalLightPlain";
}
.google-search-results .gsc-wrapper .gsc-adBlock {
  display: none;
}
.google-search-results .gsc-wrapper .gsc-control-cse {
  padding-left: 0;
  padding-right: 0;
}
.google-search-results .gsc-wrapper .gs-result .gsc-thumbnail-inside {
  padding-left: 0;
}
.google-search-results .gsc-wrapper .gs-result .gsc-url-top {
  padding-left: 0;
  margin-bottom: 0.5rem;
}
.google-search-results .gsc-wrapper .gs-result .gsc-url-top .gs-visibleUrl {
  color: #96C800;
  font-family: "CanalDemiPlain";
  font-size: 0.875rem;
}
.google-search-results .gsc-wrapper .gs-result .gs-snippet {
  color: #7F7F7F;
  font-family: "CanalLightPlain";
  font-size: 1rem;
}
.google-search-results .gsc-wrapper .gs-result .gs-title {
  height: auto;
  color: black;
  text-decoration: none;
}
.google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title, .google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title:link, .google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title:visited, .google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title b {
  color: black;
  font-family: "CanalDemiPlain";
  font-size: 1.25rem;
  font-weight: 300;
}
.google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title:hover, .google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title:hover b, .google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title:link:hover, .google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title:link:hover b, .google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title:visited:hover, .google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title:visited:hover b, .google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title b:hover, .google-search-results .gsc-wrapper .gs-result .gs-title a.gs-title b:hover b {
  color: #96C800;
}
.google-search-results .gsc-wrapper .gsc-results .gsc-cursor .gsc-cursor-page {
  color: black;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
  margin-right: 1rem;
}
.google-search-results .gsc-wrapper .gsc-results .gsc-cursor .gsc-cursor-page:hover {
  text-decoration: none;
  color: #96C800;
}
.google-search-results .gsc-wrapper .gsc-results .gsc-cursor .gsc-cursor-current-page {
  color: #96C800;
}

.recipe {
  margin-bottom: 3.75rem;
}
.recipe .bg-search {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  z-index: 100;
}
.recipe .bg-search.visible {
  opacity: 0.85;
  visibility: visible;
}
.recipe .container {
  position: relative;
}
.recipe .content {
  position: relative;
}
.recipe .content h1, .recipe .content .h1 {
  font-size: 3rem;
  margin: 3rem 0;
}
.recipe .content div.author {
  margin-bottom: 1.5rem;
}
.recipe .content div.author img {
  border-radius: 50%;
  margin-right: 0.8rem;
}
.recipe .content div.author a {
  color: #96C800;
  font-size: 1rem;
}
.recipe .content div.author a:hover {
  color: #6B8D02;
  text-decoration: none;
}
.recipe .content h5, .recipe .content .h5 {
  color: #7F7F7F;
  font-size: 1rem;
  font-family: "CanalDemiPlain";
}
.recipe .content a.btn-calculator {
  background: #F4F8EA url("/img/icon-24px-calc.svg") 1rem 50% no-repeat;
  color: black;
  padding: 1rem 3.5rem;
  text-decoration: none;
  font-family: "CanalDemiPlain";
  transition: all 0.25s ease-in-out;
}
.recipe .content a.btn-calculator:hover {
  background-color: #96C800;
}
.recipe .content .details h3, .recipe .content .details .h3 {
  font-size: 1.5rem;
}
.recipe .content .details dl {
  margin-top: 1rem;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
  font-weight: 300;
}
.recipe .content .details dl dt {
  color: #7F7F7F;
  width: 25%;
  font-weight: 300;
  float: left;
}
.recipe .content .details dl dd {
  width: 75%;
  float: left;
  clear: right;
}
.recipe .content .details dl dd a {
  color: black;
  border-bottom: 2px dashed rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.recipe .content .details dl dd a:hover {
  color: #96C800;
}
.recipe .content .rate {
  border-bottom: 2px solid #7F7F7F;
  padding-bottom: 1rem;
}
.recipe .content .rate h5, .recipe .content .rate .h5 {
  color: black;
}
.recipe .content .rate .rating-count span {
  text-align: right;
  line-height: 3.35rem;
}
.recipe .content .ingredients h5, .recipe .content .ingredients .h5 {
  color: black;
  margin-bottom: 1rem;
}
.recipe .content .ingredients ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 2rem;
}
.recipe .content .ingredients ul li {
  padding-left: 1rem;
  position: relative;
  margin-bottom: 0.75rem;
}
.recipe .content .ingredients ul li:before {
  content: " ";
  background-color: #96C800;
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  left: 0;
  top: 0.65rem;
}
.recipe .content .ingredients ul li a {
  color: black;
  border-bottom: 2px dashed rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.recipe .content .ingredients ul li a:hover {
  color: #96C800;
}
.recipe .content .recipe-text h5, .recipe .content .recipe-text .h5, .recipe .content .recipe-text h6, .recipe .content .recipe-text .h6 {
  font-size: 1.5rem;
  font-family: "CanalDemiPlain";
  margin-bottom: 1rem;
}
.recipe .content .recipe-text a.btn-order:hover {
  background-color: #6B8D02;
}
.recipe .content .recipe-text p, .recipe-text li  {
  font-size: 1.125rem;
  font-family: "Hind";letter-spacing: 0;
}
.recipe .content .control-buttons {
  margin-top: 3rem;
}
.recipe .content .control-buttons a {
  display: block;
  color: black;
  margin-top: 1.5rem;
  padding-left: 2rem;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
  text-decoration: none;
}
.recipe .content .control-buttons a.btn-fav {
  background: url("/img/icon-24px-fav.svg") 0 50% no-repeat;
}
.recipe .content .control-buttons a.btn-fav.favd {
  background: url("/img/icon-recipe-favd.svg") 0 50% no-repeat;
}
.recipe .content .control-buttons a.btn-print {
  background: url("/img/icon-24px-print.svg") 0 50% no-repeat;
}
.recipe .content .control-buttons a.btn-comment {
  background: url("/img/icon-24px-comment.svg") 0 50% no-repeat;
}
.recipe .content .control-buttons a:hover {
  color: #96C800;
}
.recipe .content .share-buttons {
  vertical-align: bottom;
  border-top: 2px solid #7F7F7F;
  padding-top: 1rem;
  position: relative;

}
.recipe .content .share-buttons .at-share-btn-elements {
  width: 320px;
}
.recipe .content .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 100%;
  top: 0;
  left: 5%;
  z-index: -10;
}
.recipe .extended-search {
  background-color: white;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  width: 100%;
  top: 0px;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition: all 0.15s ease-out;
  margin-top: -5rem;
}
.recipe .extended-search.visible {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}
.recipe .extended-search button.close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 100;
}
.recipe .extended-search button.close:hover {
  opacity: 1;
}
.recipe .extended-search h4, .recipe .extended-search .h4 {
  font-size: 1.5 rem;
}
.recipe .extended-search .search-form {
  padding: 3rem 1rem;
}
.recipe .extended-search .search-form form {
  margin-top: 3rem;
}
.recipe .extended-search .search-form form label {
  font-family: "CanalDemiPlain";
}
.recipe .extended-search .search-form form button[type=submit] {
  background-color: #96C800;
  border: 0;
  padding: 0.75rem;
  font-family: "CanalDemiPlain";
  margin-bottom: 1.5rem;
}
.recipe .extended-search .search-form form button[type=submit]:hover {
  background-color: #6B8D02;
}
.recipe .extended-search .search-form form .form-control {
  border-radius: 0;
  border-color: #E5E5E5;
  line-height: 2rem;
}
.recipe .extended-search .search-form form a.clear-filters {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
}
.recipe .extended-search .search-form form a.clear-filters:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.recipe .extended-search .search-form form .row {
  margin-bottom: 1rem;
}
.recipe .extended-search .choosen-recipes {
  border-left: 1px solid #E5E5E5;
  padding: 3rem 1rem;
}
.recipe .extended-search .choosen-recipes .card {
  border: 0;
  background-color: transparent;
}
.recipe .extended-search .choosen-recipes .card a i {
  background: url("/img/Button-play.svg") center center no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.recipe .extended-search .choosen-recipes .card a:hover i {
  background: url("/img/Button-play-hover.svg") center center no-repeat;
}
.recipe .extended-search .choosen-recipes .card a.fav, .recipe .extended-search .choosen-recipes .card a.fav-not-logged {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid white;
  transition: all 0.25s ease-in-out;
  z-index: 50;
}
.recipe .extended-search .choosen-recipes .card a.fav:hover, .recipe .extended-search .choosen-recipes .card a.fav-not-logged:hover {
  border-color: #96C800;
}
.recipe .extended-search .choosen-recipes .card a.fav > span, .recipe .extended-search .choosen-recipes .card a.fav-not-logged > span {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/img/icon-recipe-fav.svg") 50% 50% no-repeat;
  padding: 0;
  bottom: inherit;
}
.recipe .extended-search .choosen-recipes .card a.fav.favd, .recipe .extended-search .choosen-recipes .card a.fav-not-logged.favd {
  background-color: white;
}
.recipe .extended-search .choosen-recipes .card a.fav.favd span, .recipe .extended-search .choosen-recipes .card a.fav-not-logged.favd span {
  background: url("/img/icon-recipe-favd.svg") 50% 50% no-repeat;
}
.recipe .extended-search .choosen-recipes .card .card-body {
  padding-left: 0;
  padding-right: 0;
}
.recipe .extended-search .choosen-recipes .card .card-body h3, .recipe .extended-search .choosen-recipes .card .card-body .h3 {
  font-size: 1.2rem;
  font-weight: 300;
  font-family: "CanalDemiPlain";
}
.recipe .extended-search .choosen-recipes .card .card-body h3 a, .recipe .extended-search .choosen-recipes .card .card-body .h3 a {
  color: black;
}
.recipe .extended-search .choosen-recipes .card .card-body h3 a:hover, .recipe .extended-search .choosen-recipes .card .card-body .h3 a:hover {
  color: #96C800;
  text-decoration: none;
}
.recipe .extended-search .choosen-recipes .card img {
  border-radius: 0;
}
.recipe .extended-search .choosen-recipes .card {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.recipe .extended-search .choosen-recipes a.more {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  font-family: "CanalDemiPlain";
}
.recipe .extended-search .choosen-recipes a.more:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.recipe .extended-search .choosen-recipes div.ad {
  background: #F2F2F2 url("/img/bg-ad-tag.png") 3px 180px no-repeat;
  margin-top: 3rem;
  padding: 1.5rem 0;
  text-align: center;
}
@media only screen and (max-width: 575.98px) {
  .recipe {
    margin-bottom: 2rem;
  }
  .recipe ol.breadcrumb {
    margin-bottom: 0;
  }
  .recipe .content h1 {
    font-size: 1.75rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .recipe .content div.bg {
    display: none;
  }
  .recipe .content div.hr {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .recipe .content a.btn-calculator {
    background: none;
    text-align: center;
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
    width: 100%;
    display: block;
    padding: 0.75rem;
  }
  .recipe .content a.btn-calculator:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
  .recipe .content a.btn-calculator:hover {
    color: white;
  }
  .recipe .content .share-buttons, .recipe .content .control-buttons {
    display: none;
  }
  .recipe .content .rate {
    border-bottom: none;
    margin-top: 2.5rem;
    padding-bottom: 0;
  }
  .recipe .content .rate h5, .recipe .content .rate .h5 {
    display: none;
  }
  .recipe .content .control-buttons-mobile {
    margin-top: 1.5rem;
    position: relative;
  }
  .recipe .content .control-buttons-mobile div.mobile-bg {
    background-color: #F4F8EA;
    position: absolute;
    width: 100%;
    height: 192px;
    display: block;
    z-index: -10;
    top: -135px;
  }
  .recipe .content .control-buttons-mobile a {
    color: black;
    display: block;
    font-family: "CanalDemiPlain";
    font-size: 0.75rem;
    text-align: center;
    text-decoration: none;
    padding-top: 2rem;
  }
  .recipe .content .control-buttons-mobile a:hover {
    color: #96C800;
  }
  .recipe .content .control-buttons-mobile a.btn-fav {
    background: url("/img/icon-24px-fav.svg") 50% 0 no-repeat;
  }
  .recipe .content .control-buttons-mobile a.btn-fav.favd {
    background: url("/img/icon-recipe-favd.svg") 50% 0 no-repeat;
  }
  .recipe .content .control-buttons-mobile a.btn-share {
    background: url("/img/icon-share.svg") 50% 0 no-repeat;
  }
  .recipe .content .control-buttons-mobile a.btn-comment {
    background: url("/img/icon-24px-comment.svg") 50% 0 no-repeat;
  }
  .recipe .content .control-buttons-mobile .dropdown-menu {
    border-radius: 0;
    border-color: #E5E5E5;
  }
  .recipe .content .control-buttons-mobile .dropdown-menu a.dropdown-item {
    padding: 0.85rem;
    cursor: pointer;
    text-align: left;
  }
  .recipe .content .control-buttons-mobile .dropdown-menu a.dropdown-item:hover {
    background-color: transparent;
  }
  .recipe .content .recipe-text .promo-nc {
    background-color: #F4F8EA;
    padding: 1.5rem 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .recipe .content .recipe-text .promo-nc p {
    margin-bottom: 0;
  }
  .recipe .content .recipe-text .promo-nc h6 {
    font-size: 1rem !important;
  }
  .recipe .content .recipe-text .promo-nc a.btn-order {
    width: 100%;
    text-align: center;
  }
  .recipe .content .details h3, .recipe .content .details .h3, .recipe .content .details h5, .recipe .content .details .h5 {
    display: none;
  }
  .recipe .content .details dl {
    margin-top: 1rem;
  }
  .recipe .content .details dl dt {
    width: 40%;
    padding-bottom: 0.5rem;
  }
  .recipe .content .details dl dd {
    width: 60%;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
  }
}

a.btn-toggle-comments {
  display: block;
  font-size: 1rem;
  color: black;
  padding: 0.5rem;
  border: 2px solid black;
  text-align: center;
  padding: 1rem;
  margin-bottom: 2rem;
}
a.btn-toggle-comments:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
a.btn-toggle-comments span.hidden {
  display: none;
}

.recipe-comments {
  margin-bottom: 4rem;
}
.recipe-comments .btn-comment-form-trigger {
  background-color: white;
  font-size: 1rem;
  color: #7F7F7F;
  padding: 0.5rem;
  border: 1px solid #E5E5E5;
  width: 100%;
  padding: 1rem;
  margin-bottom: 1rem;
  display: block;
}
.recipe-comments .btn-comment-form-trigger:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.recipe-comments .comment-prompt .login-prompt {
  background-color: #F4F8EA;
  color: black;
  margin-bottom: 2rem;
  padding: 2rem;
  font-size: 1.71rem;
  font-family: "CanalDemiPlain";
  text-align: center;
}
.recipe-comments .comment-prompt .login-prompt a {
  color: #96C800;
  text-decoration: none;
}
.recipe-comments .comment-prompt .login-prompt a:hover {
  color: #6B8D02;
}
@media only screen and (max-width: 575.98px) {
  .recipe-comments .comment-prompt .login-prompt {
    font-size: 1rem;
    text-align: left;
    padding: 1.5rem;
  }
}
.recipe-comments .comment-prompt form {
  padding-bottom: 2rem;
}
.recipe-comments .comment-prompt form textarea, .recipe-comments .comment-prompt form textarea.form-control {
  border-radius: 0;
  color: black;
  width: 100%;
  border: 1px solid #7F7F7F;
  padding: 1rem;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
  margin-bottom: 1rem;
}
.recipe-comments .comment-prompt form textarea:focus, .recipe-comments .comment-prompt form textarea:active, .recipe-comments .comment-prompt form textarea.form-control:focus, .recipe-comments .comment-prompt form textarea.form-control:active {
  border: 1px solid #96C800;
}
@media only screen and (max-width: 575.98px) {
  .recipe-comments .comment-prompt form textarea, .recipe-comments .comment-prompt form textarea.form-control {
    margin-bottom: 0;
  }
}
.recipe-comments .comment-prompt form button[type=submit] {
  font-family: "CanalDemiPlain";
}
@media only screen and (max-width: 575.98px) {
  .recipe-comments .comment-prompt form button[type=submit] {
    width: 100%;
  }
}
.recipe-comments .comment-prompt .counter {
  color: #7F7F7F;
  font-family: "CanalDemiPlain";
  font-size: 0.875rem;
  line-height: 3rem;
}
@media only screen and (max-width: 575.98px) {
  .recipe-comments .comment-prompt .counter {
    font-size: 0.71rem;
    text-align: right;
    line-height: 2rem;
  }
}
.recipe-comments .comment-prompt h5 {
  font-size: 1.5rem;
}
.recipe-comments .comments .comments-list .comment-rating .thumbs-up {
  display: inline-block;
  font-weight: 500;
  font-size: 0.6875rem;
  margin: 0 0 0 1rem;
  color: #7F7F7F;
}
.recipe-comments .comments .comments-list .comment-rating .score {
  display: inline-block;
  font-weight: 500;
  font-size: 0.6875rem;
  color: #7F7F7F;
  margin: 0;
}
.recipe-comments .comments .comments-list .comment-rating .score .good {
  color: #96C800;
}
.recipe-comments .comments .comments-list .comment-rating .score .bad {
  color: #C81700;
}
.recipe-comments .comments .comments-list .comment-rating .score > div {
  display: inline-block;
}
.recipe-comments .comments .comments-list .comment-rating .thumbs-down {
  display: inline-block;
  font-weight: 500;
  font-size: 0.6875rem;
  margin: 0 0 0 0;
  color: #7F7F7F;
}
.recipe-comments .comments .comments-list .comment-rating .rated a {
  color: #6B8D02;
}
.recipe-comments .comments .comment {
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  transition: all 0.25s ease-in-out;
  opacity: 1;
}
.recipe-comments .comments .comment.hidden {
  opacity: 0;
  display: none;
}
.recipe-comments .comments .comment.comment-prompt h4 {
  font-size: 1rem;
}
.recipe-comments .comments .comment .comment-body h4 {
  font-size: 1rem;
}
.recipe-comments .comments .comment .comment-body h4 span {
  font-size: 0.875rem;
  margin-left: 1rem;
  color: #7F7F7F;
}
.recipe-comments .comments .comment .comment-controls span {
  background-color: #7F7F7F;
  display: inline-block;
  margin: 0 0.5rem;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  line-height: 1rem;
  vertical-align: middle;
}
.recipe-comments .comments .comment .comment-controls a {
  color: #7F7F7F;
  font-family: "CanalDemiPlain";
  font-size: 0.875rem;
  text-decoration: none;
}
.recipe-comments .comments .comment .comment-controls a:hover {
  color: #96C800;
}
.recipe-comments .comments .responses {
  margin-top: 1rem;
  margin-left: 2rem;
}
@media only screen and (max-width: 575.98px) {
  .recipe-comments .comments .responses {
    margin-left: 0;
  }
}
.recipe-comments .comments .responses a.btn-show-responses {
  color: #96C800;
  text-decoration: none;
  font-family: "CanalDemiPlain";
}
.recipe-comments .comments .responses a.btn-show-responses:hover {
  color: #6B8D02;
}
.recipe-comments .comments .responses .comments {
  background-color: rgba(229, 229, 229, 0.5);
  margin-bottom: 1rem;
}
.recipe-comments .comments .responses .comments .comment {
  padding: 2rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 575.98px) {
  .recipe-comments .comments .responses .comments .comment {
    padding: 1rem;
  }
}

.recipe-filter a.btn-more-filters {
  font-size: 1rem;
  color: white;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid white;
  padding-top: 1rem;
  display: inline-block;
}
.recipe-filter a.btn-more-filters:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.recipe-filter .video-checkbox {
  padding-top: 0.25rem;
}
.recipe-filter .video-checkbox label {
  color: white;
}
.recipe-filter .video-checkbox .cbx-krajee-flatblue .cbx-active {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.recipe-extended-search {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
}
.recipe-extended-search .modal-lg {
  max-width: 1140px;
}
.recipe-extended-search button.close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 100;
}
.recipe-extended-search button.close:hover {
  opacity: 1;
}
.recipe-extended-search h4, .recipe-extended-search .h4 {
  font-size: 1.5 rem;
}
.recipe-extended-search .search-form {
  padding: 3rem 1rem;
}
.recipe-extended-search .search-form form {
  margin-top: 3rem;
}
.recipe-extended-search .search-form form label {
  font-family: "CanalDemiPlain";
}
.recipe-extended-search .search-form form button[type=submit] {
  background-color: #96C800;
  border: 0;
  padding: 0.75rem;
  font-family: "CanalDemiPlain";
  margin-bottom: 1.5rem;
}
.recipe-extended-search .search-form form button[type=submit]:hover {
  background-color: #6B8D02;
}
.recipe-extended-search .search-form form .form-control {
  border-radius: 0;
  border-color: #E5E5E5;
  line-height: 2rem;
}
.recipe-extended-search .search-form form a.clear-filters {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
}
.recipe-extended-search .search-form form a.clear-filters:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.recipe-extended-search .search-form form .row {
  margin-bottom: 1rem;
}
.recipe-extended-search .choosen-recipes {
  border-left: 1px solid #E5E5E5;
  padding: 3rem 1rem;
}
.recipe-extended-search .choosen-recipes .card {
  border: 0;
  background-color: transparent;
}
.recipe-extended-search .choosen-recipes .card a i {
  background: url("/img/Button-play.svg") center center no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.recipe-extended-search .choosen-recipes .card a:hover i {
  background: url("/img/Button-play-hover.svg") center center no-repeat;
}
.recipe-extended-search .choosen-recipes .card a.fav, .recipe-extended-search .choosen-recipes .card a.fav-not-logged {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid white;
  transition: all 0.25s ease-in-out;
  z-index: 50;
}
.recipe-extended-search .choosen-recipes .card a.fav:hover, .recipe-extended-search .choosen-recipes .card a.fav-not-logged:hover {
  border-color: #96C800;
}
.recipe-extended-search .choosen-recipes .card a.fav > span, .recipe-extended-search .choosen-recipes .card a.fav-not-logged > span {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/img/icon-recipe-fav.svg") 50% 50% no-repeat;
  padding: 0;
  bottom: inherit;
}
.recipe-extended-search .choosen-recipes .card a.fav.favd, .recipe-extended-search .choosen-recipes .card a.fav-not-logged.favd {
  background-color: white;
}
.recipe-extended-search .choosen-recipes .card a.fav.favd span, .recipe-extended-search .choosen-recipes .card a.fav-not-logged.favd span {
  background: url("/img/icon-recipe-favd.svg") 50% 50% no-repeat;
}
.recipe-extended-search .choosen-recipes .card .card-body {
  padding-left: 0;
  padding-right: 0;
}
.recipe-extended-search .choosen-recipes .card .card-body h3, .recipe-extended-search .choosen-recipes .card .card-body .h3 {
  font-size: 1.2rem;
  font-weight: 300;
  font-family: "CanalDemiPlain";
}
.recipe-extended-search .choosen-recipes .card .card-body h3 a, .recipe-extended-search .choosen-recipes .card .card-body .h3 a {
  color: black;
}
.recipe-extended-search .choosen-recipes .card .card-body h3 a:hover, .recipe-extended-search .choosen-recipes .card .card-body .h3 a:hover {
  color: #96C800;
  text-decoration: none;
}
.recipe-extended-search .choosen-recipes .card img {
  border-radius: 0;
}
.recipe-extended-search .choosen-recipes .card {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.recipe-extended-search .choosen-recipes a.more {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  font-family: "CanalDemiPlain";
}
.recipe-extended-search .choosen-recipes a.more:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.recipe-extended-search .choosen-recipes div.ad {
  background: #F2F2F2 url("/img/bg-ad-tag.png") 3px 180px no-repeat;
  margin-top: 3rem;
  padding: 1.5rem 0;
  text-align: center;
}

.books-list {
  margin-bottom: 3.75rem;
}
.books-list .container {
  position: relative;
}
.books-list h2 {
  color: black;
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.books-list h2 a {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  color: black;
  font-size: 1rem;
}
.books-list h2 a:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.books-list h3 {
  margin-top: 2rem;
  font-size: 1.5rem;
  font-weight: 300;
}
.books-list h3 a {
  color: black;
}
.books-list h3 a:hover {
  color: #96C800;
  text-decoration: none;
}
.books-list .bg {
  position: absolute;
  background-color: #F2F2F2;
  width: 90%;
  height: 208px;
  top: 0;
  left: 5%;
  z-index: -10;
}
@media only screen and (max-width: 575.98px) {
  .books-list .bg {
    width: 100%;
    left: 0;
  }
}
.books-list .card .card-body h3.card-title {
  margin-top: 0;
  font-size: 1.25rem;
  font-family: "CanalDemiPlain";
}
.books-list .card .card-body h3.card-title a {
  color: black;
  text-decoration: none;
}
.books-list .card .card-body h3.card-title a:hover {
  color: #96C800;
}
.books-list .card .card-body p a {
  color: #96C800;
  font-size: 0.875rem;
  font-family: "CanalDemiPlain";
  text-decoration: none;
}
.books-list .card .card-body p a:hover {
  color: #6B8D02;
}
.books-list .content a.more {
  font-size: 1rem;
  color: #96C800;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #96C800;
}
.books-list .content a.more:hover {
  text-decoration: none;
  color: #6B8D02;
  border-color: #6B8D02;
}
.books-list.full .container {
  position: relative;
}
.books-list.full .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 208px;
  top: 0;
  left: 5%;
  z-index: -10;
}
@media only screen and (max-width: 575.98px) {
  .books-list {
    margin-bottom: 1.875rem;
  }
  .books-list h2 {
    font-size: 1.75rem;
    padding: 2rem 0;
    margin: 0;
  }
  .books-list h2 a {
    display: none;
  }
  .books-list h3 {
    margin-top: 2rem;
    font-size: 1.125rem;
  }
  .books-list .content span {
    display: none;
  }
  .books-list .content > a.more {
    display: none;
  }
  .books-list a.more {
    display: block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
  }
  .books-list a.more:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
}

.book {
  margin-bottom: 2rem;
}
.book .container {
  position: relative;
  padding-top: 3rem;
}
@media only screen and (max-width: 575.98px) {
  .book .container {
    padding-top: 1rem;
  }
}
.book .heading {
  height: 304px;
}
@media only screen and (max-width: 575.98px) {
  .book .heading {
    height: auto;
    margin-bottom: 2rem;
  }
}
.book .heading h1 {
  font-size: 3rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 575.98px) {
  .book .heading h1 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.book .heading h3 {
  font-size: 1.25rem;
  font-family: "CanalLightPlain";
  margin-bottom: 0.75rem;
}
@media only screen and (max-width: 575.98px) {
  .book .heading h3 {
    font-size: 0.875rem;
  }
}
.book .heading p.publisher {
  font-size: 0.875rem;
}
.book .heading p.publisher span {
  color: #7F7F7F;
}
@media only screen and (max-width: 575.98px) {
  .book .heading p.publisher {
    font-size: 0.75rem;
    color: #7F7F7F;
  }
  .book .heading p.publisher span {
    display: none;
  }
}
.book .description {
  width: 80%;
}
@media only screen and (max-width: 575.98px) {
  .book .description {
    width: auto;
  }
}
.book .description p {
  font-size: 1.125rem;
}
.book .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 304px;
  top: 0;
  left: 5%;
  z-index: -10;
}
@media only screen and (max-width: 575.98px) {
  .book .bg {
    width: 100%;
    left: 0;
  }
}

.article-list {
  margin-bottom: 3.75rem;
}
.article-list .img-container {
  position: relative;
  display: block;
}
.article-list .img-container span {
  background-color: #96C800;
  color: white;
  padding: 0.5rem 1rem;
  width: auto;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  font-size: 0.875rem;
}
.article-list h2 {
  color: black;
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.article-list h2 a {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  color: black;
  font-size: 1rem;
}
.article-list h2 a:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.article-list h3 {
  margin-top: 2rem;
  font-size: 1.5rem;
  font-weight: 300;
}
.article-list h3 a {
  color: black;
}
.article-list h3 a:hover {
  color: #96C800;
  text-decoration: none;
}
.article-list .content a:hover {
  text-decoration: none;
}
.article-list .content span {
  background-color: #96C800;
  color: white;
  padding: 0.5rem 1rem;
  width: auto;
  font-size: 0.875rem;
  margin-left: -4rem;
}
.article-list .content span:hover {
  background-color: #6B8D02;
  text-decoration: none;
}
.article-list .content p.date {
  font-family: "CanalLightPlain";
  font-size: 0.875rem;
  color: #7F7F7F;
}
.article-list .content a.more {
  font-size: 1rem;
  color: #96C800;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #96C800;
}
.article-list .content a.more:hover {
  text-decoration: none;
  color: #6B8D02;
  border-color: #6B8D02;
}
.article-list.full .container {
  position: relative;
}
.article-list.full .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 208px;
  top: 0;
  left: 5%;
  z-index: -10;
}
@media only screen and (max-width: 575.98px) {
  .article-list.full .bg {
    width: 100%;
    left: 0;
  }
}
.article-list.full.background-gray .bg {
  background-color: #F2F2F2;
  opacity: 0.5;
}
@media only screen and (max-width: 575.98px) {
  .article-list {
    margin-bottom: 1.875rem;
  }
  .article-list h2 {
    font-size: 1.75rem;
    padding: 2rem 0;
    margin: 0;
  }
  .article-list h2 a {
    display: none;
  }
  .article-list h3 {
    margin-top: 2rem;
    font-size: 1.125rem;
  }
  .article-list .content span {
    display: none;
  }
  .article-list .content > a.more {
    display: none;
  }
  .article-list a.more {
    display: block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
  }
  .article-list a.more:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
}

.article {
  margin-bottom: 3.75rem;
  position: relative;
}
@media only screen and (max-width: 575.98px) {
  .article h1 {
    font-size: 1.5rem;
  }
}
.article p.date {
  color: #7F7F7F;
  font-size: 1rem;
}
@media only screen and (max-width: 575.98px) {
  .article p.date {
    display: none;
  }
}
.article .thumbs {
  margin-top: 2rem;
}
@media only screen and (max-width: 575.98px) {
  .article .thumbs {
    margin-top: 0.5rem;
    margin-left: -2px;
    margin-right: -2px;
  }
  .article .thumbs .col {
    padding-left: 2px;
    padding-right: 2px;
  }
}
.article .thumbs a {
  position: relative;
  display: block;
}
.article .thumbs a span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  -webkit-box-shadow: inset 0 0 0 0 transparent;
  -moz-box-shadow: inset 0 0 0 0 transparent;
  box-shadow: inset 0 0 0 0 transparent;
  transition: all 0.15s ease-in-out;
}
.article .thumbs a span.more-items {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  line-height: 5.5rem;
  vertical-align: middle;
}
@media only screen and (max-width: 575.98px) {
  .article .thumbs a span.more-items {
    line-height: 4rem;
    font-size: 0.635rem;
  }
}
.article .thumbs a:hover span {
  -webkit-box-shadow: inset 0 0 0 2px #96C800;
  -moz-box-shadow: inset 0 0 0 2px #96C800;
  box-shadow: inset 0 0 0 2px #96C800;
}
.article .mobile-share {
  margin-top: 1.5rem;
  position: relative;
}
.article .mobile-share a {
  color: black;
  display: block;
  font-family: "CanalDemiPlain";
  font-size: 0.75rem;
  text-align: center;
  text-decoration: none;
  padding-top: 2rem;
}
.article .mobile-share a:hover {
  color: #96C800;
}
.article .mobile-share a.btn-share {
  background: url("/img/icon-share.svg") 50% 0 no-repeat;
}
.article .mobile-share .dropdown-menu {
  border-radius: 0;
  border-color: #E5E5E5;
}
.article .mobile-share .dropdown-menu a.dropdown-item {
  padding: 0.85rem;
  cursor: pointer;
  text-align: left;
}
.article .mobile-share .dropdown-menu a.dropdown-item:hover {
  background-color: transparent;
}
.article .content {
  padding-top: 2rem;
  position: relative;
}
@media only screen and (max-width: 575.98px) {
  .article .content {
    padding-top: 0;
  }
}
.article .content p {
  font-size: 1.125rem;
  letter-spacing: 0.03125rem;
  line-height: 1.75rem;
}
.article .content .share-buttons {
  margin-top: 1rem;
  max-width: 272px;
}
.article .content .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 732px;
  top: 0;
  left: 5%;
  z-index: -10;
}
@media only screen and (max-width: 575.98px) {
  .article .content .bg {
    width: 100%;
    left: 0;
    top: 6rem;
    height: 20rem;
  }
}

.modal-gallery {
  min-width: 100%;
  margin: 0;
}
.modal-gallery .modal-content {
  min-height: 100vh;
  background: transparent;
}
.modal-gallery .modal-content button.close {
  color: white;
}
.modal-gallery .modal-content .modal-body {
  max-height: 80vh;
}
.modal-gallery .modal-content .carousel .carousel-control-next, .modal-gallery .modal-content .carousel .carousel-control-prev {
  color: white;
  opacity: 1;
}
.modal-gallery .modal-content .carousel .carousel-control-next:hover, .modal-gallery .modal-content .carousel .carousel-control-prev:hover {
  color: #96C800;
}
.modal-gallery .modal-content .carousel .carousel-inner .carousel-item {
  text-align: center;
}
.modal-gallery .modal-content .carousel .carousel-inner .carousel-item img {
  max-height: 70vh;
  max-width: 90vw;
  width: auto;
}
.modal-gallery .modal-content .thumbs .item {
  position: relative;
  display: block;
}
.modal-gallery .modal-content .thumbs .item span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.15s ease-in-out;
  -webkit-box-shadow: inset 0 0 0 0 transparent;
  -moz-box-shadow: inset 0 0 0 0 transparent;
  box-shadow: inset 0 0 0 0 transparent;
}
.modal-gallery .modal-content .thumbs .item:hover span {
  -webkit-box-shadow: inset 0 0 0 2px #96C800;
  -moz-box-shadow: inset 0 0 0 2px #96C800;
  box-shadow: inset 0 0 0 2px #96C800;
}

.programme {
  margin-bottom: 3.75rem;
}
.programme .container {
  position: relative;
}
.programme .watch-nc-go {
  line-height: 5rem;
}
.programme .content {
  position: relative;
}
.programme .content h1, .programme .content .h1 {
  font-size: 3rem;
  margin: 0;
}
.programme .content p.original-title {
  font-size: 1rem;
  color: #7F7F7F;
}
.programme .content a.btn-about {
  font-size: 1rem;
  color: black;
  padding: 0.5rem;
  border: 2px solid black;
  display: block;
  text-align: center;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
  padding: 1rem;
  transition: all 0.15s ease-in-out;
}
.programme .content a.btn-about:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.programme .content a.btn-about:hover {
  background-color: black;
  color: white;
  border-color: black;
}
.programme .content div.author {
  margin-bottom: 1.65rem;
  padding-bottom: 1.65rem;
  margin-top: 1.65rem;
  border-bottom: 2px solid black;
  position: relative;
  vertical-align: middle;
}
@media only screen and (max-width: 575.98px) {
  .programme .content div.author {
    border: none;
    margin: 0;
    padding: 0;
  }
}
.programme .content div.author img {
  border-radius: 50%;
  margin-right: 0.8rem;
}
.programme .content div.author a {
  vertical-align: middle;
  color: black;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
}
.programme .content div.author a:hover {
  color: #96C800;
  text-decoration: none;
}
.programme .content h5, .programme .content .h5 {
  color: #7F7F7F;
  font-size: 1rem;
  font-family: "CanalDemiPlain";
}
.programme .content .thumbs {
  margin-top: 1.25rem;
}
@media only screen and (max-width: 575.98px) {
  .programme .content .thumbs {
    margin-top: 0.5rem;
    margin-left: -2px;
    margin-right: -2px;
  }
  .programme .content .thumbs .col {
    padding-left: 2px;
    padding-right: 2px;
  }
}
.programme .content .thumbs a {
  position: relative;
  display: block;
}
.programme .content .thumbs a span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  -webkit-box-shadow: inset 0 0 0 0 transparent;
  -moz-box-shadow: inset 0 0 0 0 transparent;
  box-shadow: inset 0 0 0 0 transparent;
  transition: all 0.15s ease-in-out;
}
.programme .content .thumbs a span.more-items {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  line-height: 5.5rem;
  vertical-align: middle;
}
@media only screen and (max-width: 575.98px) {
  .programme .content .thumbs a span.more-items {
    line-height: 4rem;
    font-size: 0.635rem;
  }
}
.programme .content .thumbs a:hover span {
  -webkit-box-shadow: inset 0 0 0 2px #96C800;
  -moz-box-shadow: inset 0 0 0 2px #96C800;
  box-shadow: inset 0 0 0 2px #96C800;
}
.programme .content .details h3, .programme .content .details .h3 {
  font-size: 1.5rem;
}
.programme .content .details dl {
  margin-top: 1rem;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
  font-weight: 300;
}
.programme .content .details dl dt {
  color: #7F7F7F;
  width: 20%;
  font-weight: 300;
  float: left;
}
.programme .content .details dl dd {
  width: 80%;
  float: left;
  clear: right;
}
.programme .content .details dl dd a {
  color: black;
  border-bottom: 2px dashed rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.programme .content .details dl dd a:hover {
  color: #96C800;
}
@media only screen and (max-width: 575.98px) {
  .programme .content .emissions {
    border-bottom: 1px solid #E5E5E5;
  }
}
.programme .content .emissions h5, .programme .content .emissions .h5 {
  font-size: 2rem;
  font-family: "CanalDemiPlain";
  color: black;
  margin-bottom: 1rem;
}
.programme .content .emissions a.see-more {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  font-family: "CanalDemiPlain";
}
.programme .content .emissions a.see-more:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
@media only screen and (max-width: 575.98px) {
  .programme .content .emissions a.see-more {
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
    display: block;
    padding: 1rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  .programme .content .emissions a.see-more:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
}
.programme .content .emissions ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 2rem;
}
.programme .content .emissions ul li {
  position: relative;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #E5E5E5;
}
.programme .content .emissions ul li:last-child {
  border-bottom: none;
}
.programme .content .emissions ul li a {
  color: #96C800;
  text-decoration: none;
}
.programme .content .emissions ul li a:hover {
  color: #6B8D02;
}
.programme .content .emissions ul li strong {
  display: block;
  clear: both;
  font-weight: 300;
  font-family: "CanalDemiPlain";
}
.programme .content .description-text h5, .programme .content .description-text .h5, .programme .content .description-text h6, .programme .content .description-text .h6 {
  font-size: 1.5rem;
  font-family: "CanalDemiPlain";
  margin-bottom: 1rem;
}
.programme .content .description-text a.btn-order:hover {
  background-color: #6B8D02;
}
.programme .content .description-text p {
  font-size: 1.125rem;
  font-family: "Hind";letter-spacing: 0;
}
.programme .content .control-buttons {
  margin-top: 3rem;
}
.programme .content .control-buttons a {
  display: block;
  color: black;
  margin-top: 0.5rem;
  text-decoration: none;
}
.programme .content .control-buttons a:before {
  content: "\f061";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  font-size: 0.75rem;
  margin-right: 0.5rem;
}
.programme .content .control-buttons a:hover {
  color: #96C800;
}
.programme .content .share-buttons {
  vertical-align: bottom;
  border-top: 2px solid #7F7F7F;
  padding-top: 2rem;
  width: 100%;
}
.programme .content .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 100%;
  bottom: 2rem;
  left: 5%;
  z-index: -10;
}
@media only screen and (max-width: 575.98px) {
  .programme {
    margin-bottom: 2rem;
  }
  .programme ol.breadcrumb {
    margin-bottom: 0;
  }
  .programme .content h1, .programme .content .h1 {
    font-size: 1.75rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .programme .content div.bg {
    display: none;
  }
  .programme .content div.hr {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .programme .content a.btn-calculator {
    background: none;
    text-align: center;
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
    width: 100%;
    display: block;
    padding: 0.75rem;
  }
  .programme .content a.btn-calculator:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
  .programme .content a.btn-calculator:hover {
    color: white;
  }
  .programme .content .share-buttons, .programme .content .control-buttons {
    display: none;
  }
  .programme .content .rate {
    border-bottom: none;
    margin-top: 2.5rem;
    padding-bottom: 0;
  }
  .programme .content .rate h5, .programme .content .rate .h5 {
    display: none;
  }
  .programme .content .control-buttons-mobile {
    margin-top: 1.5rem;
    margin-bottom: 3rem;
    position: relative;
  }
  .programme .content .control-buttons-mobile div.mobile-bg {
    background-color: #F4F8EA;
    position: absolute;
    width: 100%;
    height: 192px;
    display: block;
    z-index: -10;
    top: -135px;
  }
  .programme .content .control-buttons-mobile a {
    color: black;
    display: block;
    font-family: "CanalDemiPlain";
    font-size: 0.75rem;
    text-align: center;
    text-decoration: none;
    padding-top: 2rem;
  }
  .programme .content .control-buttons-mobile a:hover {
    color: #96C800;
  }
  .programme .content .control-buttons-mobile a.btn-fav {
    background: url("/img/icon-24px-fav.svg") 50% 0 no-repeat;
  }
  .programme .content .control-buttons-mobile a.btn-fav.favd {
    background: url("/img/icon-recipe-favd.svg") 50% 0 no-repeat;
  }
  .programme .content .control-buttons-mobile a.btn-share {
    background: url("/img/icon-share.svg") 50% 0 no-repeat;
  }
  .programme .content .control-buttons-mobile a.btn-comment {
    background: url("/img/icon-24px-comment.svg") 50% 0 no-repeat;
  }
  .programme .content .control-buttons-mobile .dropdown-menu {
    border-radius: 0;
    border-color: #E5E5E5;
  }
  .programme .content .control-buttons-mobile .dropdown-menu a.dropdown-item {
    padding: 0.85rem;
    cursor: pointer;
    text-align: left;
  }
  .programme .content .control-buttons-mobile .dropdown-menu a.dropdown-item:hover {
    background-color: transparent;
  }
}
@media only screen and (max-width: 575.98px) and (max-width: 575.98px) {
  .programme .content .description-text {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .programme .content .description-text .promo-nc {
    background-color: #F4F8EA;
    padding: 1.5rem 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .programme .content .description-text .promo-nc p {
    margin-bottom: 0;
  }
  .programme .content .description-text .promo-nc h6, .programme .content .description-text .promo-nc .h6 {
    font-size: 1rem !important;
  }
  .programme .content .description-text .promo-nc a.btn-order {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 575.98px) {
  .programme .content .details h3, .programme .content .details .h3, .programme .content .details h5, .programme .content .details .h5 {
    display: none;
  }
  .programme .content .details dl {
    margin-top: 1rem;
  }
  .programme .content .details dl dt {
    width: 40%;
    padding-bottom: 0.5rem;
  }
  .programme .content .details dl dd {
    width: 60%;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
  }
}

.videos {
  margin-bottom: 3.75rem;
}
.videos .container {
  position: relative;
}
.videos .container .row {
  margin-bottom: 1rem;
}
.videos .card a i {
  background: url("/img/Button-play.svg") center center no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.videos .card a:hover i {
  background: url("/img/Button-play-hover.svg") center center no-repeat;
}
.videos h2 {
  color: black;
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.videos h2 a {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  color: black;
  font-size: 1rem;
}
.videos h2 a:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.videos .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 208px;
  top: 0;
  left: 5%;
  z-index: -10;
}
.videos.background-gray .bg {
  background-color: #F2F2F2;
}
@media only screen and (max-width: 575.98px) {
  .videos {
    margin-bottom: 1.875rem;
  }
  .videos h2 {
    font-size: 1.75rem;
    padding: 2rem 0;
    margin: 0;
  }
  .videos h2 a {
    display: none;
  }
  .videos a.more {
    display: block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
  }
  .videos a.more:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
  .videos .bg {
    width: 100%;
    left: 0;
  }
}

.video {
  margin-bottom: 3.75rem;
}
.video .container {
  position: relative;
}
.video .watch-nc-go {
  line-height: 5rem;
}
.video .content {
  position: relative;
}
.video .content h1 {
  font-size: 3rem;
  margin: 0;
}
.video .content h5 {
  color: #7F7F7F;
  font-size: 1rem;
  font-family: "CanalDemiPlain";
}
.video .content .control-buttons {
  margin-top: 3rem;
}
.video .content .control-buttons a {
  display: block;
  color: black;
  margin-top: 0.5rem;
  text-decoration: none;
}
.video .content .control-buttons a:before {
  content: "\f061";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  font-size: 0.75rem;
  margin-right: 0.5rem;
}
.video .content .control-buttons a:hover {
  color: #96C800;
}
.video .content .share-buttons {
  vertical-align: bottom;
  border-top: 2px solid #7F7F7F;
  padding-top: 2rem;
  
  bottom: 0;
  width: 100%;
}
.video .content .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 100%;
  bottom: 2rem;
  left: 5%;
  z-index: -10;
}
@media only screen and (max-width: 575.98px) {
  .video {
    margin-bottom: 2rem;
  }
  .video ol.breadcrumb {
    margin-bottom: 0;
  }
  .video .content h1 {
    font-size: 1.75rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .video .content div.bg {
    display: none;
  }
  .video .content div.hr {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .video .content .share-buttons, .video .content .control-buttons {
    display: none;
  }
  .video .content .control-buttons-mobile {
    margin-top: 1.5rem;
    margin-bottom: 3rem;
    position: relative;
  }
  .video .content .control-buttons-mobile div.mobile-bg {
    background-color: #F4F8EA;
    position: absolute;
    width: 100%;
    height: 192px;
    display: block;
    z-index: -10;
    top: -135px;
  }
  .video .content .control-buttons-mobile a {
    color: black;
    display: block;
    font-family: "CanalDemiPlain";
    font-size: 0.75rem;
    text-align: center;
    text-decoration: none;
    padding-top: 2rem;
  }
  .video .content .control-buttons-mobile a:hover {
    color: #96C800;
  }
  .video .content .control-buttons-mobile a.btn-fav {
    background: url("/img/icon-24px-fav.svg") 50% 0 no-repeat;
  }
  .video .content .control-buttons-mobile a.btn-fav.favd {
    background: url("/img/icon-recipe-favd.svg") 50% 0 no-repeat;
  }
  .video .content .control-buttons-mobile a.btn-share {
    background: url("/img/icon-share.svg") 50% 0 no-repeat;
  }
  .video .content .control-buttons-mobile .dropdown-menu {
    border-radius: 0;
    border-color: #E5E5E5;
  }
  .video .content .control-buttons-mobile .dropdown-menu a.dropdown-item {
    padding: 0.85rem;
    cursor: pointer;
    text-align: left;
  }
  .video .content .control-buttons-mobile .dropdown-menu a.dropdown-item:hover {
    background-color: transparent;
  }
}

.host {
  margin-bottom: 3.75rem;
}
.host .container {
  position: relative;
}
.host .watch-nc-go {
  line-height: 5rem;
}
.host .content {
  position: relative;
}
.host .content h1 {
  font-size: 3rem;
  margin: 0;
}
.host .content div.author {
  margin-bottom: 1.65rem;
  padding-bottom: 1.65rem;
  margin-top: 1.65rem;
  border-bottom: 2px solid black;
  position: relative;
  vertical-align: middle;
}
@media only screen and (max-width: 575.98px) {
  .host .content div.author {
    border: none;
    margin: 0;
    padding: 0;
  }
}
.host .content div.author img {
  border-radius: 50%;
  margin-right: 0.8rem;
}
.host .content div.author a {
  vertical-align: middle;
  color: black;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
}
.host .content div.author a:hover {
  color: #96C800;
  text-decoration: none;
}
.host .content h5, .host .content .h5 {
  color: #7F7F7F;
  font-size: 1rem;
  font-family: "CanalDemiPlain";
}
.host .content .details h3, .host .content .details .h3 {
  font-size: 1.5rem;
}
.host .content .details dl {
  margin-top: 1rem;
  font-family: "CanalDemiPlain";
  font-size: 1rem;
  font-weight: 300;
}
.host .content .details dl dt {
  color: #7F7F7F;
  width: 20%;
  font-weight: 300;
  float: left;
}
.host .content .details dl dd {
  width: 80%;
  float: left;
  clear: right;
}
.host .content .details dl dd a {
  color: black;
  border-bottom: 2px dashed rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.host .content .details dl dd a:hover {
  color: #96C800;
}
.host .content .description-text h5, .host .content .description-text .h5, .host .content .description-text h6, .host .content .description-text .h6 {
  font-size: 1.5rem;
  font-family: "CanalDemiPlain";
  margin-bottom: 1rem;
}
.host .content .description-text a.btn-order:hover {
  background-color: #6B8D02;
}
.host .content .description-text p {
  font-size: 1.125rem;
  font-family: "Hind";letter-spacing: 0;
}

body p {
  font-family: 'Hind';letter-spacing: 0;
}
.host .content .control-buttons {
  margin-top: 0;
}
.host .content .control-buttons a {
  display: block;
  color: black;
  margin-top: 0.5rem;
  text-decoration: none;
}
.host .content .control-buttons a:before {
  content: "\f061";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  font-size: 0.75rem;
  margin-right: 0.5rem;
}
.host .content .control-buttons a:hover {
  color: #96C800;
}
.host .content .share-buttons {
  vertical-align: bottom;
  border-top: 2px solid #7F7F7F;
  padding-top: 2rem;
  position: relative;
  bottom: 0;
  width: 100%;
}
.host .content .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 110%;
  bottom: -2rem;
  left: 5%;
  z-index: -10;
}
@media only screen and (max-width: 575.98px) {
  .host {
    margin-bottom: 2rem;
  }
  .host ol.breadcrumb {
    margin-bottom: 0;
  }
  .host .content h1 {
    font-size: 1.75rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .host .content div.bg {
    display: none;
  }
  .host .content div.hr {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .host .content .share-buttons, .host .content .control-buttons {
    display: none;
  }
  .host .content .control-buttons-mobile {
    margin-top: 1.5rem;
    margin-bottom: 3rem;
    position: relative;
  }
  .host .content .control-buttons-mobile div.mobile-bg {
    background-color: #F4F8EA;
    position: absolute;
    width: 100%;
    height: 192px;
    display: block;
    z-index: -10;
    top: -135px;
  }
  .host .content .control-buttons-mobile a {
    color: black;
    display: block;
    font-family: "CanalDemiPlain";
    font-size: 0.75rem;
    text-align: center;
    text-decoration: none;
    padding-top: 2rem;
  }
  .host .content .control-buttons-mobile a:hover {
    color: #96C800;
  }
  .host .content .control-buttons-mobile a.btn-fav {
    background: url("/img/icon-24px-fav.svg") 50% 0 no-repeat;
  }
  .host .content .control-buttons-mobile a.btn-fav.favd {
    background: url("/img/icon-recipe-favd.svg") 50% 0 no-repeat;
  }
  .host .content .control-buttons-mobile a.btn-share {
    background: url("/img/icon-share.svg") 50% 0 no-repeat;
  }
  .host .content .control-buttons-mobile a.btn-comment {
    background: url("/img/icon-24px-comment.svg") 50% 0 no-repeat;
  }
  .host .content .control-buttons-mobile .dropdown-menu {
    border-radius: 0;
    border-color: #E5E5E5;
  }
  .host .content .control-buttons-mobile .dropdown-menu a.dropdown-item {
    padding: 0.85rem;
    cursor: pointer;
    text-align: left;
  }
  .host .content .control-buttons-mobile .dropdown-menu a.dropdown-item:hover {
    background-color: transparent;
  }
}
@media only screen and (max-width: 575.98px) and (max-width: 575.98px) {
  .host .content .description-text {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 575.98px) {
  .host .content .description-text .promo-nc {
    background-color: #F4F8EA;
    padding: 1.5rem 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .host .content .description-text .promo-nc p {
    margin-bottom: 0;
  }
  .host .content .description-text .promo-nc h6, .host .content .description-text .promo-nc .h6 {
    font-size: 1rem !important;
  }
  .host .content .description-text .promo-nc a.btn-order {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 575.98px) {
  .host .content .details h3, .host .content .details .h3, .host .content .details h5, .host .content .details .h5 {
    display: none;
  }
  .host .content .details dl {
    margin-top: 1rem;
  }
  .host .content .details dl dt {
    width: 40%;
    padding-bottom: 0.5rem;
  }
  .host .content .details dl dd {
    width: 60%;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
  }
}

.dictionary {
  margin-bottom: 3.75rem;
}
.dictionary .container {
  position: relative;
}
.dictionary .container .row {
  margin-bottom: 1rem;
}
.dictionary .container h3 {
  font-size: 3rem;
  font-family: "CanalDemiPlain";
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.dictionary .container .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 208px;
  top: 0;
  left: 5%;
  z-index: -10;
}
@media only screen and (max-width: 575.98px) {
  .dictionary .container .bg {
    width: 100%;
    left: 0;
    height: 112px;
  }
}
.dictionary .container article {
  display: block;
  background-color: white;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
  padding: 3rem 2rem;
  margin-top: 3rem;
}
.dictionary .container article h1 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 575.98px) {
  .dictionary .container article h1 {
    font-size: 1rem;
  }
}
.dictionary .container article p {
  font-size: 1.125rem;
  color: black;
  letter-spacing: 0px;
  line-height: 1.75rem;
}
@media only screen and (max-width: 575.98px) {
  .dictionary .container article p {
    color: #7F7F7F;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.dictionary .container article a.btn-more-less {
  font-size: 1rem;
  color: black;
  padding: 0.5rem;
  border: 2px solid black;
  width: 100%;
  text-align: center;
  padding: 1rem;
}
.dictionary .container article a.btn-more-less:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
@media only screen and (max-width: 575.98px) {
  .dictionary .container article {
    padding: 1.5rem;
    margin-top: 2rem;
  }
  .dictionary .container article a.btn-green {
    width: 100%;
    text-align: center;
  }
}
.dictionary .container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dictionary .container ul li {
  border-bottom: 1px solid #E5E5E5;
  padding: 2rem 0;
}
.dictionary .container ul li:last-child {
  border: none;
}
@media only screen and (max-width: 575.98px) {
  .dictionary .container ul li {
    padding: 1.5rem 0;
  }
}
.dictionary .container ul li a {
  color: black;
  font-family: "CanalDemiPlain";
  font-size: 1.5rem;
  text-decoration: none;
}
.dictionary .container ul li a:hover {
  color: #96C800;
}
.dictionary .container ul li a:after {
  content: "\f061";
  font-weight:bold;
  display: inline-block;
  float: right;
  font-family: "Font Awesome 6 Free";
  font-size: 1rem;
  line-height: 2.25rem;
}
@media only screen and (max-width: 575.98px) {
  .dictionary .container ul li a {
    font-size: 1rem;
  }
  .dictionary .container ul li a:after {
    line-height: 1.25rem;
  }
}
.dictionary .container ul.full-index {
  border-top: 1px solid #E5E5E5;
}
.dictionary .container ul.full-index li:last-child {
  border-bottom: 1px solid #E5E5E5;
}
.dictionary h2 {
  color: black;
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.dictionary h2 a {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  color: black;
  font-size: 1rem;
}
.dictionary h2 a:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
@media only screen and (max-width: 575.98px) {
  .dictionary {
    margin-bottom: 1.875rem;
  }
  .dictionary h2 {
    font-size: 1.75rem;
    padding: 2rem 0;
    margin: 0;
  }
  .dictionary h2 a {
    display: none;
  }
  .dictionary a.more {
    display: block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1rem;
    color: black;
    padding: 0.5rem;
    border: 2px solid black;
  }
  .dictionary a.more:hover {
    text-decoration: none;
    color: #96C800;
    border-color: #96C800;
  }
}

.content-page {
  margin-top: 3.75rem;
}
.content-page .container {
  position: relative;
}
.content-page .content {
  position: relative;
}
.content-page .content p {
  font-size: 1.125rem;
  letter-spacing: 0.5px;
  line-height: 1.75rem;
}
.content-page .content h1 {
  font-size: 3rem;
  margin: 2.5rem 0;
}
@media only screen and (max-width: 575.98px) {
  .content-page .content h1 {
    font-size: 1.75rem;
    margin-bottom: 5rem;
  }
}
.content-page .content h3 {
  font-size: 1.125rem;
  font-family: "CanalDemiPlain";
}
.content-page .content .bg {
  position: absolute;
  background-color: #F4F8EA;
  width: 90%;
  height: 130px;
  top: 0;
  left: 5%;
  z-index: -10;
}
@media only screen and (max-width: 575.98px) {
  .content-page .content .bg {
    width: 100%;
    height: 100px;
    left: 0;
  }
}
.content-page .choosen-recipes {
  padding: 3rem 1rem;
}
.content-page .choosen-recipes .card {
  border: 0;
  background-color: transparent;
}
.content-page .choosen-recipes .card a i {
  background: url("/img/Button-play.svg") center center no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.content-page .choosen-recipes .card a:hover i {
  background: url("/img/Button-play-hover.svg") center center no-repeat;
}
.content-page .choosen-recipes .card a.fav, .content-page .choosen-recipes .card a.fav-not-logged {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid white;
  transition: all 0.25s ease-in-out;
  z-index: 50;
}
.content-page .choosen-recipes .card a.fav:hover, .content-page .choosen-recipes .card a.fav-not-logged:hover {
  border-color: #96C800;
}
.content-page .choosen-recipes .card a.fav > span, .content-page .choosen-recipes .card a.fav-not-logged > span {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/img/icon-recipe-fav.svg") 50% 50% no-repeat;
  padding: 0;
  bottom: inherit;
}
.content-page .choosen-recipes .card a.fav.favd, .content-page .choosen-recipes .card a.fav-not-logged.favd {
  background-color: white;
}
.content-page .choosen-recipes .card a.fav.favd span, .content-page .choosen-recipes .card a.fav-not-logged.favd span {
  background: url("/img/icon-recipe-favd.svg") 50% 50% no-repeat;
}
.content-page .choosen-recipes .card .card-body {
  padding-left: 0;
  padding-right: 0;
}
.content-page .choosen-recipes .card .card-body h3, .content-page .choosen-recipes .card .card-body .h3 {
  font-size: 1.2rem;
  font-weight: 300;
  font-family: "CanalDemiPlain";
}
.content-page .choosen-recipes .card .card-body h3 a, .content-page .choosen-recipes .card .card-body .h3 a {
  color: black;
}
.content-page .choosen-recipes .card .card-body h3 a:hover, .content-page .choosen-recipes .card .card-body .h3 a:hover {
  color: #96C800;
  text-decoration: none;
}
.content-page .choosen-recipes .card img {
  border-radius: 0;
}
.content-page .choosen-recipes .card {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.content-page .choosen-recipes a.more {
  font-size: 1rem;
  color: black;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid black;
  font-family: "CanalDemiPlain";
}
.content-page .choosen-recipes a.more:hover {
  text-decoration: none;
  color: #96C800;
  border-color: #96C800;
}
.content-page .choosen-recipes div.ad {
  background: #F2F2F2 url("/img/bg-ad-tag.png") 3px 180px no-repeat;
  margin-top: 3rem;
  padding: 1.5rem 0;
  text-align: center;
}



.tvn-advertisement > div {margin:auto !important;}


.initial {font-family: initial;}
.at-resp-share-element .at4-share-count-container {padding-right:5px !important;line-height:40px !important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper {width:40px !important; height:40px !important;line-height:40px !important; }
.at-resp-share-element .at-share-btn .at-icon-wrapper > svg.at-icon {width:40px !important; height: 40px !important;}

.programme .content .share-buttons {

}
@media only screen and (min-width: 980px) {
  .recipe-img {min-height:433px;}
  .recipe .content .share-buttons, .host .content .share-buttons {position: absolute !important;  top: 100%;
  width: 100%;
  margin-top: -115px;}
  .programme .content .share-buttons {
  position: absolute;
  bottom: 0rem;

  }
  .video .content .share-buttons {
    position: absolute;
  bottom: 0rem;
  }


}

@media only screen and (max-width: 980px) {
.recipe .content .details dl dt {width: 35%;}
.recipe .content .details dl dd {width: 65%;}
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
                            .tmp {border: solid 1px #00FF00; box-sizing: border-box; }
                            .dolacz-do-canalplus-wrapper { padding-top: 0.2px; }
                            .dolacz-do-canalplus-wrapper .blok01 {
                                display: flex; justify-content: center;  font-weight: 600;
                                font-size: 18px;
                            }
                            .dolacz-do-canalplus-wrapper .blok01 .logo-kuchniaplus { width: 70px; }
                            .dolacz-do-canalplus-wrapper .blok01 span { margin-left: 6px; margin-right: 6px; }

                            .dolacz-do-canalplus-wrapper .blok02 ul {
                                list-style: none; margin: 0; padding: 0;
                                display: flex; justify-content: center;
                            }
                            .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(2) {
                                padding: 0 2em; font-family: 'CanalDemiPlain'; font-weight: 700; font-size: 16px;
                                color: #99CA06; display: flex; align-items: center;
                            }
                            .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3),
                            .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(1) {
                                width: calc(50% - 60px);
                            }

                            .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(1) svg { margin-bottom: 10px; }
                            .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(1) .btn {
                                background-color: #99CA06; color: white;
                                margin-top: 10px;
                                width: 100%; padding: 11px;
                            }

                            .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3) svg { margin-bottom: 10px; }
                            .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3) .tv-sat svg { margin-bottom: 0; }
                            .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3) .tv-sat {
                                text-decoration: none; color: black; font-weight: 800;
                                font-family: 'CanalDemiPlain'; margin-top: -6px;
                            }

                            .dolacz-do-canalplus-wrapper .blok02 ul > li > a {
                                display: block;
                                width: 100%; height: 100%;
                                display: flex; flex-direction: column;
                                align-items: center; padding: 20px;
                                border: solid 2px white;
                                box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
                                justify-content: space-between;

                            }
                            .dolacz-do-canalplus-wrapper .blok02 ul > li > a:hover {
                                border-color: #99CA06; text-decoration: none;
                            }

                            .dolacz-do-canalplus-wrapper .blok03 {
                                 font-weight: 600; font-size: 18px;

                            }

                            .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3) .btn {
                                background-color: #99CA06; color: white;
                                margin-top: 10px; width: 100%; padding: 11px;
                            }

                            @media (max-width: 991px) {

                                .dolacz-do-canalplus-wrapper .blok01 {
                                    font-size: 16px;
                                }

                                .dolacz-do-canalplus-wrapper .blok02 ul {
                                    flex-wrap: wrap;
                                }
                                .dolacz-do-canalplus-wrapper .blok02 ul > li {
                                    width: 100%; margin-bottom: 1em;
                                }
                                .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3),
                                .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(1) {
                                    width: 100%; max-width: 320px;
                                }
                                .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(2) {
                                    justify-content: center;
                                }

                                .dolacz-do-canalplus-wrapper .blok01 {
                                    flex-wrap: wrap;
                                }
                                .dolacz-do-canalplus-wrapper .blok01 span:nth-child(3) {
                                    width: 100%; text-align: center;
                                }
                                .dolacz-do-canalplus-wrapper .blok03 a { display: block; }

                                .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3) .btn,
                                .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(1) .btn {
                                    padding: 15px; font-size: 16px;
                                }

                            }
        .offer-promo-2021 { background-color: #96C800; }
        .offer-promo-2021 .container {
             font-size: 25px; font-weight: 700;
            color: white;
        }

        .offer-promo-2021 .container .element02 svg {
            vertical-align: middle; margin-top: -4px;
        }
        .btn-wrapper .btn {
            background-color: #ffffff; font-weight: 700; font-size: 18px; 
            min-width: 320px; padding-top: 11px; padding-bottom: 12px;
            box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
        }

        @media (max-width: 991px) {
            .offer-promo-2021 .container { font-size: 20px; }
            .offer-promo-2021 .container svg { width: 163px; }
        }

        @media (max-width: 575px) {
            .offer-promo-2021 .container .canal-online {
                display: block;
            }
            .offer-promo-2021 .container svg { vertical-align: middle; margin-top: -3px; }

            .btn-wrapper .btn {
                min-width: 240px; font-size: 16px;
            }
        }

        @media (max-width: 375px) {
            .offer-promo-2021 .container { font-size: 16px; }
            .offer-promo-2021 .container svg { width: 145px; }
        }

    .tmp { box-sizing: border-box !important; border:  solid 1px #00FF00; }
    .ogladaj-canalplus-wrapper {
      display: flex; justify-content: flex-end; align-items: center;
    }
    .ogladaj-canalplus {
       font-weight: 700; font-size: 16px; margin-bottom: 0;
    }
    .ogladaj-canalplus > img { width: 65px; margin-left: 5px; margin-right: 5px; }

    @media (max-width: 575px) {
      .promocja-ogladaj {
        flex-wrap: wrap;
      }
      .promocja-ogladaj .col-6 {
        width: 100%; max-width: unset; flex: unset;
      }
      .ogladaj-canalplus-wrapper { justify-content: flex-start; }
      .ogladaj-canalplus { text-align: left !important; margin-top: 30px; }
    }
        

    .btn-success {
        background: #96c800;
        border-color: #96c800;
    }
      
.adsbygoogle::before {
  content: "REKLAMA";
  display: block;
  text-align: center;
  font-size: 10px;
  text-decoration: none;
}

.adsbygoogle {
  margin-bottom: 50px !important;
}