@import url('https://fonts.googleapis.com/css?family=Lato:light,normal%7COpen+Sans:normal%7CPlayfair+Display');

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&family=Dancing+Script:wght@700&family=Inter&family=Roboto&display=swap');

body{
	font-size: 13px;
  font-family: 'Playfair Display', sans-serif;
}
img{
	max-width: 100%;
	height: auto;
	border-radius: 7px;
}

h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dd, small {
  margin: 0;
  padding: 0;

}

 
.menu {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 240px;
  height: auto;
  transform: translate3d(-240px, 0, 0);
  transition: transform 0.35s;
  z-index: 9;
  border: 1px solid #d61f1e21;
}

.menu img{
  height:100px;
  margin-bottom:20px;
  margin-top:15px;
}

.menu label.menu-toggle {
  position: absolute;
  top: 0px;
  right: -60px;
  width: 60px;
  height: 60px;
  line-height: 0px;
  display: block;
  padding: 0;
  text-indent: -9999px;
  background: #fff url("icons/menu-alt-512.png") 50% 50%/25px 25px no-repeat;
}

.menu ul li > label {
  background: url("icons/icon-arrow-right-b-128.png") 95% 50%/16px 16px no-repeat;
}

.menu ul li a, .menu ul li label {
  display: block;
  text-align: center;
  padding: 0 20px;
  line-height: 53px;
  font-size: 16px;
  text-decoration: none;
  color: #000;
  border: 0.6px solid #d61f1e1c;
}

.menu ul li a:hover, .menu ul li label:hover {
  color: #666;
}

/*-- hide inputs --*/
.menu-checkbox {
  display: none;
}

/*-- hide navigation icon for sublabels --*/
.menu .menu label.menu-toggle {
  background: none;
}

/*-- fade in checked menu --*/
.menu-checkbox:checked + .menu {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  text-align: center;
}

/* =======================================================
* 	Header
* ======================================================= */

header{
	position: relative;
	text-align: center;
    color: #000;
	height: 95vh;
	background-repeat: no-repeat;
    background-position: left center;
    
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#header.child-page{
	height: 50vh;
}

/*-- header background --*/
#header-bg{
	height: 100%;
	background-color: rgba(255, 255, 255, .5);	
}

/*-- header text --*/
#header-txt{
	position: relative;
	height: 61%;
	width: 100%;
}

#header-txt h3 {
    font-family: 'Open Sans';
    font-size: 3em;
    text-align: right;
    padding: 15px 5% 15px 0;
    line-height: 0;
    color: #fff;
}

#header-cover-horizontal{
	position: absolute;
	width: 80%;
	padding: 20px 0;
	bottom: 0;
	left: 50%;
	right: 50%;
	border-radius: 80px 0 0 0;
	background-color: rgba(0, 0, 0, .5);
	
	-webkit-transform: translateX( -50% );
	-moz-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	-o-transform: translateX( -50% );
	transform: translateX( -50% );
}

#header-cover-vertical{
	position: absolute;
	height: 120%;
	left: 13%;
	padding: 20px 15px 0 15px;
	border-radius: 0 0 80px 0px;
	background-color: rgba(255, 255, 255, .5);
}

/* =======================================================
* 	Slider
* ======================================================= */

/*-- header typhography --*/
.v-center h2 {
  font-size: 6em;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  margin-top: 120px;
  float: left;
;

}
  
  @media (min-width: 58em) {
    .v-center h2 {
      font-size: calc(3em + 50%);
      } }


/*-- banner --*/
.sect-banner
{
  display: table;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}

.sect-banner.child-page{height: 50vh;}

/*-- banner bg --*/
.sect-banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0; 
}
		
.sect-banner .v-center {
    position: relative;
    z-index: 2; 
}
  
.sect-banner .v-center {
	display: table-cell;
    vertical-align: middle;
	z-index: 4;
    padding: 0 5%; 
}
	
.sect-banner .v-center h2 {
    -webkit-animation: fade-in ease-in-out 2s 0.5s both;
    -moz-animation: fade-in ease-in-out 2s 0.5s both;
    animation: fade-in ease-in-out 2s 0.5s both;
    /* font-family: 'Playfair Display'; */
}
	  
.sect-banner .v-center p {
    font-size: 1.7em;
    -webkit-animation: fade-in ease-in-out 2s 1s both;
    -moz-animation: fade-in ease-in-out 2s 1s both;
    animation: fade-in ease-in-out 2s 1s both;
    margin-top: 20px;
    font-family: 'Inter', sans-serif;
}
	
.sect-banner ul.kf-slider li {
    height: 100% !important;
    width: 100%;
    position: absolute;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 0;
    opacity: 0;
    -webkit-animation: fade-out 18s infinite both;
    -moz-animation: fade-out 18s infinite both;
    animation: fade-out 18s infinite both;

}
	
.sect-banner ul.kf-slider li {
} 
		
 
.sect-banner ul.kf-slider li:nth-child(2) {

    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    animation-delay: 6s; 
}
.sect-banner ul.kf-slider li:nth-child(3) {

  -webkit-animation-delay: 9s;
  -moz-animation-delay: 9s;
  animation-delay: 9s; 
}

.sect-banner ul.kf-slider li:nth-child(4) {

  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s; 
}
	

.sect-banner ul.kf-slider li:nth-child(5) {

  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  animation-delay: 15s; 
}


.sect-banner ul.kf-slider li:nth-child(6) {
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  animation-delay: 18s; 
}

.sect-banner ul.kf-slider li:nth-child(7) {
  -webkit-animation-delay: 22s;
  -moz-animation-delay: 22s;
  animation-delay: 22s; 
}
.sect-banner .banner-bg {
    height: 100% !important;
    width: 100%;
    position: absolute;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 0;
    background-image: url("../images/banner-1-sm.jpg");
    -webkit-animation: slider-sm ease-in-out 30s both infinite;
    -moz-animation: slider-sm ease-in-out 30s both infinite;
    animation: slider-sm ease-in-out 30s both infinite; 
}

@media (min-width: 58em) {
  .sect-banner .banner-bg {
	background-image: url("../images/banner-1.jpg");
	-webkit-animation: slider-lg ease-in-out 30s both infinite;
	-moz-animation: slider-lg ease-in-out 30s both infinite;
	animation: slider-lg ease-in-out 30s both infinite; } }

