html {
    scroll-behavior: smooth;
    overflow-y: auto;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #777;
    border-radius: 25px;
}
::-webkit-scrollbar-thumb:hover {
    background: #444;
}

.mobil-menu-open {
    display: none;
}
.mobile-menu {
    display: none;
    position: fixed;
    z-index: 9999;
    overflow: hidden !important;
    touch-action: none;
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    animation: slide-down 0.6s;
}
.mobile-menu ul {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translate(0%, -35%);
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}
.mobile-menu ul li {
    margin-bottom: 15px;
}
.mobile-menu ul li a {
    font-size: 20px;
    font-weight: 800;
    color: #11883e;
    text-transform: uppercase;
}
.mobile-menu-close {
    position: absolute;
    right: 35px;
    top: 15px;
    font-size: 30px;
    color: #11883e !important;
}
@media (min-width:992px) and (max-width:1199px){
    .product-photo .bg {
    position: absolute;
    display: block;
    left: -70px;
    width: 109%;
    height: 445px!important;
    background: url(../images/product-thumb-bg.svg) no-repeat;
    background-size: cover;
    z-index: -1;
}
.product-photo img {
    width: 100%;
    height: 385px!important;
    object-fit: cover;
    margin-top: 10px!important;
}
}
@media (min-width:1200px) and (max-width:1365px){
    .product-photo .bg {
    position: absolute;
    display: block;
    left: -70px;
    width: 109%;
    height: 546px!important;
    background: url(../images/product-thumb-bg.svg) no-repeat;
    background-size: cover;
    z-index: -1;
}
.product-photo img {
    width: 100%;
    height: 450px!important;
    object-fit: cover;
    margin-top: 36px!important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .header-center .menu-left ul li {
        margin-left: 25px !important;
    }
    .header-center .menu-left ul li a,.header-center .menu-left ul li p{
        font-size: 17px!important;
    }
    .header-center .menu-right ul li {
        margin-left: 15px !important;
    }
     .header-center .menu-right ul li a,.header-center .menu-left ul li p{
        font-size: 17px!important;
    }
    .about-us img {
        position: relative;
        display: block;
        width: 100% !important;
    }
    .header-top .hemen-satin-al p{
        font-size:16px!important;
    }
    .branches .button {
        margin-top: 78px !important;
    }
    .product-thumb .caption {
        height: 80px !important;
    }
    .product-thumb .button-group button span {
        display: block !important;
    }
    .slider{
        height:auto!important;
    }
    .slider .image{
        height:auto!important;
    }
    .slider .image img{
        height:auto!important;
    }
    .slider .text {
    position: absolute;
    display: block;
    width: auto;
    top: 151px;
    font-size: 35px;
    color: #4D4D4D;
    line-height: 1;
}
.slider .button {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    z-index: 9999;
    top: 300px;
}
    .footer {
        height: auto!important;
    }
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #11883e;
    border-color: #11883e;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #11883e;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
body {
    background-color: #f8f8f8;
    font-family: 'Rubik', sans-serif!important;
    overflow-x: hidden;
    padding-right: 0 !important;
}

.btn-danger {
    background: #f44336 !important;
    border-color: #f44336 !important;
     text-shadow: none;
  height: 40px;
  padding: 10px 25px;
  margin-bottom: 20px;
  transition: .5s;
  box-shadow: none!important;
  outline: 0!important;
    transition: 0.5s !important;
}
.btn-danger:hover {
    background: #fff !important;
    color: #f44336 !important;
}
.alert {
    margin-top:50px;
}
#loginPage .bg{
    position: relative;
    display: flex;
    align-items: center;
    width:100%;
    min-height: 800px;
    height: auto;
    background:url(../images/login-bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    border: 0;
    box-shadow: none;
}
#loginPage .well {
    min-height: 440px;
    height: auto;
    background: transparent;
    border: 0;
    width: 90%;
    margin: 0 auto;
}
#loginPage .well h2{
    color: #fff;
    font-size: 47px;
    margin-bottom: 30px;
}
#loginPage .well a{
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
}
#loginPage .well h6{
    color: #fff;
    font-size: 17px;
}
#loginPage .well p {
    color:#fff;
    font-size:15px;
    font-weight:300;
    margin-bottom: 20px;
}
#loginPage .well .radio-inline input{
    margin: -2px 0 0 -20px;
    left: 23px;
}
#loginPage .well label {
    color:#fff;
    font-size:15px;
    font-weight:300;
    margin-bottom: 20px;
}

#loginPage .forgotten {
    margin-top: 25px;
    display: block;
    font-weight: 500;
    color: #fff;
}
#loginPage .social-button-left .btn-primary {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 60px;
    background: #F7AE0B!important;
    border-color: #F7AE0B!important;
    font-size: 19px;
    font-weight: 700;
    text-align: left!important;
    transition: .5s;
}
#loginPage .social-button-left .btn-primary:hover {
    background: #fff!important;
    color:#F7AE0B !important;
}

#loginPage .social-button-left .facebook-login {
    position: relative;
    display: block;
    width: 100%;
}

#loginPage .social-button-right .buttons-register {position: relative;display: block;height: auto;color: #fff;margin-top: -25px;margin-bottom: 45px;}
#loginPage .social-button-right .buttons-register .agree {display: inline-block;color: #fff;margin: 0 0 30px 0;}


#loginPage .social-button-right .btn-primary {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    height: 60px;
    background: #04BA20;
    border-color: #04BA20!important;
    font-size: 19px;
    font-weight: 700;
    text-align: left!important;
    transition: .5s;
    outline: 0;
}
#loginPage .social-button-right .btn-primary:hover {
    background:#fff;
    color:#04BA20 !important;
}
#loginPage .social-button-right .btn-default {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    height: 60px;
    background: #F7AE0B;
    border-color: #F7AE0B!important;
    font-size: 19px;
    font-weight: 700;
    text-align: left!important;
    transition: .5s;
    outline: 0;
    padding: 6px 12px;
}
#loginPage .social-button-right .btn-default:hover {
    background:#fff;
    color:#F7AE0B !important;
}
#loginPage .facebook-login {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 20px;
}
#loginPage .facebook-login a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 15px;
    width: 100%;
    height: 60px;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(183, 183, 183, 0.5);
    background-color: #fff;
    font-size: 19px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    text-align: center;
    color: #3D396A;
    text-transform: uppercase;
    text-decoration: none;
}
#loginPage .facebook-login a:after {
    content: "";
    position: absolute;
    right: 20px;
    display: block;
    background: url(../images/facebook-logo.svg) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
#loginPage .google-login {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 15px;
}
#loginPage .google-login a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 15px;
    width: 100%;
    height: 60px;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(183, 183, 183, 0.5);
    background-color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    text-align: center;
    color: #3D396A;
    text-transform: uppercase;
    text-decoration: none;
}
#loginPage .google-login a:after {
    content: "";
    position: absolute;
    right: 20px;
    display: block;
    background: url(data:image/png;base64,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)
        no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.accountArea {
    position:relative;
    display:block;
}
.accountArea .bg{
    position: relative;
    display: block;
    float: left;
    left: 0;
    top: 30px;
    width: 50%;
    height: 450px;
    background: url(/../assets/images/account-bg.svg) no-repeat;
    background-size: contain;
    background-position: left;
}
.accountArea .caption {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 100%;
}
.accountArea .caption .title {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    height: auto;
    margin: 135px 0 0 0;
}
.accountArea .caption  .title h5 {
    position: relative;
    display: block;
    text-align: left;
    font-family: 'Nerko One', cursive;
    color: #484848;
    font-size: 40px;
    font-weight: 100;
    line-height: 1;
}
.accountArea .caption  .text p {
    position: relative;
    display: block;
    text-align: left;
    color: #8B8B8B;
    font-size: 15px;
    font-weight: 300;
}
.accountArea .caption  .info .icon {
    position: relative;
    display: flex;
    width: 100%;
    height: 100px;
    margin-top: 90px;
    margin-left: 10px;
}

