







/*//////////////////////////////////////////////////////////////////

[ FONT ]*/



@font-face {

  font-family: Montserrat-Regular;

  src: url('../fonts/montserrat/Montserrat-Regular.ttf'); 

}



@font-face {

  font-family: Montserrat-Bold;

  src: url('../fonts/montserrat/Montserrat-Bold.ttf'); 

}



@font-face {

  font-family: Montserrat-Black;

  src: url('../fonts/montserrat/Montserrat-Black.ttf'); 

}



@font-face {

  font-family: Montserrat-SemiBold;

  src: url('../fonts/montserrat/Montserrat-SemiBold.ttf'); 

}



@font-face {

  font-family: Montserrat-Medium;

  src: url('../fonts/montserrat/Montserrat-Medium.ttf'); 

}











@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;

}



.addedtext {

	/* max-width: 800px; */

	padding: 100px 0;

}

.addtextpara {

	font-family: ManropeLight;

	font-size: 20px;

	color: #626666;

	width: 75%;

	text-align: start;

}

.addtexttitle {

	font-size: 60px;

	color: #626666;

	font-family: ManropeLight;

	text-align: end;

}

.banner-txt {

	margin: 20px;

	background: #DF2E29;

}

.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: 40px;

	font-family: ManropeLight;

	color: #626666;

	padding-top: 25px;

}

.desc-blog {

	font-size: 18px;

	font-family: ManropeLight;

	color: #626666;

	margin: 25px 0;

}

.mobile-list {

	display: flex;

	flex-direction: column;

	

}

.mobile-list a {

	color: #626666!important;

	padding: 15px 0!important;

}

.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: 40px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	align-content: space-between;

	align-self: stretch;

}

.product-bg-b {

	background: #4374B8;

}

.product-bg-r {

	background: #E11B22;

	margin-left: auto;

}

.card-product img {

	transform: translateX(40%) scale(.7);

	transition: all .5s;

	max-width: 350px;

	align-self: center;

	width: 100%;

	position: absolute;

	right: 0;

}

.card-product:hover img {

	transform: translateX(0%)  scale(.75);

	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;

}







.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;

}

.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;

}



.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;

}

.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:70vh;

}

.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:10px; */

  }

  .sl-nav li ul {

	display: none;

  }

  .sl-nav li:hover ul {

	position: absolute;

	top:29px;

	right:-15px;

	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: 15px;

	right: -10px;

	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;

	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;

  }

  .sl-nav li ul li span:hover, .sl-nav li ul li span.active {

	color: #626666;

  }

  .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;

}

.menu-area {

	background: #DF2E29;

	transition: all .5s ease-out 0s;

}

.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: 43px 0;

    align-self: center;

	font-family: ManropeBold;

	text-transform: uppercase;

    font-size: 12px;

    color: #ABABAB!important;

}

.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;

}

.logo-expand {

	width: 100px;

	position: absolute;

	right: 0;

	left: 0;

	top: 0;

	margin: 0 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: #DF2E29;

}

@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;

	}

  }





.nav-full {

	/* height: 95vh; */

	justify-content: space-between;

}

nav button {

	margin-left: auto;

	border-radius: 50%;

	background: #626666;

}

nav button:focus {

	outline: none;

}

.nav-link-space {

	padding: 21px 0!important;

	font-family: ManropeBold;

	font-size: 12px;

	text-transform: uppercase;



}







body {

	overflow-x: hidden;

}

.color-red {

    background-color: #DF2E29;

}

.nav-color {

    background-color: #DF2E29;

	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: -59px;

}

.slide-banner1 {

	background-image: url('../img/home/1.png');

	width: 100%;

	/* height: calc(100vh - 110px); */

	height: 100vh;

	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: 100vh;



	/* height: calc(100vh - 110px); */

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;



}

.slide-banner3 {

	background-image: url('../img/home/margarita-banner.jpg');

	width: 100%;

	height: 100vh;



	/* 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: 100vh;



	/* 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: 100vh;



	/* 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: 100vh;



	/* height: calc(100vh - 110px); */

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;



}