/*-- Fade ins --*/
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*-- Fade out for slider --*/
@keyframes fade-out {
  25% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*-- Keyframes Slider - Sm --*/
@-webkit-keyframes slider-sm {

  }
@-moz-keyframes slider-sm {

}
@keyframes slider-sm {

}

/*-- Keyframes Slider - Lg --*/
@-webkit-keyframes slider-lg {

}
@-moz-keyframes slider-lg {

}
@keyframes slider-lg {

}


/* =======================================================
* 	Content
* ======================================================= */

#main{
	overflow: hidden;
}

#content{
	position: relative;
	z-index: 1;
	padding-bottom: 0px;
}

/*-- sub content --*/
.sub-content{
	padding: 10px 0;
}

.sub-content.list{
	padding: 40px 0 80px 0;
}

.sub-content-story{
	padding: 60px 0 60px 0;
}

/*-- slogan --*/

.slogan,
.slogan-white,
.slogan-black,
.our-team
{
	font-family: 'Playfair Display';
	font-size: 2.3em;
	line-height: 150%;
	text-align: center;
}

.slogan{
	color: #6d6b6b;
  padding: 80px 0 40px 0;
}

.slogan-white{ 
	color: #fff; 
	padding-bottom: 50px;
}

.slogan-black{
	color: #6d6b6b;
	padding-top: 60px;
	padding-bottom: 15px;
	font-family: 'Playfair Display';
}

.slogan-black.service{
	padding-top: 30px;
}

.our-team{
	color: #fff; 
	padding: 50px 0;
}

.slogan-child{
	/* font-family: 'Lato'; */
	font-family: 'Playfair Display', sans-serif;
	font-size: 1.7em;
	color: #939393;
	text-align: center;
	padding: 5px 0px 0px 0px;
}

.line-slogan{
	margin: auto;
	width: 160px;
}

.line-slogan img{
	opacity: 0.3;
}

/*-- product description --*/

.product-desc,
.blog-desc
{
	padding: 25px 0px 0px 0px;
	text-align: center;
}

.product-desc-wrap{
	position: relative;
	top: 50%;
	padding: 0 12%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.product-desc h2,
.blog-desc h2
{
	font-family: 'Playfair Display';
	text-align: center;
	color: #fff;
	padding-bottom: 15px;
}

.product-desc h2{font-size: 2em;color: black;}

.product-price,
.product-name,
.related-product
{
	/* font-family: 'Lato'; */
	font-family: 'Playfair Display', sans-serif;
	font-weight: bold;
	color: #fff;
}
.product-desc p {
  padding: 0px 35px ;
  text-align: center;
  font-size: 1.3em;
}
.related-product{
	/* padding-left: 15px; */
	padding-bottom: 15px;
}

.blog-desc h2{ 
	font-size: 24px; 
	font-weight: bold;
}

.blog-text{
	padding-top: 50px;
	padding-bottom: 50px;
}

.blog-text p,
.author p
{
	/* font-family: 'Lato'; */
	font-family: 'Playfair Display', sans-serif;
    font-size: 1.1em;
    color: #858b90;
}

.author{
	background-color: #f9f7f2;
	padding:20px;
}

.author h5{
	color: #fff;
	padding-bottom: 5px;
}

.author p{
	margin-bottom: 10px;
}

#author-name{
	color: #cca500;
}

#search-container{
	width: 100%; 
	padding: 15px 15px; 
	text-align:right;
}

#search-wrap{
	display: inline-block;
}

#search-wrap button{
	background-color: #fff;
	border: none;
}

#search-wrap input{
	height: 32px;
	border: 1px solid #e0dfde;
}

.product-desc p,
.product-info, 
.blog-desc p
{
    /* font-family: 'Lato'; */
		font-family: 'Playfair Display', sans-serif;
    font-size: 1.3em;
	color: #858b90;
	line-height: 1.6;
}

.product-desc p{  
	padding-bottom: 20px;
	text-align: center;
}

.product-info p{
	padding: 20px 0;
	margin: 0;
	color: #6d6b6b;
	font-size: 16px;
}

.product-info ul{
	padding: 0 18px;
}

.blog-desc p{  
	padding-bottom: 5px; 
	text-align: center;
}

.line{
	height: 1px;
	width: 60px;
	background-color: #d3d3d3;
	margin: auto;
}

.product-wrap{
	position: relative;
	margin: 15px;
	padding: 15px;
	border: 2px solid #f6f6f8;
	text-align: center;
}

.product-wrap.newest{
	border: 1px solid #f8f8f8;

}

.product-link i{
	opacity: 0;
	position: absolute;
	top: 40%;
	left: 44%;
	background-color: #d61f1e;
	color: #ffffff;
	padding: 5px;
	transform: scale(0, 0);
	-webkit-transform:scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.product-link:hover > i{
	opacity: 1;
	
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
}

.cart-btn{
	margin-top: 2em;
    background-color: #f3f1ed;
    border-color: #d61f1e;
    color: #6a6f73;
}

.cart-btn.detail{
	padding: 15px 20px;
}

.product-img{
	width: auto;
	height: auto;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	border-radius: 7px;
	transition:0.4s
}

#paging{
	padding: 15px 0;
}

#paging a{
	color: #8a6d3b;
}

.box{
	
	margin: 0 15px;
}

.box p{
	/* font-family: 'Lato'; */
	/* font-family: 'Playfair Display', sans-serif; */
	font-size: 1.3em;
	text-align: center;
	color: #858b90;
	line-height: 1.9;
  padding: 15px 15px 0px;
	font-family: 'Inter', sans-serif;
}

.box-header{
	font-family: 'Playfair Display';
	font-size: 2em;
	color: #6d6b6b;
	text-align: center;
	line-height: 2;
  border-bottom: 1px solid #d61f1e;
	/* background-color: #d61f1e; */
	
}

/*-- kitchen icon --*/

.kitchen-icon,
.contact-icon
{
	padding: 5px;
}

.kitchen-icon .text-center,
.contact-icon .text-center
{
	padding: 15px 10px;
	background-color: #fafafa;
}

.kitchen-icon h4,
.contact-icon h4
{
	/* font-family: 'Lato'; */
	font-family: 'Playfair Display', sans-serif;
	padding-top: 20px;
}

.kitchen-icon p,
.contact-icon p
{
	font-family: 'Open Sans';
}

.round-link{
	display: flex;
  align-items: center;
	border-radius: 50%;
	padding: 20px;
	width: 85px;
	height: 85px;
	background-color: #efede9;
  transition: 0.6s;
}

