@font-face {
	src: url('../font/manrope-bold.otf');
	font-family: ManropeBold;
}
@font-face {
	src: url('../font/manrope-extrabold.otf');
	font-family: ManropeEBold;
}
@font-face {
	src: url('../font/manrope-light.otf');
	font-family: ManropeLight;
}
@font-face {
	src: url('../font/manrope-medium.otf');
	font-family: ManropeMed;
}
@font-face {
	src: url('../font/manrope-regular.otf');
	font-family: ManropeReg;
}
@font-face {
	src: url('../font/manrope-semibold.otf');
	font-family: ManropeSBold;
}
@font-face {
	src: url('../font/manrope-thin.otf');
	font-family: ManropeThin;
}
* {
	scroll-behavior: smooth;
}
a:hover {
	text-decoration: none;
}
.slickslilde {
	z-index: 99999;
}
.carousel-cellblog {
	width: 25%;
	margin-right: 60px;
}
.carousel-cellblog:focus {
	outline: none;
}
.carousel-cellblog img {
	/* width: 80%; */
	width: 80%;
	/* margin: 0 auto; */
}
.inside-blog {
	display: flex;
	flex-direction: column;
	height: 100vh;
	justify-content: center;
	/* background: #F5F5F5; */
}
.inside-blog:nth-child(1) {
background-color: #f5f5f5;
}
.inside-blog:nth-child(2) {
	background-color: #fff!important;
	height: 100vh;
}

.inside-blog:nth-child(3) {
	height: calc(100vh - 180px);
	background-color: #F5F5F5;
}
.title-slider-blog {
	font-family: ManropeLight;
	font-size: 16px;
	color: #626666;
	padding-bottom: 50px;
	text-align: justify;
}
.editedspace-2 {
	padding-left: 0!important;
	padding-right: 0!important;
}
.fakeNAV button {

	margin-left: auto;
	border-radius: 50%;
	/* margin-left: -1rem; */
}
.displayM-lg {
	display: none;
}
.svgshape {
	-webkit-mask-image: url('../../Group127.svg');
    mask: url('../../Group127.svg');
    mask-repeat: round;
    -webkit-mask-repeat: round;
	min-height: 70vh;
	fill: url('rgb(255, 158, 44)');
	
}
.addflex {
	display: flex;
}
.addflex:nth-child(3) {
	justify-content: flex-end;
}
.footer-camel {
	align-self: center;
	padding-left: 1rem;
	font-family: ManropeBold;
	color: #fff;
	margin-bottom: 0 ;
}
.addedtext {
	/* max-width: 800px; */
	padding: 100px 0 0px 0;
}
.addtextpara {
	font-family: ManropeLight;
	font-size: 20px;
	color: #626666;
	width: 100%;
	text-align: start;
	padding-bottom: 100px;
}
.addtexttitle {
	font-size: 60px;
	color: #626666;
	font-family: ManropeLight;
	text-align: end;
}
.banner-txt {
	margin: 20px;
	background: #ed1f24;
}
.border-rounded {
	border-radius: 20px;
}
.nohover:hover {
	text-decoration: none;
	opacity: .8;
}
.undertitle-blog {
	font-family: ManropeLight;
	font-size: 20px;
	margin-bottom: 48px;
	color: #626666;
}
.gototopic {
	color: #626666;
	font-family: ManropeLight;
	font-size: 24px;
	position: relative;
	
}
.gototopic:hover {
	text-decoration: none;
	color: rgba(98, 102, 102, .8);
}
.title-blog {
	font-size: 25px;
	font-family: ManropeLight;
	color: #626666;
	padding-top: 25px;
}
.desc-blog {
	font-size: 16px;
	font-family: ManropeLight;
	color: #626666;
	margin: 25px 0;
	overflow:hidden;
	width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.mobile-list {
	display: flex;
	flex-direction: column;
	
}
.mobile-list a {
	color: #F0F0F0!important;
	padding: 15px 0!important;
	text-transform: uppercase;
}
.view-product::before {
	display:block;
	position: absolute;
	bottom: -15px;
	content: "";
	width: 40px;
	height: 3px;
	background: #fff;
	transition: all .5s;
}
.view-product {
	color: #fff;
	font-size: 20px;
	font-family: ManropeMed;
	position: relative;
	width: 92%;
	transition: all .5s;
}
.view-product:hover {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.836);
	transition: all .5s;
}
.titleblog {
	font-family: ManropeLight;
	transition: all 1s;

	
}
.card-product:hover .titleblog {
	font-family: ManropeSBold;
}
.title-card {
	color: #fff;
	font-size: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: space-between;
	align-self: stretch;
}
.product-bg-b {
	background: #f6b22A;
}
.product-bg-r {
	background: #156a2f;
	margin-left: auto;
}
.card-product img {
	transform: translateX(40%) scale(.5);
	transition: all .5s;
	max-width: 650px;
	align-self: center;
	width: 100%;
	position: absolute;
	right: 0;
}
.card-product:hover img {
	transform: translateX(20%)  scale(.55);
	transition: all .5s;
	margin-left: auto
}
.card-product:hover .view-product::before {
	display:block;
	position: absolute;
	bottom: -15px;
	content: "";
	width: 100%;
	height: 3px;
	background: #fff;
	transition: all .5s;
}

.contact100-form img {
	/* border-radius: 10px;
	border: 1px solid #d3d3d3; */
	margin-top: 50px;
}

.distributor-img  img{
	margin-top: 0;
}
button:focus {
	outline: unset;
}
.pickproduct {
	color: #626666;
	font-size: 26px;
	text-align: start!important;
	font-family: ManropeReg;
	line-height: 1.2;
}
.pickproduct-checkbox {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	margin-top: 30px;
	/* padding-left: 40px; */
	font-family: ManropeReg;
}
.pickproduct-checkbox > div {
	margin: 3px 0px;
}
.underlineAnim:hover::after {
	display:block;
	position: absolute;
	bottom: -15px;
	content: "";
	width: 100%;
	height: 3px;
	background: #626666;
	transition: all .5s;
}


.card-product {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: flex-start;
	overflow: hidden;
	border-radius: 20px;
	padding: 26px;
	max-height: 480px;
	max-width: 480px;
	width: 100%;
	height: 435px;
	position: relative;
}
.ourlatest {
	color: #626666;
	font-size: 40px;
	display: inline-block;
	font-family: ManropeLight;
	position: relative;
	transition: all .5s;
	padding-left: 15px;
}
.ourlatest:hover {
	color: #626666;
}
.undertitle-line:hover::before {
	display: block;
	position: absolute;
	bottom: -15px;
	content: "";
	width: 100%;
	height: 3px;
	background: #ed1f24;
}
.undertitle-line::before {
	display: block;
	position: absolute;
	bottom: -15px;
	content: "";
	width: 40px;
	height: 3px;
	background: #ed1f24;
	transition: all .5s;
}
.catalog-download {

}
.catalogdwn {
	background-color: transparent;
	border: 2px solid #ed1f24;
	border-radius: 10px;
	padding: 12px 24px;
	font-family: ManropeBold;
	font-size: 13px;
	position: relative;
	z-index: 99999;
	color: #626666;
	margin-top: 10px;
}
.catalogdwn:hover {
	cursor: pointer;
	text-decoration: underline;
}
.handwn {
	position: absolute;
	bottom: -40px;
	left: unset;
	right: 0;
	visibility: hidden;
	transition: all .2s;
	opacity: 0;
}
.catalogdwn:hover .handwn {
	visibility: visible;
	position: absolute;
	left: unset;
	bottom: -40px;
	right: 0;
	opacity: 1;
}

