body{
    background-color: #f9f7eb;

}

*{
font-family: "Verdana", sans-serif;  
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.ust_ban h1{
    color:#fff !important;
    text-shadow: 3px 3px #333 !important;

}
.alt-link{text-decoration: none;}
.alt a {
	 color: #fff;
}
.alt  a:hover {
	 color: #fec503;
	 text-decoration: none;
}
.alt ::selection {
	 background: #fec503;
	 text-shadow: none;
}
 footer {
	 padding: 2rem 0;
	 background-color: #00712d;
     font-size: 12px;
}
 .footer-column:not(:first-child) {
	 padding-top: 2rem;
}
 @media (min-width: 768px) {
	 .footer-column:not(:first-child) {
		 padding-top: 0rem;
	}
}
 .footer-column {
	 text-align: center;
}
 .footer-column .nav-item .nav-link {
	 padding: 0.1rem 0;
}
 .footer-column .nav-item span.nav-link {
	 color: #6c757d;
}
 .footer-column .nav-item span.footer-title {
	 font-size: 12px;
	 font-weight: 600;
	 color: #fff;
	 text-transform: uppercase;
     margin-bottom: 30px;
}
 .footer-column .nav-item .fas {
	 margin-right: 0.5rem;
}
 .footer-column ul {
	 display: inline-block;
}
 @media (min-width: 768px) {
	 .footer-column ul {
		 text-align: left;
	}
}
 ul.social-buttons {
	 margin-bottom: 0;
}
 ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
	 background-color: #fec503;
}
 ul.social-buttons li a {
	 font-size: 14px;
	 line-height: 40px;
	 display: block;
	 width: 40px;
	 height: 40px;
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 transition: all 0.3s;
	 color: #1a1d20;
	 border-radius: 100%;
	 outline: 0;
	 background-color: #93a966;
}
 footer .quick-links {
	 font-size: 90%;
	 line-height: 40px;
	 margin-bottom: 0;
	 text-transform: none;
	 font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
 .copyright {
	 color: #162200;
}
 .fa-ellipsis-h {
	 color: white;
	 padding: 2rem 0;
}


a{
    text-decoration: none;
}

.spf {
    font-family: 'Spartan', sans-serif;
}

.nav-link{
    font-family: 'Verdana', sans-serif;
    font-size: 16px;
font-weight: 500;
color:#195233 !important;
margin-left: 10px;
border-radius: 2px !important;
text-align: center;
padding-top: 10px !important;
}
.nav-link:hover{
background-color: #77b454 !important;
color:#fff !important;
}
.active{
    --background-color: #2981b5;
    border-radius: 2px;
    padding-left:5px;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.dropdown-menu{
background-color: #fff;
}
.dropdown-item{
color:#195233;
font-size:16px;
font-family: 'Verdana', sans-serif;
font-weight: 400;
}
.ust-satir{
background-color: #195233;
height: 45px;
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
font-family: 'Verdana', sans-serif;
font-size:14px;
}
.ust-satir a{
color:#fff;
font-size: 13px;
text-decoration: none;
}
@media only screen and (max-width: 600px) {
.ust-satir{
  height:70px;
}
.resim-ortala{
  margin:0 auto;
}
}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.orta-yazi{
color:#fff;
background-color: #24a77e;
padding-top: 5px;
}
.orta-yazi h3{
font-size: 16px;
}
.tanitim{
background-image: linear-gradient( 173.1deg,  rgb(24 203 110) 12.4%, rgb(36 167 126) 88.5% );    
}
.tanitim-kutu{
-border:5px double #000;
color:#fff;
font-size: 1rem;
text-align: center;
padding: 20px;
background-color:#93313266;
border-radius:10px;
margin:30px;
}
.tanitim-kutu .h3{
font-size:1.1rem;
padding-top:10px;
font-weight:bold;
text-shadow: #000 1px 1px;
}
.tanitim-kutu p{
font-size:1rem;
}
.tanitim-kutu:hover{
background-color: #933132;
}
.urun{
background-color: #f7f3c4;
-border:1px solid #c35b54;
font-size: 14px;
box-shadow: 0 2px 10px 0 rgba(30, 30, 30, 0.3);
}
.urun a{
color:#333;
}
.urun:hover{
box-shadow: 0 2px 10px 0 rgba(65 153 56 / 90%);
}
.urun:hover img {
opacity: 0.3;
}
.urun .h3{
font-size: 18px;
text-align: center;
}
.urun-btn{
background-color: #519259;
color:#fff;
font-size: 14px;
min-width: 90px;
}
.urun-btn:hover{
background-color: #7fb216;
}
.urun:hover .incele{opacity: 1;}
.incele{
transition: .5s ease;
opacity: 0;
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.yazi{
background-color: #04AA6D;
color: white;
font-size: 36px;
padding: 16px 32px;
border-radius: 50px;
}
.bg-baslik{
padding: 20px;
color:#fff;
background-color: #00712d;
font-weight: bold;
}
.bg-urun{

background-image: url("images/bg1.jpg") ;
background-attachment: fixed;

}
@media only screen and (min-width: 600px) {

.alt-orta{
border-left: 1px solid #93a966;
border-right: 1px solid #93a966;

}
}

.slideshow {
    position: relative;
    width: 100vw;
    height: 50vh;
    overflow: hidden;
  }
  .slideshow-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
    -webkit-animation-name: kenburns;
    animation-name: kenburns;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .slideshow-image:nth-child(1) {
    -webkit-animation-name: kenburns-1;
    animation-name: kenburns-1;
    z-index: 3;
  }
  .slideshow-image:nth-child(2) {
    -webkit-animation-name: kenburns-2;
    animation-name: kenburns-2;
    z-index: 2;
  }
  .slideshow-image:nth-child(3) {
    -webkit-animation-name: kenburns-3;
    animation-name: kenburns-3;
    z-index: 1;
  }
  .slideshow-image:nth-child(4) {
    -webkit-animation-name: kenburns-4;
    animation-name: kenburns-4;
    z-index: 0;
  } .slideshow-image:nth-child(5) {
    -webkit-animation-name: kenburns-5;
    animation-name: kenburns-5;
    z-index: 0;
  }
  @-webkit-keyframes 
  kenburns-1 {  0% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   1.5625% {
   opacity: 1;
  }
   23.4375% {
   opacity: 1;
  }
   26.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   98.4375% {
   opacity: 0;
   -webkit-transform:;
   transform: scale(1.21176);
   -moz-transform:;
   -ms-transform:;
   -o-transform:;
}
   100% {
   opacity: 1;
  }
  }
  @keyframes 
  kenburns-1 {  0% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   1.5625% {
   opacity: 1;
  }
   23.4375% {
   opacity: 1;
  }
   26.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   98.4375% {
   opacity: 0;
   -webkit-transform: scale(1.21176);
   transform: scale(1.21176);
  }
   100% {
   opacity: 1;
  }
  }
  @-webkit-keyframes 
  kenburns-2 {  23.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   26.5625% {
   opacity: 1;
  }
   48.4375% {
   opacity: 1;
  }
   51.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
  }
  @keyframes 
  kenburns-2 {  23.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   26.5625% {
   opacity: 1;
  }
   48.4375% {
   opacity: 1;
  }
   51.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
  }
  @-webkit-keyframes 
  kenburns-3 {  48.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   51.5625% {
   opacity: 1;
  }
   73.4375% {
   opacity: 1;
  }
   76.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
  }
  @keyframes 
  kenburns-3 {  48.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   51.5625% {
   opacity: 1;
  }
   73.4375% {
   opacity: 1;
  }
   76.5625% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
  }
  @-webkit-keyframes 
  kenburns-4 {  73.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   76.5625% {
   opacity: 1;
  }
   98.4375% {
   opacity: 1;
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
  }
  @keyframes 
  kenburns-4 {  73.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   76.5625% {
   opacity: 1;
  }
   98.4375% {
   opacity: 1;
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
  }
  
  @-webkit-keyframes 
  kenburns-5 {  73.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   76.5625% {
   opacity: 1;
  }
   98.4375% {
   opacity: 1;
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
  }
  @keyframes 
  kenburns-5 {  73.4375% {
   opacity: 1;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
  }
   76.5625% {
   opacity: 1;
  }
   98.4375% {
   opacity: 1;
  }
   100% {
   opacity: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
  }
  }
  .h1x {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 99;
    text-align: left;
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    -background-color: rgba(0, 0, 0, 0.75);
    -box-shadow: 0 1em 2em -1em rgba(0, 0, 0, 0.5);
    color:#fff;
    padding: 1em 1em;
    line-height: 1.5;
    width: 100%;
  }