.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
    color: #444444;
    background: #fff;
    border: 1px solid #dddddd;
    text-shadow: 0 1px 0 #fff;
}
.customAccountList {
    margin-top: 61px;
}
.customAccountList a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 43px;
    font-size: 13px;
    padding: 0 10px;
    padding-left: 20px;
    background: #fff;
    border: 1px solid #dadada;
    color: #a2907e !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: 0.5s;
    text-decoration: none!important;
}
label {
    text-align: left !important;
}
.kurumsalIcerik {
    position: relative;
    display: block;
    z-index: 1;
    padding-left: 15px;
}
@font-face {
    font-family: Atatrk;
    src: url(../fonts/ataturk.otf);
}
.cookie-policy {
    position: fixed;
    display: none;
    text-align: center;
    z-index: 1001;
    width: 100%;
    height: 100px;
    padding: 25px 15px;
    bottom: 0;
    left: 0;
    background: #1e1e0f;
    font-size: 13px;
    color: #fff;
}
.cookie-policy a {
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
}
.cookie-policy button {
    position: relative;
    display: block;
    margin: 0 auto;
    background: #fff;
    border: 0;
    color: #444;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 12px;
    margin-top: 8px;
}
.whatsapp-desktop {
    display: block;
}
.whatsapp-mobile {
    display: none;
}
.whatsapp {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    bottom: 15px;
    left: 15px;
    height: 60px;
    min-width: 60px;
    max-width: 95vw;
    background-color: #25d366;
    text-decoration: none !important;
    font-size: 35px;
    color: #fff !important;
    border-radius: 30px;
    box-shadow: 1px 6px 24px 0 rgba(7, 94, 84, 0.24);
    cursor: pointer;
    transition: background-color 0.2s linear;
    transition: 0.5s;
}
.whatsapp:hover {
    transform: scale(1.08);
    background-color: #128c7e;
}
.whatsapp a {
}
#back-to-top {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 15px;
    z-index: 1000;
    width: 110px;
    height: 40px;
    line-height: 37px;
    margin: 5px;
    padding-left: 20px;
    cursor: pointer;
    border: 1px solid #11883e;
    outline: 0;
    background-color: #11883e;
    color: #fff;
    border-bottom-width: 2px;
    backface-visibility: hidden;
    will-change: scroll-position;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    font-size: 13px;
}
#back-to-top:hover {
    color: #11883e;
    background-color: #fff;
}
#back-to-top i {
    position: absolute;
    font-size: 20px;
    margin-left: -17px;
    margin-top: 8px;
}
.menuPage .menu {
    position: relative;
    height: 85vh;
    background-color: #eee;
    border-radius: 5px;
    padding: 3px;
    box-shadow: 0px 0px 10px 5px rgba(55, 31, 24, 0.26);
    margin-bottom: 70px;
    margin-left: 15px;
    z-index: 99;
}
.menuPage .menu div {
    width: 100%;
    height: 100%;
}
.header-top {
    position: relative;
    display: block;
    width: 100%;
    height: 85px;
    margin-bottom: 70px;
}
.header-top .header-top-bg {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
}
.header-top .social-icons {
    position: relative;
    display: flex;
    width: 100%;
    height: 45px;
    margin-left: -125px;
    align-items: center;
    z-index: 2;
}
.header-top .social-icons .facebook,
.header-top .social-icons .instagram,
.header-top .social-icons .twitter {
    margin-left: 10px;
}
.header-top .social-icons a {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.53px;
    color: #BEBEBE;
    transition: 0.5s;
    border: 0;
}
.header-top .social-icons a:hover {
    color: #f9e500 !important;
}
.header-top .social-icons .instagram {
    margin-left: 0;
}
.header-top .social-text {
    display: flex;
    height: 45px;
    align-items: center;
}
.header-top .social-text .text {
    position: relative;
    display: block;
}
.header-top .social-text .text p {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.33px;
    color: #BEBEBE;
    margin: 0;
}
.header-top .social-text .text span {
    font-weight: 700;
}
.header-top .hemen-satin-al {
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-top .dropdown a {border: 0;}
.header-top .dropdown p {
    font-size: 16px!important;
    font-weight: 400!important;
    border: 1px solid #EFEFEF;
    border-radius: 5PX;
}
.header-top .hemen-satin-al .account-dropdown {
    min-width: 190px;
    padding: 0 !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    border-radius: 0;
    border-color: #EFEFEF;
}
.header-top .hemen-satin-al .account-dropdown li {
    padding: 5px 10px;
    margin-top: -1px;
    transition: 0.5s;
}
.header-top .hemen-satin-al .account-dropdown li:hover {
    background: #3D396A;
    color: #fff;
}
.header-top .hemen-satin-al .account-dropdown li:hover a {
    color: #fff;
}
.header-top .hemen-satin-al .account-dropdown li a {
    padding: 2px 5px;
    display: block;
    width: 100%;
    color: #8B8B8B;
    background: transparent;
    border: 0;
}
.header-top .hemen-satin-al p {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.46px;
    color: #8B8B8B;
    text-align: center;
    margin: 0;
    padding: 10px 40px;
}
.header-top .sepetim {
    position: relative;
    display: inline-block;
    height: 45px;
    margin-top: 20px;
    background-color: #EFEFEF;
    border-radius: 5px;
}
.header-top .sepetim h5 {
    font-size: 14px;
    color:#8B8B8B;
    display:block;
    text-align: center;
    width:100%;
    margin-top: 6px;
    margin-bottom: -15px;
}
.header-top .sepetim button {
    position: relative;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent;
    color: #8B8B8B;
}
.dropdown-toggle::after {
    position: absolute;
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    margin-top: 11px;
    border-top: 0.3em solid #8B8B8B !important;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.header-top .sepetim span {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.46px;
    margin: 0;
    color: #8B8B8B;
}
.header-top .sepetim i {
    display: inline;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.46px;
    color: #8B8B8B;
    margin-right: 5px;
}
.header-top a {
    text-decoration: none !important;
    z-index: 9999;
    border-radius: 5px;
    border: 1px solid #EFEFEF;
}
.header-top .telephone {
    position:relative;
    display:block;
    top: -45px;
    left: 15px;
    color: #8B8B8B;
    width: 20%;
    z-index: 1;
}
.header-top .telephone .icon{
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../images/icon/call.svg) no-repeat;
}

.header-top .telephone .number a{
    padding-left: 28px;
    color: #ADADAD;
    text-align: left;
    border: 0;
    font-size: 18px;
    font-weight: 600;
}
.header-center.fixed .header-logo img {
    position: relative;
    display: block;
    height: 110px;
    margin-top: 72px;
    margin-left: auto;
    margin-right: auto;
    transition: 0.5s height;
}
.header-center.fixed {
    position: fixed;
    display: block;
    width: 100%;
    height: 75px;
    z-index: 1000;
    top: 0;
    left: 0;
    margin: 0;
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08);
    animation: slide-down 0.3s;
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}
.header-center {
    position: relative;
    display: block;
    height: 65px;
    margin-top: -70px;
    background-color: #11883E;
}
.header-center .menu-left {
    position: relative;
    display: flex;
    height: 65px;
    align-items: center;
}

.header-center .menu-left ul {
    margin-bottom: 0;
    padding: 0;
    height: 100%;
}

.header-center .menu-left ul li {
    position: relative;
    display: inline-block;
    width: auto;
    height: 100%;
    list-style: none;
    margin-left: 90px;
}

.header-center .menu-left ul li:first-child {
    margin-left: 0;
}
.header-center .menu-left ul li a {
    display: block;
    margin-top: 22px;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.46px;
    color: #ffffff;
    text-decoration: none;
    transition: 0.5s;
}

.header-center .menu-left ul li a:hover {
    color: #f7ae0b;
}
.header-center .menu-left ul li p{
    display: block;
    margin-top: 15px;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.46px;
    color: #ffffff;
    text-decoration: none;
    transition: 0.5s;
    cursor:pointer;
}

.header-center .menu-left ul li p:hover {
    color: #f7ae0b;
}

.header-center .menu-left ul li .sub-menu {
  position: absolute;
  left: 0;
  display: none;
  width: 140px;
  padding: 5px 17px 5px 15px;
  margin-left: -30px;
  margin-top: 3px;
  min-height: auto;
  height: auto;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 19%);
  transition: 0.5s;
  z-index: 9999;
}
.header-center .menu-left ul li:hover .sub-menu {
    display: block;
}
.header-center .menu-left ul li .sub-menu li{
    display: block;
    width: 100%;
    margin: 0!important;
}
.header-center .menu-left ul li .sub-menu li a{
    margin: 0;
    padding: 10px 0;
    font-size: 15px;
    text-decoration: none;
    text-align: left;
    color: #11883e;
    transition:.5s;
}
.header-center .menu-left ul li .sub-menu li a:hover{
    color: #f7ae0b;
}
.header-center .header-logo {
    position: absolute;
    display: block;
    top: -71px;
    left: -5px;
    width: 100%;
}
.header-center .header-logo img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 178px;
    z-index: 1;
}
.header-center .menu-right {
    width: 100%;
    position: relative;
    display: flex;
    height: 65px;
    align-items: center;
    margin-left: 11px;
}

.header-center .menu-right ul {
    margin-bottom: 0;
    padding: 0;
}

.header-center .menu-right ul li {
    position: relative;
    display: inline-block;
    list-style: none;
    margin-left: 63px;
}
.header-center .menu-right ul li:first-child {
    margin-left: 0;
}
.header-center .menu-right ul li a {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.46px;
    color: #ffffff;
    text-decoration: none;
    transition: .5s;
}
.header-center.fixed .menu-left ul li a {
    display: block;
    margin-top: 26px;
}
.header-center.fixed .menu-right ul li a {
    display: block;
    margin-top: 15px;
}
.header-center .menu-right ul li a:hover {
    color: #f7ae0b;
}
.slider {
    position: relative;
    display: block;
    width: 100%;
    height: 600px;
    margin-top: 70px;
}
.slider .carousel {
    top: -70px;
}
.slider .carousel-control.left {
    background-color: transparent !important;
    background-image: none !important;
    z-index: 9999;
}
.slider .carousel-control.right {
    background-color: transparent !important;
    background-image: none !important;
    z-index: 9999;
}
.slider .col-md-6 {
    padding: 0 !important;
}
.slider .item .background {
    position: relative;
    display: block;
    width: 100%;
    height: 800px;
    margin-top: -70px;
    background-color: #371f18;
}
.slider .image {
    position: relative;
    height: 600px;
    object-fit: cover;
    object-position: bottom;
}
.slider .image img {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: bottom;
}