.round-link:hover{
	background-color: #cac6be;
	border: 1px solid red;
  color: red;
  transition: 0.6s;
}

.service-wrap{
	position: relative;
	margin-bottom: 60px;
}

#service-img-container{
	padding-left: 15px;
	padding-right: 15px;
}

.service-img-wrap{
	position: absolute;
}

#service-img{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 350px;
	margin-top: 80px;	
}

.service-container{
	padding-bottom: 30px;
}

.service-desc{
	display: inline-block;
	overflow: hidden;
	padding-left: 7.9em;
	padding-right: 15px;
}

.service-desc h4{
	font-family: 'Playfair Display';
	font-weight: bold;
	color: #6d6b6b;
	font-size: 20px;
}

.service-desc p{
	/* font-family: 'Lato'; */
	/* font-family: 'Playfair Display', sans-serif; */
	font-size: 15px;
	color: #858b90;
	line-height: 1.6;
	padding-top: 10px;
	word-wrap: break-word;
	font-family: 'Inter', sans-serif;
}

.line-service{
	/*margin-left: 15px;*/
	width: 25%;
	height: 1px;
	background-color: #d7d5d1;
}

.product-container{
	border: 2px solid #d61f1e;
}

.round-img{
	width: 100%;
	height: 100%;
}

/*-- section divider --*/
.section-divider-black{
	background-color: rgba(0,0,0,.6);
}

.section-divider-black p{
	color: #fff;
}

.section-divider-white{
	background-color: #ffffff;
	padding-bottom: 50px;
}

.section-divider-yellow{
	background-color: #ffe34c; 
	padding-top: 2em; 
	padding-bottom: 3em;
}

.section-divider-yellow h2{
	color: #663300; 
	padding-bottom: 40px;
}

.section-divider-grey{
	background-color: #fafafa;
}

.section-divider-img{
	position: relative;
	background-size: cover;
	background-position: center;
	padding: 15.3% 0;
}
.section-divider-img.divider-img-2{
	padding: 13% 0;
}
.section-divider-img.contact{	
	padding: 3.2% 0;
}

.section-divider-img:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.section-divider-img h1{
	position: relative;
	font-family: 'Playfair Display';
	font-size: 2.6em;
	color: rgba( 255, 255, 255, 0.8);
	text-align: center;
	width: 75%;
	margin: auto;
	line-height: 1.3;
	letter-spacing: 3px;
	z-index: 1;
	font-weight: 900;
}

.large-divider{
	background-size:cover;
	background-position: center bottom;
	background-repeat:no-repeat;
	/*padding: 4em 0 10em 0;*/
	padding: 0 0 55px 0;
}

.read-more{
	margin-top: 0.4em;
	background-color: #e1ddd3;
	border-color: #e1ddd3;
	color: #000;
}

.read-more:hover,
.cart-btn:hover
{
	background-color: #efede9;
  border-color: #d61f1e;
	color: #858b90;
}

.product-divider{
	background-size: cover; 
	margin-top: 50px;
}

.product-divider-layer{
	background-color: rgba(0,0,0,.6);
}

.team-divider{
	background-size: cover; 
	margin-top: 100px;
	background-color: rgba(0,0,0,.6);
}

/* =======================================================
* 	About us
* ======================================================= */

.team-info-container{
	position: relative;
	width: 100%;
	padding: 0 30px;
	
	-webkit-transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	-o-transform:translateY(-30%);
	transform: translateY(-30%);
}

.team-info{
	width: 100%;
	height: 100%;
	padding: 20px 15px;
	background-color: #fff;
	border-bottom: 2px solid #ffe34c;
	text-align: center;
	
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
}

.team-info h3{
	/* font-family: 'Lato'; */ 
	font-family: 'Playfair Display', sans-serif;
	color: #6b737b;
	font-size: 1.4em;
    font-weight: bold;
	padding-bottom: 10px;
}

.team-socials.social-icons a{
	color: #7e7e7e;
	padding: 0px 10px;	
}

/* =======================================================
* 	Contact
* ======================================================= */

#contact{
	position: relative;
}

.round-div
{
	width: 120px;
    height: 120px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #ffe34c;
	padding: 35px;
	margin: auto;
}

.contact-icon i{
	color: #fff;
}

.contact-icon p{
	line-height: 1.7;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	color: #6d6b6b;
}

.contact-icon a{
	color: #6d6b6b;
	font-family: 'Inter', sans-serif!important;
	font-size:16px;
}

.phone,
.mail
{
	background-color: #6d6b6b;
}

#round-left,
#round-right
{
	position: absolute;
	width: 50%;
	height: 40px;
	bottom: 0;
	border-top: 2px solid #7b6418;
}

#round-left{
	border-radius: 0 80px 0 0;
}

#round-right{
	left: 50%;
	border-radius: 80px 0 0 0;
}

label{
	/* font-family: 'Lato'; */
	font-family: 'Playfair Display', sans-serif;
	color: #4e4a41;
}

.btn-mail{
	color: #fff;
	background-color: rgba( 0, 0, 0, .6);
}

.btn-mail:hover{
	background-color: #4E4A41;
}

/* =======================================================
* 	Footer
* ======================================================= */

footer{
	border-top: 1px solid #d61f1e42;
	padding: 30px 30px 0px 30px;
	min-height: 100px;
	background: linear-gradient(0deg, white, #f9f7f1);
}

.footer-label img{ padding-right: 10px; }

footer .title-text1,
footer .title-text2
{
	padding-bottom: 0;
	color: #ffcf00;
}

footer .title-text1{
	font-size: 2.2em;
}

footer .title-text2{
	font-size: 2.2em;
}

#footer-leaf{
	position: absolute;
	left: 160px;
	top: -40px;
	width: 90px;
	height: 90px;
}

/*-- footer links --*/

.footer-links {
	padding: 0;
	margin: 0;
}

.footer-links li {
	padding: 5px 0;
	margin: 0;
	list-style: none;
}

.footer-links li a {
	/* font-family: 'Lato'; */
	font-size: 16px;
	color: #6d6b6b;
	text-decoration: none;
	font-family: 'Inter', sans-serif;
}

.footer-links li a:hover {
	text-decoration: underline;
}

/*-- footer widget --*/

.footer-widget {
	position: relative;
	padding-bottom: 50px;
}