.wrapper-btn-media {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.btn-media {
	/* border: 1px solid #ed1f24;
	background: transparent;
	border-radius: 5px; */
	margin: 50px 15px;
}
.btn-media .active{
	background: #ed1f24;
	color: #fff;
}
.btn-media button {
	font-family: ManropeBold;
	font-size: 13px;
	border: 1px solid #ed1f24;
    background: transparent;
	display: flex;
	justify-content: center;
	max-width: 300px;
	width: 180px;
    border-radius: 5px;	
}
.btn-media .active button {
	color: #fff;
}
.btn-media:hover button{
	background: #ed1f24;
	color: #fff;
}

.btn-media button{

	padding: .5rem 2rem;
}

.vulaResp img {
    width: 130px;
}

.textedited img { 
	margin: 100px 30px;
	
}
.textedited-second {
	/* padding: 100px 0 0; */
	z-index: 2;
	width: 100%;
	color: #fff;
	margin-top: -1px;
}
.textedited {
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
	padding: 0;
	flex-wrap: wrap;
}
.addWidgetRow {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	/* height: 100vh; */
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.widgetShape {
	/* background: url('../Path\ 407.png') no-repeat; */
	background-position: top;
	position: absolute;
	background-size: contain;
	top: 0;
	width: 100%;
	height: 100%;
}
/* .widgetShape img {
	height: 80vh;
} */
.widgetShapeImg {
	/* background: url('../Group\ 305.png') no-repeat center; */
	/* background-size: contain; */
	/* position: absolute; */
	/* top: 50%; */
	/* left: 0; */
	/* right: 0; */
	/* bottom: 0; */
	/* margin: 0 auto;
	z-index: 2;
	width: 60%; */
}
.widgetShapeImg img{ 
	width: 100%;
}


/* ======================================================================= */
.sl-nav {
	display: inline;
  }
  .sl-nav ul {
	margin:0;
	padding:0;
	list-style: none;
	position: relative;
	display: inline-block;
  }
  .sl-nav li {
	cursor: pointer;
	/* padding-bottom:11px; */
	color: #fff;

  }
  .sl-nav li ul {
	display: none;
  }
  .sl-nav li:hover ul {
	position: absolute;
	top:37px;
	right:unset;
	left: -10px;
	display: block;
	background: #fff;
	width: 150px;
	padding-top: 0px;
	z-index: 1;
	border-radius:5px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
  }
  .sl-nav li:hover .triangle {
	position: absolute;
	top: 24px;
	right: -3px;
	z-index:10;
	height: 14px;
	overflow:hidden;
	width: 30px;
	background: transparent;
  }
  .sl-nav li:hover .triangle:after {
	content: '';
	display: block;
	z-index: 20;
	width: 15px;
	transform: rotate(45deg) translateY(0px) translatex(10px);
	height: 15px;
	background: #fff;
	border-radius:2px 0px 0px 0px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
  }
  .sl-nav li ul li {
	position: relative;
	text-align: left;
	background: transparent;
	padding: 15px 35px;
	font-family: ManropeReg;
	padding-bottom:0;
	z-index: 2;
	font-size: 12px;
	color: #ababab;
  }
  .sl-nav li ul li:last-of-type {
	padding-bottom: 15px;
  }
  .sl-nav li ul li:nth-child(1) {
	  border-bottom: 1px solid rgba(171, 171, 171, 0.259);
  }
  .sl-nav li ul li span {
	padding-left: 5px;
	font-family: ManropeReg;
  }
  .sl-nav li ul li span:hover, .sl-nav li ul li span.active {
	color: #626666;
	font-family: ManropeBold;
  }
  .sl-flag {
	display: inline-block;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	width: 15px;
	height: 15px;
	background: #aaa;
	border-radius: 50%;
	position: relative;
	top: 2px;
	overflow: hidden;
  }
  .flag-de {
  background: url('../Shqip.png');
	background-size: cover;
	background-position: center center;
  }
  .flag-usa {
	  background: url('../English.png');
	background-size: cover;
	background-position: center center;
  }
/* ===================================================================================================================== */




.fakeNAV{
	z-index: 9999999999999;
	background: #ed1f24;
	position: sticky;
	top: 0;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}
.menu-area {
	background: #ed1f24;
	transition: all .5s ease-out 0s;
	padding: .5rem 1rem;
}
.hamburger-menu-fake {
    width: 18px;
    height: 3px;
    background-color: #fff;
    margin: 5px 0;
}
.wrapperlinks {
    display: flex;
    justify-content: flex-end;
    width: 50%;
    margin-left: auto;
}
.nav-link-space-fake {
    padding: 28px 0;
    align-self: center;
	font-family: ManropeReg;
	text-transform: uppercase;
    font-size: 13px;
	color: #ABABAB!important;

}
.nav-link-space.active {
	font-family: ManropeBold;
}
.nav-link-space-fake:hover {
    color: rgba(171, 171, 171, 0.712)!important;
}

.languagebtn {
    position: absolute;
    right: 1rem;
}
.button-custom {
	border: 0;
	
}
.button-custom:focus {
	outline: none;
	border: 0;
}
.hamburger-menu {
    width: 33px;
    height: 2px;
    background-color: #fff;
    margin: 6px 0;
}

.list-drop-home {
	position: relative;
}
.list-drop-home:hover::after {
	content: '';
	width: 40px;
	position: absolute;
	bottom: 11.5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #fff;
	height: 2px
}
.list-drop {
	position: relative;
}
.list-drop:hover::before {
	content: '';
	width: 50px;
	position: absolute;
	bottom: 11.5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #fff;
	height: 2px;
}
.brandwithsocial {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.brandwithsocialItem {
	margin: 0;
	
}
.brandwithsocialFB img {
	width: 8px;
	/* padding: 21px 0px; */
}
.brandwithsocialInsta img {
	width: 16px;
	/* padding: 21px 0px; */

}
.logo-expand {
	width: 100px;
	position: relative;
	
	/* left: 0; */
	margin-left: .5rem;
	/* top: 0; */
	/* margin: 0 auto; */
}
.logobrand {
	position: relative;
}
.logo-expandfinale {
	width: 100px;
	/* position: absolute; */
	left: 0;
	top: 16px;
	margin-right: auto;
}

.eui-widget-title.eapps-instagram-feed-title {
	line-height: auto;
	font-size: 36px;
	color: #626666;
	text-align: start;
	font-family: ManropeLight;
}
.eui-widget-title.eapps-instagram-feed-title::after {
	content: "";
	width: 100px;
	height: 2px;
	background: #ed1f24;
}
@keyframes slide-left {
	/* 0% {
	  transform: translateX(-150px) rotate(-45deg);
	}
	20% {
		transform: translateX(-120px) rotate(-25deg);
	}
	40% {
		transform: translateX(-90px) rotate(0);
	}
	60% {
		transform: translateX(-65px) rotate(15deg);
	}
	80% {
		transform: translateX(-30px) rotate(30deg);
	}
	100% {
		transform: translateX(0) rotate(45deg);
	} */

	/* from {
		transform: translateX(-50%) rotate(-45deg) scale(.4);
	}
	to {

		transform:translateX(-10%) rotate(20deg) scale(.6);
	} */


	from {
		transform: translateX(-50%) rotate(-45deg) scale(.1);
	}
	to {

		transform:translateX(0%) rotate(0deg) scale(.5);
	}
  }
  @keyframes rotate {

	from {
		transform: translateX(0) rotate(-359deg) scale(.1);
	}
	to {

		transform:translateX(0) rotate(0deg) scale(1);
	}
  }
  @keyframes sslideInRight1 {
	
	from {
		transform: translateX(60%) scale(.1);
		opacity: .1;
	}
	to {

		transform:translateX(0%) scale(.7);
		opacity: 1;
	}

  }
  @keyframes slsideOutRight1 {
	
	from {
		transform:translateX(60%) scale(.7);
		opacity: .1;
	}
	to {
		
		transform: translateX(0%) scale(.1);
		opacity: 1;
	}
  }

.card-blog img {
	/* min-height: 200px;
	height: 350px; */
	border-radius: 20px;
}
.card-body {
	background: #fff;
	background: -webkit-linear-gradient(to left, #fff, #fff);
	background: linear-gradient(to left, #fff, #fff); 
	/* margin-top:-49px; */
	display:flex;
	align-items: center;
	padding: 50px 0;
}

/* .card-body:nth-child(0) {
	padding-top: 240px;
	padding-bottom: 120px;
} */
.nav-full {
	/* height: 95vh; */
	justify-content: space-evenly;
}
nav button {
	margin-left: auto;
	border-radius: 50%;
	background: #626666;
}
nav button:focus {
	outline: none;
}
.nav-link-space {
	padding: 21px 12px!important;
	font-family: ManropeReg;
	font-size: 13px;
	text-transform: uppercase;
	align-self: center;
}



body {
	overflow-x: hidden;
}
.color-red {
    background-color: #ed1f24;
}
.nav-color {
    background-color: #ed1f24;
	z-index: 1030;

	position: sticky;
	position: -webkit-sticky;
	top: 0; 
}
.logo-bg {
	width: 220px;
	height: 100px;
    border-radius: 50%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    top: 0;
    left: 47%;
    transform: translateX(-50%);
	text-align: center;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	z-index: 1030;
	transition: all .5s ease-in-out;
}

.logo-bg img {
	/* margin-top: 16px; */

}

.home-banner {
	/* margin-top: -97px; */
}
.slide-banner1 {
	background-image: url('../img/home/1.png');
	width: 100%;
	/* height: calc(100vh - 110px); */
	height: calc(100vh - 96px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.kontakt-banner {
	background-image: url('../img/kontakt-banner.jpg');
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.slide-banner2 {
	background-image: url('../img/home/2.png');
	width: 100%;
	height: calc(100vh - 96px);

	/* height: calc(100vh - 110px); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

}
.slide-banner3 {
	background-image: url('../img/banner-paqnafak.jpg');
	width: 100%;
	height: calc(100vh - 96px);

	/* height: calc(100vh - 110px); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

}
.slide-banner4 {
	background-image: url('../img/home/slidebanner4.jpg');
	width: 100%;
	height: calc(100vh - 96px);

	/* height: calc(100vh - 110px); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

}
.slide-banner5{
	background-image: url('../img/home/5.png');
	width: 100%;
	height: calc(100vh - 96px);

	/* height: calc(100vh - 110px); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

}
.slide-banner6 {
	background-image: url('../img/home/6.png');
	width: 100%;
	height: calc(100vh - 96px);

	/* height: calc(100vh - 110px); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

}
.slide-banner7 {
	background-image: url('../img/home/ringo-banner.jpg');
	width: 100%;
	height: calc(100vh - 96px);

	/* height: calc(100vh - 110px); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

}
.slide-banner8 {
	background-image: url('../CamelDini/Mando\ Hazelnut.png');
	width: 100%;
	height: calc(100vh - 96px);

	/* height: calc(100vh - 110px); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

}
.nav-link-color {
    color: #fff!important;
	padding: 43px 10px!important;
	font-family: ManropeReg;
}
.carousel-setup {
	/* display: flex; */
	/* align-items: center; */
	height: calc(100vh - 110px);
	background-color: #ed1f24;
}
.inner-carousel-setup {
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: calc(100vh - 110px); */
	/* background-color: #ed1f24; */
}
.car-sel {
	transition: unset;
}
.car-sel::after {
	clear: both;
}

.carousel-item.active {
	display: flex;
}
.text-under-slider {

	padding: 125px 0 0;
	z-index: 2;
	width: 100%;
	color: #fff;
	background-color: #ed1f24;
	margin-top: -1px;
}

.text-under-slider h5 {
	font-family: ManropeBold;
	font-size: 36px;
	padding-bottom: 20px;
}
.text-under-slider h4 {
	font-family: ManropeLight;
	font-size: 24px;
	width: 700px;
	margin: 0 auto;
}
.text-under-slider h4  a{
	text-decoration: none;
	color: #fff;
}
.text-under-slider h4  a:hover{
	text-decoration: none;
	color: #fff;
}
.text-caption {
	bottom: 20px;
	left: 0;
	padding: 20px;
	right: 0;
	animation-duration: 1.2s;
	animation-delay: .5s;
	/* left: unset;
	right: unset;
	bottom: -20%!important; */
	/* transition: all .5s ease-in; */
}
.carousel-indicators {
	bottom: 15px;
}
.first-detail {
	padding: 50px 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	width: 100%;
}
.second-detail {
	/* padding-top: 100px; */
	padding-bottom: 50px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	width: 100%;
}
.inner-first-detail {
	width: 50%;
}
.inner-first-detail h5 {
	font-family: ManropeLight;
	font-size: 18px;
}
.inner-second-detail {
	font-family: ManropeLight;
}
.inner-first-pershkrimi {
	width: 50%;
    /* padding-left: 77px;
	align-self: center; */
	padding-top: 80px;
	margin-left: -100px;
}
.inner-first-pershkrimi h1 {
	font-size: 60px;
	margin-bottom: 0!important;
	font-family: ManropeLight;
	color: #707070;
}
	.inner-first-pershkrimi p {
		font-size: 18px;
	}
	.inner-second-detail {
		width: 50%;
	}
.inner-second-pershkrimi {
	width: 50%;
    padding-right: 50px;
    align-self: center;
}
	.inner-second-pershkrimi h1 {
		font-size: 24px;
	}
	.inner-second-pershkrimi p {
		font-size: 18px;
	}
	.carousel-control-prev {
		left: 15%;
	}
	.carousel-control-next {
		right: 15%;
	}
.pershkrim {
	background-color: #ed1f24;
    padding: 100px 0;
    color: #fff;
}
/* .item {
	margin: 150px 15px;
	flex-basis: 33%;
	flex-grow: 1;
} */
.timer {
	text-align: center;
    color: #626666;
	width: 150px;
	height: 150px;
	font-family: ManropeLight;
	font-size:24px;
}
.timer p {
	font-size: 60px;
	font-family: ManropeBold;
}
.company {
	display: flex;
	align-items: center;
	height: 35vh;
}
.company .timer {
	text-align: center;
    color: #fff;
	width: 150px;
	height: 150px;
	font-family: ManropeLight;
	font-size:24px;
}
.company .timer p {
	font-size: 60px;
	font-family: ManropeBold;
}
.timer {
	transition: all 1s;
}
.shkrim {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	padding-bottom: 180px;
}
.video {
	background: #F5F5F5;
	padding: 100px 0;
}
.shkrimi {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.shkrimi h5 {
	font-size: 20px;
	font-family: ManropeLight;
	text-align: start;
}
.shkrimi h1 {
	font-size: 60px;
	text-align: end;
	font-family: ManropeLight;
}
.text-large {
	font-size: 45px;
}
.color-gray {
	color: #626666;

}
.hapsira-topbot-slide-index .owl-dots {
	position: absolute;
    bottom: -75px;
    left: 0;
    right: 0;
}
.cardi {
	margin-top: 100px;
    background-color: #faac1f;

    display: flex;
    justify-content: center;
    flex-direction: column;
}
.cardi img {
	box-shadow: 0px 0px 20px 1px #6266661f;
}
.latest-new {
	padding-top: 250px;
	padding-bottom: 100px;
	font-family: ManropeThin;
	color: #626666;
}

.first-detail-carousel {
	display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
	width: 100%;
	padding-top: 100px;
}
.inner-first-detail-carousel {
	width: 40%;
	color: #626666;
	font-family: ManropeLight;
	color: #626666;
}
.inner-second-detail-carousel {
	width: 40%;
	font-family: ManropeLight;
	color: #626666;
}
.footer {
	text-align: center;
	padding: 65px 0;
	position: relative;
	/* margin-top: -44px; */
    z-index: 100;
	background-color: #ed1f24;
}
.footer div span {
	padding: 0 8px;
	font-size: 18px;
}
.footer-unlist {
	list-style: none;
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
}
.footer-unlist p {
	margin-bottom: 0;
}
/* .dropdown:hover>.dropdown-submenu {
	display: block;
  } */



/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/

/* Products */

	.holder {
		width: 100%;
		max-height: 1300px;
	}
	.first-piece {
		height: 50vh;
		display: flex;
		flex-direction: row;
		font-family: ManropeBold;
	}

	#headingOne1{
		position: relative;
		flex-grow: 1;
		background: #e3dfdf;
		font-size: auto !important;

	}
		#headingOne1:hover {
			background: #fff;

		}
		#headingOne1:hover .product-stroke {
			-webkit-text-stroke-width: 2px;
			-webkit-text-stroke-color: red;
			cursor: default;
			color: #fff;
		}
	#headingTwo2 {
		position: relative;
		flex-grow: 1;
		background: #F0F0F0;

	}
		#headingTwo2:hover {
			background: #fff;
		}
		#headingTwo2:hover .product-stroke {
			-webkit-text-stroke-width: 2px;
			-webkit-text-stroke-color: red;
			cursor: default;
			color: #fff;
		}
		#headingFive5 {
			position: relative;
			flex-grow: 1;
			background: #F0F0F0;
	
		}
			#headingFive5:hover {
				background: #fff;
			}
			#headingFive5:hover .product-stroke {
				-webkit-text-stroke-width: 2px;
				-webkit-text-stroke-color: red;
				cursor: default;
				color: #fff;
			}
	#headingThree3 {
		position: relative;
		flex-grow: 1;
		background: #e3dfdf;

	}
		#headingThree3:hover {
			background: #fff;
		}
		#headingThree3:hover .product-stroke {
			-webkit-text-stroke-width: 2px;
			-webkit-text-stroke-color: red;
			cursor: default;
			color: #fff;
		}
	#headingFour4 {
		position: relative;
		flex-grow: 1;
		background: #f0f0f0;

	}
		#headingFour4:hover {
			background: #fff;
		}
		#headingFour4:hover .product-stroke {
			-webkit-text-stroke-width: 2px;
			-webkit-text-stroke-color: red;
			cursor: default;
			color: #fff;
		}
	#headingOne1 div{
		position: absolute;
		bottom: 21.5%;
		right: 20%;
		width: 300px;
		height: 70px;
		transform: translateX(40%) rotate(-90deg);
	}
	#headingTwo2 div{
		position: absolute;
		bottom: 21.5%;
		right: 20%;
		width: 300px;
		height: 70px;
	}
	#headingThree3 div{
		position: absolute;
		bottom: 21.5%;
		right: 20%;
		width: 300px;
		height: 70px;
	}
	#headingFour4 div {
		position: absolute;
		bottom: 21.5%;
		right: 20%;
		width: 300px;
		height: 70px;
	}
	#headingFive5 div{
		position: absolute;
		bottom: 21.5%;
		right: 20%;
		width: 300px;
		height: 70px;
		transform: translateX(40%) rotate(-90deg);
	}
	#headingOne1 .product-stroke,
	#headingThree3 .product-stroke {
		color: #e3dfdf;
	}
	#headingTwo2 .product-stroke,
	#headingFour4 .product-stroke,
	#headingFive5 .product-stroke {
		color: #F0F0F0;
	}
	.product-stroke {
		-webkit-text-stroke-width: 2px;
		font-size: 60px;
		padding-left: 20px;
		-webkit-text-stroke-color: #707070;
	}
		 .product-stroke:hover {
			-webkit-text-stroke-width: 2px;
			-webkit-text-stroke-color: red;
			cursor: pointer!important;
		}
		
		.product-stroke:focus {
			outline: none!important;
			-webkit-text-stroke-width: 0;
			-webkit-text-fill-color: red;
			-webkit-text-stroke-color: #707070;
		}

		.product-stroke:active {
			-webkit-text-stroke-width:0;
			-webkit-text-fill-color: red;
			-webkit-text-stroke-color: #707070;
		}

	.second-piece {
		z-index: 50;
		height: auto;
		font-family: ManropeLight;
	}
	.lovely {
		padding: 40px 0 20px;
		position: relative;
		text-align: center;
		color: #fff;
		font-family: ManropeLight;
		font-size: 40px;
	}
	.lovely:after {
		background: #FCBA63;
		content: "";
		display: block;
		margin-top: 16px;
		height: 5px;
		margin: 10px auto;
		width: 150px;
	}
	.lovelyp {
		color: #fff;
		padding-bottom: 45px;
		margin: 0 auto;
		width: 750px;
		text-align: center;
		font-size: 18px;
		font-family: ManropeLight;
	}
	.flipsy {
		display: flex;
		flex-flow: row;
		padding: 20px;
		height: 50vh;
		z-index: 50;
	}
	.flipsy-chicken {
		background-color: #FCC73F;
		flex: 1 0 0;
		z-index: 50;
		position: relative;
	}
	.flipsy-chicken:hover {
		flex: 1 50px;
		z-index: 2;
		
	}
	.flipsy-chili:hover {
		flex: 1 50px;
		z-index: 2;
		
	}
	.flipsy-peanut:hover {
		flex: 1 50px;
		z-index: 2;
		
	}
	@-webkit-keyframes in {
		from   { -webkit-transform: rotate(0deg); }
		to { -webkit-transform: rotate(360deg);}
	}
	
	@-webkit-keyframes out {
		0%   { -webkit-transform: rotate(360deg); }
		100% { -webkit-transform: rotate(0deg); }
	}

	@-webkit-keyframes slideInRight {
		/* from   { -webkit-transform: rotate(0deg); }
		to { -webkit-transform: rotate(360deg);} */
	}
	
	@-webkit-keyframes slideOutRight {
		/* 0%   { -webkit-transform: rotate(360deg); }
		100% { -webkit-transform: rotate(0deg); } */
	}
	.chicken {
		width:100%;
		height: 100%;
	}
	.animation {
		transform: scale(.5);
	}
	/* .animation-2 {
		transform: rotate(20deg) scale(.7);
	}
	.animation-3 {
		transform:translate(-10%, 0) rotate(20deg) scale(.7);
		transform: translateY(60%) scale(.7);
	} */
		.flipsy-chicken:hover .chicken {
			background-image: url('../chicken.png');
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;

		}

		/* collapseThree */
		.flipsy-chicken:hover .title-product {
			transform: rotate(-90deg) translate(135px, 110px);
		}
		.flipsy-chili:hover .title-product {
			transform: rotate(-90deg) translate(135px, 110px);
		}
		.flipsy-peanut:hover .title-product {
			transform: rotate(-90deg) translate(135px, 110px);
		}


		.parent-animation:hover .animation {

			transform:scale(.65);
			/* animation: slide-left .5s cubic-bezier(1, 1, 1, 1); */
			transition: all .5s;
		}
		
		.parent-animation:hover .animation-2 {

			transform:rotate(0deg) scale(1);
			animation: slide-left .8s cubic-bezier(1, 1, 1, 1);
			transition: all .5s;
		}
		.parent-animation:hover .animation-3 {
		
			animation: slide-left .3s  cubic-bezier(1, 1, 1, 1);
			/* transition: all .5s; */
		} 
		.parent-animation:hover .animation-3 {

			/* animation: slideOutRight .6s ease-in-out; */
			transition: all .5s;
		}
	.flex a {
		color: #fff;
		text-decoration: none;
	}
	.title-product {
		position:absolute;
		width:100%;
		bottom:5%;

		text-align: center;
		font-family: ManropeLight;
		font-size: 31px;

	}
	.title-product-flipsy {
		position:absolute;
		width:100%;
		bottom:5%;

		text-align: center;
		font-family: ManropeLight;
		font-size: 31px;

	}
	.title-product-keks {
		position:absolute;
		width:100%;
		bottom:5%;
		text-align: center;
		font-family: ManropeLight;
		font-size: 31px;

	}


	.flipsy-chili {
		background-color: #ed1f24;
		text-align: start;
		flex: 1 0 0;
		z-index: 50;
		position: relative;
	}


	.chili {
		width: 100%;
		height: 100%;
	}
	.flipsy-chili:hover .chili {
		background-image: url('../chili.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		flex: 0 0 50%;
		z-index: 2;

	}
	.flipsy-chili:hover .title-product {
		right: 0;
		
	}

	.flipsy-peanut {
		background-color: rgb(158, 67, 39);
		text-align: start;
		flex: 1 0 0;
		z-index: 50;

		position: relative;

	}
	.peanut {
		width: 100%;
		height: 100%;
	}
		.flipsy-peanut:hover .peanut {
			background-image: url('../kikirik.png');
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
		.flipsy-peanut:hover .title-product {
			right: 0;
			/* transform: rotate(-90deg) translate(50%, 200%); */
		}

		.praline-box {
			text-align: start;
			flex: 1 0 0;
			z-index: 50;
			position: relative;
			transition: all .1s;
		}
		.praline-box:hover {
			flex: 1 100px;
			z-index: 2;
			transition: all .1s;
		}
		.color-dredhz {
			background-color: #e12532;
		}
		.praline-dredhz {
			width: 100%;
			height: 100%;
		}
			.praline-dredhz {
				background-image: url('../img/product-praline/Praline-dredhz-440g.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
		.praline-limon {
			width: 100%;
			height: 100%;
		}
			.color-limon {
				background-color: #d7cc46;
			}
			 .praline-limon {
				background-image: url('../img/product-praline/Praline-lemon-440g.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
		.praline-kajsi {
			width: 100%;
			height: 100%;
		}
			.color-kajsi {
				background-color: #3d2961;
			}
			 .praline-kajsi {
				background-image: url('../img/product-praline/praline-wild440.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
		.praline-portokall {
			width: 100%;
			height: 100%;
		}
			.color-portokall {
				background-color: #e4542b;
			}
			 .praline-portokall {
				background-image: url('../img/product-praline/Praline-portokall-440g.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
	.praline-newportokall {
			width: 100%;
			height: 100%;
		}
			.color-newportokall {
				background-color: #285832;
			}
			 .praline-newportokall {
				background-image: url('../img/product-praline/pralinemint400.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
	.camelino {
				width: 100%;
				height: 100%;
			}
				.color-camelino {
					background-color: #c82127;
				}
				.camelino {
					background-image: url('../img/product-keks/camelino\ biscuits\ 150gr.png');
					background-repeat: no-repeat;
					background-position: center;
					background-size: contain;
				}
	.camelino-ground {
		width: 100%;
		height: 100%;
	}
		.color-camelino-gr {
			background-color: #c82127;
		}
		.camelino-ground {
			background-image: url('../img/product-keks/Camelino\ Ground\ Biscuits\ Kids\ 300gr.png');
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
	/* Product 285832 */

	.keks-box {
		text-align: start;
		flex: 1 0 0;
		z-index: 50;
		position: relative;
		transition: all .1s;
	}
	.keks-box:hover {
		flex: 1 100px;
		z-index: 2;
		transition: all .1s;
	}
	.color-keks600 {
		background-color: #f9b36c;
	}
	.keks-600 {
		width: 100%;
		height: 100%;
	}
		 .keks-600 {
			background-image: url('../img/product-keks/camel1.png');
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
	.keks-margarit {
		width: 100%;
		height: 100%;
	}
		.color-margarit {
			background-color: #cca77d;
		}
		 .keks-margarit {
			background-image:url('../img/product-keks/keks-margarit.png');
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
	.keks-bluar {
		width: 100%;
		height: 100%;
	}
		.color-k-bluar {
			background-color: #f4991f;
		}
		 .keks-bluar {
			background-image:url('../img/product-keks/keks-bluar.png');
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
	


		.flipsy-box {
			text-align: start;
			flex: 1 0 0;
			z-index: 50;
			position: relative;
			transition: all .1s;
		}
		.flipsy-box:hover {
			flex: 1 100px;
			z-index: 2;
			transition: all .1s;
		}

		.flipsyy {
			width: 100%;
			height: 100%;
		}
			.color-flipsy {
				background-color: #dc2f28;
			}
			 .flipsyy {
				background-image:url('../img/product-flipsy/maximus-peanut.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}



		.flipsy-boxx {
			flex: 1 0 0;
			z-index: 50;
			position: relative;
			
		}
		.flipsy-classicc {
			background: #000;
		}
		 .flipsy-classicc {
			background-image:url('../img/product-flipsy/flipsy.png');
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			height: 100%;
			transform: scale(1);
		}
		.flipsy-boxx:hover .flipsy-classicc {
			transform: scale(1.1)
		}


		.flipsy-maximus {
			width: 100%;
			height: 100%;
		}
			.color-maximus{
				background-color: #191b1a;
			}
			 .flipsy-maximus {
				background-image:url('../img/product-flipsy/maximus-chili.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
		.flipsy-classic {
			width: 100%;
			height: auto;
		}
			.flipsy-color {
				background: #dc2f28;
			}
			 .flipsy-classic {
				background-image:url('../img/product-flipsy/flipsy.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
				height: 100%;
			}
		.flipsy-ringo {
			width: 100%;
			height: auto;
		}
			.ringo-color {
				background: #f6b22A;
			}
			 .flipsy-ringo {
				background-image:url('../img/ringo\ grill\ 20gr.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
				height: 100%;
			}


		.mando-box {
			text-align: start;
			flex: 1 0 0;
			z-index: 50;
			position: relative;
			transition: all .1s;
		}
		.mando-box:hover {
			flex: 1 100px;
			z-index: 2;
			transition: all .1s;
		}
		.mando1 {
			width: 100%;
			height: 100%;
		}
			.color-mando1{
				background-color: #156a2f;
			}
			.mando1 {
				background-image:url('../img/home/mando1.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}

			.mando2 {
				width: 100%;
				height: 100%;
			}
			.color-mando2{
				background-color: #c6a029;
			}
			 .mando2 {
				background-image:url('../img/home/mando2.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
				.mando3 {
					width: 100%;
					height: 100%;
				}
					.color-mando3{
						background-color: #bf9d73;
					}
					 .mando3 {
						background-image:url('../img/home/mando3.png');
						background-repeat: no-repeat;
						background-position: center;
						background-size: contain;
					}
					.mando4 {
						background-image:url('../../CamelDini/Cacao180gr.png');
						background-repeat: no-repeat;
						background-position: center;
						background-size: contain;
						width: 100%;
						height: 100%;
					}

					.color-mando4 {
							background-color: #3e1a13;
						}
						.mando5 {
							background-image:url('../../CamelDini/Strawberry\ 180gr.png');
							background-repeat: no-repeat;
							background-position: center;
							background-size: contain;
							width: 100%;
							height: 100%;
						}
	
						.color-mando5 {
								background-color: #bb2326;
							}
			.nuts-box {
				text-align: start;
				flex: 1 0 0;
				z-index: 50;
				position: relative;
				transition: all .1s;
			}
			.nuts-box:hover {
				flex: 1 100px;
				z-index: 2;
				transition: all .1s;
			}
			.color-nutsch {
				background: #de2c25;
			}
			.nuts-choko {
				width: 100%;
				height: 100%;
			}
			 .nuts-choko {
				background-image: url('../img/nuts-choko.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}

			.color-nuts {
				background-color: #72c9d2;
			}
			.nuts {
				width: 100%;
				height: 100%;
			}
				 .nuts {
					background-image: url('../img/nuts-kakao-qumsht.png');
					background-repeat: no-repeat;
					background-position: center;
					background-size: contain;
				}

			.color-nuts-lemon {
				background-color: #f7c419;
			}
			.nuts-lemon {
				width: 100%;
				height: 100%;
			}
				 .nuts-lemon {
					background-image: url('../img/nuts-limon.png');
					background-repeat: no-repeat;
					background-position: center;
					background-size: contain;
				}
	/* Product */
/* Products */
/* Partners */
	.partners {
		display: flex;
		flex-flow: row wrap;
		max-width: 100%;
		height: 100vh;
	}
	.partners-l {
		width: 50%;
		align-items: center;
		text-align: center;
		margin: 0 auto;
		justify-content: center;

	}
	.partners-r {
		width: 50%;
		align-items: center;
		text-align: center;
		background-color: #eee;
		margin: 0 auto;
		justify-content: center;

	}
/* Partners */
.video-home:focus {
	outline: none;
}
.video-home {
	height: calc(100vh - 96px);
	width: 100%;
}
.video-home source {
	margin: 0;
	padding: 0;
}

/* Company */
.hapsira-topbot {
	padding-top: 50px;
	padding-bottom: 50px;
}
.wrapper-company {
	height: calc(100vh - 110px);
}
.header-company {
	background-image: url('../img/home/bigstock-Cheese-snacks-63122224.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 58vh
}
.carousel-cell {
	width: 100%;
}
.carousel-cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
	.carousel-cont-index {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
.carousel-piece-img {
	flex: 1 50%;
	/* text-align: center; */
}
.carousel-piece-img img {
	border-radius: 20px;
}
	.carousel-piece-img-index {
		flex: 1 100%;
		text-align: center;
	}
.carousel-piece-txt {
	text-align: center;
	flex: 1 50%;
	padding: 0 40px;
}
	.carousel-piece-txt-index {
		flex: 1 100%;
		/* padding-top: 100px; */
		display: inline-flex;
	}
	.carousel-piece-txt-index h2 {
		color: #626666;
		font-size: 60px;
		font-family: ManropeLight;
		/* width: 40%; */

	}
	.carousel-piece-txt-index p {
		color: #626666;
		font-size: 18px;
		font-family: ManropeLight;
		padding-left: 100px;
		/* width: 60%; */
	}
	.hapsira-topbot-slide-index {
		padding: 200px 0;
		background: #ece9e6;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to left, #ece9e6, #fff);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to left, #ece9e6, #fff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}
	.hapsira-topbot-slide-index .flickity-page-dots {
		bottom: 0%;
		left: 0;
		right: 0;
	}
.carousel-piece-txt h2 {
	color: #626666;
	font-size: 30px;
	font-family: ManropeLight;
	padding-bottom: 40px;
	text-align: start;
}
.carousel-piece-txt p{
	text-align: start;

	color: #626666;
	font-size: 18px;
	font-family: ManropeLight;
}
.hapsira-topbot-slide .slick-next {
	position: absolute;
	top: unset;
	bottom: 5%;
	left: 61%;
	transform: translate(50%, 50%);
}
.hapsira-topbot-slide .slick-prev {
	top: unset;
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translate(50%, 50%);
}
.flickity-page-dots {
	bottom: -100px;
}
/* company */
.prevnext-button {
	position: absolute;
	bottom: 5%;
	left: 50%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	list-style-type: none;	
}
.weighttitle[aria-expanded="true"]{
	  
	background-color: #626666;
	color: #fff;
	border: 1px solid #626666;
}

.prevnext-button li {
	background: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	align-self: center;
	margin-right: 20px;
	cursor: pointer;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.prev.slick-disabled  .opacc {
	opacity: .2;
}
.next.slick-disabled .opacc {
	opacity: .2;

}
.flex-flags div {
	margin: 15px 0;
}
@media screen and (max-width: 1800px) {

}
@media screen and (max-width: 1480px) {
	.carousel-piece-txt h2 {
		font-size: 20px;
	}
	.carousel-piece-txt p {
		font-size: 16px;
	}
	.widgetShape img {
		height: 80vh;
	}
}
@media screen and (max-width: 1224px) {
	.text-under-slider {
		padding: 125px 0 50px 0;
	}
	.svgshapeM {
		/* background-image: url('../../MaskGroup4.svg');
		mask: url('../../MaskGroup4.svg');
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: top center; */
		
		height: 60vh;
		width: 100%;
	}
	.displayM-lg {
		display: block;
	}
	.displayD-lg {
		display: none;
	}



	.inner-first-pershkrimi h1 {
		font-size: 38px;
	}
	.inner-first-pershkrimi {
		padding-top: 50px;

	}
	.addtextpara {
		font-size: 18px;
	}
	.addtexttitle {
		font-size: 38px;
	}
	.shkrimi h1 {
		font-size: 38px;
	}
	.shkrimi h5 {
		font-size: 18px;
	}
	.addedtext {
		padding: 50px 40px 0 40px;
	}
}

.displayM-md {
	display: none;
}
.displayM-xs {
    display:none;
}
.displayD-md {
	display: block;
}
.displayM {
	display: none;
}
@media screen and (max-width: 992px) {
	.carousel-piece-txt-index {
		display: block;
		padding-top: 23px;
	}
	.carousel-piece-txt-index p {
		padding-left: unset;
		font-size: 16px;
	}
	.hapsira-topbot-slide-index .flickity-page-dots {
		bottom: 32%;
	}

	.displayD {
		display: none;

	}
	.displayM {
		display: block;
	}

	.menu-area {
		background: #ed1f24;
		height: 82px;
		display: none;
	}
	/* Products  */
/* 
	#headingOne1 div{
		transform: translateX(15%) rotate(-90deg);
	}
	#headingThree3 div{
		transform: translateX(25%) rotate(-90deg);
	}
	#headingFour4 div {
		transform: translateX(35%) rotate(-90deg);
	}
	#headingTwo2 div {
		transform: translateX(25%) rotate(-90deg);
	} */
	/* Products  */

	/* .title-product-keks {
		transform: rotate(-90deg) translate(120px, 200px);
		top: 80%;

	}
	.flipsy-chicken:hover .title-product-keks {
		transform: rotate(-90deg) translate(120px, 200px);
	}
	.flipsy-chili:hover .title-product-keks {
		transform: rotate(-90deg) translate(120px, 200px);
	}
	.flipsy-peanut:hover .title-product-keks {
		transform: rotate(-90deg) translate(120px, 200px);
	} */
	.fakeNAV {
		padding: 10px 0;
	}
	.fakeNAV button {
		margin-left: auto;
	}
	.fakeNAV .sl-nav ul ul{
		transform: translateX(-50%);
	}
	.nav-full {
		justify-content: center;
		height: 92vh;
		overflow-y: hidden;
		padding-bottom: 40px;
	}
	.nav-link-space {
		padding: 25px 12px!important;
	}
	.displayM-xs {
        display:flex;
    }
    .displayD-xs {
        display: none;
    }
	
}
@media screen and (max-width: 767px) {
	.brandwithsocialFB img {
		padding:0px;
	}
	.brandwithsocialInsta img {
		padding:0;
	}
	.contact100-form img {
		margin-top: 20px;
	}
	.pickproduct {
		margin: 60px 0 0;
	}
	.titlechangeproduct {
		font-size: 21px;
	}
	.preparation-para {
		font-size: 14px;
	}
	.wrapper-btn-media {
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.btn-media  {
		margin: 15px;
	}
	.btn-media button {
		width: 155px;
	}
	.card-blog {
		margin: 80px 0;
	}
	.card-body {
		padding: 0;
	}
	.inside-blog:nth-child(3) {
		height: auto;
	}
	.inside-blog {
		height: auto;
		padding: 120px 0;
	}
	.widgetShape .svgshapeM {
		/* height:calc(100vh - 276px); */

	}
	.text-under-slider {
		padding: 80px 0 0;
		background-color: #ed1f24;
	}


	.svgshape {
		-webkit-mask-image: url('../../MaskGroup4.svg');
		mask: url('../../MaskGroup4.svg');
		mask-repeat: round;
		-webkit-mask-size: 100%;
		-webkit-mask-position: top center;
		-webkit-mask-repeat: no-repeat;
		width: 100%;
	}

	.addflex {
		flex-direction: column;
	}
	.carousel-cont {
		margin: 0 20px;
	}
	.hapsira-topbot-slide .flickity-prev-next-button.next {
		top: unset;
		bottom: -5%;
		left: 12%;
		transform: translate(50%, 50%);
	}
	
	.hapsira-topbot-slide .flickity-prev-next-button.previous {
		/* top: unset; */
		bottom: -5%;
		left: 0;
		transform: translate(50%, 50%);
	}
	.carousel-piece-img {
		flex: 1 100%;
	}
	.addtexttitle {
		text-align: start;
	}
	/* .widgetShape {
		top: 5%;

	} */
	.widgetShapeImg {
		/* width: 80%; */
		/* margin-top: 50px; */
	}
	.product-bg-r {
	
		margin-left: 0;
	}
	.testtest {
		padding: 12px!important;
	}
	.editedspace-2 {
		padding: 15px 0;
		
	}
	/* .card-product:hover .view-product::before {
		display:none;
	}
	.view-product::before {
		display: none
	}
	.colormob{
		color: #626666;
		margin: 20px 0 0 26px;
	} */
	.card-product:hover img {
		transform: translateX(5%) scale(.75);
	}
	.colormob:hover:before{
		content: "";
		background: #ed1f24;
		width: 100%;
		display: inline;
		z-index: 10;
		position: absolute;
		bottom: -15px;
	}
	.colormob:before{
		content: "";
		background: #ed1f24;
		width: 40px;
		display: inline;
		z-index: 10;
		position: absolute;
		bottom: -15px;
	}
	.card-product {
		height: 350px;
	}
	.title-card h1 {
		font-size: 28px;
	}
	.view-product {
		font-size: 16px;
	}
	.editedspace {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.textedited-second {

		padding-top: 100px;
	}
	.textedited img {
		margin: 20px;
	}

    
    .languagebtn {
        position: relative;
        right: 0;
    }
	.animation {
			transform: translate(0, 0) rotate(0) scale(.62);
	}
	.parent-animation:hover .animation {
		transform: rotate(0deg) scale(.5);
	}

	.keks-box {
		flex: 1 0 400px;
	}
	.keks-box:hover {
		flex: 1 0 450px;
	}
	.title-product-keks {
		font-size: 1.75em;
	}
	.camelino {
		background-image: url('../img/product-keks/camelino\ biscuits\ 150gr.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;

	}
	.camelino-ground {
		background-image: url('../img/product-keks/Camelino\ Ground\ Biscuits\ Kids\ 300gr.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;

	}
	.keks-600 {
		background-image: url(../img/product-keks/camel1.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.keks-margarit {
		background-image: url(../img/product-keks/keks-margarit.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.keks-bluar {
		background-image: url(../img/product-keks/keks-bluar.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.flipsy-box {
		flex: 1 0 400px;
	}
	.flipsy-box:hover {
		flex: 1 0 450px;
	}
	.title-product-flipsy {
		font-size: 1.75em;
	}
	.flipsy-classic {
		background-image: url(../img/product-flipsy/flipsy.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.flipsy-maximus {
		background-image:url('../img/product-flipsy/maximus-chili.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.flipsyy {
		background-image:url('../img/product-flipsy/maximus-peanut.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.flipsy-ringo {
		background-image:url('../img/ringogrill1.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.praline-box {
		flex: 1 0 400px;
	}
	.praline-box:hover {
		flex: 1 0 450px;
	}
	.title-product {
		font-size: 1.75em;
	}
	.praline-dredhz {
		background-image: url('../img/product-praline/Praline-dredhz-440g.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.praline-limon {
		background-image: url('../img/product-praline/Praline-lemon-440g.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.praline-portokall {
		background-image: url('../img/product-praline/Praline-portokall-440g.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.praline-newportokall {
		background-image: url(../img/product-praline/pralinemint400.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.praline-kajsi {
		background-image: url('../img/product-praline/praline-wild440.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.mando-box {
		flex: 1 0 400px;
	}
	.mando-box:hover {
		flex: 1 0 450px;
	}
	.mando1 {
		background-image: url('../img/home/mando1.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.mando2 {
		background-image: url('../img/home/mando2.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.mando3 {
		background-image: url('../img/home/mando3.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.mando4 {
		background-image: url('../CamelDini/Cacao180gr.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.mando5 {
		background-image: url('../CamelDini/Strawberry\ 180gr.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.nuts-box {
		flex: 1 0 400px;
	}
	.nuts-box:hover {
		flex: 1 0 450px;
	}
	.nuts {
		background-image: url('../img/nuts-kakao-qumsht.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.nuts-choko {
		background-image: url('../img/nuts-choko.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.nuts-lemon {
		background-image: url('../img/nuts-limon.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 12em 0;
	}
	.footer-unlist p {
		padding:.5rem 0px;
	 }
	.carousel-control-prev {
		left: 0;
	}
	.carousel-control-next {
		right: 0;
	}
	.lovesnack {
		transform: scale(.8);
	}
	.text-caption {
		bottom: 90px;
	}
	.carousel-indicators {
		bottom: 70px;
	}
	.wrapper-company {
		height: auto;
	}
	.company {
		height: auto;
		padding: 80px 0;
	}
	.shkrimi-com {
		padding: 0 5px;
	}
	.shkrimi-rev {
		flex-flow: column-reverse;
		flex-wrap: wrap;
		padding: 0 5px;
	}
	.shkrimi h1 {
		font-size: 45px;
		text-align: start;
	}
	.shkrimi h5 {
		font-size: 18px;
		padding-top: 15px;
		text-align: start;
	}
	.cardi {
		margin-top: 23px;
	}
	.carousel-piece-txt {
		padding: 10px 30px;
	}
	.carousel-piece-txt h2 {
		font-size: 30px;
		padding: 15px 0;
	}




	.displayM-md {
		display: block;
	}
	.displayD-md {
		display: none;
	}
	.nav-color-r {
		background-color: #ed1f24;
		overflow-y: hidden;
		/* margin: 0 10px; */
	}
	.inner-first-pershkrimi h1 {
		font-size: 36px;
	}
	.carousel-piece-txt-index h2 {
		font-size: 36px;
		margin-bottom: 23px;
	}

	.company .timer {
		text-align: center;
	}
	.home-banner {
		margin-top: 0;
	}
	.slide-banner1,
	.slide-banner2,
	.slide-banner3 {
		/* height: calc(100vh - 110px); */

	}
	.text-large {
		font-size: 30px;
	}
	.nav-link-color {
		padding: 12px 0!important;
		text-align: center;
	}
	.text-under-slider h5 {
		font-size: 29px;
	}
	.text-under-slider h4 {
		width: auto;
		padding: 0 40px;
		font-size: 22px;
	}
	.list-drop-home:hover::after {
		bottom: 0;

	}
	.list-drop:hover::before {
		bottom: 0;

	}
	/* Products */

	.first-piece {
		height: 70vh;
		overflow-x: none;
	}
	.first-piece div {
		cursor: pointer;
	}
	.second-piece {
		overflow-x: none;

	}
	.flipsy {
		flex-flow: column;
		height: auto;
		flex-wrap: nowrap;
	}
	.product-stroke {
		font-size: 35px;
		-webkit-text-stroke-width: 1px;
	}
	 #headingOne1 div{
		transform: translateX(45%) rotate(-90deg);
		bottom: 32%;
		height: 40px;
	}
	#headingThree3 div{
		transform: translateX(45%) rotate(-90deg);
		bottom: 32%;
		height: 40px;
	}
	#headingFour4 div {
		transform: translateX(45%) rotate(-90deg);
		bottom: 32%;
		height: 40px;
	}
	#headingTwo2 div {		
		transform: translateX(45%) rotate(-90deg);
		bottom: 32%;
		height: 40px;

	} 
	#headingFive5 div {		
		transform: translateX(45%) rotate(-90deg);
		bottom: 32%;
		height: 40px;

	} 

	/* .title-product {
		right: 5%;
		font-size: 30px;
		transform: unset;
	}
	.title-product-flipsy {
		transform: unset;
		left: 40%;
		font-size: 30px;
	}
	.title-product-keks {
		transform: unset;
		left: 40%;
		font-size: 30px;
	} */
	.flipsy-chicken:hover .title-product-flipsy {
		transform: unset;
	}
	.lovely {
		font-size: 26px;
	}
	.lovely:after {
		left: 10%;
	}
	.lovelyp {
		width: auto;
   		padding: 50px 40px;
	}
	.product-stroke {
		margin-bottom: 0;
	}
	/* Products */
    .logo-bg {
        left: -20%;
        transform: translateX(50%);

    }
    .nav-coll {
        justify-content: flex-end!important;
	}

	.first-detail {
		flex-direction: column;
		padding-top: 240px;
		padding-bottom: 240px;
	}
	.inner-first-detail {
		width: 100%;
		padding-bottom: 40px;
	}
	.inner-first-pershkrimi {
		width: 100%;
		padding-left: 0;
		margin-left: 0;
		text-align: center;
	}
	.second-detail {
		flex-direction: column-reverse;
		padding-top: 80px;
		padding-bottom: 150px;
	}
	.inner-second-detail {
		width: 100%;
		padding-bottom: 40px;
	}
	.inner-second-pershkrimi {
		width: 100%;
		padding-right: 0;
	}
	.video {
		padding: 150px 0;
	}
	.hapsira-topbot {
		padding: 120px 0;
	}
	.shkrim {
		margin:80px 0;
	} 
	.item {
		margin: 20px 15px;
	}
	.dual-nav{
		display: flex;
		flex-direction: column;

		
		justify-content: center;
	}


	.footer img {
		padding: 15px 0;
		margin: 0 auto;
	}
	.footer-unlist {
		display: block;

	}
}

.body-wrapp {
    padding-top:20px;
    padding-bottom: 50px;
}




.undertitle-line:hover::before {
	display: block;
	position: absolute;
	bottom: -15px;
	content: "";
	width: 100%;
	height: 3px;
	background: #DF2E29;
}
.undertitle-line::before {
	display: block;
	position: absolute;
	bottom: -15px;
	content: "";
	width: 40px;
	height: 3px;
	background: #DF2E29;
	transition: all .5s;
}
.section-shadow {
    padding: 100px 0;
    position: relative;
    max-width: 500px;
    margin: 0 auto;
    /* border-top: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2); */
    /* background: linear-gradient(0deg, #62666638 20%, #fff 60%, #6266662f 20%) no-repeat; */
}
.titlechangeproduct {
    font-size: 21px;
    font-family: ManropeLight!important;
    color: #626666;
    position: relative;
    display: inline;
}




.body-wrapp img.first-image {
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
  width: 350px;
}

.body-wrapp img.second-image {
  opacity: 0;
  width: 350px;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center !important;
}


/*
.body-wrapp:hover img.first-image{
  opacity: 0;
}
.body-wrapp:hover img.second-image{
  opacity: 1;
}
*/

.body-wrapp:hover .middle {
  opacity: 1;
}

.boxes {
  color: #fff;
  font-size: 16px;
  height: 80px;
  padding-top: 40px;
}



.body-wrapp:hover .titlechangeproduct{
  color: #ffffff !important;
}

/*
.body-wrapp:hover img.first-image{
  width: 500px;
}
*/


.brown:hover{
  background-image: radial-gradient(#C6A999, #936560);
}
.green:hover{
  background-image: radial-gradient(#BFD18C, #338E54);
}
.yellow:hover{
  background-image: radial-gradient(#F5F1C9, #FFEA80);
}
.redd:hover{
  background-image: radial-gradient(#F4909A, #F44E5B);
}
.cream:hover{
  background-image: radial-gradient(#F2EDDA, #D9B384);
}
.orange:hover{
  background-image: radial-gradient(#F2DF91, #F2C351);
}
.black:hover{
  background-image: radial-gradient(#919191, #5B5B5B);
}
.blue:hover{
  background-image: radial-gradient(#91C2F2, #51A5F2);
}
.purple:hover{
  background-image: radial-gradient(#CC9CEF, #C96EF9);
}
.colorrrr:hover{
  background-image: radial-gradient(#EC1C24, #C1242B);
}