.slider .title {
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
    top: -88px;
    right: -80px;
    z-index: 3;
}
.slider .title h5 {
    font-size: 114px;
    text-align: right;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -4px;
    color: #ffffff;
}
.slider .title h4 {
    font-size: 114px;
    text-align: right;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -4px;
    color: #ffffff;
}
.slider .title .katmerSpan {
    display: flex;
    margin-top: -40px;
    font-size: 30px !important;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    justify-content: center;
    line-height: normal;
    letter-spacing: -2.46px;
    color: #ffffff;
    width: 100%;
    text-shadow: 1px 1px 13px #371f18;
    text-transform: uppercase;
}
.slider .title span {
    display: flex;
    margin-top: -65px;
    font-size: 70px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    justify-content: center;
    line-height: normal;
    letter-spacing: -2.46px;
    color: #ffffff;
    width: 100%;
}
.slider .text {
    position: absolute;
    display: block;
    width: auto;
    top: 115px;
    font-size: 28px;
    color: #4D4D4D;
    line-height: 1;
}
.slider .button {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    z-index: 2;
    top: 235px;
}
.slider .button a {
    font-size: 19px;
    font-weight: 700;
    color: #5F5F5F;
    background: #FFFFFF;
    padding: 17px 55px 17px 35px;
    border-radius: 5px;
    text-decoration: none;
}
.slider .button a:after {
    content:"";
    position:absolute;
    display:block;
    top:2px;
    right: 13px;
    width:24px;
    height:24px;
    background:url(../images/icon/slider-button-icon.svg) no-repeat;
}
.slider .text p {
    font-size: 11px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 7.27px;
    color: #ffffff;
    transform: rotate(-90deg);
}
.about-us img {
    position: relative;
    display: block;
}
.about-us {
    position: relative;
    display: block;
    width: 100%;
    height: 419px;
}
.about-us .title {
    margin-top: 30px;
}
.about-us .title h3 {
    font-size: 30px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #371f18;
    text-align: right;
}
.about-us .text {
    margin-top: 18px;
}
.about-us .text p {
    font-size: 13px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.46px;
    color: #565656;
    text-align: right;
}
.ozelUrunler {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.ozelUrunler .title {
    width: 100%;
    margin-top: 97px;
}
.ozelUrunler .title h3 {
    font-size: 30px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #371f18;
    text-align: left;
}
.ozelUrunler .title span {
    font-weight: 800;
}
.ozelUrunler .button {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: 97px;
}
.ozelUrunler .button a {
    border-radius: 5px;
    background-color: #88c117;
    border: 1px solid transparent;
    padding: 8px 30px;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding-left: 5em;
    transition: 0.5s;
    text-decoration: none !important;
}
.ozelUrunler .button a .fistik {
    background: url(../images/fistik.png) no-repeat;
    background-position: center;
    width: 60%;
    height: 55px;
    background-size: contain;
    position: absolute;
    left: 30px;
    top: -10px;
}
.ozelUrunler .button a:hover {
    color: #88c117;
    background-color: #fff;
    border: 1px solid #88c117;
}
.ozelUrunler .col-md5 {
    width: 20%;
    margin-left: 0px;
}
.ozelUrunler .col-md5:first-child {
    margin-left: 0;
}
.product-photo {
  position: relative;
  display: block;
  margin-bottom: 120px;
}
.product-photo  img {
  width: 100%;
  height: 450px;
  object-fit: cover;
  margin-top: 95px;
  margin-left: -26px;
}
.product-photo .bg {
	position:absolute;
	display:block;
	left: -70px;
	width: 109%;
	height: 600px;
	background:url(../images/product-thumb-bg.svg) no-repeat;
	background-size:cover;
	z-index: -1;
}
.products .item {
    height: 300px;
    background-color: #fff;
    width: 108%;
    transition: 0.5s;
}
.products .item:hover {
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.14);
    background-color: #fcfcfc;
}
.products .item .image {
    margin-top: 18px;
}
.products .item .image img {
    position: relative;
    display: block;
    width: 100%;
    object-fit: cover;
    height: 230px;
}
.products .title-details {
    padding: 11px 0 0 14px;
}
.products .title-details h3 {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #565656;
}
.products .price {
    padding: 5px 0 0 14px;
}
.products .price p {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d0021b;
    margin: 0;
}
.products .price span {
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d0021b;
}
.products .item .sepete-ekle {
    position: relative;
    z-index: 1;
    background-color: #ffffff;
}
.products .item .sepete-ekle button {
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.25px;
    color: #371f18;
    border: 1px solid #fff;
    display: flex;
    background: #fff;
    width: 100%;
    height: 20px;
}
.products .item .sepete-ekle p {
    margin: 0;
}
.products .item .sepete-ekle i {
    display: flex;
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.25px;
    color: #371f18;
    margin-top: 2px;
    margin-right: 4px;
}
.products .item .sepet-buton {
    position: absolute;
    margin: 12px 0 0 12px;
}
.btn-default {
  color: #FFFFFF!important;
  background-color: #777!important;
  border: 1px solid #777!important;
  background-image: none;
  text-shadow: none;
  height: 40px;
  padding: 10px 25px;
  margin-bottom: 20px;
  transition: .5s;
}
.btn-default:hover {
  color:#777!important;
  background:#fff!important;
}

.btn-primary {
  color: #ffffff!important;
  background: #11883e !important;
  border: 1px solid #11883e !important;
  text-shadow: none;
  height: 40px;
  padding: 10px 25px;
  margin-bottom: 20px;
  transition: .5s;
  box-shadow: none!important;
  outline: 0!important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color:#11883e !important;
  background: #fff!important;
}

.franchise .image {
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: center;
    object-fit: cover;
    opacity: 0.09;
}
.franchise a {
    height: 20px;
    text-decoration: none !important;
    margin-top: -20px;
}
.page-franchise .franchise a {
    height: 20px;
    text-decoration: none !important;
    margin-top: 0px;
}
.page-franchise .franchise i {
    height: 20px;
    text-decoration: none !important;
    margin-top: 0px !important;
}
.franchise .title {
    position: relative;
    display: block;
    padding-top: 50px;
    margin-top: -30px;
}
.franchise.home-franchise .title {
    position: relative;
    display: block;
    padding-top: 85px;
    margin-top: -20px;
}
.franchise.home-franchise .text {
    display: flex;
    padding-top: 0;
    z-index: 2;
    margin-bottom: 35px;
    height: auto;
}
.franchise.home-franchise .image {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 100%;
    justify-content: center;
    object-fit: cover;
    opacity: 0.09;
    margin-top: -155px;
    z-index: 1;
}
.franchise .title h3 {
    font-size: 30px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #371f18;
}
.franchise .title span {
    font-weight: bold;
}
.franchise .text {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
    margin-top: 40px;
    height: 225px;
}
.franchise .text p {
    font-size: 13px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.46px;
    color: #565656;
    margin: 0px;
}
.franchise .text i {
    font-size: 13px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.46px;
    color: #565656;
    margin-left: 12px;
    height: 20px;
    margin-top: -20px;
}
.franchise input::placeholder {
    font-size: 14px !important;
    font-weight: 300 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    color: #c5c5c5 !important;
}
.franchise .inputs p {
    font-size: 14px !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    color: #c5c5c5 !important;
    margin-bottom: 7px !important;
}
.franchise .input-name-2 input {
    height: 40px;
    border: solid 1px #e9e9e9;
    background-color: #ffffff;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c5c5;
    width: 100%;
    padding-left: 10px;
}
.franchise .input-mail {
}
.franchise .input-mail p {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c5c5;
    margin-bottom: 7px;
}
.franchise .input-mail input {
    height: 40px;
    border: solid 1px #e9e9e9;
    background-color: #ffffff;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c5c5;
    width: 100%;
    padding-left: 10px;
}
.franchise .input-phone-2 {
}
.franchise .input-phone-2 p {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c5c5;
    margin-bottom: 7px;
}
.franchise .input-phone-2 input {
    height: 40px;
    border: solid 1px #e9e9e9;
    background-color: #ffffff;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c5c5;
    width: 100%;
    padding-left: 10px;
}
.franchise .input-address {
}
.franchise .input-address p {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c5c5;
    margin-bottom: 7px;
}
.franchise .input-address input {
    height: 40px;
    border: solid 1px #e9e9e9;
    background-color: #ffffff;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c5c5c5;
    width: 100%;
    padding-left: 10px;
}
.franchise .inputs {
    margin-top: 47px;
    width: 100%;
}
.franchise .button {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 28px;
}
.franchise .button button {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    background-color: #371f18;
    padding: 10px 25px;
    border: 1px solid transparent;
    transition: 0.5s;
}
.franchise .button button:hover {
    background-color: #fff;
    color: #371f18;
    border: 1px solid #371f18;
}
#categoryPage .breadcumbArea {
    position: relative;
    display: block;
    width:100%;
    height: 155px;
    background:#F7F7F7;
    margin-bottom: 45px;
}
#categoryPage .breadcumbArea .category-nav .items {
    position:relative;
    display: inline-block;
    align-items: center;
    width:100%;
    height: 90px;
    border-radius: 10px;
    padding: 0 20px 0 30px;
    margin-top: 105px;
    background-color:#FFFFFF;
    box-shadow: 0px 3px 6px hsl(0deg 0% 0% / 15%);
}
#categoryPage .breadcumbArea .category-nav .items a{
    text-decoration:none;
}
#categoryPage .breadcumbArea .category-nav .items .item{
    margin-top: 10px;
    position:relative;
    display: inline-block;
    width: 14.01%;
    text-align:center;
}
#categoryPage .breadcumbArea .category-nav .items .item.active svg path{
    fill: #EF2526!important;
}
#categoryPage .breadcumbArea .category-nav .items .item.active .text h5{
    color: #EF2526!important;
}
#categoryPage .breadcumbArea .category-nav .items .item:hover svg path{
    fill: #EF2526!important;
}
#categoryPage .breadcumbArea .category-nav .items .item:hover .text h5{
    color: #EF2526!important;
}
#categoryPage .breadcumbArea .category-nav .items .item .icon{
    position:relative;
    display:block;
    margin-top: 3px;
}
#categoryPage .breadcumbArea .category-nav .items .item .text{
    position:relative;
    display:block;
    margin-top: 5px;
}
#categoryPage .breadcumbArea .category-nav .items .item .text h5{
    position:relative;
    display:block;
    font-size: 15px;
    color: #3D396A;
}
.certificates {
    position:relative;
    display:block;
}
.certificates .item{
    position:relative;
    display:block;
    width:100%;
    margin-bottom: 30px;
}
.certificates .item img{
    position:relative;
    display:block;
    max-width:100%;
}
.breadcumbArea .title {
    position: relative;
    display: block;
    padding: 40px 0;
    z-index: 2;
}
.breadcumbArea .title h3 {
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.4px;
    color: #11883e;
    text-align: center;
}
.accountTitle{
    display: block;
    padding: 40px 0;
    FONT-VARIANT: JIS04;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.4px;
    color: #11883e;
    text-align: center;
}
#successPage .text {
    margin-top:30px;
}
#successPage .btn-primary {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    height: 60px;
    background: #04BA20;
    border-color: #04BA20!important;
    font-size: 19px;
    font-weight: 700;
    text-align: left!important;
    transition: .5s;
    outline: 0;
}
#successPage .btn-primary:hover {
    background:#fff;
    color:#04BA20 !important;
}
#productPage .breadcrumbAreaBottom {
    position: absolute;
    display: block;
    width: 100%;
    height: 500px;
    background: url(../images/slide-bg.png);
    background-repeat: no-repeat !important;
    background-size: cover;
    margin-top: -300px;
}

