/* bootstrap-product */
section.cookbook .carousel{
   position: relative;
   display: flex;
   justify-content: center;
}

section.cookbook .carousel.pointer-event {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}

section.cookbook .carousel-inner {
   position: relative;
   width: 100vh;
   overflow: hidden;
}

section.cookbook .inner-vdo {width: 120vh;}

section.cookbook .carousel-inner::after {
   display: block;
   clear: both;
   content: "";
}

section.cookbook .carousel-item {
   position: relative;
   display: none;
   float: left;
   width: 100%;
   margin-right: -100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   transition: -webkit-transform .6s ease-in-out;
   transition: transform .6s ease-in-out;
   transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
   section.cookbook .carousel-item {transition: none;}
}

.p-ind-p {
   position: relative;
   display: flex;
}

section.cookbook .carousel-item-next,
section.cookbook .carousel-item-prev,
section.cookbook .carousel-item.active {display: block;}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
}

section.cookbook .active.carousel-item-left,
section.cookbook .carousel-item-prev:not(.carousel-item-right) {
   -webkit-transform: translateX(-100%);
   transform: translateX(-100%);
}

section.cookbook .carousel-fade .carousel-item {
   opacity: 0;
   transition-property: opacity;
   -webkit-transform: none;
   transform: none;
}

section.cookbook .carousel-fade .carousel-item-next.carousel-item-left,
section.cookbook .carousel-fade .carousel-item-prev.carousel-item-right,
section.cookbook .carousel-fade .carousel-item.active {
   z-index: 1;
   opacity: 1;
}

section.cookbook .carousel-fade .active.carousel-item-left,
section.cookbook .carousel-fade .active.carousel-item-right {
   z-index: 0;
   opacity: 0;
   transition: opacity 0s .6s;
}

@media (prefers-reduced-motion:reduce) {
   section.cookbook .carousel-fade .active.carousel-item-left,
   section.cookbook .carousel-fade .active.carousel-item-right {transition: none;}
}

section.cookbook .carousel-control-next,
section.cookbook .carousel-control-prev {
   position: absolute;
   top: 0;
   bottom: 0;
   z-index: 1;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: #fff;
   text-align: center;
   opacity: .5;
   transition: opacity .15s ease;
}

@media (prefers-reduced-motion:reduce) {
   section.cookbook .carousel-control-next,
   section.cookbook .carousel-control-prev {
      transition: none;
   }
}

section.cookbook .carousel-control-next:focus,
section.cookbook .carousel-control-next:hover,
section.cookbook .carousel-control-prev:focus,
section.cookbook .carousel-control-prev:hover {
   color: #fff;
   text-decoration: none;
   outline: 0;
   opacity: .9;
}

section.cookbook .carousel-control-prev {left: 0;}

section.cookbook .carousel-control-next {right: 0;}

section.cookbook .carousel-control-next-icon,
section.cookbook .carousel-control-prev-icon {
   display: inline-block;
   width: 20px;
   height: 20px;
   background: no-repeat 50%/100% 100%
}

section.cookbook .carousel-control-prev-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

section.cookbook .carousel-control-next-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

section.cookbook .carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 15;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   justify-content: center;
   padding-left: 0;
   margin-right: 10%;
   margin-left: 10%;
   list-style: none;
}

section.cookbook .indic-vdo {bottom: -10%;}

section.cookbook .carousel-indicators li {
   box-sizing: content-box;
   -ms-flex: 0 1 auto;
   flex: 0 1 auto;
   width: 100%;
   height: 3px;
   cursor: pointer;
   background-color: #fff;
   background-clip: padding-box;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   opacity: .5;
   transition: opacity .6s ease;
   display: flex;
}

section.cookbook .carousel-indicators li p.p-cookbook,
section.cookbook .carousel-indicators li p.p-vdo {
   position: relative;
   display: flex;
   justify-content: center;
   font-size: 14px;
   width: 100%;
   top: -1.5rem;
   opacity: 0;
   transition: opacity 0.6s ease;
   font-family: Arial, Helvetica, sans-serif;
}

section.cookbook .carousel-indicators li:hover p.p-cookbook,
section.cookbook .carousel-indicators li:hover p.p-vdo {
   opacity: 0.5;
}

@media (prefers-reduced-motion:reduce) {
   section.cookbook .carousel-indicators li {transition: none}
}

section.cookbook .carousel-indicators .active {opacity: 1}

section.cookbook .carousel-indicators .active p.p-cookbook,
section.cookbook .carousel-indicators .active p.p-vdo {
   opacity: 1;
}

section.cookbook .carousel-caption {
   position: absolute;
   right: 15%;
   bottom: 20px;
   left: 15%;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #fff;
   text-align: center
}

@-webkit-keyframes spinner-border {
   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

@keyframes spinner-border {
   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

.spinner-border {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: text-bottom;
   border: .25em solid currentColor;
   border-right-color: transparent;
   border-radius: 50%;
   -webkit-animation: spinner-border .75s linear infinite;
   animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
   width: 1rem;
   height: 1rem;
   border-width: .2em
}

@-webkit-keyframes spinner-grow {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0)
   }

   50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

@keyframes spinner-grow {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0)
   }

   50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

.rounded-circle {border-radius: 50% !important}

.d-block {display: block !important}

.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
   position: static;
   width: auto;
   height: auto;
   overflow: visible;
   clip: auto;
   white-space: normal
}

.pb-3 {padding-bottom: 1rem !important}

.m-auto {margin: auto !important}

.text-center {text-align: center !important}
/*# sourceMappingURL=bootstrap.min.css.map */

@media (max-width: 1280px) {
   section.cookbook .carousel-indicators {
      bottom: -8%;
      margin-left:0;
      margin-right: 0;
   }
}