.slide-banner7 {

	background-image: url('../img/home/7.png');

	width: 100%;

	height: 100vh;



	/* 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: #DF2E29;

}

.inner-carousel-setup {

	display: flex;

	justify-content: center;

	align-items: center;

	/* height: calc(100vh - 110px); */

	/* background-color: #DF2E29; */

}

.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;

	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: 200px 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: #df2e29;

    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: 200px 0;

}

.shkrimi {

	display: flex;

	flex-flow: row wrap;

	justify-content: center;

}

.shkrimi h5 {

	font-size: 24px;

	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 25px;

	position: relative;

	/* margin-top: -44px; */

    z-index: 100;

	background-color: #1D1F1F;

}

.footer div span {

	padding: 0 8px;

	font-size: 18px;

}

.footer-unlist {

	list-style: none;

	display: flex;

	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: 70vh;

		display: flex;

		flex-direction: row;

		font-family: ManropeBold;

	}



	#headingOne1{

		position: relative;

		flex-grow: 1;

		background: #e3dfdf;



	}

		#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;

		transform: translateX(40%) rotate(-90deg);

	}

	#headingThree3 div{

		position: absolute;

		bottom: 21.5%;

		right: 20%;

		width: 300px;

		height: 70px;

		transform: translateX(40%) rotate(-90deg);

	

	}

	#headingFour4 div {

		position: absolute;

		bottom: 21.5%;

		right: 20%;

		width: 300px;

		height: 70px;

		transform: translateX(40%) rotate(-90deg);

	

	}

	#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 50px;

		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: 70px;

		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: #DF2E29;

		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%;

			}





		.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: #f8bd35;

			}

			.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: #264523;

			}

			 .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: #3e1f17;

					}

					 .mando3 {

						background-image:url('../img/home/mando3.png');

						background-repeat: no-repeat;

						background-position: center;

						background-size: contain;

					}



			.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 */





/* Company */

.hapsira-topbot {

	padding-top: 130px;

	padding-bottom: 130px;

}

.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%;

}

.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: 60px;

	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 .flickity-prev-next-button.next {

	top: unset;

	bottom: 5%;

	left: 60%;

	transform: translate(50%, 50%);

}

.hapsira-topbot-slide .flickity-prev-next-button.previous {

	top: unset;

	bottom: 5%;

	left: 52%;

	transform: translate(50%, 50%);

}

.flickity-page-dots {

	bottom: -100px;

}

/* company */



@media screen and (max-width: 1800px) {



}

@media screen and (max-width: 1480px) {

	.carousel-piece-txt h2 {

		font-size: 38px;

	}

	.carousel-piece-txt p {

		font-size: 16px;

	}

}

@media screen and (max-width: 1224px) {

	.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;

}

@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;

	}





	/* 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);

	} */

}

@media screen and (max-width: 767px) {

	.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;

	}

	.widgetShapeImg {

		width: 80%;

	}

	.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: #df2e29;

		width: 100%;

		display: inline;

		z-index: 10;

		position: absolute;

		bottom: -15px;

	}

	.colormob:before{

		content: "";

		background: #df2e29;

		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 {

		flex-direction: column;

		padding-top: 100px;

	}

	.textedited img {

		margin: 20px 0;

	}

    .displayM-xs {

        display:flex;

    }

    .displayD-xs {

        display: none;

    }

    

    .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;

	}

	.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;

	}

	.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: #df2e29;

		overflow-y: hidden;

		/* margin: 0 10px; */

	}

	.inner-first-pershkrimi h1 {

		font-size: 36px;

	}

	.carousel-piece-txt-index h2 {

		font-size: 36px;

		margin-bottom: 23px;

	}

	.logo-expand {

		width: 85px;
		padding: 5px 0;


	}

	.menu-area {

		background: #DF2E29;

		height: 82px;

	}

	.nav-full {

		justify-content: center;

		height: 92vh;

		overflow-y: hidden;

		padding-bottom: 40px;

	}

	.nav-link-space {

		padding: 25px 0!important;

		text-align: center;

	}

	.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 h4 {

		width: auto;

		padding: 0 40px;

	}

	.list-drop-home:hover::after {

		bottom: 0;



	}

	.list-drop:hover::before {

		bottom: 0;



	}

	/* Products */



	.first-piece {

		height: 70vh;

		overflow-x: none;

	}

	.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;

	}

	.footer-unlist {

		display: block;



	}

}









































































