.info-table-content {
    color: #8B8B8B;
}
.info-table-content strong {
    color: #898989;
    font-weight: normal;
}
.info-table-row:first-of-type > *:after {
    display: none;
}
.info-table {
    line-height: 1.95em;
    border: 1px solid #D5D5D5;
    width: 100%;
    background: #fff;
    margin-top: 25px;
}
.info-table td,
.info-table th {
    border-bottom: 1px solid #D5D5D5;
    padding: 6px 23px;
    position: relative;
    vertical-align: middle;
}

.info-table th {
    border-right: 1px solid #371f18;
    font-weight: 400;
    text-align: center;
    width: 63px;
    color: #8B8B8B;
    padding: 0;
    margin: 0;
}
.info-table th {
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
}
.info-table th:after {
    right: 0;
}
.info-table td {
    border-left-style: none;
}
.info-table td:after {
    left: 0;
}
#productPage .productTitle {
    position: relative;
    display: block;
    margin-top: -30px;
}
#productPage .productTitle h1 {
    position: relative;
    display: block;
    margin-top: 30px;
    font-family: 'Nerko One', cursive;
    font-size: 37px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #EF2526;
}
#productPage .wishlist {
    position: absolute;
    top: 10px;
    right: 25px;
}
#productPage .wishlist button {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    background: #88c117;
    color: #fff;
    border: 0;
}
#productPage .productPrice {
    position: relative;
    display: block;
    margin-top: 0px;
    text-align: left;
    padding: 0;
    margin-bottom: 0;
}
#productPage .productPrice .price-old-live {
    display: block;
    font-family: 'Nerko One', cursive;
    font-size: 30px;
    font-weight: 600;
    text-align: left;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3D396A;
    margin-bottom: -20px;
}
#productPage .productPrice .price-new-live {
    display: block;
    font-family: 'Nerko One', cursive;
    font-size: 47px;
    font-weight: 600;
    text-align: left;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3D396A;
}
#productPage .adet {
    position: relative;
    display: block;
}
#productPage .adet #azaltma {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 15px;
    left: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    cursor: pointer;
    z-index: 2;
}
#productPage .adet #input-quantity {
    text-align: center;
    height: 60px;
    border-radius: 5px;
    border: solid 1px #e9e9e9;
    outline: 0 !important;
    box-shadow: none !important;
    background: #919191;
    color: #fff;
}
#productPage .adet #arttirma {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    cursor: pointer;
    z-index: 2;
}
#productPage #button-cart {
    font-size: 19px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    height: 60px;
    border-radius: 5px;
    background-color: #34AA61;
    border: 0;
    margin-top: 8px;
    text-transform: uppercase;
    outline: 0 !important;
    box-shadow: none !important;
}
#productPage #button-cart i {
    font-size: 16px;
    margin-right: 15px;
}
#productPage #product {
    margin-top: 30px;
}
#productPage .detailInfo {
    position: relative;
    display: block;
    height: auto;
}
#productPage .detailInfo .text {
    font-size: 15px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.46px;
    color: #3D396A;
}
#productPage .detailInfo .text h2 {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.46px;
    color: #565656;
}
#productPage .foodItemsArea{
    position:relative;
    display: block;
    width: 105%;
    margin-left: -10px;
}
#productPage .foodItemsArea .title{
    position:relative;
    display: block;
    margin-left:10px;
    margin-bottom:20px;
}
#productPage .foodItems .item{
    position:relative;
    display: block;
    width: 16.67%;
    height: 85px;
    margin: 5px 10px;
    padding:0 0;
    float: left;
    text-align:center;
    background:#F2F2F2;
    border-radius: 5px;
}
#productPage .foodItems .item .value{
   position:relative;
   display:block;
   width: 85%;
   height: 50px;
   background:#fff;
   border-radius: 5px;
   margin: 10px auto 0 auto;
   padding: 3px 0;
   font-size: 30px;
   font-weight:600;
   color:#95D309;
}
#productPage .foodItems .item .text{
   position:relative;
   display:block;
   width: 90%;
   margin: 5px auto 0 auto;
   font-size: 11px;
   font-weight:600;
   color:#3D396A;
}
#productPage .titleRelated {
    position: relative;
    display: block;
    margin: 100px 0 0 0;
}