.footer-widget p {
	/* font-family: 'Lato'; */
	/* font-family: 'Playfair Display', sans-serif; */
	font-size: 15px;
	color: #4b4b4b;
	margin-top: 24px;
	text-align: left;
	margin-left: -50px;
	font-family: 'Inter', sans-serif;
}

#del-code{
	color: #ffcf00;
}

.footer-link-container
{
	padding-bottom: 50px;
}

.footer-link-container p,
.footer-social-container p
{
	/* font-family: 'Lato'; */
	/* font-family: 'Manrope', sans-serif; */
	font-size: 1.35em;
	color: #d61f1e;
	padding-top: 10px;
	/* font-family: 'Playfair Display'; */
}

.footer-social-container{
	padding-bottom: 20px;
}

.footer-label{
	margin-top: 2.5em;
}

.footer-label div{
	padding-left: 0;
	padding-right: 20px;
}

#subscribe{
	margin-top: 8.2em;
	background-color: #ffcf00;
    border-color: #ffcf00;
	color: #fff;
}

#subscribe:hover{
	background-color: #ffe34c;
    border-color: #ffe34c;
}

#copyright{
	text-align: center;
	color: #fff;
	padding: 0.5em 0;
	margin: 0;
	background-color: #000000e0;
	align-items: center;
}

.block {
  display: block;
  color: #fff;
}

.block  a{
	color: #fff;
}

/*-- footer social icons --*/
	
.social-icons {
	margin: 0;
	padding: 0;
}

.social-icons li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

.social-icons a {
	color: #fff;
	display: inline-block;
	padding-top: 5px;
	padding-right: 15px;
}

.social-icons a :hover{
	color: #d51f1e;
}

.social-icons i {
	font-size: 20px;
	color: #4b4b4b;
}

/* =======================================================
* 	Go to Top
* ======================================================= */

.gototop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.gototop.active {
	opacity: 1;
	visibility: visible;
}

.gototop a {
	width: 50px;
	height: 50px;
	display: table;
	background-color: #202224ba;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.gototop a i {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}

.gototop a:hover, .gototop a:active, .gototop a:focus {
	text-decoration: none;
	outline: none;
}

.product-img.mx-auto {

  transition: box-shadow 0.3s ease, border 0.5s ease;
}

.card-top-contact{
  min-height: 285px;;
}

.product-desc h2 a{
	color: #6d6b6b;
	text-decoration:none;
}




/* https://codepen.io/yuhomyan/pen/OJMejWJ */

.custom-btn {
  width: 130px;
  height: 40px;
  color: #404040;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow:
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}

/* 1 */
.btn-1 {
  background: rgb(6,14,131);
  background: linear-gradient(0deg, rgba(6,14,131,1) 0%, rgba(12,25,180,1) 100%);
  border: none;
}
.btn-1:hover {
   background: rgb(0,3,255);
background: linear-gradient(0deg, rgba(0,3,255,1) 0%, rgba(2,126,251,1) 100%);
}

/* 2 */
.btn-2 {
  background: rgb(96,9,240);
  background: linear-gradient(0deg, rgba(96,9,240,1) 0%, rgba(129,5,240,1) 100%);
  border: none;
  
}
.btn-2:before {
  height: 0%;
  width: 2px;
}
.btn-2:hover {
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .5), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .4);
}


/* 3 */
.btn-3 {
  background: rgb(0,172,238);
background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
  width: 130px;
  height: 40px;
  line-height: 42px;
  padding: 0;
  border: none;
  
}
.btn-3 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-3:before,
.btn-3:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
   background: rgba(2,126,251,1);
  transition: all 0.3s ease;
}
.btn-3:before {
  height: 0%;
  width: 2px;
}
.btn-3:after {
  width: 0%;
  height: 2px;
}
.btn-3:hover{
   background: transparent;
  box-shadow: none;
}
.btn-3:hover:before {
  height: 100%;
}
.btn-3:hover:after {
  width: 100%;
}
.btn-3 span:hover{
   color: rgba(2,126,251,1);
}
.btn-3 span:before,
.btn-3 span:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
   background: rgba(2,126,251,1);
  transition: all 0.3s ease;
}
.btn-3 span:before {
  width: 2px;
  height: 0%;
}
.btn-3 span:after {
  width: 0%;
  height: 2px;
}
.btn-3 span:hover:before {
  height: 100%;
}
.btn-3 span:hover:after {
  width: 100%;
}

/* 4 */
.btn-4 {
  background-color: #4dccc6;
background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);
  line-height: 42px;
  padding: 0;
  border: none;
}
.btn-4:hover{
  background-color: #89d8d3;
background-image: linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%);
}
.btn-4 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-4:before,
.btn-4:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
   box-shadow:  4px 4px 6px 0 rgba(255,255,255,.9),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.9),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
  transition: all 0.3s ease;
}
.btn-4:before {
  height: 0%;
  width: .1px;
}
.btn-4:after {
  width: 0%;
  height: .1px;
}
.btn-4:hover:before {
  height: 100%;
}
.btn-4:hover:after {
  width: 100%;
}
.btn-4 span:before,
.btn-4 span:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.9),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.9),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
  transition: all 0.3s ease;
}
.btn-4 span:before {
  width: .1px;
  height: 0%;
}
.btn-4 span:after {
  width: 0%;
  height: .1px;
}
.btn-4 span:hover:before {
  height: 100%;
}
.btn-4 span:hover:after {
  width: 100%;
}

/* 5 */
.btn-5 {
  width: 130px;
  height: 40px;
  line-height: 38px;
  padding: 0;
  border: none;
  background: #D6322D;
  color: #ffffff!important;
}
.btn-5:hover {
  color: #f0094a;
  background: #d61f1e;
  box-shadow:none;
  color: white!important;
  text-decoration: none;
}
.btn-5:before,
.btn-5:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.btn-5:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn-5:hover:before,
.btn-5:hover:after{
  width:100%;
  transition:800ms ease all;
}

a.custom-btn.btn-5{
	color:white;
	margin-top: -5px;
	margin-bottom: 17px;
}

a.custom-btn.btn-5 {}

a.custom-btn.btn-5:hover{
	color:rgb(0, 0, 0);
}


