/* bootstrap-product */


section.cookbook .carousel{
   position: relative;
   display: flex;
   justify-content: center;
   /* width: 100%; */
   /* width: 100vh; */
}

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

section.cookbook .carousel-inner {
   position: relative;
   /* width: 100%; */
   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;
   /* width: 15%; */
   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: 30px; */
   width: 100%;
   height: 3px;
   /* margin-right: 3px; */
   /* margin-left: 3px; */
   /* text-indent: -999px; */
   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;
   }
}