.page-buy .title h3 {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #371f18;
    text-align: left;
}
.page-buy .title span {
    font-weight: 800;
}
.page-buy .button {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: 63px;
}
.page-buy .button button {
    border-radius: 5px;
    background-color: #88c117;
    border: 1px solid transparent;
    padding: 8px 30px;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding-left: 5em;
    transition: 0.5s;
}
.page-buy .button button:hover {
    color: #88c117;
    background-color: #fff;
    border: 1px solid #88c117;
}
.page-buy .item {
    height: 300px;
    background-color: #fff;
    width: 108%;
    transition: 0.5s;
    margin-top: 18px;
}
.page-buy .item:hover {
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.14);
    background-color: #fcfcfc;
}
.page-buy .item .image {
    margin-top: 18px;
}
.page-buy .item .image img {
    position: relative;
    display: block;
    width: 100%;
    object-fit: cover;
    height: 230px;
}
.page-buy .title-details {
    padding: 11px 0 0 14px;
}
.page-buy .title-details h3 {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #565656;
    margin: 0;
}
.page-buy .item .price {
    padding: 8px 0 0 14px;
}
.page-buy .price {
    margin-top: 8px;
}
.page-buy .price p {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d0021b;
    margin: 0;
}
.page-buy .price span {
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d0021b;
}
.page-buy .item .sepete-ekle {
    position: relative;
    z-index: 1;
    background-color: #ffffff;
}
.page-buy .item .sepete-ekle button {
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.25px;
    color: #371f18;
    border: 1px solid #fff;
    display: flex;
    background: #fff;
    width: 100%;
    height: 20px;
}
.page-buy .item .sepete-ekle p {
    margin: 0;
}
.page-buy .item .sepete-ekle i {
    display: flex;
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.25px;
    color: #371f18;
    margin-top: 2px;
    margin-right: 4px;
}
.page-buy .item .sepet-buton {
    position: absolute;
    margin: 12px 0 0 12px;
}
#modal-agree .modal-body {
    display: flex !important;
}
.hakkimizda {
    position:relative;
    display: flex;
    align-items: center;
    background: url(../images/hakkimizda-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 575px;
    margin-top: -70px;
}
.hakkimizda .title{
    position:relative;
    display:block;
    width: 100%;
}
.hakkimizda .title h3{
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}
.hakkimizda .text{
    position:relative;
    display:block;
    width: 100%;
}
.hakkimizda .text p {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 30px;
}
.hakkimizda .button{
    position:relative;
    display: flex;
    justify-content: center;
    width: 100%;
}
.hakkimizda .button a {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 30px;
    text-decoration: none;
    transition:.5s;
}
.hakkimizda .button a:hover {
    color: #43171e;
    background:#fff;
}
.homepage-categories {
    position:relative;
    display:block;
    margin-top: 40px;
    margin-bottom: 65px;
}
.homepage-categories .item{
    position:relative;
    display:block;
    width: 100%;
    height: 430px;
}
.homepage-categories .item .image{
    position:relative;
    display:block;
    height: 430px;
}
.homepage-categories .item .image img{
    position:relative;
    display:block;
    height: 430px;
    width: 100%;
    object-fit: contain;
}
.homepage-categories .item .text {
    position:relative;
    display: block;
    margin-top: 60px;
}
.homepage-categories .item .text h2 {
    color:#EF2526;
    font-family: 'Nerko One', cursive;
    font-size: 37px;
    margin-top: 30px;
    margin-left: 15px;
}
.homepage-categories .item .button {
    position:relative;
    display:block;
    margin-left:15px;
    margin-top:20px;
}
.homepage-categories .item .button a {
    background:#EF2526;
    color:#fff;
    font-size: 19px;
    font-weight:700;
    padding:10px 25px;
    border-radius:5px;
    transition:.5s;
}
.homepage-categories .item .button a:hover {
   text-decoration:none;
   margin-left:5px;
}

.homepage-categories .item.biber .text h2 {
    color:#11883E;
}
.homepage-categories .item.biber .button a {
    background:#11883E;
}

.homepage-categories .item.soslar .text h2 {
    color:#EF9225;
}
.homepage-categories .item.soslar .button a {
    background:#EF9225;
}

.homepage-categories .item.sebze .text h2 {
    color:#116230;
}
.homepage-categories .item.sebze .button a {
    background:#116230;
}

.homepage-categories .item.bakliyat .text h2 {
    color:#CBAF8E;
}
.homepage-categories .item.bakliyat .button a {
    background:#CBAF8E;
}

.homepage-categories .item.tursu .text h2 {
    color:#625611;
}
.homepage-categories .item.tursu .button a {
    background:#625611;
}

.homepage-categories .item.zeytin .text h2 {
    color:#5FB265;
}
.homepage-categories .item.zeytin .button a {
    background:#5FB265;
}

.homepage-categories-mobile {
    position:relative;
    display:block;
    margin-top: 40px;
    margin-bottom: 65px;
}
.homepage-categories-mobile .item{
    position:relative;
    display:block;
    width: 100%;
    height: auto;
}
.homepage-categories-mobile .item .image{
    position:relative;
    display:block;
    height: auto;
}
.homepage-categories-mobile .item .image img{
    position:relative;
    display:block;
    height: auto;
    width: 100%;
    object-fit: contain;
}
.homepage-categories-mobile .item .text {
    position:relative;
    display: flex;
    width: 100%;
    justify-content: center;
}
.homepage-categories-mobile .item .text h2 {
    color:#EF2526;
    font-family: 'Nerko One', cursive;
    font-size: 37px;
    margin-top: 30px;
    margin-left: 15px;
}
.homepage-categories-mobile .item .button {
    position:relative;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-left:15px;
    margin-top:20px;
    margin-bottom: 26px;
}
.homepage-categories-mobile .item .button a {
    background:#EF2526;
    color:#fff;
    font-size: 19px;
    font-weight:700;
    padding:10px 25px;
    border-radius:5px;
    transition:.5s;
}
.homepage-categories-mobile .item .button a:hover {
   text-decoration:none;
   margin-left:5px;
}

.homepage-categories-mobile .item.biber .text h2 {
    color:#11883E;
}
.homepage-categories-mobile .item.biber .button a {
    background:#11883E;
}

.homepage-categories-mobile .item.soslar .text h2 {
    color:#EF9225;
}
.homepage-categories-mobile .item.soslar .button a {
    background:#EF9225;
}

.homepage-categories-mobile .item.sebze .text h2 {
    color:#116230;
}
.homepage-categories-mobile .item.sebze .button a {
    background:#116230;
}

.homepage-categories-mobile .item.bakliyat .text h2 {
    color:#CBAF8E;
}
.homepage-categories-mobile .item.bakliyat .button a {
    background:#CBAF8E;
}

.homepage-categories-mobile .item.tursu .text h2 {
    color:#625611;
}
.homepage-categories-mobile .item.tursu .button a {
    background:#625611;
}

.homepage-categories-mobile .item.zeytin .text h2 {
    color:#5FB265;
}
.homepage-categories-mobile .item.zeytin .button a {
    background:#5FB265;
}

.bayi-call-action {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height:120px;
    background-color:#EF2526;
    margin-top: 140px;
    margin-bottom: 50px;
}
.bayi-call-action .text p {
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    margin: 10px 0 0 0;
}
.bayi-call-action a {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    border: 2px solid #fff;
    padding: 0 20px;
    height: 60px;
    font-size: 19px;
    font-weight: 700;
    color: #EF2526!important;
    border-radius: 5px;
    transition: .5s;
}
.bayi-call-action a:hover {
    color: #FFF!important;
    background: #EF2526;
    text-decoration:none;
}
.bayi-call-action .image {
    background: url(../images/call-action-image.png) no-repeat;
    background-size: cover;
    position: absolute;
    margin-top: -155px;
    width: 100%;
    height: 235px;
}
.footer-top {
    position: relative;
    display: flex;
    height: 80px;
    background: #F0F0F0;
    margin: 30px 0 40px 0;
}
.footer-top .image{
    position: relative;
    display: block;
    background:url(../images/cards.png) no-repeat;
    width:100%;
    height: 32px;
    margin-top: 26px;
    margin-left: -8px;
    background-size:contain;
}
.footer {
    margin-top: 0;
    position: relative;
    height: 210px;
    background: #fff;
}
.footer .menu {
    position: relative;
    display: block;
}
.footer .title.unvan h6{
    margin-bottom: 10px;
}
.footer .title h6{
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: -20px;
    margin-left: 10px;
    text-align: left;
}
.footer .menu ul {
    position: relative;
    display: block;
    padding: 0;
    margin-top: 25px;
}
.footer .menu ul li {
    display: block;
    margin-left: 10px;
}
.footer .menu ul li:last-child:after {
    content: " ";
    border: 0;
}
.footer .menu ul li a {
    font-size: 15px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3D396A;
    text-decoration: none;
    transition: 0.5s;
    text-transform: uppercase;
}
.footer .menu ul li a:hover {
    color:#11883e;
    font-weight: 400;
}

.footer .text {
    position: relative;
    display: block;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3D396A;
}
.footer .text p{
}
.footer .footer-cards{
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-left: -10px;
}
.footer .logos {
    position:relative;
    display: inline-flex;
}
.footer .logos img{
    width: 100%;
    height: 60px;
    object-fit: contain;
    display: flex;
    margin-top: 40px;
    margin-right: -50px;
}
.footer-bottom {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    text-align: center;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px -3px 10px 5px #efefef;
}
.footer-bottom .text {
    position: relative;
    display: flex;
    height: 60px;
    align-items: center;
    text-align: center;
}
.footer-bottom .text p {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3D396A;
    margin: 0;
}
.footer-bottom p {
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3D396A;
    margin: 0;
}
.footer-bottom .logo {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    height: 60px;
    align-items: center;
}
.footer-bottom .logo img {
    position: relative;
    display: inline-flex;
    height: 20px;
}
#categoryPage .title {
    position:relative;
    display:block;
    width:100%;
}
#categoryPage .title h3 {
    color:#EF2526;
    font-family: 'Nerko One', cursive;
    font-size: 37px;
    margin-top: 30px;
    margin-left: 15px;
}
.newsPage .product-thumb {
    border:1px solid #eee;
    padding: 10px;
}
.newsPage .product-thumb .image{
    width: 100%;
}
.newsPage .product-thumb .image img{
    object-fit: cover;
    width: 100%;
    height: 390px;
}
.newsPage  .product-thumb .caption h4,.newsPage .product-thumb .caption a {
    font-family: 'Rubik', sans-serif!important;
    font-size: 18px;
    text-align: left;
    color: #3D396A;
    text-decoration: none !important;
    transition: 0.5s;
    width: 100%;
    margin: 0 auto;
}
.product-thumb {
    margin-bottom: 20px;
    overflow: hidden;
    width: auto;
    height: auto;
    transition: 0.5s;
}
.product-thumb .image {
    text-align: center;
    overflow: hidden;
}
.product-thumb .image a {
    overflow: hidden;
    margin-left: -15px;
    display: block;
    transition: transform 0.5s ease;
}
.product-thumb .image img {
    position: relative;
    max-width: 100%;
    margin: 10px 0 0 10px;
}
.product-thumb .image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: transparent;
    height: 295px;
}
.product-thumb .image .bg{
    background:url(../images/product-thumb-bg.svg) no-repeat;
    background-position: center;
    background-size: contain;
    position:absolute;
    display:block;
    left: 0;
    width:100%;
    height: 283px;
    z-index: 0;
}
.product-thumb .image .bg-hover{
    background:url(../images/product-thumb-bg-hover.svg) no-repeat;
    background-position: center;
    background-size: contain;
    position:absolute;
    display:block;
    left: 0;
    width:100%;
    height: 283px;
    z-index: 0;
    transition:.5s;
    opacity:0;
}
.product-thumb:hover .image .bg-hover{
    opacity:1;
}
@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px;
    }
}
.product-thumb .caption h4,
.product-thumb .caption a {
    font-family: 'Nerko One', cursive;
    font-size: 25px;
    text-align: center;
    color: #8D8D8D;
    text-decoration: none !important;
    transition: 0.5s;
    width: 60%;
    margin: 0 auto;
}
.product-thumb a:hover {
    color: #ef2526;
}
.product-thumb .wishlist {
    position: absolute;
    top: 10px;
    right: 25px;
}
.product-thumb .wishlist button {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: rgba(19, 51, 76, 0.24);
    border: 0;
    border-radius: 25px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.95;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-thumb .wishlist button:hover {
    background: #88c117;
    color: #fff;
}
.newsExtension .title{
    color: #3D396A;
    margin-left:15px;
    font-size:20px;
    text-align: center;
}
.product-thumb .caption {
    height: auto;
    min-height: 100px;
    padding-top: 10px;
}
@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        min-height: 210px;
        padding: 0 10px;
    }
}
@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px;
    }
    .product-grid .product-thumb .caption {
        min-height: 0;
    }
    .footer-bottom .logo {
        position: relative;
        display: flex;
        width: 100%;
        justify-content: center;
        height: 60px;
        align-items: center;
    }

    .footer .menu {
        position: relative;
        display: block;
        width: 100%;
        display: block;
        text-align: center;
    }
    .footer .menu .title{
        width: 100%;
        text-align: center;
    }
    .footer .text{
        text-align:center;
    }
    .unvan{
        padding-top:20px!important;
    }
    .footer .title h6{
        text-align:center!important;
    }
}
.product-thumb .rating {
    padding-bottom: 10px;
}
.rating .fa-stack {
    font-size: 8px;
}
.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}
.rating .fa-star {
    color: #fc0;
    font-size: 15px;
}
.rating .fa-star + .fa-star-o {
    color: #e69500;
}
h2.price {
    margin: 0;
}
.product-thumb .price {
    font-family: 'Nerko One', cursive;
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3D396A;
    text-align: center;
}
.product-thumb .price-new {
    font-weight: 600;
    display: block;
    margin-top: -10px;
}
.product-thumb .price-old {
    display: block;
    color: #999;
    text-decoration: line-through;
    margin-top: -5px;
}
.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block;
}
.product-thumb .button-group {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
}
.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}
.product-thumb .button-group a {
    display: block;
    padding: 14px 30px;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.25px;
    color: #11883E;
    background-color: #fff;
    text-decoration:none;
    border: 0;
    opacity:0;
    transition: 0.5s;
    width: auto;
}
.product-thumb.product-thumb:hover .button-group a {
    opacity:1;
}
@media (max-width: 1200px) {
    .product-thumb .button-group button,
    .product-thumb .button-group button + button {
    }
}


