:root {
  /* Tooltip Theme — Emeralds & Chocolate */
  --tt-bg: #140b08;             /* dark chocolate */
  --tt-border: #1f6b52;         /* emerald */
  --tt-shadow: 0 10px 22px rgba(0, 0, 0, 0.7);
  --tt-color: #fdf7ec;          /* vanilla cream */

  --tt-pad: 8px 12px;
  --tt-pad-lg: 9px 14px;

  --tt-radius: 8px;
  --tt-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tt-size: 14px;
  --tt-size-lg: 15px;
  --tt-line: 1.4;

  --tt-fade-duration: 0.14s;
  --tt-fade-ease: ease-out;

  /* Desktop offset */
  --tt-desktop-offset: translateY(4px);
  --tt-desktop-offset-visible: translateY(0);
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}
a, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* The entire scrollbar */
::-webkit-scrollbar {
  width: 12px; /* width of vertical scrollbar */
  height: 12px; /* height of horizontal scrollbar */
}

/* The draggable handle */
::-webkit-scrollbar-thumb {
  background-color: #f14949;
  border-radius: 6px;
}

/* The track (background) */
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

header {
    position: relative;
    width: 100%;
    background-image: linear-gradient(to right, #c2dac2, #498549db, #61ac61, #dbb754, #d5383e, #e11b23db, #ca6969);
    z-index: 99;
}
/*---------header close----------*/
/*-----------header-top------------*/
.header-top {
    padding: 12px 0px 15px 0px;
    background: rgba(0, 0, 0, 0.57);
}
.left_info ul li {
    display: inline-block;
    margin-right: 30px;
}

.left_info a {
    color: #fffefe;
    font-size: 14px;
    font-weight: 500;
}

.left_info i.fa {
    font-size: 19px;
    color: #fff;
    padding-right: 10px;
}

.right_info p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}

.left_info {
    text-align: right;
}

.right_info i.fa {
    font-size: 26px;
    margin-right: 10px;
    position: relative;
    bottom: -4px;
}

header i.fa.fa-mobile {
    bottom: -4px;
    font-size: 26px;
    position: relative;
    border: 40px;
    font-weight: 500;
}

.left_info ul li:last-child {
    margin: 0px !IMPORTANT;
}
.header-main {
    padding: 10px 0;
    
}
/*-----------header-top Close------------*/
/*-----------header-menu------------*/
nav#cssmenu ul {
    float: left;
    margin-top: 35px;
}
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#e31b22;float:right;}
.logo img {
    max-width: 150px;
}
.logo a{color:#e92f35;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:right}
#cssmenu > ul > li > a {
    padding: 9px 17px;
    font-size: 17px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #efefef;
    vertical-align: middle;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
    color: #fff;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
    background: #e92f35!important;
    box-shadow: 0 5px 6px #e92f35;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:17px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 14px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    margin-top: 0;
}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150,150,150,0.15);
    padding: 11px 15px;
    width: 190px;
    font-size: 12px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:991px){
.logo{top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
.logo img{
    max-width: 125px;
}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li {
    width: 100%;
    border-top: 1px solid #444;
    float: right;
}
#cssmenu ul li:hover{
    background: transparent !important;
}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button-mobile{width:55px;height:46px;position:absolute;right:0;top:25px;cursor:pointer;z-index: 12399994;}
.button-mobile:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button-mobile:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button-mobile.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button-mobile.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}



.carousel.slide img{
    width: 100%;
}
div#slider-home .carousel-item::before {
    background: #2b282825;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}
#slider-home h3 {
    text-transform: capitalize;
    font-size: 50px;
}

#slider-home p {
    font-size: 23px;
}

#slider-home .btn {
    background: #e31b22;
    color: #fff;
    padding: 12px 30px !important;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 30px;
}
#slider-home .btn:hover{    
    background: #ffffff;
    color: #e31b22;
}
/* .carousel-inner{
    max-height: 600px;
} */