/*//////////////////////////////////////////////////////////////////

[ RESTYLE TAG ]*/



* {

	margin: 0px; 

	padding: 0px; 

	box-sizing: border-box;

}



body, html {

	height: 100%;

	font-family: Poppins-Regular, sans-serif;

}



/*---------------------------------------------*/

a {

	/* font-family: Poppins-Regular; */

	font-size: 14px;

	line-height: 1.7;

	color: #666666;

	margin: 0px;

	transition: all 0.4s;

	-webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  -moz-transition: all 0.4s;

}



a:focus {

	outline: none !important;

}



a:hover {

	text-decoration: none;

}



/*---------------------------------------------*/

h1,h2,h3,h4,h5,h6 {

	margin: 0px;

}



p {

	font-family: Poppins-Regular;

	font-size: 14px;

	line-height: 1.7;

	color: #666666;

	margin: 0px;

}



ul, li {

	margin: 0px;

	list-style-type: none;

}





/*---------------------------------------------*/

input {

	outline: none;

	border: none;

}



input[type="number"] {

    -moz-appearance: textfield;

    appearance: none;

    -webkit-appearance: none;

}



input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

    -webkit-appearance: none;

}



textarea {

  outline: none;

  border: none;

}



textarea:focus, input:focus {

  border-color: transparent !important;

}



input:focus::-webkit-input-placeholder { color:transparent; }

input:focus:-moz-placeholder { color:transparent; }

input:focus::-moz-placeholder { color:transparent; }

input:focus:-ms-input-placeholder { color:transparent; }



textarea:focus::-webkit-input-placeholder { color:transparent; }

textarea:focus:-moz-placeholder { color:transparent; }

textarea:focus::-moz-placeholder { color:transparent; }

textarea:focus:-ms-input-placeholder { color:transparent; }