@media (min-width: 992px) and (max-width:1300px) {
   #categoryPage .breadcumbArea .category-nav .items .item {
       width: 13.9%;
   }
   #categoryPage .breadcumbArea .category-nav .items .item .text h5{
       font-size:13px;
   }
}
@media (max-width: 991px) {
    .header-center .menu-left {
        display: none !important;
    }
    .ozelUrunler .button .fistik {
        display: none;
    }
    .header-center .menu-right {
        display: none !important;
    }
    .header-center .header-logo {
        position: relative;
        display: block;
        width: 100%;
        top: 50px;
        margin-left: 0;
    }
    .header-center .header-logo img {
        position: relative;
        display: block;
        z-index: 1;
        height: 100px;
        margin: 0 auto;
        margin-top: -58px;
    }
    .header-top .sepetim {
        position: relative;
        z-index: 2;
    }
    .header-top .sepetim h5{
        font-size: 12px;
        margin-bottom: -11px;
    }
    .header-top .sepetim i {
        font-size: 23px;
    }
    .header-top .sepetim span {
        font-size: 0px;
    }
    #cartDropdown {
        width: auto!important;
    }
    .dropdown-menu {
        min-width: 330px !important;
    }
    .footer {
        height: auto;
        padding: 20px 0;
    }
    .footer .menu ul li a{
        font-size: 13px;
    }
    .footer .logos img{
        margin-right: 5px;
    }
    .product-thumb .button-group button,
    .product-thumb .button-group button + button {
        width: 100%;
    }
    .slider {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        margin-top: 70px;
        margin-bottom: 30px;
    }
    .slider .image {
    position: relative;
    height: auto;
    object-fit: cover;
    object-position: bottom;
}
.slider .image img {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: bottom;
}
.slider .button{
    margin-top:-20px;
}
    .slider .carousel-control {
        height: 0;
    }
    .slider .item .background {
        position: relative;
        display: block;
        width: 100%;
        height: 250px;
        margin-top: 0;
        background-color: #371f18;
        border-top: 2px solid #f9e600;
    }
    .slider .image img {
        position: relative;
        width: 100%;
        max-width: 100%;
        height: auto;
        object-fit: cover;
        object-position: bottom;
    }
    .slider .slider-bottom {
        bottom: 221px;
    }
    .slider .title {
        top: -35px;
        display: flex;
        justify-content: center;
        width: 117%;
    }
    .slider .title h5 {
        font-size: 55px;
        text-align: start;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -4px;
        color: #ffffff;
    }
    .slider .title h4 {
        font-size: 70px;
        text-align: center !important;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -4px;
        color: #ffffff;
    }
    .slider .title .katmerSpan {
        display: flex;
        margin-top: -28px;
        font-size: 21px !important;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        justify-content: center;
        line-height: normal;
        letter-spacing: -2.46px;
        color: #ffffff;
        width: 100%;
        text-shadow: 1px 1px 13px #371f18;
        text-transform: uppercase;
    }
    .slider .title span {
        display: flex;
        margin-top: -65px;
        font-size: 40px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        justify-content: center;
        line-height: normal;
        letter-spacing: -2.46px;
        color: #ffffff;
        width: 100%;
    }
    .slider .title span {
        display: flex;
        margin-top: -30px;
        font-size: 40px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        justify-content: center;
        line-height: normal;
        letter-spacing: -2.46px;
        color: #ffffff;
        width: 100%;
    }
    .slider .text {
        display: none !important;
    }
    .slider .text p {
        font-size: 11px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 7.27px;
        color: #ffffff;
        transform: rotate(-90deg);
    }
    .about-us {
        margin-top: 0 !important;
    }
    .about-us img {
        width: 100%;
        margin-left: 10px;
        margin-top: -50px;
    }
    .about-us .title h3 {
        text-align: center;
    }
    .about-us .text p {
        text-align: center;
    }
    .ozelUrunler .title h3 {
        text-align: center;
    }
    .ozelUrunler .button {
        justify-content: center;
        margin-top: 0;
        margin-bottom: 35px;
    }
    .ozelUrunler .button a {
        padding-left: 30px;
    }
    .ozelUrunler .col-md5 {
        width: 50% !important;
        margin-left: 0px;
    }
    #categoryPage .col-md5 {
        width: 50% !important;
        margin-left: 0px;
    }
    #productPage .breadcrumbAreaBottom {
        margin-top: -280px !important;
    }
    #productPage .easyzoom img {
        width: 100%;
    }
    #productPage .productTitle {
        margin-top: 30px;
    }
    #productPage .col-md5 {
        width: 50% !important;
        margin-left: 0px;
    }
    #productPage .titleRelated h2 {
        text-align: center;
    }
    #productPage .titleRelated .button {
        justify-content: center !important;
        margin-top: 0 !important;
        margin-bottom: 35px;
    }
    #productPage .titleRelated .button .fistik {
        left: 26px !important;
        width: 30% !important;
    }
    .product-thumb .button-group button span {
        display: block !important;
    }
    .reservation .image img {
        position: relative;
        width: 100%;
        height: 350px;
        object-fit: cover;
        margin-left: -84px;
    }
    .reservation .title-1 {
        margin-top: -67px;
    }
    .reservation {
        position: relative;
        height: 1178px;
        width: 100%;
    }
    .franchise .text {
        margin-top: 20px;
    }
    .franchise .title h3 {
        font-size: 22px;
    }
    .franchise .image img {
        display: flex;
        width: 100%;
        justify-content: center;
        object-fit: cover;
        margin-top: 154px;
        margin-left: -12px;
    }
    .page-franchise .banner-bottom {
        position: absolute;
        display: block;
        width: 100%;
        height: 500px;
        background: url(../images/slide-bg.png) no-repeat;
        background-position: center;
        background-size: cover;
        left: 0;
        top: 116px;
        z-index: 0;
    }
    .header-top .telephone{
        width:auto;
    }
    #categoryPage .breadcumbArea{
        padding: 15px 0 15px 0;
        height: auto;
        margin: 0;
    }
    #categoryPage .breadcumbArea .category-nav .items{
        width:100%;
        height:auto;
        margin-top: 25px;
    }
    #categoryPage .breadcumbArea .category-nav .items .item{
        width:49%;
    }
    .categorySetting {
        margin-top:-38px;
    }
    .product-photo .bg{
        height: 450px;
        background-size: contain;
        top: 70px;
    }
    .product-photo img{
        object-fit: contain;
        margin-top: 0px;
        margin-left: -45px;
    }
    #productPage #button-cart{
        font-size:12px;
    }

}
.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}
.thumbnails > li {
    margin-left: 20px;
    display: inline-flex;
}
.thumbnails {
    margin-left: -20px;
    display: inline-flex;
    margin-top: 10px;
    margin-bottom: 40px;
}
.thumbnails > img {
    width: 100%;
}
.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd;
}
.image-additional {
    max-width: 78px;
}
.thumbnails .image-additional {
    float: left;
    margin-left: 20px;
}
@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n + 1),
    #content .col-lg-3:nth-child(4n + 1),
    #content .col-lg-4:nth-child(3n + 1),
    #content .col-lg-6:nth-child(2n + 1) {
        clear: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #content .col-md-2:nth-child(6n + 1),
    #content .col-md-3:nth-child(4n + 1),
    #content .col-md-4:nth-child(3n + 1),
    #content .col-md-6:nth-child(2n + 1) {
        clear: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #content .col-sm-2:nth-child(6n + 1),
    #content .col-sm-3:nth-child(4n + 1),
    #content .col-sm-4:nth-child(3n + 1),
    #content .col-sm-6:nth-child(2n + 1) {
        clear: left;
    }
}
@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%;
    }
    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }
    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
    #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
}
#column-left .product-layout,
#column-right .product-layout {
    width: 100%;
}
.input-group .form-control[name^="quantity"] {
    min-width: 50px;
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
#categoryPage .col-md5 {
    width: 20%;
    margin-left: 0px;
}
#categoryPage .col-md5:first-child {
    margin-left: 0;
}
#productPage {position: relative;display: block;margin-top: 60px;}
#productPage .col-md5:first-child {
    margin-left: 0;
}
#productPage .titleRelated h2 {
    font-size: 30px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ef2526;
    margin-bottom: 30px;
}
#productPage .titleRelated .button {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: 25px;
}
#productPage .titleRelated .button a {
    border-radius: 5px;
    background-color: #88c117;
    border: 1px solid transparent;
    padding: 8px 30px;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding-left: 5em;
    transition: 0.5s;
    text-decoration: none !important;
}
#productPage .titleRelated .button a .fistik {
    background: url(../images/fistik.png);
    background-position: center;
    width: 60%;
    height: 55px;
    background-size: cover;
    position: absolute;
    left: -50px;
    top: -10px;
}
.insan-kaynaklari-banner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    background: #f9e600;
    background-size: cover;
    background-position: center;
}
.insan-kaynaklari-banner .banner-bottom {
    position: absolute;
    display: block;
    width: 100%;
    height: 500px;
    background: url(../images/slide-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    left: 0;
    top: 70px;
    z-index: 0;
}
.insan-kaynaklari-banner .title {
    position: relative;
    display: block;
    z-index: 2;
}
.insan-kaynaklari-banner .title h5 {
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.4px;
    color: #371f18;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
}
.is-basvuru-formu .baslik {
    margin-top: 39px;
}
.is-basvuru-formu .baslik h5 {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: justify;
    color: #371f18;
    text-transform: uppercase;
}
.is-basvuru-formu .form-control {
    font-size: 13px !important;
    color: #8d8d8d !important;
    position: relative;
    display: block;
    border: solid 1px #f1f1f1;
    background-color: #f1f1f1;
    outline: 0 !important;
    box-shadow: none;
    height: 150px;
    background-color: #ffffff;
}
.is-basvuru-formu {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 500px;
    margin-bottom: 200px;
}
.is-basvuru-formu .ogrenim-durumu {
    position: relative;
    display: block;
    padding: 0 8px;
    margin-bottom: 15px;
    color: #8d8d8d !important;
    height: 50px;
    border: 1px solid #dedede;
    background-color: #ffffff;
    border-radius: 0;
}
.is-basvuru-formu .form-group input {
    position: relative;
    display: inline-block;
    outline: 0 !important;
    box-shadow: none;
    height: 38px;
    margin-bottom: 34px;
    background-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 0;
    color: #8B8B8B;
    border-color: #D5D5D5;
}
.is-basvuru-formu .form-group .form-control-file {
    float: right;
    position: relative;
    display: block;
    width: 18%;
    border: solid 1px #f1f1f1;
    outline: 0 !important;
    box-shadow: none;
    font-size: 14px;
    color: #1f1f1f;
    height: 50px;
    background-color: #505153;
    top: -36px;
}
.is-basvuru-formu textarea {
    position: relative;
    font-size: 14px;
    border: solid 1px #dedede !important;
    background-color: #fff !important;
    resize: none;
    height: 93px;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0;
}
.is-basvuru-formu .form-group input::placeholder {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #8d8d8d;
}
.is-basvuru-formu .form-group textarea::placeholder {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: justify;
    color: #9b9b9b;
}
.is-basvuru-formu .cinsiyet {
    position: relative;
    display: flex;
    width: 35%;
    float: left;
    margin-top: 25px;
    margin-left: 4px;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: justify;
    color: #371f18;
}
.is-basvuru-formu .kadin-erkek {
    display: block;
    width: 100%;
    height: 100px;
    margin-top: 5px;
    border-bottom: 1px solid #eee;
}
#checkout-checkout [type=radio]:checked,
#checkout-checkout [type=radio]:not(:checked) {
    position: relative;
    left: 0;
}
[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
}