/* 6 */
.btn-6 {
  background: rgb(247,150,192);
background: radial-gradient(circle, rgba(247,150,192,1) 0%, rgba(118,174,241,1) 100%);
  line-height: 42px;
  padding: 0;
  border: none;
}
.btn-6 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-6:before,
.btn-6:after {
  position: absolute;
  content: "";
  height: 0%;
  width: 1px;
 box-shadow:
   -1px -1px 20px 0px rgba(255,255,255,1),
   -4px -4px 5px 0px rgba(255,255,255,1),
   7px 7px 20px 0px rgba(0,0,0,.4),
   4px 4px 5px 0px rgba(0,0,0,.3);
}
.btn-6:before {
  right: 0;
  top: 0;
  transition: all 500ms ease;
}
.btn-6:after {
  left: 0;
  bottom: 0;
  transition: all 500ms ease;
}
.btn-6:hover{
  background: transparent;
  color: #76aef1;
  box-shadow: none;
}
.btn-6:hover:before {
  transition: all 500ms ease;
  height: 100%;
}
.btn-6:hover:after {
  transition: all 500ms ease;
  height: 100%;
}
.btn-6 span:before,
.btn-6 span:after {
  position: absolute;
  content: "";
  box-shadow:
   -1px -1px 20px 0px rgba(255,255,255,1),
   -4px -4px 5px 0px rgba(255,255,255,1),
   7px 7px 20px 0px rgba(0,0,0,.4),
   4px 4px 5px 0px rgba(0,0,0,.3);
}
.btn-6 span:before {
  left: 0;
  top: 0;
  width: 0%;
  height: .5px;
  transition: all 500ms ease;
}
.btn-6 span:after {
  right: 0;
  bottom: 0;
  width: 0%;
  height: .5px;
  transition: all 500ms ease;
}
.btn-6 span:hover:before {
  width: 100%;
}
.btn-6 span:hover:after {
  width: 100%;
}

/* 7 */
.btn-7 {
background: linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%);
  line-height: 42px;
  padding: 0;
  border: none;
}
.btn-7 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-7:before,
.btn-7:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: rgba(251,75,2,1);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-7:before{
   height: 0%;
   width: 2px;
}
.btn-7:after {
  width: 0%;
  height: 2px;
}
.btn-7:hover{
  color: rgba(251,75,2,1);
  background: transparent;
}
.btn-7:hover:before {
  height: 100%;
}
.btn-7:hover:after {
  width: 100%;
}
.btn-7 span:before,
.btn-7 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: rgba(251,75,2,1);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-7 span:before {
  width: 2px;
  height: 0%;
}
.btn-7 span:after {
  height: 2px;
  width: 0%;
}
.btn-7 span:hover:before {
  height: 100%;
}
.btn-7 span:hover:after {
  width: 100%;
}

/* 8 */
.btn-8 {
  background-color: #f0ecfc;
background-image: linear-gradient(315deg, #f0ecfc 0%, #c797eb 74%);
  line-height: 42px;
  padding: 0;
  border: none;
}
.btn-8 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-8:before,
.btn-8:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: #c797eb;
  /*box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
  transition: all 0.3s ease;
}
.btn-8:before{
   height: 0%;
   width: 2px;
}
.btn-8:after {
  width: 0%;
  height: 2px;
}
.btn-8:hover:before {
  height: 100%;
}
.btn-8:hover:after {
  width: 100%;
}
.btn-8:hover{
  background: transparent;
}
.btn-8 span:hover{
  color: #c797eb;
}
.btn-8 span:before,
.btn-8 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: #c797eb;
  /*box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
  transition: all 0.3s ease;
}
.btn-8 span:before {
  width: 2px;
  height: 0%;
}
.btn-8 span:after {
  height: 2px;
  width: 0%;
}
.btn-8 span:hover:before {
  height: 100%;
}
.btn-8 span:hover:after {
  width: 100%;
}
  

/* 9 */
.btn-9 {
  border: none;
  transition: all 0.3s ease;
  overflow: hidden;
}
.btn-9:after {
  position: absolute;
  content: " ";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   background-color: #1fd1f9;
background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);
  transition: all 0.3s ease;
}
.btn-9:hover {
  background: transparent;
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
  color: #fff;
}
.btn-9:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
}

/* 10 */
.btn-10 {
  background: rgb(22,9,240);
background: linear-gradient(0deg, rgba(22,9,240,1) 0%, rgba(49,110,244,1) 100%);
  color: #fff;
  border: none;
  transition: all 0.3s ease;
  overflow: hidden;
}
.btn-10:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  -webkit-transform: scale(.1);
  transform: scale(.1);
}
.btn-10:hover {
  color: #fff;
  border: none;
  background: transparent;
}
.btn-10:hover:after {
  background: rgb(0,3,255);
background: linear-gradient(0deg, rgba(2,126,251,1) 0%,  rgba(0,3,255,1)100%);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* 11 */
.btn-11 {
  border: none;
  background: rgb(251,33,117);
  background: linear-gradient(0deg, rgb(214 31 30) 0%, rgb(213 31 30) 100%);
  color: #fff;
  overflow: hidden;
}
.btn-11:hover {
    text-decoration: none;
    color: #fff;
}
.btn-11:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
.btn-11:hover{
  opacity: .7;
}
.btn-11:active{
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


/* 12 */
.btn-12{
  position: relative;
  right: 20px;
  bottom: 20px;
  border:none;
  box-shadow: none;
  width: 130px;
  height: 40px;
  line-height: 42px;
  -webkit-perspective: 230px;
  perspective: 230px;
}
.btn-12 span {
  background: rgb(0,172,238);
background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
  display: block;
  position: absolute;
  width: 130px;
  height: 40px;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  border-radius: 5px;
  margin:0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn-12 span:nth-child(1) {
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12 span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12:hover span:nth-child(1) {
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.btn-12:hover span:nth-child(2) {
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
 color: transparent;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}


/* 13 */
.btn-13 {
  background-color: #89d8d3;
background-image: linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%);
  border: none;
  z-index: 1;
}
.btn-13:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
   background-color: #4dccc6;
background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
  transition: all 0.3s ease;
}
.btn-13:hover {
  color: #fff;
}
.btn-13:hover:after {
  top: 0;
  height: 100%;
}
.btn-13:active {
  top: 2px;
}


/* 14 */
.btn-14 {
  background: rgb(255,151,0);
  border: none;
  z-index: 1;
}
.btn-14:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  background-color: #eaf818;
  background-image: linear-gradient(315deg, #eaf818 0%, #f6fc9c 74%);
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5);
   /* 7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1); */
  transition: all 0.3s ease;
}
.btn-14:hover {
  color: #000;
}
.btn-14:hover:after {
  top: auto;
  bottom: 0;
  height: 100%;
}
.btn-14:active {
  top: 2px;
}

/* 15 */
.btn-15 {
  background: #f9f7f1;
  border: none;
  z-index: 1;
}
.btn-15:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  text-decoration: none!important;
  z-index: -1;
  background-color: #d61f1e;
  border-radius: 5px;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  transition: all 0.3s ease;
}
.btn-15:hover {
  color: #fff;
  text-decoration: none!important;
}
.btn-15:hover:after {
  left: 0;
  width: 100%;
}
.btn-15:active {
  top: 2px;
}


/* 16 */
.btn-16 {
  border: none;
  color: #000;
}
.btn-16:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  direction: rtl;
  z-index: -1;
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
  transition: all 0.3s ease;
}
.btn-16:hover {
  color: #000;
}
.btn-16:hover:after {
  left: auto;
  right: 0;
  width: 100%;
}
.btn-16:active {
  top: 2px;
}





