/* Base */

html,body{font-family:'Inter', sans-serif, arial, verdana;font-size:100%;line-height:1.5rem;color:#262626;background-color:#fff;margin:0;padding:0 !important;overflow-x:hidden}

input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}
::selection{background-color:#FFF9C4;text-shadow:none}

a{color:#0073e8;transition: all .2s;}
a:visited{color:#0073e8;}
a:hover,
a:focus{color:#262626;transition: all .2s;text-decoration: none;outline:none;}

input,
button{outline:none}
select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;}
select::-ms-expand{display:none;}

.back-top{z-index:5000;display:block;position:fixed;bottom:30px;right:30px;opacity:0;transition:all .3s;background-color:#0073e8;color:#fff;border-radius:50%;box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);width:56px;height:56px;border:1px solid #0073e8}
.back-top:hover{background-color:#252525;transition:all .3s;bottom:40px;color:#fff;border-color:#262626}
.back-top span{color:#262626;font-size:1em;position:absolute;left:50%;top:50%;transform:translate(-8px,-13px);line-height:1.5em;width:15px}
.back-top:hover span{color:#0073e8}
.back-top-show{opacity:1;transition:all 0.3s}

@media (max-width:991.98px){
    .back-top span{font-size:1.1765em;}
}

.ismobile{display:block;position: absolute;left: -9999px;width:100px;height: 100px;}

@media (max-width:767.98px){
    .ismobile{display:none;}
}

/* Bootstrap modifications */

.btn{border-radius: 5px;font-style: normal;font-weight: bold;font-size: 14px;line-height: 24px;text-align: center;letter-spacing: 0.5px;border:2px solid #fff; text-transform: uppercase;transition: all .2s;min-width: 184px;line-height: 52px;padding: 0 32px;}
.btn:hover,.btn:active,.btn:focus{transition: all .2s;}
button.btn{padding: 0;}

.btn-primary{color:#fff;background-color: #1A73E8;border-color: #1A73E8;}
.btn-primary:hover{background-color: #000BBF;border-color: #000BBF;box-shadow: none;color: #fff;}
.btn-primary.focus, .btn-primary:focus{background-color: #12009F;border-color: #12009F;}
.btn-primary:visited{color: #fff;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background-color: #12009F;border-color: #12009F;box-shadow: none;color: #fff;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow:none;}

.btn-secondary{color:#262626;background-color: transparent;border-color: #262626;color: #262626;}
.btn-secondary:hover{background-color: #262626;border-color: #262626;box-shadow: none;color: #fff;}
.btn-secondary.focus, .btn-secondary:focus{background-color: #262626;border-color: #262626;color: #fff !important;box-shadow: none;}
.btn-secondary:visited{color: #262626;}
.btn-secondary:visited:hover{color: #fff;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background-color: #262626;border-color: #262626;box-shadow: none;color: #fff;}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{box-shadow:none;}

.fade {transition: opacity .2s linear;}

/* Scroll carousel */

.scroll-item{width: 100%;}
.scroll-item-inner{width: 100%;height:100%;}

.pub__carousel__content{padding: 0 0 61px;}
.pub__btn--icon-primary .pub__btn__inner, .pub__btn--primary .pub__btn__inner{background: none;}
.pub__carousel__wrapper .pub__btn:first-child{transform: rotate(-180deg);}
.pub__btn{display: inline-block;width: 40px;height: 40px;background: 50%/100% 100% no-repeat;transition: all .2s;background-image: url(../images/icon-arrow.svg);margin-top: -82px;}
.pub__btn__inner{display: none;}
.pub__btn:hover{transition: all .2s;background-image: url(../images/icon-arrow-hover.svg);}
.pub__btn:focus{transition: all .2s;background-image: url(../images/icon-arrow-active.svg);}

@media (min-width:768px){
    .forwho:hover .pub__btn:not(.pub__carousel__button--hidden),
    .packaging:hover .pub__btn:not(.pub__carousel__button--hidden),
    .recipes:hover .pub__btn:not(.pub__carousel__button--hidden){opacity: 1;visibility: visible;}
}
/*
.pub__carousel__button--right{opacity: 1;visibility: visible;}
.pub__carousel__button--right.pub__carousel__button--hidden{opacity: 0;visibility: hidden;}
*/

/* Site */

h1{font-family: Nexa-Heavy;font-size: 32px;line-height: 48px;color: #262626;margin: 0 0 20px;}
h2{font-family: Nexa-Heavy;font-size: 32px;line-height: 48px;color: #262626;text-align: center;max-width: 544px;margin: 0 auto 84px;}
h3{font-size: 16px;line-height: 24px;color: #262626;font-style: normal;font-weight: bold;}

.svg path,
.svg rect{transition: all .2s;}

.site{background-color: #fff;}
.content-padding{padding-top: 92px;padding-bottom: 96px;}

p{font-style: normal;font-weight: bold;}

header{position: relative;box-shadow: 0px 0.25px 1px rgba(68, 44, 46, 0.039), 0px 0.85px 3px rgba(68, 44, 46, 0.19);height: 72px;}
header .container{padding: 0;position: relative;height: 100%;}
.header-logo{display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);margin-top: -1px;}
.header-logo span{position: absolute;left: -9999px;}
header .btn-primary{position: absolute;right: 0;top: 50%;transform: translateY(-50%);line-height: 44px;display: none;}

@media (min-width:768px){
    .fixed header .btn-primary{display: block;}
    .fixed header{position: fixed;left: 0;right: 0;z-index: 100;background-color: #fff;top: -72px;transition: all .2s;}
    .fixed .intro{margin-top: 72px;}
    .scrolled header{top:0;transition: all .2s;}
}

footer{background-color: #262626;text-align: center;padding:94px 0 96px 0;color: #fff;}
footer svg path{fill:#fff;}
footer p{margin: 30px 0 0 0;font-size: 12px;line-height: 16px;}

/* Bootstrap modifications */

.nav-pills{margin-top: 32px;}
.nav-pills .nav-link{color:#0c71ef;margin-bottom: 31px;}
.nav-pills .nav-link p{margin:0;color:#262626;height: 0;opacity: 0;transition: all .2s;overflow: hidden;font-size: 14px;line-height: 20px;font-weight: 600;font-style: normal;transition: all .2s;}
.nav-pills .nav-link span{font-size: 18px;line-height: 24px;font-family: Nexa-Heavy;transition: all .2s;}
.nav-pills .nav-link:hover span{color: #262626;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: transparent;}
.nav-pills .nav-link.active span{color:#262626;font-size: 24px;line-height: 32px;transition: all .2s;}
.nav-pills .nav-link.active p{height: 72px;opacity: 1;transition: all .2s;margin: 18px 0 -33px;}

/* Main page */

.intro{height: 640px;overflow:hidden;background-color: #F0F2F5;}
.intro .container{position: relative;height: 100%;}
.intro-content{max-width: 544px;position: absolute;top:50%;left:0;transform: translateY(-50%);z-index: 1;margin-top: -1px;}
.intro p{color: #6e6e6e;margin-bottom: 58px;}
/*.intro a{display: inline-block;text-transform: uppercase;font-size: 14px;line-height: 24px;font-weight: bold;letter-spacing: 0.5px;position: relative;top: -1px;color: #005cb8;}*/
/*.intro a{display: block;text-transform: uppercase;font-size: 14px;line-height: 40px;font-weight: bold;letter-spacing: 0.5px;position: relative;top: -1px;color: #005cb8;background: transparent url(../images/icon-play.svg) left top no-repeat;padding-left: 52px;transition: all .2s;}
.intro a:hover{background-image: url(../images/icon-play-hover.svg);transition: all .2s;}
.intro a:focus, .intro a:active{background-image: url(../images/icon-play-active.svg);transition: all .2s;}*/
/*.intro svg{margin-right: 12px;vertical-align: middle;position: relative;top: -1px;}
.intro a:hover svg path{fill:#262626;transition: all .2s;}
.intro a:hover svg rect{stroke:#262626;transition: all .2s;}*/
.intro span{font-style: normal;font-weight: normal;color: #6e6e6e;display: block;font-size: 14px;line-height: 20px;position: absolute;bottom: 56px;z-index: 1;left: 0;max-width: 544px;}
.hero{position: absolute;top: 50%;right: 41px;transform: translateY(-50%);margin-top: 20px;}
.hero-bg{position: absolute;top: -96px;right: -347px;}

.facts{background-color: #F0F2F5;text-align: center;}
.facts svg{display: block;margin: 0 auto;}
.facts p{color: #6e6e6e;margin:32px 0 40px;max-width: 256px;height: 72px;}
p.facts-note{text-align: center;max-width: none;height: auto;font-size: 14px;line-height: 20px;font-style: normal;font-weight: 600;margin: -8px 0 0;}

.when .tab-content{height: 635px;}
.when .nav-pills{margin-top: -56px;margin-left: 18px;}
.when .btn{margin-top: 80px;}

#carousel-forwho{margin-bottom: -11px;}
#carousel-forwho img{margin-bottom: 24px;}

.fromwhat{text-align: center;background-color: #F0F2F5;}
.fromwhat .container{margin-bottom: -64px}
.fromwhat svg{display: block;margin: 0 auto;}
.fromwhat p{color: #6e6e6e;margin:32px 0 40px;max-width: 256px;height: 72px;}

#pub__-carousel__carousel-forwho-skip-btn,
#pub__-carousel__carousel-packaging-skip-btn,
#pub__-carousel__carousel-recipes-skip-btn{display: none;}

.opinions{text-align: center;}
.opinions .container{overflow: hidden;}
.opinions .container>p{font-size: 14px;line-height: 20px;text-align: center;color: #6e6e6e;margin: 0;font-style: normal;font-weight: 600;}
.opinion div{max-width: 670px;margin:0 auto 73px; height: 200px;max-width: 734px;background: linear-gradient(246.04deg, #00C0FF 0%, #4218B8 100%);border-radius: 12px;position: relative;}
.opinion div:after{content: "";position: absolute;top:-21px;left:50%;transform: translateX(-50%);width:42px;height:42px;background: transparent url(../images/icon-opinion.svg) left top no-repeat;display: block;}
.opinion p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin: 0;font-size: 18px;line-height: 24px;font-family: Nexa-Heavy;color: #fff;width: 670px;max-width: 670px;font-weight: normal;}
.opinion strong{/*font-weight: 900;*/font-size: 60px;line-height: 72px;font-family: Nexa-Heavy;}
.opinion ul{list-style: none;text-align: center;margin: 11px auto 51px;padding: 0;width: 120px;}
.opinion li{display: inline-block;color: transparent;background: transparent url(../images/icon-star-outlined.svg) left top no-repeat;width: 24px;height: 24px;font-size: 0;float: left;}
.opinion .active{background-image: url(../images/icon-star-filled.svg);}
.opinions .carousel{margin-top: 105px;}
.opinions .carousel-inner{overflow: visible;}
.opinions .carousel-control-next-icon, .opinions .carousel-control-prev-icon {display: inline-block;width: 40px;height: 40px;background: 50%/100% 100% no-repeat;transition: all .2s;position: relative;top: -33px;background-image: url(../images/icon-arrow.svg);}
.opinions .carousel-control-next-icon {transition: all .2s;}
.opinions .carousel-control-prev-icon {transform: rotate(-180deg);transition: all .2s;}
.opinions .carousel-control-next, .opinions .carousel-control-prev{width: 40px;opacity: 1;transition: all .2s;}
.opinions .carousel-control-next:focus .carousel-control-next-icon,
.opinions .carousel-control-prev:focus .carousel-control-prev-icon{transition: all .2s;background-image: url(../images/icon-arrow-active.svg);}
.opinions .carousel-control-next:hover .carousel-control-next-icon,
.opinions .carousel-control-prev:hover .carousel-control-prev-icon{transition: all .2s;background-image: url(../images/icon-arrow-hover.svg);}

@media (min-width:768px){
    .opinions .carousel-control-next, .opinions .carousel-control-prev{opacity: 0;transition: all .2s;}
    .opinions:hover .carousel-control-next, .opinions:hover .carousel-control-prev{opacity: 1;transition: all .2s;}
}

.versions{text-align: center;}
.versions .btn{margin-top: 16px;}
.slick-versions .slick-slide{height: 448px;position: relative;cursor: grab;}
.slick-versions img{width: 124px;height: 124px;transition: all .2s;position: absolute;top: 50%;transform: translateY(-50%);}
.slick-versions p{margin: 0;font-size: 32px;line-height: 48px;font-family: Nexa-Heavy;opacity: 0;position: absolute;top: 507px;z-index: 1;text-align: center;width: calc(100% - 16px);}
.slick-versions .slick-center p{opacity: 1;transition: all .2s;}
.slick-versions .slick-center img{width: 448px;height: 448px;transition: all .2s;}
.slick-versions .slick-track{height: 576px;overflow: hidden;margin-left: -170px;width:3000px !important;} /* A kozepso center fix szelesseg miatt rosszul szamolja ki a track szelesseget es ezert el kell huzni balra is. */
.slick-versions .slick-list{position: relative;}
.slick-versions .slick-list:before,
.slick-versions .slick-list:after{content: "";width:20px;height: 100%;top:0;bottom:0;display: block;position: absolute;background-color: #fff;z-index: 1;}
.slick-versions .slick-list:before{left:0;}
.slick-versions .slick-list:after{right:0;}

.slick-versions .slick-slide.slick-center img{margin-left: 16px;}
.slick-versions .slick-prev,
.slick-versions .slick-next{font-size: 0;border: 0;background: transparent url(../images/icon-arrow.svg) left top no-repeat;position: absolute;top:50%;transform: translateY(-50%);margin-top:-64px;display: block;width:40px;height:40px;content: "";z-index:2;transition: all .2s;}
.slick-versions .slick-prev{left:-25px;transform: translateY(-50%) rotate(180deg);}
.slick-versions .slick-next{right: -25px;}
.slick-versions .slick-prev:hover,
.slick-versions .slick-next:hover{background-image: url(../images/icon-arrow-hover.svg);transition: all .2s;}
.slick-versions .slick-prev:focus,
.slick-versions .slick-next:focus{background-image: url(../images/icon-arrow-active.svg);transition: all .2s;}
.slick-versions .slick-disabled{opacity: 0;transition: all .2s;cursor: default;}

@media (max-width:329.98px) {
    .slick-versions .slick-list{padding: 0 0 0 70px !important;}
    .slick-versions .slick-slide{width:91px !important;}
}

@media (min-width:330px) and (max-width:339.98px) {
    .slick-versions .slick-list{padding: 0 0 0 74px !important;}
    .slick-versions .slick-slide{width:89px !important;}
}

@media (min-width:340px) and (max-width:349.98px) {
    .slick-versions .slick-list{padding: 0 0 0 77px !important;}
    .slick-versions .slick-slide{width:88px !important;}
}

@media (min-width:350px) and (max-width:767.98px) {
    .slick-versions .slick-slide{width:87px !important;}
}

@media (min-width:350px) and (max-width:767.98px) {
    .slick-versions .slick-list{padding: 0 0 0 81px !important;}
}

@media (max-width:767.98px){
    .slick-slider{margin:-16px -15px 0;}
    .slick-versions .slick-slide{height: 224px;}
    .slick-versions img{width: 62px;height: 62px;width: 62px;height: 62px;margin: 0 auto;left: 0;right: 0;}
    .slick-versions p{font-size: 18px;line-height: 26px;top: 230px;z-index: 1;text-align: center;width: 100%;height: 52px;overflow: hidden;}
    .slick-versions .slick-center img{width: 180px;height: 180px;transition: all .2s;}
    .slick-versions .slick-track{height: 288px;overflow: hidden;margin-left: -91px;}
    .slick-versions .slick-slide.slick-center{width:180px !important;}
    .slick-versions .slick-slide.slick-center img{margin-left: 0;}
    .slick-versions .slick-list:before, .slick-versions .slick-list:after{display: none;}
    .slick-versions .slick-prev{left: 50%;border-radius: 50%;background: none;background-color: transparent;width: 75px;height: 75px;transform: translateX(-234%);margin-top: -69px;opacity: 0;visibility: hidden;}
    .slick-versions .slick-next{right: 50%;border-radius: 50%;background: none;background-color: transparent;width: 75px;height: 75px;transform: translateX(234%);margin-top: -69px;opacity: 0;visibility: hidden;}
    .slick-versions .slick-list{width: 341px;overflow: hidden;margin: 0 auto;}
}

@media (min-width:768px){
    .slick-arrow{opacity: 0;transition: all .2s;}
    .versions:hover .slick-arrow{opacity: 1;transition: all .2s;}
    .versions:hover .slick-disabled{opacity:0;}
}

@media (min-width:768px) and (max-width:991.98px){
    .slick-versions .slick-track{margin-left: -123px;}
    .slick-versions img{width:100px;height:100px; margin: 0 auto;left: 0;right: 0;}
    .slick-versions p{width: calc(100% - 0px);}
    .slick-versions .slick-center img{width: 360px;height: 360px;transition: all .2s;}
    .slick-versions .slick-slide.slick-center{width:392px !important;}
    .slick-versions .slick-slide.slick-center img{margin-left:auto;}
}

@media (min-width:992px) and (max-width:1199.98px){
    .slick-versions .slick-track{margin-left: -138px;}
    .slick-versions img{width:100px;height:100px; margin: 0 auto;left: 0;right: 0;}
    .slick-versions p{width: calc(100% - 0px);}
    .slick-versions .slick-center img{width: 360px;height: 360px;transition: all .2s;}
    .slick-versions .slick-slide.slick-center{width:392px !important;}
    .slick-versions .slick-slide.slick-center img{margin-left:auto;}
}

@media (min-width:1200px){
    .slick-versions .slick-slide.slick-center{width:496px !important;}
}

.packaging{text-align: center;}
#carousel-packaging{text-align: center;margin-bottom: -11px;}
#carousel-packaging .scroll-item{margin-bottom: 8px;}
.package{background-color: #F0F2F5;padding: 24px 0;}
.package b{display: block;font-size: 18px;line-height: 24px;font-family: Nexa-Heavy;color: #000;font-weight: 900;text-transform: uppercase;margin-top: 15px;}
.package span{display: block;font-size: 14px;line-height: 20px;color: #000;margin: 17px 0 24px;}

.recipes{background-color: #F0F2F5;}
#carousel-recipes{margin-bottom: -11px;}
#carousel-recipes .scroll-item{margin-bottom: 8px;}
.recipe h3{font-size: 18px;line-height: 24px;font-family: Nexa-Heavy;margin: 31px 0 25px;font-weight: normal;}
.recipe span{display: block;padding-left: 36px;font-size: 16px;line-height: 24px;color: #6e6e6e;background: transparent url(../images/icon-alarm.svg) left top no-repeat;}
.recipe a h3{transition: all .2s;}
.recipe a:hover h3{color: #0073e8;transition: all .2s;}
.recipe figure{position: relative;transition: all .2s;}
.recipe figure:before{position: absolute;left:0;right: 0;top:0;bottom:0;width:100%;height:100%;content: "";transition: all .2s;display: block;background: linear-gradient(0deg, rgba(38, 38, 38, 0.32), rgba(38, 38, 38, 0.32));opacity: 0;}
.recipe figure:after{position: absolute;left:50%;top:50%;width:48px;height:48px;transform: translate(-50%,-50%);content: "";transition: all .2s;display: block;background: transparent url(../images/icon-play2.svg) center no-repeat;opacity: 0;}
.recipe:hover figure:before,
.recipe:hover figure:after{opacity: 1;transition: all .2s;}

#simple-yt-stretched-wrapper{background-color: rgb(38 38 38 / 90%) !important;padding: 0;}
#simple-yt-stretched-container{height: 100%;width: 100%;max-width: 944px !important;max-height: 532px !important;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;}
#simple-yt-stretched-container>iframe{box-shadow: 0 0 30px #000;}
#simple-yt-stretched-close{color: transparent;background: transparent url(../images/icon-closevideo.svg) left top no-repeat;top: -31px !important;right: -5px !important;width: 24px;}
#simple-yt-stretched-close:hover{border: 0;}

@media (max-width:767.98px){
    #simple-yt-stretched-container{position: relative;padding-bottom: 46.25%;padding-top: 25px;height: 0;max-width: none !important;max-height: none !important;width: 100%;}
    #simple-yt-stretched-container>iframe{position: absolute;top: 0;width: 90% !important;height: 100%;margin: 0 auto !important;left: 50%;transform: translateX(-50%);}
    #simple-yt-stretched-close {top: -18px !important;right: 7px !important;width: 30px;height: 30px;background-size: 30px;}
}

/* Not found page */

.page-notfound{padding: 3rem 0;}
.page-notfound svg path{fill:#FF495C;}

/* Responsive CSS */

@media (max-width:575.98px) {
}

@media (max-width:599.98px) {
    #carousel-forwho img {width: 100%;}
}

@media (max-width:767.98px) {
    .content-padding {padding-top: 62px;padding-bottom: 62px;}
    
    h2{font-size: 24px;line-height: 32px;margin-bottom: 50px;}
    
    header{height: 48px;}
    .header-logo svg{width: 112px;height: 16px;margin-left: 15px;}
    
    .nav-pills {margin-top: 32px;}
    .nav-pills .nav-link{padding: 0;}
    .nav-pills .nav-link:last-child{margin-bottom: 0;}
    .nav-pills .nav-link p,
    .nav-pills .nav-link.active p{height: auto;opacity: 1;margin:18px 0 -1px;}
    
    .nav-pills .nav-link span,
    .nav-pills .nav-link.active span{font-size: 20px;line-height: 28px;color: #262626;}
    
    .facts p{height: auto;font-size: 14px;line-height: 20px;margin: 16px 0 32px;}
    .facts svg {width: 90px;height: 90px;}
    
    .when .nav-pills {margin-top: 32px;margin-left: 0;}
    .when .btn {margin-top: 40px;margin-bottom: -40px;}
    
    .pub__btn{display: none;}
    .pub__carousel__content {padding: 0;}
    .crsl_29{margin-right: -15px;margin-left: -15px;padding-left: 15px;}
    
    .fromwhat p{height: auto;font-size: 14px;line-height: 20px;margin: 16px 0 32px;}
    .fromwhat svg {width: 90px;height: 90px;}
    
    .opinion{margin: 0 15px;}
    .opinion div{height: auto;margin-bottom: 0;}
    .opinion div:after {width: 32px;height: 32px;background-size: 32px;}
    .opinion strong{display: block;font-size: 40px;line-height: 48px;margin: 8px 0 -8px;}
    .opinion p{width: 100%;font-size: 16px;font-weight: 100;line-height: 20px;position: relative;top: auto;transform: none;left: auto;padding: 24px 32px 16px;}
    .opinions .carousel {margin-top: 0;}
    .opinions .carousel-inner{margin: 0 -15px;width: auto;}
    .opinions .carousel-control-next, .opinions .carousel-control-prev{display: none;}
}

@media (min-width:768px) {
    .opinions .container{padding: 0;}
}

@media (min-width:768px) and (max-width:991.98px) {
}

@media (max-width:991.98px) {
     h1{font-size: 24px;line-height: 32px;text-align: center;}
    
    .intro{height: auto;padding-top: 32px;}
    .intro-content{position: relative;transform: none;top: auto;left: auto;margin: 0;max-width: none;}
    .intro span{position: relative;bottom: auto;margin: 40px 0;}
    .intro-play{text-align: center;}
    .intro a{margin: 0 auto;text-align: center;display: inherit;width: 272px;position: relative;}
    .intro p {margin-bottom: 40px;}
    .intro-hero{position: relative;}
    .hero{position: relative;display: block;margin: 0 auto 24px;/*max-width: 75%;*/height: auto;top: auto;transform: none;right: auto;}
    .hero-bg{top: -20px;left: 0;right: 0;width: 100%;height: auto;display: block;margin: 0 auto;max-width: 500px;}
    
    .opinions .carousel-control-next, .opinions .carousel-control-prev{display: none;}
}

@media (min-width: 992px) and (max-width:1199.98px){
    .intro-content,
    .intro span {max-width: 425px;}
}

@media (max-width:1199.98px) {
}