[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 21px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #505153;
    margin-right: 0px;
    margin-left: 5px;
    margin-bottom: 0;
}

[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #505153;
    border-radius: 100%;
    background: #fff;
    background: #ffffff;
}

[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #11883e;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

[type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.is-basvuru-formu .dosya-sec {
    position: relative;
    width: 100%;
    justify-content: center;
}
.is-basvuru-formu .dosya-sec .title h5 {
    margin-top: 40px;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: justify;
    color: #371f18;
}
.is-basvuru-formu .dosya-sec #image-file {
    opacity: 0;
    width: 39%;
    cursor: pointer;
    margin-top: -15px;
    z-index: 3;
}
.is-basvuru-formu #upload-image {
    border: 1px solid #505153;
    background: #505153;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    text-transform: capitalize;
    margin: 0 auto;
    height: 50px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.5px;
    width: 39%;
    float: right;
    margin-top: -51px;
    outline: 0 !important;
    border-radius: 0;
    color: #fff;
    z-index: 1;
}
.is-basvuru-formu .title-form {
    position: relative;
    display: flex;
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #371f18;
}
.is-basvuru-formu .insan-kaynaklari-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8dc63f;
    text-decoration: none;
    text-transform: capitalize;
    transition: 0.5s;
    outline: 0 !important;
    padding: 9px 18px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.5px;
    color: #ffffff;
    float: right;
    border: 1px solid #8dc63f;
    margin-top: 50px;
}
.is-basvuru-formu .insan-kaynaklari-button i {
    margin-left: 79px;
}
.is-basvuru-formu .insan-kaynaklari-button:hover {
    background-color: #fff;
    color: #8dc63f;
}
#cartDropdown .cikarButton {
    background-color: #da1414;
    border: 0;
    border-radius: 5px;
    padding: 3px 4px;
    color: #fff!important;
}
#cartDropdown {
    width: 500px;
    right: 0;
    left: auto!important;
    background: #fff;
    z-index: 1001;
    font-size: 14px;
}
#cartDropdown .cikarButton i {
    display: block;
    font-size: 18px;
    text-align: center;
    padding: 0;
    margin: 0;
    letter-spacing: normal;
    color: #fff;
}
#cartDropdown .sepetButton {
    background-color: #11883e;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 8px 15px;
    text-decoration: none !important;
    margin-left: 15px;
}
#cartDropdown .sepetButton i {
    font-size: 18px;
    text-align: center;
    padding: 0;
    margin: 0;
    color:#fff;
    letter-spacing: normal;
}
#cartDropdown .odemeButton {
    position: relative;
    display: inline-block;
    background-color: #ee2526;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 7px 15px;
    margin-bottom: 25px;
    text-decoration: none !important;
}
#cartDropdown .odemeButton i {
    font-size: 16px;
    text-align: center;
    padding: 0;
    margin: 0;
    color:#fff;
    letter-spacing: normal;
}
.form-group label {
    color:#8B8B8B;
}
.form-group input {
    position: relative;
    outline: 0 !important;
    box-shadow: none!important;
    height: 60px;
    background-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 15px;
    color: #8B8B8B;
    border-color: #D5D5D5;
}
.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    line-height: 56px;
    margin-top: -15px !important;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
#contactPage {
    background-color: #FDFDFD;
    padding-top: 30px;
}
#contactPage .form-group .form-control-file {
    float: right;
    position: relative;
    display: block;
    width: 18%;
    border: solid 1px #f1f1f1;
    outline: 0 !important;
    box-shadow: none;
    font-size: 14px;
    color: #1f1f1f;
    height: 50px;
    background-color: #505153;
    top: -36px;
}
textarea {
    position: relative;
    font-size: 14px;
    border: solid 1px #dedede !important;
    background-color: #fff !important;
    resize: none;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0;
}
.dealerForm {
    position:relative;
    display:block;
    padding-top: 70px;
    background: #FDFDFD;
}
.dealerForm .image{
    position:relative;
    display:block;
    background: url(../images/dealer-bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 867px;
}.dealerForm .image h2{
    position:relative;
    display:block;
    font-size: 42px;
    padding: 15px 0 0 0;
    text-align: center;
    color: #fff;
    font-family: 'Nerko One', cursive;
}
.dealerForm input {
    position: relative;
    outline: 0 !important;
    box-shadow: none!important;
    height: 60px;
    background-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 15px;
    color: #8B8B8B;
    border-color: #D5D5D5;
}
.dealerForm input[type=checkbox]{
    position: relative;
    outline: 0 !important;
    box-shadow: none!important;
    height: auto;
    background-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 0;
    color: #8B8B8B;
    border-color: #D5D5D5;
}
.dealerForm #send {
    position: relative;
    outline: 0 !important;
    box-shadow: none!important;
    width: 100%;
    height: 60px;
    background-color: #04BA20;
    border-radius: 5px;
    margin-bottom: 15px;
    color: #fff;
    border: 2px solid #04BA20;
    font-weight: 700;
    text-align: left;
    padding-left: 20px;
    transition:.5s;
}
.dealerForm #send:hover{
    color: #04BA20;
    background-color: #fff;
}