.wrapheader {
	background: #ffffff00;
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: baseline;
	padding: 0px 310px;
	z-index: 9999;
}

.scrolled {
	background: #f9f7f3c9;
	align-items: flex-start !important;
	padding: 20px 310px;
	max-height: 65px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	/* border: solid 1px #d61f1e; */
}

.scrolled nav a {
	color: #6d6b6b!important;
}

.wrapheader nav a {
	margin: 0 1em;
	color: white;
	text-decoration: none;
	 font-family: 'Playfair Display', sans-serif;
	font-size: 18px;
	/* font-weight: 900; */
}

.wrapheader .logonew img {
	height: 200px;
	clip-path: inset(0 0 0 0);
	margin-top: 0;
	transition: 200ms clip-path 0ms, 200ms margin-top 0ms;
}

.wrapheader.scrolled .logonew img {
	clip-path: inset(107px 0 0 0);
	margin-top: -110px;
	height: 180px;
}

.none {
	display: none;
}


.swiper {
	width: 100%!important;
	max-width: 1280px!important;
	height: 300px!important;
	margin-top: 40px!important;
}
.swiper-slide {
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	background: #eee!important;
}


.scrolled a:hover{
	color:rgb(195, 28, 27)!important;
}

#copyright a {
	color:white;
	text-decoration:none;
}
.btn{
  padding: 0.75rem 2.75rem;
  font-family: 'Inter', sans-serif;
  border-radius: 7px;
}
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(198,28,27,.5);
}
.wrapheader nav a{
  position: relative;
}
.wrapheader nav a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px; 
  margin-top:2px;
  background-color: #d61f1e; 
  transition: width 0.3s ease-in-out; 
}
.wrapheader nav a:hover::after{
  width:100%;
}
.product-link{
  display: flex;
  justify-content: center;
  background-color: #F6F6F8;
}
.product-link .img-fluid{max-width:100%;height:169px}


.breadcrumb1{
  position: absolute;
    margin-top: 185px;
}

.breadcrumb-item a{
  color:white!important;
}

.breadcrumb-item.active{
  color:#cd1e1c!important;
}

.breadcrumb{
  background-color:#e9ecef00!important;

} 


.wrapheader nav a:hover{
color:#d61f1e;
}

.wrapheader nav a::after:hover{
  color:#d61f1e;
}


/* yeni ürün list */
.containerprod {
  position: relative;
}

.containerprod .prod {
  position: relative;
  width: 320px;
  height: 450px;
  background: #ffffff;
  /* background: #F6F6F8; */
  border-radius: 12px;
  overflow: hidden;
  border: 1px;
  border-style: groove;
  border-color: #aeaeae;
}

.containerprod .prod:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d61f1e;
  clip-path: circle(150px at 80% 20%);
  transition: 0.5s ease-in-out;
}

.containerprod .prod:hover:before {
  clip-path: circle(359px at 55% -25%);
  /* circle(300px at 80% -20%); */
}

.containerprod .prod:after {
  content: 'Sultan Gıda';
  position: absolute;
  top: 71%;
  left: 15%;
  font-size: 3em;
  font-weight: 800;
  font-style: italic;
  color: rgb(255 255 255 / 6%);
}

.containerprod .prod .imgBx {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 250;
  width: 100%;
  height: 220px;
  transition: 0.5s;
}

.containerprod .prod:hover .imgBx {
  top: 3%;
  transform: translateY(0%);

}

.containerprod .prod .imgBx img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  width: 270px;
}

.containerprod .prod .contentBx {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  text-align: center;
  transition: 1s;
  z-index: 10;
}

.containerprod .prod:hover .contentBx {
  height: 210px;
}

.containerprod .prod .contentBx h2 {
  position: relative;
  font-weight: 600;
  letter-spacing: 1px;
  color: #6d6b6b;
  margin: 13px;
  font-family: 'Playfair Display';
  margin-bottom: 20px;
  font-size: 21px;
}