input::-webkit-input-placeholder { color: #adadad;}

input:-moz-placeholder { color: #adadad;}

input::-moz-placeholder { color: #adadad;}

input:-ms-input-placeholder { color: #adadad;}



textarea::-webkit-input-placeholder { color: #adadad;}

textarea:-moz-placeholder { color: #adadad;}

textarea::-moz-placeholder { color: #adadad;}

textarea:-ms-input-placeholder { color: #adadad;}



/*---------------------------------------------*/

button {

	outline: none !important;

	border: none;

	background: transparent;

}



button:hover {

	cursor: pointer;

}



iframe {

	border: none !important;

}





/*---------------------------------------------*/

/* .container {

	max-width: 1140px;

} */





/*//////////////////////////////////////////////////////////////////

[ Utility ]*/



.bg0 {background-color: #fff;}

.bg1 {background-color: #f7f7f7;}





/*//////////////////////////////////////////////////////////////////

[ Contact ]*/



.container-contact100 {

  width: 100%;  

  min-height: 100vh;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  padding: 15px;

  background: transparent;

  

}



.wrap-contact100 {

  width: 920px;

  background: #fff;

  border-radius: 10px;

  overflow: hidden;

  padding: 30px 0px 90px 0px;

}





/*------------------------------------------------------------------

[  ]*/



.contact100-form {

  width: 100%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.contact100-form-title {

  display: block;

  width: 100%;

  font-family: ManropeBold;

  font-size: 39px;

  color: #626666;

  line-height: 1.2;

  text-align: center;

  padding-bottom: 59px;

}







/*------------------------------------------------------------------

[  ]*/



.wrap-input100 {

  width: 100%;

  position: relative;

  border: 1px solid #e6e6e6;

  border-radius: 13px;

  padding: 10px 30px 9px 22px;

  margin-bottom: 20px;

}



.rs1-wrap-input100 {

  width: calc((100% - 30px) / 2);

}



.label-input100 {

  font-family: ManropeSBold;

  font-size: 10px;

  color: #626666;

  line-height: 1.5;

  text-transform: uppercase;

}



.input100 {

  display: block;

  width: 100%;

  background: transparent;

  font-family: ManropeReg;

  font-size: 16px;

  color: #555555;

  line-height: 1.2;

  padding-right: 15px;

}





/*---------------------------------------------*/

input.input100 {

  height: 40px;

}





textarea.input100 {

  min-height: 120px;

  padding-top: 9px;

  padding-bottom: 13px;

}





.input100:focus + .focus-input100::before {

  width: 100%;

}



.has-val.input100 + .focus-input100::before {

  width: 100%;

}





/*------------------------------------------------------------------

[ Button ]*/

.container-contact100-form-btn {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  padding-top: 20px;

  width: 100%;

}



.contact100-form-btn {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0 20px;

  width: 50%;

  height: 50px;

  background-color: #DF2E29;

  border-radius: 25px;



  font-family: ManropeSBold;

  font-size: 16px;

  color: #fff;

  line-height: 1.2;



  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  -moz-transition: all 0.4s;

  transition: all 0.4s;

}



.contact100-form-btn i {

  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  -moz-transition: all 0.4s;

  transition: all 0.4s;

}



.contact100-form-btn:hover {

  background-color: rgba(223, 46, 41, .85);

}



.contact100-form-btn:hover i {

  -webkit-transform: translateX(10px);

  -moz-transform: translateX(10px);

  -ms-transform: translateX(10px);

  -o-transform: translateX(10px);

  transform: translateX(10px);

}



/*------------------------------------------------------------------

[ Responsive ]*/



@media (max-width: 768px) {

  .rs1-wrap-input100 {

    width: 100%;

  }



}



@media (max-width: 576px) {

  .wrap-contact100 {

    padding: 62px 15px 90px 15px;

  }



  .wrap-input100 {

    padding: 10px 10px 9px 10px;

  }

}







/*------------------------------------------------------------------

[ Alert validate ]*/



.validate-input {

  position: relative;

}



.alert-validate::before {

  content: attr(data-validate);

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  position: absolute;

  width: 100%;

  min-height: 40px;

  background-color: #f7f7f7;

  top: 35px;

  left: 0px;

  padding: 0 45px 0 22px;

  pointer-events: none;



  font-family: ManropeReg;

  font-size: 16px;

  color: #DF2E29;

  line-height: 1.2;

}



.btn-hide-validate {

  font-family: Material-Design-Iconic-Font;

  font-size: 18px;

  color: #DF2E29;

  cursor: pointer;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  width: 40px;

  height: 40px;

  top: 35px;

  right: 12px;

}



.rs1-alert-validate.alert-validate::before {

  background-color: #fff;

}



.true-validate::after {

  content: "\f26b";

  font-family: Material-Design-Iconic-Font;

  font-size: 18px;

  color: #DF2E29;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  width: 40px;

  height: 40px;

  top: 35px;

  right: 10px;

}



/*---------------------------------------------*/

@media (max-width: 576px) {

  .alert-validate::before {

    padding: 0 10px 0 10px;

  }



  .true-validate::after,

  .btn-hide-validate {

    right: 0px;

    width: 30px;

  }

}





/*==================================================================

[ Restyle Select2 ]*/



.select2-container {

  display: block;

  max-width: 100% !important;

  width: auto !important;

}



.select2-container .select2-selection--single {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  background-color: transparent;

  border: none;

  height: 40px;

  outline: none;

  position: relative;

}



/*------------------------------------------------------------------

[ in select ]*/

.select2-container .select2-selection--single .select2-selection__rendered {

  font-family: Montserrat-SemiBold;

  font-size: 18px;

  color: #555555;

  line-height: 1.2;

  padding-left: 0px ;

  background-color: transparent;

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

  height: 100%;

  top: 50%;

  transform: translateY(-50%);

  right: 0px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  justify-content: flex-end;

}



.select2-selection__arrow b {

  display: none;

}



.select2-selection__arrow::before {

  content: '\f312';

  font-family: Material-Design-Iconic-Font;

  font-size: 18px;

  color: #555555;

}





/*------------------------------------------------------------------

[ Dropdown option ]*/

.select2-container--open .select2-dropdown {

  z-index: 1251;

  width: calc(100% + 2px);

  border: 0px solid transparent;

  border-radius: 10px;

  overflow: hidden;

  background-color: white;

  left: -24px;



  box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);

  -o-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);

  -ms-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);

}



@media (max-width: 576px) {

  .select2-container--open .select2-dropdown {

    left: -12px;

  }

}



.select2-dropdown--above {top: -38px;}

.select2-dropdown--below {top: 10px;}



.select2-container .select2-results__option[aria-selected] {

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 24px;

}



@media (max-width: 576px) {

  .select2-container .select2-results__option[aria-selected] {

    padding-left: 12px;

  }

}



.select2-container .select2-results__option[aria-selected="true"] {

  background: #DF2E29;

  color: white;

}



.select2-container .select2-results__option--highlighted[aria-selected] {

  background: #DF2E29;

  color: white;

}



.select2-results__options {

  font-family: Montserrat-SemiBold;

  font-size: 14px;

  color: #555555;

  line-height: 1.2;

}



.select2-search--dropdown .select2-search__field {

  border: 1px solid #aaa;

  outline: none;

  font-family: Poppins-Regular;

  font-size: 15px;

  color: #333333;

  line-height: 1.2;

}



.wrap-input100 .dropDownSelect2 .select2-container--open {

  width: 100% !important;

}



.wrap-input100 .dropDownSelect2 .select2-dropdown {

  width: calc(100% + 2px) !important;

}



/*==================================================================

[ Restyle Radio ]*/

.wrap-contact100-form-radio {

  width: 100%;

  padding: 15px 25px 57px 25px;

}



.contact100-form-radio {

  padding-bottom: 5px;

}



.input-radio100 {

  display: none;

}



.label-radio100 {

  display: block;

  position: relative;

  padding-left: 38px;

  cursor: pointer;

  font-family: ManropeReg;

  font-size: 16px;

  color: #626666;

  line-height: 1.2;

  text-align: start;

}



.label-radio100::before {

  content: "";

  display: block;

  position: absolute;

  width: 25px;

  height: 25px;

  border-radius: 5px;

  border: 1px solid #cdcdcd;

  background: #fff;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}



.label-radio100::after {

  content: "";

  display: block;

  /* position: absolute;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  border: 6px solid transparent;

  background: #DF2E29;

  -moz-background-clip: padding;     

  -webkit-background-clip: padding;  

  background-clip: padding-box;  */

  /* left: 0;

  top: 50%; */

  /* -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  display: none; */



}



.input-radio100:checked + .label-radio100::after {

  display: block;

  content: "\f26b";

  font-family: Material-Design-Iconic-Font;

  position: absolute;

  top:50%;

  left: 0;

  width: 12px;

  height: 11px;

  transform: translate(50%,-100%);

  color: #DF2E29;

  font-size:18px;



}





/*==================================================================

[ rs NoUI ]*/

.wrap-contact100-form-range {

  width: 100%;

  padding: 20px 25px 57px 25px;

}



.contact100-form-range-value {

  font-family: Montserrat-SemiBold;

  font-size: 18px;

  color: #555555;

  line-height: 1.2;

  padding-top: 10px;

  padding-bottom: 30px;

}



.contact100-form-range-value input {

  display: none;

}



#filter-bar {

  height: 20px;

  border: 1px solid #e6e6e6;

  border-radius: 9px;

  background-color: #f7f7f7;

}

#filter-bar .noUi-connect {

  border: 1px solid #e6e6e6;

  border-radius: 9px;

  background-color: #DF2E29;

  box-shadow: none;

}

#filter-bar .noUi-handle {

  width: 40px;

  height: 36px;

  border: 1px solid #cccccc;

  border-radius: 9px;

  background: #f5f5f5;

  cursor: pointer;

  box-shadow: none;

  outline: none;

  top: -8px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  align-items: center;

}



#filter-bar .noUi-handle.noUi-handle-lower {

  left: -1px;

}



#filter-bar .noUi-handle.noUi-handle-upper {

  left: -39px;

}



#filter-bar .noUi-handle:before {

  content: "";

  display: block;

  position: unset;

  height: 12px;

  width: 9px;

  background-color: transparent;

  border-left: 2px solid #cccccc;

  border-right: 2px solid #cccccc;

}

#filter-bar .noUi-handle:after {

  display: none;

}



@media (max-width: 576px) {

  .wrap-contact100-form-range {

    padding: 20px 0px 57px 0px;

  }



  .wrap-contact100-form-radio {

    padding: 15px 0px 0 0px;

  }

}