#contactPage .form-group input::placeholder {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #8d8d8d;
}
#contactPage .form-group textarea::placeholder {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: justify;
    color: #9b9b9b;
}
#contactPage .btn-primary {
   position: relative;
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: flex-start;
   height: 60px;
   background: #04BA20;
   border-color: #04BA20!important;
   font-size: 19px;
   font-weight: 700;
   text-align: left!important;
   transition: .5s;
   outline: 0;
   left: -12px;
   margin-bottom:30px;
}
#contactPage .btn-primary:hover {
    background-color: #fff;
    color: #04BA20;
    border: 1px solid #04BA20;
}
#content {
    min-height: 600px;
    width: 100%;
}
#account-return .radio {
    line-height: 30px;
}
#account-return .radio input {
    height: 25px;
}
.about-us .video {
    position: relative;
    display: block;
    margin-top: 75px;
}
.about-us .video .title h3 {
    font-size: 30px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #371f18;
    text-align: left;
}
.about-us .video .title h3 span {
    font-weight: 800;
}
.customChildCategory {
    list-style: none;
    display: inline-flex;
    padding: 0;
    margin-bottom: 60px;
    margin-top: 25px;
}
.customChildCategory li {
    margin-right: 25px;
}
.customChildCategory li a {
    background-color: #371f18;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
}
.thumbnails li img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.accordion a {
  color: #11883e!important;
}
.homepage-categories-mobile {
  display:none;
}
.google-maps{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.google-maps iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
@media (min-width: 1300px) {
    .container {
        max-width: 1300px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .container {
        max-width: 1170px !important;
    }
    .header-center .menu-left ul li {
        margin-left: 65px !important;
    }
    .header-center .menu-right ul li {
        margin-left: 47px !important;
    }
}
@media (min-width: 1280px) and (max-width: 1280px)  {
    .container {
        max-width: 1170px !important;
    }
    .header-center .menu-left ul li {
        margin-left: 45px !important;
    }
    .header-center .menu-right ul li {
        margin-left: 24px !important;
    }
    .bayi-call-action .text p{
        font-size:23px!important;
    }
    .bayi-call-action .image {
    background: url(../images/call-action-image.png) no-repeat;
    background-size: cover;
    position: absolute;
    margin-top: -121px!important;
    width: 100%;
    height: 210px!important;
}
}
@media (max-width: 450px) {
      #cartDropdown {
        margin-left: -240%;
    }
    .homepage-categories {
        display:none;
    }
    .homepage-categories-mobile {
        display:block;
    }
    .header-top .reservation {
        display: none !important;
    }
    .whatsapp-desktop {
        display: none !important;
    }
    .whatsapp-mobile {
        display: block !important;
    }
    #loginPage .social-button-left .facebook-login {
        position: relative;
        display: block;
        width: 100%;
        margin-top: 97px !important;
    }
    .hakkimizda .text{
        padding: 0 10px;
    }
    .hakkimizda .text p {
        text-align: center;
    }
    .bayi-call-action {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height:120px;
    background-color:#EF2526;
    margin-top: 140px;
    margin-bottom: 50px;
}
.bayi-call-action .text p {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    margin: 10px 0 0 0;
}
.bayi-call-action a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 2px solid #fff;
    padding: 0 20px;
    height: 45px;
    font-size: 16px;
    font-weight: 700;
    color: #EF2526!important;
    border-radius: 5px;
    transition: .5s;
}
.bayi-call-action a:hover {
    color: #FFF!important;
    background: #EF2526;
    text-decoration:none;
}
.bayi-call-action .image {
    height: 100px;
    background-size: contain;
    background-position-x: right;
    right: 0;
}
.footer .logos {
    position:relative;
    display: flex;
    justify-content: center;
}
.footer .logos img{
    width: 100%;
    height: 60px;
    object-fit: contain;
    display: flex;
    margin-top: 40px;
}
.categorySetting{
    padding:0 20px;
    margin-top:0!important;
}
.product-photo .bg{
        height: 350px;
        background-size: contain;
        top: 70px;
        left: 0;
        width: 100%;
    }
    .product-photo img{
        object-fit: contain;
        margin-top: 95px;
        margin-left: 0;
        height: auto;
    }
       #productPage .foodItems {
        position: relative;
        height: auto;
        width: 100%;
        display: grid;
    }
    #productPage .foodItems .item {
        height: auto;
        width:auto;
    }
    .header-top .social-text,.header-top .telephone{
        display:none!important;
    }
    .header-top .hemen-satin-al {
        position: relative;
        z-index: 1001;
    }
    .header-top .sepetim{
        position:absolute!important;
        width:100px;
        right:0;
        top: -10px;
        background-color: transparent!important;
    }
    .header-top .sepetim h5 {
        color:#fff!important;
    }
    .header-top .sepetim i {
        color:#fff!important;
    }
    .dropdown-toggle::after {
        border-top:0.3em solid #fff !important;
    }
    .header-top .hemen-satin-al .account-dropdown {
        width: 200px !important;
        min-width: 34px !important;
        padding: 0 !important;
        margin-top: 12px !important;
        right: 14px;
        top: 23px;
        margin-right: -16px !important;
        border-radius: 0;
    }
    .cookie-policy {
        position: fixed;
        display: none;
        text-align: center;
        z-index: 1001;
        width: 100%;
        height: 165px !important;
        padding: 25px 15px;
        bottom: 0;
        left: 0;
        background: #1e1e0f;
        font-size: 13px;
        color: #fff;
    }
    .franchise .image img {
        display: none !important;
    }
    .franchise.home-franchise .title {
        padding-top: 0 !important;
        margin-top: 100px !important;
        height: auto;
    }
    .franchise.home-franchise .text {
        display: flex;
        padding-top: 0;
        z-index: 9999;
        margin-bottom: 35px;
        height: 30px !important;
    }
    .page-franchise .franchise-sartlari .button-box .item .image img {
        width: 100%;
        height: 235px !important;
        object-fit: cover;
        vertical-align: top;
        margin-top: 0;
        margin-left: 0px;
        display: block !important;
    }
    .page-franchise .franchise-sartlari .button-box {
        margin-right: 0px !important;
    }
    #productPage #button-cart {
        margin-bottom: 15px;
    }
    .footer-bottom .text p {
        width: 100%;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        text-align: center;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #a2907e;
        margin: 0;
    }
    .mobil-menu-open {
        position: absolute;
        display: block !important;
        font-size: 24px;
        color: #fff !important;
        border: 2px solid #fff;
        border-radius: 5px;
        padding: 0px 10px;
        margin-top: 95px;
        z-index: 9999;
    }
    .slider .title {
        width: 145% !important;
    }
    .carousel-indicators {
        display: none;
    }
    .ozelUrunler {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        margin-top: 430px !important;
        margin-bottom: 545px !important;
    }
    .reservation .title-3 h3 {
        font-size: 34px !important;
    }
}
@media (min-width: 450px) and (max-width: 991px) {
    .header-top .reservation {
        display: none !important;
    }
    .ozelUrunler {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        margin-top: 535px;
    }
    .footer-bottom .logo {
        position: relative;
        display: flex;
        width: 100%;
        justify-content: center !important;
        height: 60px;
        align-items: center;
    }
    .footer .text-1,
    .footer .text-2,
    .footer .text-3 {
        text-align: center !important;
    }
    .whatsapp-desktop {
        display: none !important;
    }
    .whatsapp-mobile {
        display: block !important;
    }
    #loginPage .social-button-left .facebook-login {
        position: relative;
        display: block;
        width: 100%;
        margin-top: 130px !important;
    }
    .header-top .hemen-satin-al {
        position: relative;
        z-index: 1001;
    }
    .header-top .hemen-satin-al p{
        font-size: 16px!important;
    }
    .header-top .hemen-satin-al .account-dropdown {
        width: 200px !important;
        min-width: 34px !important;
        padding: 0 !important;
        margin-top: 12px !important;
        right: 14px;
        top: 23px;
        margin-right: -16px !important;
        border-radius: 0;
    }
    .cookie-policy {
        position: fixed;
        display: none;
        text-align: center;
        z-index: 1001;
        width: 100%;
        height: 165px !important;
        padding: 25px 15px;
        bottom: 0;
        left: 0;
        background: #1e1e0f;
        font-size: 13px;
        color: #fff;
    }
    .franchise .image img {
        display: none !important;
    }
    .franchise.home-franchise .title {
        padding-top: 0 !important;
        margin-top: 100px !important;
        height: auto;
    }
    .franchise.home-franchise .text {
        display: flex;
        padding-top: 0;
        z-index: 2;
        margin-bottom: 35px;
        height: 30px !important;
    }
    .page-franchise .franchise-sartlari .button-box .item .image img {
        width: 100%;
        height: 235px !important;
        object-fit: cover;
        vertical-align: top;
        margin-top: 0;
        margin-left: 0px;
        display: block !important;
    }
    .page-franchise .franchise-sartlari .button-box {
        margin-right: 0px !important;
    }
    #productPage #button-cart {
        margin-bottom: 15px;
    }
    .footer-bottom .text p {
        width: 100%;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        text-align: center;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #a2907e;
        margin: 0;
    }
    .mobil-menu-open {
        position: absolute;
        display: block !important;
        font-size: 24px;
        color: #fff !important;
        border: 2px solid #fff;
        border-radius: 5px;
        padding: 0px 10px;
        margin-top: 50px;
        z-index: 9999;
    }
    .ozelUrunler {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        margin-top: 510px !important;
        margin-bottom: 1065px;
    }
}
.informationPage h1,.informationPage p{
 width: 100%;
}
.newsDetail .image img{
    width:100%;
    height: 150px;
    object-fit: cover;
    vertical-align: middle;
}