.containerprod .prod .contentBx .size,
.containerprod .prod .contentBx .color {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.containerprod .prod:hover .contentBx .size {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.5s;
}

.containerprod .prod:hover .contentBx .color {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.6s;
}

.containerprod .prod .contentBx .size h3,
.containerprod .prod .contentBx .color h3 {
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 10px;
}

.containerprod .prod .contentBx .size span {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  font-size: 14px;
  display: inline-block;
  color: #111;
  background: #fff;
  margin: 0 5px;
  transition: 0.5s;
  color: #111;
  border-radius: 4px;
  cursor: pointer;
}

.containerprod .prod .contentBx .size span:hover {
  background: #9bdc28;
}

.containerprod .prod .contentBx .color span {
  width: 20px;
  height: 20px;
  background: #ff0;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

.containerprod .prod .contentBx .color span:nth-child(2) {
  background: #9bdc28;
}

.containerprod .prod .contentBx .color span:nth-child(3) {
  background: #03a9f4;
}

.containerprod .prod .contentBx .color span:nth-child(4) {
  background: #e91e63;
}

.containerprod .prod .contentBx a {
  display: inline-block;
  padding: 10px 20px;
  background: #fff;
  border-radius: 4px;
  margin-top: 10px;
  text-decoration: none;
  font-weight: 600;
  color: #6d6b6b;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.5s;
  margin-top: 0;
  border: solid 1px #d61f1e;

}
.containerprod .prod .contentBx a:hover {
  
  background: #d61f1e;
  color: #fff;

  border: solid 1px #d61f1e;
}


.containerprod .prod:hover .contentBx a {
  opacity: 1;
  transform: translateY(0px);
  /* transition-delay: 0.75s; */
}

.slick-dots li button:before {
  color: #d61f1e !important;
}

.slick-dots li.slick-active button:before {
  color: #d61f1e !important;
}




/* sosyal medya */

.site {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.wrappersocial {
  display: flex;
  flex-direction: row;
  padding: 20px;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.wrappersocial a {
  text-decoration: none;
}



.fab {
  margin: auto;

}

.social {
  color: #FFF;
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.social:hover {
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
  transition: all ease 0.5s;
  -moz-transition: all ease-in 0.5s;
  -webkit-transition: all ease-in 0.5s;
  -o-transition: all ease-in 0.5s;

}

.facebook {
  color: #4267B2;
}

.twitter {
  color: #1DA1F2;

}

.youtube {
  color: #c4302b;
}

.pinterest {
  color: #c8232c;
}

.instagram {
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;

}

.tumblr {
  color: #34526f;
}

.whatsapp {
  color: #25D366;
}

.bg-ico {
  display: flex;
  background-color: #f9f7f1;
  width: 90px;
  height: 90px;
  line-height: 90px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 28%;
  box-shadow: 0 5px 11px -7px rgb(214 31 30 / 58%);
  opacity: 0.99;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;

}

.bg-ico:hover {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.8);
}

#facebook:hover {
  background-color: #4267B2;
}

#twitter:hover {
  background-color: #1DA1F2;

}

#youtube:hover {
  background-color: #c4302b;
}

#pinterest:hover {
  background-color: #c8232c;
}

#instagram:hover {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);


}

#tumblr:hover {
  background-color: #34526f;
}

#whatsapp:hover {
  background-color: #25D366;
}

.facebook:hover,
.twitter:hover,
.youtube:hover,
.pinterest:hover,
.instagram:hover,
.tumblr:hover,
.whatsapp:hover {
  color: #fff;
  transform: scale(1.3);

}

.h2{
  font-family: 'Playfair Display'!important;
    font-size: 1.7em!important;
    color: #6d6b6b!important;
}

.h2 a{

    font-family: 'Playfair Display'!important;
      font-size: 1em!important;
      color: #6d6b6b!important;

}


/* product detail slider  */
#detail.slick-slider .slick-prev,
  .slick-slider .slick-next {
    z-index: 100;
    font-size: 2.5em;
    height: 40px;
    width: 40px;
    margin-top: -20px;

    position: absolute;
    top: 50%;
    text-align: center;
    color: #000 !important;
    opacity: .3;
    transition: opacity .25s;
    cursor: pointer;
  }

  .slick-slider .slick-prev:hover,
  .slick-slider .slick-next:hover {
    opacity: .65;
  }

  .slick-slider .slick-prev {
    left: 0;
  }

  .slick-slider .slick-next {
    right: 0;
  }

  #detail .product-images {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #eee;
  }

  #detail .product-images li,
  #detail .product-images figure,
  #detail .product-images a,
  #detail .product-images img {
    display: block;
    outline: none;
    border: none;
  }

  #detail .product-images .main-img-slider figure {
    margin: 0 auto;
    padding: 0 2em;
  }

  #detail .product-images .main-img-slider figure a {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
  }

  #detail .product-images .main-img-slider figure a img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  #detail .product-images .thumb-nav {
    margin: 0 auto;
    padding: 20px 10px;
    max-width: 600px;
  }

  #detail .product-images .thumb-nav.slick-slider .slick-prev,
  #detail .product-images .thumb-nav.slick-slider .slick-next {
    font-size: 1.2em;
    height: 20px;
    width: 26px;
    margin-top: -10px;
  }

  #detail .product-images .thumb-nav.slick-slider .slick-prev {
    margin-left: -30px;
  }

  #detail .product-images .thumb-nav.slick-slider .slick-next {
    margin-right: -30px;
  }

  #detail .product-images .thumb-nav li {
    display: block;
    margin: 0 auto;
    cursor: pointer;
  }

  #detail .product-images .thumb-nav li img {
    display: block;
    width: 100%;
    max-width: 75px;
    margin: 0 auto;
    border: 2px solid transparent;
    -webkit-transition: border-color .25s;
    -ms-transition: border-color .25s;
    -moz-transition: border-color .25s;
    transition: border-color .25s;
  }

  #detail .product-images .thumb-nav li:hover,
  #detail .product-images .thumb-nav li:focus {
    border-color: #999;
  }

  #detail .product-images .thumb-nav li.slick-current img {
    border-color: #d61f1e;
  }

  /* product slider */

  #ajax-form label.error  {
		/* Buraya label için özel stil özellikleri ekleyebilirsiniz */
		background: #ea4336;
		color: white;
		padding: 5px;
		margin-top: 5px;
		width: 100%;
		font-weight: 900;
	}

	#ajax-form input.error {
		/* Buraya input için özel stil özellikleri ekleyebilirsiniz */
		border: solid 1px #ea4336;
	}


  #ajax-career-form label.error  {
		/* Buraya label için özel stil özellikleri ekleyebilirsiniz */
		background: #ea4336;
		color: white;
		padding: 5px;
		margin-top: 5px;
		width: 100%;
		font-weight: 900;
	}

	#ajax-career-form input.error {
		/* Buraya input için özel stil özellikleri ekleyebilirsiniz */
		border: solid 1px #ea4336;
	}


  @media (max-width: 767px) {
    .mobile-hide {
      display: none;
    }
  }

  @media only screen and (max-width: 1200px) {
    .wrapheader {
      padding: 0px 100px;
  }
  .wrapheader .logonew img {
    height: 100px;
  }
  .scrolled {
    align-items:center !important;
  }
  .wrapheader.scrolled .logonew img {
    margin-top: -85px;
  }

  }


  /* Mobil Uyumlu Tasarım */