.about-section {
    
    width: 90%; /* Set a specific width */
  margin-left: auto;
  margin-right: auto;
  /* Shorthand for top/bottom margin 20px, left/right margin auto */
    margin: 45px auto; 
    background-image: linear-gradient(to right, #e09035d0, #ff623ccc);
    padding: 25px 0;
    border-top-left-radius: 15%;
    border-bottom-right-radius: 15%;
    border: 6px solid #ff454c;

}
.about.content_section{
    display: flex;
}
.about .col-md-6{
    width: 50%;
}
.about .col-md-6.about-image{
    float: left;
}
.about-image img{
    width: 75%;
    border-radius: 8%;
}

.inner-width {
    max-width: 1000px;
    overflow: hidden;
    padding: 0 20px;
    margin: auto;
}

.about-section h1 {
    text-align: center;
}

.border {
    width: 120px;
    height: 4px;
    background: #ff454c;
    margin: 14px auto;
    border: none !important;
    border-radius: 55%;
}

.about-section-row {
    display: flex;
    flex-wrap: wrap;
}

.about-section-col {
    flex: 50%;
}

.about {
    padding-right: 30px;
}

.about p {
    text-align: justify;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
}

.progress {
    width: 100%;
    height: 12px;
    background: #ddd;
    border-radius: 12px;
}

.progress-bar {
    height: 12px;
    background: #e31b22;
    border-radius: 12px;
}


.progress-bar span {
    float: right;
    margin-right: 6px;
    line-height: 13px;
    color: #fff;
    font-size: 12px;
}

@media screen and (max-width:700px) {
    .about-section-col {
        flex: 100%;
        margin: 10px 0;
    }
    .about,
    .skills {
        padding: 0;
    }
    .about {
        text-align: center;
    }
}



/*FOOTER*/

footer {
  background-image: linear-gradient(to right,  #398939,#e11b23,#e11b23,#e11b23);
  color: white;
  margin-top:100px;
}

footer a {
  color: #fff;
  font-size: 14px;
  transition-duration: 0.2s;
}

footer a:hover {
  color: #ca6969;
  text-decoration: none;
}

.copy {
  font-size: 12px;
  padding: 10px;
  border-top: 1px solid #FFFFFF;
  margin-top: 17px;
}

.footer-middle {
  padding-top: 2em;
  color: white;
}


/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}

ul.social-network li {
  display: inline;
  margin: 0 5px;
}


/* footer social icons */

.social{
	width: 100%;
	height: auto;
	text-align: center;
}
.social a{
	display: inline-block;
	padding: 5px;

}
.social a i{
	color: #b0d1ab;
    width: 45px;
    height: 45px;
    font-size: 25px;
    line-height: 40px!important;
    border: 3px solid #fff;
	opacity: .8;
transition-property: transform;
    -moz-transition-property: -moz-transform;
    -webkit-transition-property: -webkit-transform;
    transition: all 0.6s cubic-bezier(0.88, -0.48, 0.38, 1.85);
	border-radius: 50%;
	
	}
.social a i:hover{
	opacity: 1;
	border-radius: 20%;
	
}
.social a:hover i.fa-facebook{
	transition:  .6s ease-in;
	background: #0028aa; 
	color: white;
	border: 3px solid #17369d; 
	
transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.social a:hover i.fa-at{
	transition:  .6s ease-in;
	background: #D44638; 
	color:white;
	border: 3px solid #fd8e8e;
	transform: rotate(360deg);
    -webkit-transform: rotate(360deg); 
}
.social a:hover i.fa-instagram{
	transition:  .6s ease-in;
	background: linear-gradient(#F58529 20%, #FEDA77 50%, #DD2A7B 75%, #8134AF 90%, #515BD4)
; 
	transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
	border: 3px solid #fd8e8e; 
	color:white;
	
}

@media screen and (max-width:576px) {
.footer-pad.social-icons{
    margin-top: 15px;
}
}

.sliding-sprite {
  width: 100vw;
  overflow: hidden;
  background: transparent;      
}

.sprite-track {
  display: flex;
  flex-wrap: nowrap;
}
.sprite-track a{
    pointer-events: none;
}
.sliding-sprite figure {
  flex: 0 0 auto;
  margin: 0;
}

.sliding-sprite img {
  display: block;
  height: 350px;         
  width: auto;
  object-fit: cover;
}

@media (max-width: 768px) {
  .sliding-sprite img {
    height: 200px;
  }
}

.sprite-tooltip {
  position: fixed;
  pointer-events: none;
  z-index: 99999;

  background: var(--tt-bg);
  border: 1px solid var(--tt-border);
  box-shadow: var(--tt-shadow);

  color: var(--tt-color);
  padding: var(--tt-pad);
  border-radius: var(--tt-radius);
  font-family: var(--tt-font);
  font-size: var(--tt-size);
  line-height: var(--tt-line);
  white-space: nowrap;

  opacity: 0;
  transform: var(--tt-desktop-offset);
  transition:
    opacity var(--tt-fade-duration) var(--tt-fade-ease),
    transform var(--tt-fade-duration) var(--tt-fade-ease);
}

/* Visible state (what the JS toggles) */
.sprite-tooltip.is-visible {
  opacity: 1;
  transform: var(--tt-desktop-offset-visible);
}

/* Slightly larger on wider screens */
@media (min-width: 900px) {
  .sprite-tooltip {
    font-size: var(--tt-size-lg);
    padding: var(--tt-pad-lg);
  }
}


.product-section {
    
    width: 100%; 
    margin-left: auto;
    margin-right: auto;
    margin: 45px auto; 
    background-image: linear-gradient(to right, #e09035d0, #ff623ccc);
    padding: 25px 0;


}
.product-section h1{
text-align: center;
}

.contact-section{
   
    width: 100%; 
    margin-left: auto;
    margin-right: auto;
    margin: 45px auto; 
    background-image: linear-gradient(to right, #e09035d0, #ff623ccc);
    padding: 25px 0;
    border: none;


}
.contact-section h1{
text-align: center;
}

@media screen and (max-width:991px){
.about.content_section{
    display: block;
}
.about .col-md-6{
    width: 100%;
    max-width: 90%;
}
.about .col-md-6.about-image{
    float: none;
}
.about-image img{
        width: 100%;
        height: 302px;
}
}
.contact-section p{
color: #fff
}

.contact-section .type3{
    margin-bottom: 20px;
}
footer .type3 li{
    text-align: center;
}
.type3 li, .type3 li i, .type3 li a{
    color: #fff;
    text-align: right;
}
.contact-section-row {
    text-align: center;
}
.contact-section-row .type3 li{
    text-align: center;
}
.contact-section-row iframe{
    text-align: center;
}
.gmap_canvas iframe,.product-section{
    overflow: hidden;
}

#cssmenu .open li {
    text-align: right;
}

#loader {
    position: fixed;
    inset: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Chip shape */
.chip {
    background: url(../img/Falafel_chip.png) no-repeat center center;
	width: 150px;
	height: 150px;	
	position: fixed;
	top: 50%;
	left: 50%;
    border-radius: 50%;
    /* box-shadow:
        inset -3px -3px 6px rgba(0,0,0,0.15),
        inset 3px 3px 6px rgba(255,255,255,0.3); */
    animation: chip-spin 10s linear infinite;
}

/* Spin animation */
@keyframes chip-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}