@media only screen and (max-width: 1060px) {
  /* Ekran genişliği 600px'e kadar olan cihazlar için stil ayarları */
  #full-screen-slider {
    height: auto !important;
  }
  .center-text {
    top: 25% !important;
}

 .slogan-container h2{
  font-size:25px;
 }

 .slogan{
  padding:30px 0 30px 0;
 }

 .containerprod .prod{
  height: 330px;
  width: auto;
 }

 .section-divider-white{
  padding-bottom:0px;
 }

 .sub-content-story{
  padding: 30px 0 30px 0;
 }

 .section-divider-img h1{
  font-size:15px!important;
  padding:10px;
 }
 .section-divider-img h1{
  width:100%;
  letter-spacing:2px;
 }

 .slogan-black{
  padding-top: 30px;
  padding-bottom: 0px;
 }

 .document-list{
  font-size:12px;
 }

 .service-wrap{
  margin-bottom: 25px;
  padding-bottom:0px;
 }

 .service-desc{
  padding-left:110px!important;
 }

 .large-divider{padding: 0 0 0 0;background-position: center;}

 .wrappersocial h2{
  font-size:15px!important;
 }
 .sect-banner .v-center h2{
  letter-spacing:0!important;

 }
 .v-center h2{
  font-size:25px!important;
  text-align:left!important;
  width:100%!important;
 }

 .breadcrumb{
  padding: 10px 0px 10px 0px;
  font-size: 15px;
 }

 #header.child-page, .sect-banner.child-page{
  height: 35vh!important;
 }

 .child-page .v-center{
  display: table-cell!important;
    vertical-align: middle!important;
    z-index: 4!important;
    padding: 0px 10px 0px 15px!important;
 }

 .breadcrumb1{
  position: relative;
  margin-top: 10px;
  display: inline-block;
  float: left;
 }

 .containerprod .prod .imgBx{
  position: absolute;
    top: 40%;
    transform: translateY(-56%);
    z-index: 1;
    width: 100%;
    height: 220px;
    /* transition: 0.5s;*/
 }

 .containerprod .prod .contentBx h2{
  font-size: 21px;
 }

 .footer-widget p{
  text-align: center;;
 }
 .footer-widget{
  padding-bottom:10px;
 }

 .footer-link-container{
  padding-bottom:15px;
 }

 #copyright p{
  text-align: center!important;
    margin-left: 0px!important;
    margin-top: 10px;
 }

 .tigon img{
  margin-top: 2px;
  margin-bottom: 30px;
  width: 47px;
 }
  /* Diğer özel stil ayarlarını buraya ekleyebilirsiniz */
}

.document-list a{
  font-family: 'Playfair Display';
                font-size:20px;
                color:#6d6b6b; text-decoration:none;
                text-align: center;
}

.wrappersocial a{
  justify-content: center;display: flex; margin-bottom:17px;
}

.wrappersocial h2{
  color:#6d6b6b; font-size:20px;
}

.ac-button{
  font-family: 'Playfair Display'!important;
  font-weight: 500;
  font-size: 16px!important;
  cursor: pointer;
  padding: 15px;
  background-color: #d61f1e !important;
  color: white !important;
  transition: all .2s ease-in-out;
  border: none;
}

#copyright p{

  text-align: left;
    margin-left: 120px;
    margin-top: 6px;
}

.bracket-footer{
  margin-left: 10px;margin-right: 10px;
}

.tigon img{
  width: 50px;
}



/* Slider Stilleri */
#full-screen-slider {
  position: relative;
  width: 100%;
  height: 100vh;
  /* 100% of the viewport height */
  overflow: hidden;
}

.slick-slide {
  opacity: 0.99;
  /* Slaytlar arası geçişte bembeyaz ekran sorununu çözmek için bir değer */
  transition: opacity 3s ease-in-out;
  /* Geçiş efekti süresini ve türünü düzenleyebilirsiniz */
}

.slick-current {
  opacity: 1 !important;
  /* Geçerli slaytın opaklığını tamamen açık yap */
}


.slide {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.imgslider-home {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.caption {
  position: absolute;
  color: white;
  font-size: 24px;
  text-align: center;
  width: 100%;
  bottom: 20px;
  margin: 0;
}


/* Ekran Genişliği 768px ve Altındaki Cihazlar İçin */
@media screen and (max-width: 768px) {
  .caption {
    font-size: 18px;
  }

  .imgslider-home{
    height:1080px;
  }

  .btn-contact{
    float:none!important;
    margin-top: 5px;
  }

  #full-screen-slider{
    height:auto;
  }

  .slider-text{
    top:18%!important;
  }

  .slider-text img{
    height:15vh;
  }


  .containerprod .prod:hover .contentBx{
    height:140px;
  }

  .containerprod .prod:hover .contentBx h2{
    color:white;
  }

  .new-fixed{

    background-attachment: inherit!important;
  }

  .tigon img{
    margin-top:20px;
  }
  .font-p-bnr{
    font-size:14px!important;
  }
}

.slider-text img{
  height: 29vh;
}

/* Ekran Genişliği 480px ve Altındaki Cihazlar İçin */
@media screen and (max-width: 480px) {
  .caption {
    font-size: 14px;
  }
  .imgslider-home{
    height:auto;
    width:100%;
  }
  .btn-contact{
    margin-top: 5px;
    float:none!important;
  }

  #full-screen-slider{
    height:auto;
  }

  .slider-text{
    top:18%!important;
  }

  .slider-text img{
    height:15vh;
  }

  .containerprod .prod:hover .contentBx{
    height:140px;
  }

  .containerprod .prod:hover .contentBx h2{
    color:white;
  }
  .new-fixed{

    background-attachment: inherit!important;
  }

  .tigon img{
    margin-top:20px;
  }
  
  .font-p-bnr{
    font-size:14px!important;
  }
}

.btn-mail{
  width: 100%;
}

.center-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  /* margin-top: 120px; */
  z-index: 4;
}

.slick-prev, .slick-next {
  font-size: 24px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1; /* Slider'ın üzerine çıkmasını sağlar */
}

.slick-prev {
  left: 10px;
}

.slick-next {
  right: 10px;
}

/* Slider ok hover efekti */
.slick-prev:hover, .slick-next:hover {
  background: rgba(0, 0, 0, 0.8);
}

.main-contact-card {

  background-color: #f9f7f100;
  text-align: center;
  /* border-bottom: 1px solid #005ca229; */
  /* box-shadow: 0 5px 11px -7px rgb(214 31 30 / 58%); */
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

.main-contact-card::before {
  border-bottom: 1px solid #005ca229;
}

.fnt-bnr{
  font-size: 75px;
  margin-bottom: 32px;
}
.font-p-bnr{
  font-size: 20px;
}

.new-fixed{
  background-attachment: fixed;
}
.g-recaptcha{
    margin-top:40px;
}
.lang-header{

    text-transform:capitalize !important;
}
.lang-mobile{
 text-transform:capitalize !important;
    
}