@charset "UTF-8";

:root {
    --main-bg-color: #E2D6B7;
    --primary-color: #FF601B;
    --secondary-color: #FF601B;
    --main-light-color: #EFE6D2;
    --secondary-light-color: #F0E9E0;
    --primary-dark-color: #543D29;
    --white-color: #FFF;
    --light-text-color: #FFE8CC;
    --light-background: #EFE6D2;
    --orange-text-color: #FF601B;
    --green-text-color:#42531F;
    --brown-text-color:#4E3F32;

    --primary-font: "Inter", sans-serif;
    --secondary-font:'P22 Mackinac Pro', sans-serif;
    /* --accent-font:'Inter';
    --display-font:'P22 Mackinac Pro'; */
}
.text-white{
    color:  var(--white-color)!important;
}
.text-secondary{
    color:  var(--light-text-color)!important;
}
.text-orange{
    color:  var(--orange-text-color)!important;
}
.btn-orange{
    background-color:  var(--secondary-color)!important;
    color:white!important;
    transition: 0.4s ease;
    width: 100%;
    display: block;
    text-align: center;
    padding: 9px 22px;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    font-weight: 600; 
}
.btn-orange:hover{
    background-color:  var(--primary-color)!important;
}
.title-font, h1, h2,h3{
    font-family:var(--secondary-font)!important;
    font-weight: 400!important;
}
.plain-text{
    font-size:16px;
    line-height: 23px;
    font-weight: 400;
    text-align: center; 
    color:var(--primary-color);
    font-family:var(--secondary-font)!important;
}
.plain-text .lg-title {
    font-size:44px;
}
.plain-text .md-title , .plain-text.category h3{
    font-size:32px;

}



@media (min-width:778px) {
    .home-plain.plain-text .paragraph{
        padding: 0 52px;
    }
    .plain-text{
        font-size:23px;
        line-height: 32px;
    }
    .plain-text .md-title , .plain-text .lg-title{
        line-height: 48px;
    }
    .home-plain .lg-title{
        margin-bottom: 30px;
    }
    .plain-text.category{
        font-size: 16px;
        line-height: 20px;
        text-align: left;
    }
}

.border-btn {
    display: flex;
    width: 368px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 9.301px;
    border-radius: 123px;
    border: 1px solid var(--secondary-color);
    color:  var(--secondary-color)!important;
    font-family:var(--primary-font);
    font-size: 16px;
    margin: 15px auto;
    font-weight: 600;
    text-transform: uppercase;
}
@media (max-width:778px) {
    .border-btn{
        width: max-content;
        font-size: 14px;
        padding: 10px 20px;
    }
}

.home-plain.plain-text .paragraph p{
    padding-bottom: 20px;
}
.home-plain.plain-text .md-title{
    padding-bottom: 50px;

}
@media (max-width:778px) {
    .plain-text .lg-title {
        font-size:26px;
    }
    .plain-text .md-title {
        font-size:22px;
    }
    .plain-text br{
        display: none;
    }
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Black.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Black.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Bold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Light.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Light.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Bold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Thin.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-SemiBold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Bold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Medium.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Bold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Thin.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Regular.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Regular.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Black.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Medium.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta';
    src: url('https://www.portakalbahcem.com/assets/fonts/Recoleta-SemiBold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/Recoleta-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Black.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Light.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Regular.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-SemiBold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Thin.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-SemiBold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Thin.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Light.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Regular.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Medium.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac Pro';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-ExtraBold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-BoldItalic.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-ExtraBoldItalic.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac Pro';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-Medium.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-Bold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-MediumItalic.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-ExtraBoldSCItalic.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-ExtraBoldSCItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-BoldSC.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-BoldSC.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac Pro';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-BookItalic.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-BoldItalicSC.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-BoldItalicSC.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-BookSC.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-BookSC.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-ExtraBold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-MediumSC.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-MediumSC.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-BookSCItalic.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-BookSCItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-Medium.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-ExtraBoldSC.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-ExtraBoldSC.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac Pro';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-MediumItalic.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-MediumItalicSC.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-MediumItalicSC.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac Pro';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-Book.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-Italic.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22Mackinac-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac Pro';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-BoldItalic.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac Pro';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-ExtraBoldItalic.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'P22 Mackinac Pro';
    src: url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-Bold.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/P22MackinacPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recoleta Alt';
    src: url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Medium.woff2') format('woff2'),
        url('https://www.portakalbahcem.com/assets/fonts/RecoletaAlt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN_r8OX-hpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN_r8OVuhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN_r8OXuhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN_r8OUehpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN_r8OXehpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN7rgOX-hpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN7rgOXuhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN7rgOUehpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN7rgOXehpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Pangolin;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/pangolin/v6/cY9GfjGcW0FPpi-tWMfA79z4i6BHFpY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Pangolin;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/pangolin/v6/cY9GfjGcW0FPpi-tWMfJ79z4i6BHFpY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Pangolin;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/pangolin/v6/cY9GfjGcW0FPpi-tWMfC79z4i6BHFpY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Pangolin;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/pangolin/v6/cY9GfjGcW0FPpi-tWMfD79z4i6BHFpY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Pangolin;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/pangolin/v6/cY9GfjGcW0FPpi-tWMfN79z4i6BH.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

/*yenicss*/

/* yeni css */
.search-wrapper {
    position: relative;
    width: 100%;
}

input[type=text].search-box-text::placeholder {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0;
    color: #2e2f23;
}
/* Sol taraftaki büyüteç butonu */

@media (max-width: 778px) {
    input[type=text].search-box-text {
        max-width: 100%;
        margin-bottom: 0px;
   }
    .pb-offcanvas-menu__search-ico {
        display: none;
   }
    #form-mobile {
        width: 100%;
   }
    input[type="submit"].search-box-button {
        left: 22px;
        top: 49%;
        width: 23px;
        height: 23px;
   }
    input[type=text].search-box-text {
        height: 40px;
   }
}
#slider-bottom .slider-bottom-text {
    font-family: var(--secondary-font);
    font-weight: 350;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
   /* 1.25 (40/32) ideal for readability and common Figma exports */
    letter-spacing: -0.02em;
   /* Figma'da "-2%" aslında -0.02em'e denk gelir */
    text-align: center;
    color: var(--green-text-color);
    margin-bottom: 8px;
}
#slider-bottom .slider-bottom-text:last-child{
    font-family: var(--primary-font);
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -2%;
    text-align: center;
    margin-top: 27px;
    max-width: 1054px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 768px) {
    #slider-bottom .slider-bottom-text:last-child{
        font-size: 18px;
        line-height: 28px;
        margin-top: 18px;
    }
}
#slider-bottom .slider-bottom-text strong {
    font-weight: 700;
}
#slider-bottom {
    width: 100%;
    max-width: 1240px;
    margin: auto;
    padding: 80px 0px;
}
.three-banners-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 84px;
}
.three-banners-wrapper .three-banner-item-text {
    margin-top: 18px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: -0.32px;
    color: var(--green-text-color);
}
.three-banners-wrapper .three-banner-item-text strong {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.36px;
}
.three-banners-wrapper .three-banner-item-text p {
    margin-top: 16px;
}
.three-banners-wrapper .three-banner-item-text a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: -0.32px;
    margin-top: 8px;
    display: inline-block;
    text-decoration: underline;
    color: var(--green-text-color);
}
#ETBIS {
    border: 1px solid #f0e1c7;
    padding: 10px;
}
@media (max-width: 778px) {
    #ETBIS {
        padding: 10px;
        width: auto;
   }
}
.footer-bottom-wrapper {
    display: flex;
    align-items: end;
    justify-content: end;
    margin-top: -111px;
}
@media (max-width: 998px) {
    .footer-bottom-wrapper {
        display: flex;
        flex-direction: column;
        margin-top: -39px;
        align-items: center;
        gap: 10px;
   }
    .footer-column-container .footer-column:last-child {
        display: none;
   }
}
.footer-column-container {
    display: flex;
    justify-content: space-between;
    grid-template-columns: 242px 242px 242px 321px 150px;
    justify-content: space-between;
}
.dalindan-tazecik {
    padding-top: 27px;
    padding-bottom: 37px;
    margin-bottom: 0px;
    border-top: 1px solid #fff 33;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    text-align: center;
    color: #f0e1c7;
    margin-top: 29px;
}
@media (max-width: 600px) {
    .dalindan-tazecik {
        padding-top: 18px;
        padding-bottom: 20px;
        font-size: 14px;
        margin-top: 15px;
        line-height: 140%;
   }
}
@media (max-width: 1600px) {
    .footer-column-container {
        padding: 15px;
   }
    .footer-bottom-wrapper {
        padding-right: 15px;
   }
}
@media (min-width: 1300px) {
    .footer-bottom-wrapper .whatsapp {
        margin-right: 116px;
        max-width: 291px;
   }
    .social-newsletter-contact {
        margin-right: 340px;
   }
    .footer-column-container .footer-column:first-child {
        margin-right: 20px;
        width: 242px;
   }
    .footer-column-container .footer-column:nth-child(2) {
        /* margin-right: 65px; */
        width: 220px;
   }
    .footer-column-container .footer-column:nth-child(3) {
        /* margin-right: 23px; */
        width: 242px;
   }
    .footer-column-container .footer-column:nth-child(4) {
        /* margin-right: 23px; */
        width: 321px;
   }
}
.foo-top {
    float: left;
    width: 100%;
    padding-top: 50px;
    background: #323c1f;
}
@media (max-width: 1200px) {
    .footer-column-container {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 12px;
   }
}
@media (max-width: 900px) {
    .footer-column-container {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
   }
}
@media (max-width: 600px) {
   /* .footer-bottom-wrapper {
        display: block;
        margin-top: 0;
   }
    */
    .footer-column-container {
        display: flex;
        flex-direction: column;
        gap: 6px;
        width: 100%;
   }
    .foo-top {
        padding: 30px 0 20px 0;
   }
}
.owl-style .owl-nav span{
    display:none;
}
.owl-style .owl-nav button{
    width:30px;
    height:30px;
    position:absolute;
    position:Absolute;
    top:50%;
    transform: translateY(-50%);
}
.owl-style .owl-nav button.owl-prev{
    left:0px;
    background-image:url(/assets/images/new_theme/left.svg)!important;
    background-size: contain !important;
}
.owl-style .owl-nav button.owl-next {
    right:0px;
    background-image:url(/assets/images/new_theme/right.svg)!important;
    background-size: contain !important;
}
.rounded-img {
    border-radius: 10px;
    overflow: hidden;
}
.google-reviews {
    background-color: #fcf6ef;
    padding-top: 94px;
    padding-bottom: 125px;
}
.green-border-btn {
    border: 1px solid var(--green-text-color);
    font-weight: 400;
    font-size: 18px;
    line-height: 17.4px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--green-text-color);
    border-radius: 50px;
    border-width: 1px;
    padding: 20px 97px;
    background-color: transparent;
}

.google-reviews-comments {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 70px;
}
.google-reviews-comments .review-card {
    border: 1px solid #e2e2e2;
    border-radius: 16px;
    box-shadow: 0px 0px 20px 10px #c4c4c4 59;
    background-color: #fff;
    padding: 30px;
}
.google-reviews-comments .review-header .person-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--green-text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 2%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
.google-reviews-comments .review-header .person-icon .person-name {
    font-weight: 500;
    font-size: 14px;
    color: #474747;
}
.google-reviews-comments .review-stars {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
}
.google-reviews-comments .review-stars img{
    width: auto!important;
}
.google-reviews-comments .review-stars .comment-date {
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #5e5e5e;
}
.google-reviews-comments .comment-inner {
    font-weight: 300;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 2%;
    color: #5e5e5e;
    margin-bottom: 0px;
}
.google-reviews-section {
    max-width: 1424.9997558594px;
    margin: auto;
}
.google-reviews-section .google-reviews-rating-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 48px;
    margin-bottom: 43px;
}
.google-reviews-section .google-reviews-rating-wrapper.abonelik .section-title{
    margin-right: auto;
    text-align: left;
}
.google-reviews-section .google-reviews-rating-wrapper .google-reviews-website-info {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.google-reviews-section .google-reviews-rating-wrapper .google-reviews-website-info .google-reviews-website-info-title {
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 27px;
   /* 100% → 28px, optik hizalama için ~27px */
    letter-spacing: 0.56px;
   /* 2% → 28 * 0.02 = 0.56px */
    margin-bottom: 7px;
    vertical-align: middle;
}
.google-reviews-section .google-reviews-rating-wrapper .google-reviews-website-info .google-reviews-website-info-rating {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 13.5px;
   /* 100% → 14px, optik hizalama için ~13.5px */
    letter-spacing: 0.28px;
   /* 2% → 14 * 0.02 = 0.28px */
    vertical-align: middle;
}
.google-reviews-section .section-title {
    font-family: var(--secondary-font);
    font-weight: 350;
    font-size: 50px;
    line-height: 56px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    margin-top: 0px;
    /* margin-bottom: 40px; */
    color: var(--green-text-color);
}
.google-reviews-section .section-title span{
    font-size: 30px;
    line-height: 36px;
    text-transform: lowercase;
}
@media (max-width:778px) {
    .google-reviews-section .section-title span{
        font-size: 18px;
        line-height: 0px;
    }
}
.google-reviews-section .google-reviews-sum-stars {
    font-weight: 500;
    font-style: Medium;
    font-size: 50px;
    line-height: 49px;
   /* 100% → 50.91px, optik hizalama için ~49px */
    letter-spacing: 1.02px;
   /* 2% → 50.91 * 0.02 = 1.02px */
    text-align: start;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    align-items: start;
   /* margin-bottom: 29px;
    */
}
.google-reviews-section .google-reviews-website-info-title {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 2%;
    text-align: center;
   /* vertical-align: middle;
    */
    width: 100%;
    display: block;
    text-align: justify;
    margin-top: 10px;
}
.google-reviews-section .google-reviews-sum-stars span {
    margin-bottom: 20px;
}
.google-reviews-section .google-reviews-sum-comment {
    font-weight: 400;
    font-style: Regular;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 21px;
   /* 100% → 22px, optik hizalama için ~21px */
    letter-spacing: 0.44px;
   /* 2% → 22 * 0.02 = 0.44px */
    text-align: center;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
}
.google-reviews-section .google-reviews-text {
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: start;
}
.google-reviews-section .google-reviews-text .italic-text {
    font-family: Inter;
    font-weight: 400;
    font-style: Italic;
    font-size: 14.37px;
    leading-trim: CAP_HEIGHT;
    line-height: 13.8px;
   /* 100% → 14.37px, optik hizalama için ~13.8px */
    letter-spacing: 0.29px;
   /* 2% → 14.37 * 0.02 = 0.29px */
    text-align: center;
    vertical-align: middle;
    color: var(--brown-text-color);
}

@media(max-width:778px){
    .google-reviews-badge{
        margin-bottom:0px!important;
    }
    .google-reviews-badge img{
        max-width:150px;
        height:150px;
    }
    .google-reviews-section .google-reviews-sum-stars{
        align-items:center;
    }
}
.products-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
}
.mevsime-ozel-onerilerimiz-wrapper {
    padding-top: 106px;
    padding-bottom: 90px;
    background-color: #fcfbf8;
}
.mevsime-ozel-onerilerimiz-wrapper .mevsime-ozel-onerilerimiz {
    max-width: 1319px;
    margin: auto;
}
.mevsime-ozel-onerilerimiz-wrapper .section-title h3 {
    font-family: var(--secondary-font);
    font-weight: 350;
    font-style: Book;
    font-size: 35px;
    line-height: 41px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    color: var(--green-text-color) !important;
    margin-bottom: 63px;
}
.tabProductName h3 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    float: unset !important;
}
.tabProductName h3 span {
    float: left;
    width: 100%;
    margin: 0;
    font-family: var(--secondary-font);
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 19.5px;
   /* 125% → 20px, optik hizalama için ~19.5px */
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--green-text-color);
    margin-bottom: 7px;
   /* min-height: 42px;
    */
    min-height: 40px;
}
.tabProductShort span p {
    font-weight: 300;
    font-style: Light;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.22px;
   /* 2% → 11 * 0.02 = 0.22px */
    vertical-align: middle;
    color: var(--green-text-color);
}
@media (max-width:778px) {
    .catalog .tabProductName h3 span{
        font-size: 13px;
    }
    .catalog .tabProductShort span p{
        font-size: 10px;
    }
}

/* margin-bottom:38px;
min-height:56px */
.tabProductBrand-Price {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    height: 35px;
    gap:10px
}
.tabProductBrand-Price .price-wrapper{
    display:flex;
}
@media (max-width:778px) {
    .tabProductBrand-Price span{
        height:auto;
        align-items:start;
        flex-direction:column;
    }
    .kg-buttons{
        gap:5px!important;

    }
    .catalog .tabProductBrand-Price{
        flex-direction: column;
        gap:10px;
        align-items:start;
    }
}

.product-wrapper .add-to-cart-button, .product-wrapper .btn-container {
    position: relative !important;
}
.product-wrapper .add-to-cart-button {
    border-radius: 50px;
    border-width: 1px;
    border: 1px solid var(--green-text-color);
    font-weight: 500;
    font-size: 15px;
    line-height: 17.4px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
    padding-top: 14px;
    padding-bottom: 13px;
    width: calc(100% - 20px);
    background: transparent;
    margin: auto;
    margin-bottom: 10px;
}

@media (max-width:778px) {
    .product-wrapper .add-to-cart-button:hover {
        margin-top: 10px; 
    }
}
.btn-container {
    float: left;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}
.kg-buttons span {
    width: 55px;
    height: 30px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--secondary-font);
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--green-text-color);
    color: var(--green-text-color);
}
@media (max-width:778px){
    .kg-buttons span {
        min-width: 46px;
        width:auto;
        height: 30px;
        font-size: 12px;
    }
    
    .catalog .kg-buttons{
        gap:5px;
    }
    .catalog .kg-buttons span {
        font-size:12px;
    }
}
.kg-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}
.d-none {
    display: none;
}
.foo-top .container {
    max-width: 100% !important;
}
@media (min-width:1500px) {
    .foo-top .container {
        max-width: 1472px !important;
    }
}



@media (min-width: 778px) {
    .g-comments-title {
        font-size: 22px !important;
   }
}
.g-comments-logo {
    max-width: 130px;
}
.pb-dropdown-menu__container, .foo-top .header-wrapper {
    z-index: 15 !important;
}
.product-wrapper .prodkutu {
    z-index: 1 !important;
}
.product-wrapper .prodkutu:nth-child(2) {
    background: #fff;
    z-index: 99999 !important;
    position: absolute;
    z-index: 2 !important;
    top: 0;
}
.product-wrapper .prodkutu:nth-child(3) {
    background: #fff;
    z-index: 99999 !important;
    position: absolute;
    z-index: 3 !important;
    top: 0;
}
.kg-buttons span.active {
    background: linear-gradient(90deg, #c63200 0%, #fd7025 100%);
    border: 1px solid transparent;
    color: white;
}
.tabProductBottomWrapper {
    float: left;
    width: 100%;
    padding: 19px 10px 38px 10px;
}
@media (max-width:778px) {
   .catalog .tabProductBottomWrapper {
        padding: 19px 8px 0px 8px;
    }
    .tabProductShort span {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; /* 👈 3 SATIR */
        white-space: normal;
    }
}
.product-wrapper.adding .prodkutu ,.product-wrapper.no-stock:not(.product-no-badge) .prodkutu{
    opacity: 0.6;
}
.product-wrapper.adding::after {
    content: "";
    width: 153px;
    height: 153px;
    position: absolute;
    top: 73px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(https://cdn-portakalbahcem.mncdn.com/assets/images/new_theme/dalinda_badge.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100000;
   /* animation: rotate-badge 4s linear infinite;
    */
    /* margin-top: 70px; */
}

.product-wrapper.no-stock{
    position:relative;
}
.product-wrapper.no-stock:not(.product-no-badge)::after {
    content: "";
    width: 153px;
    height: 153px;
    position: absolute;
    top: 73px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events:none;
    background-image: url(https://cdn-portakalbahcem.mncdn.com/assets/images/new_theme/dalinda_badge.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100000;
   /* animation: rotate-badge 4s linear infinite;
    */
    /* margin-top: 70px; */
}
@media (max-width:778px) {
    .product-wrapper.no-stock::after {
        width: 100px;
        height: 100px;
        top: 50px;
    }
}
@keyframes rotate-badge {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
   }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
   }
}
.section-title-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-top: 80px;
}
.section-title-bottom h4 {
    font-family: var(--secondary-font);
    font-weight: 350;
    font-style: Book;
    font-size: 35px;
    leading-trim: CAP_HEIGHT;
    line-height: 41px;
   /* 120% → 42px, optik hizalama için ~41px */
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: var(--green-text-color);
}
.btn-green {
    padding: 20px 87px;
    background-color: var(--green-text-color);
    text-align: center;
    color: #f0e9e0;
    border-radius: 50px;
}
.signature-section {
    background: #fff;
}
.signature-section-grid {
    background:#FAFBEB;
}
@media (max-width:778px) {
    .signature-section-grid {
        padding:20px;
    }
}
.signature-section-grid .signature-section-grid-image  img{
    width: 100%;
    height: auto;
}

.signature-section-grid .signature-section-wrapper{
    display: flex;
    align-items: center;
    max-width:1338px!important;
    margin: auto;
    gap:202px;
    padding-top:100px;
    padding-bottom: 80px;
}

.signature-section-grid .signature-section-wrapper h2{
    font-weight: 350;
    font-size: 40px;
    line-height: 125%;
    letter-spacing: 2%;
    margin-top: 0px;
    margin-bottom: 30px;

}
.signature-section-grid .signature-section-wrapper p{
    font-weight: 300;
    font-style: Light;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -2%;
}
.signature-section p {
    font-family: var(--secondary-font);
    font-weight: 350;
    font-style: Book;
    font-size: 60px;
    leading-trim: NONE;
    line-height: 93px;
   /* 160% → 96px, optik hizalama için ~93px */
    letter-spacing: 0%;
    color: var(--green-text-color);
    margin-bottom: 88px;
}
.signature-section-grid{
    margin-bottom: 80px;
}
@media (max-width: 998px) {
    .signature-section-grid .signature-section-wrapper {
        gap: 72px;
        padding-top: 50px;
        padding-bottom: 40px;
        flex-direction: column;
        align-items: flex-start;
        max-width: 100% !important;

    }
    .signature-section-grid{
        margin-bottom: 40px;
    }
    .signature-section-grid .signature-section-wrapper h2 {
        font-size: 28px;
        line-height: 120%;
        margin-bottom: 16px;
    }
    .signature-section-grid .signature-section-wrapper p {
        font-size: 16px;
        line-height: 140%;
    }
    .signature-section p {
        font-size: 28px;
        line-height: 42px;
        margin-bottom: 36px;
    }
}

@media (max-width: 600px) {
    .signature-section-grid .signature-section-wrapper {
        gap: 24px;
        padding-top: 24px;
        padding-bottom: 24px;
        flex-direction: column;
        align-items: flex-start;
        max-width: 100% !important;
    }
    .signature-section-grid .signature-section-wrapper h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .signature-section-grid .signature-section-wrapper p {
        font-size: 14px;
    }
    .signature-section p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 18px;
    }
}
.signature-section .signature strong {
    font-family: var(--secondary-font);
    color: var(--green-text-color);
    font-weight: 350;
    font-style: Book;
    font-size: 45px;
    leading-trim: NONE;
    line-height: 61px;
   /* 140% → 63px, optik hizalama için ~61px */
    letter-spacing: 0%;
}
.signature-section .signature p {
    font-size: 34px;
    line-height: 46px;
   /* 140% → 47.6px, optik hizalama için ~46px */
    margin-bottom: 5px;
}
.signature-section .signature img {
    width: auto;
}
.usage-tips-section {
    width: 100%;
    background: #fcfbf8;
}
.signature-section .signature-section-wrapper_v2{
    max-width: 1253px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 150px;
    gap:63px;
}
.signature-section .signature-section-wrapper_v2 p{
    font-weight: 350;
    font-size: 27px;
    line-height: 160%;
    letter-spacing: 0%;
    margin-bottom: 0px;
}
@media (max-width: 768px) {
    .signature-section .signature-section-wrapper_v2 {
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 60px;
        align-items: flex-start;
        gap: 24px;
        max-width: 100%;
    }
    .signature-section .signature-section-wrapper_v2 p {
        font-size: 18px;
        line-height: 150%;
    }
}
/* margin: 60px 0;
*/
.usage-tips-image-wrapper {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
   /* padding-top:142px;
    */
    padding-bottom: 145px;
}
.usage-tips-image-wrapper.no-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}
.usage-tips-hero-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
.usage-tips-title {
    color: var(--green-text-color);
    font-family: var(--secondary-font);
    font-weight: 350;
    font-style: Book;
    font-size: 50px;
    line-height: 58px;
   /* 120% → 60px, optik hizalama için ~58px */
    letter-spacing: 0%;
   /* text-align: center;
    */
    margin-top: 0px;
    margin-bottom: 66px;
}
.usage-tips-list {
   /* max-width: 900px;
    */
    display: flex;
    flex-direction: column;
    gap: 78px;
   /* margin: 0 auto 50px;
    */
}
.usage-tip-item {
    font-weight: 400;
    font-size: 29px;
    line-height: 35px;
    letter-spacing: 0.7px;
   /* 2% → 35 * 0.02 = 0.7px */
    color: var(--green-text-color);
    font-family: var(--primary-font);
}
.tip-content {
    flex: 1;
}
.tip-content p strong {
    color: var(--green-text-color);
    font-weight: 600;
}
.container-1440 {
    max-width: 1440px;
    margin: auto;
}
.subscription-cta-wrapper {
    margin: 0 auto;
   /* padding: 0 20px;
    */
    padding-top: 142px;
    padding-bottom: 157px;
}
.subscription-cta-button {
    display: flex;
    align-items: center;
    background: var(--primary-color);
    border-radius: 11px;
    padding: 5px 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    gap: 20px;
}
.subscription-cta-button:hover {
    background: #e35422;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(255, 96, 27, 0.3);
}
.cta-text {
    flex: 1;
}
.cta-main-text {
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 33px;
   /* 150% → 34.5px, optik hizalama için ~33px */
    letter-spacing: 0%;
    color: #ffff;
}
.cta-action-button {
    flex-shrink: 0;
    background: #fff;
    border-radius: 8px;
    transition: background 0.3s ease;
}
.cta-action-button span {
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 15px;
    line-height: 26px;
   /* 150% → 27px, optik hizalama için ~26px */
    letter-spacing: 0%;
    text-transform: uppercase;
    padding: 10px 30px;
    display: inline-block;
    color: var(--green-text-color);
}
.subscription-cta-button:hover .cta-action-button {
    background: #b83d15;
}
@media (max-width: 991px) {
   /* .subscription-cta-button {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
        gap: 15px;
   }
    */
    .usage-tips-content-wrapper {
        padding: 0px 0;
   }
    .usage-tips-title {
        font-size: 24px;
        margin-bottom: 30px;
        padding: 0 20px;
   }
    .usage-tips-list {
        padding: 0 20px;
        margin-bottom: 40px;
   }
    .usage-tip-item {
        gap: 15px;
        margin-bottom: 25px;
   }
    .tip-content p {
        font-size: 15px;
   }
    .subscription-cta-wrapper {
        padding: 0 20px;
   }
    .cta-main-text {
        font-size: 16px;
   }
    .cta-action-button {
        width: 100%;
        text-align: center;
        padding: 14px 24px;
        display: none;
   }
}
@media (max-width: 767px) {
   /* .usage-tips-section {
        margin: 40px 0;
   }
    */
    .usage-tips-content-wrapper {
        padding: 30px 0;
   }
    .usage-tips-title {
        font-size: 20px;
        margin-bottom: 25px;
   }
    .usage-tips-list {
        margin-bottom: 30px;
   }
    .usage-tip-item {
        margin-bottom: 20px;
   }
    .tip-content p {
        font-size: 14px;
   }
    .subscription-cta-button {
        padding: 6px;
        border-radius: 99px;
        gap: 16px;
   }
    .subscription-cta-button::after {
        content: "";
        width: 20px;
        height: 20px;
        background-image: url(https://cdn-portakalbahcem.mncdn.com/assets/images/abonelik/right-cream.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
   }
    .cta-main-text {
        font-size: 14px;
        line-height: 16px;
   }
    .cta-text {
        width: 182px;
        flex: unset;
   }
    .cta-icon img {
        border-radius: 50%;
        width: 65px;
        height: 65px;
   }
    .cta-action-button {
        padding: 12px 20px;
   }
}
.experience-content-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
}
.experience-content-wrapper-title {
    text-align: center;
    width: 1083px;    margin: auto;
}
.experience-list {
    max-width: 1080px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 108px 320px;
}
.experience-item {
    font-family: var(--secondary-font);
    font-weight: 350;
    font-style: Book;
    font-size: 26px;
    leading-trim: CAP_HEIGHT;
    line-height: 30px;
   /* 120% → 31.2px, optik hizalama için ~30px */
    letter-spacing: 0%;
    text-align: center;
    color: var(--green-text-color);
}
@media (max-width:778px) {
    .experience-item img{
        max-width:120px;
        width: 120px;
        height: 120px;
        margin:auto;
    }
}
.experience-title {
    font-family: var(--secondary-font);
    font-weight: 350;
    font-style: Book;
    font-size: 50px;
    leading-trim: CAP_HEIGHT;
    line-height: 58px;
   /* 120% → 60px, optik hizalama için ~58px */
    letter-spacing: 0%;
    text-align: center;
    color: var(--green-text-color);
    margin-bottom: 34px;
}
.experience-description {
    /* font-family: var(--secondary-font); */
    font-weight: 300;
    font-style: Medium;
    font-size: 22px;
    leading-trim: NONE; 
    line-height: 150%;
    letter-spacing: 0.36px;
   /* 2% → 18 * 0.02 = 0.36px */
    text-align: center;
    color: var(--green-text-color);
    padding-bottom: 65px;
}
.experience-item h6 {
    font-weight: 350;
    font-style: Book;
    font-size: 26px;
    line-height: 30px;
   /* 120% → 31.2px, optik hizalama için ~30px */
    letter-spacing: 0%;
    text-align: center;
    color: var(--green-text-color);
    margin-top: 0px;
}
.experience-item p {
    font-family: var(--primary-font);
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 0.28px;
   /* 2% → 14 * 0.02 = 0.28px */
    text-align: center;
    color: var(--green-text-color);
    margin-bottom: 0px;
}
.abonelik-kutuları-wrapper {
    background: #fafbeb;
}
.abonelik-kutuları-wrapper .abonelik-kutuları {
    max-width: 1319px;
    margin: auto;
}
.abonelik-kutuları-wrapper {
    padding-top: 120px;
}
.abonelik-kutuları-wrapper .main-picture, .abonelik-kutuları-wrapper .tabProductBrand-Price {
   /* padding-bottom:80px;
    */
    display: none;
}
.abonelik-kutuları-wrapper .abonelik-picture, .abonelik-kutuları-wrapper .abonelik-price-box {
    display: block !important;
}
.abonelik-kutuları-wrapper .abonelik-kutuları .section-title {
    padding-bottom: 67px;
}
.abonelik-kutuları-wrapper .abonelik-kutuları .section-title p {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 32px;
    letter-spacing: -0.44px;
   /* -2% → 22 * -0.02 = -0.44px */
    text-align: center;
    color: var(--green-text-color);
}
.abonelik-kutuları-wrapper .abonelik-kutuları .section-title .abonelik-kutuları-title {
    font-family: var(--secondary-font);
    font-weight: 350;
    font-style: Book;
    font-size: 52px;
    leading-trim: CAP_HEIGHT;
    line-height: 60px;
   /* 120% → 62.4px, optik hizalama için ~60px */
    letter-spacing: 0%;
    text-align: center;
    color: var(--green-text-color);
    margin-top: 0px;
}
.abonelik-kutuları-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    padding-bottom: 120px;
}
.abonelik-kutuları-button .abonelik-kutuları-button-link {
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 17.4px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: white;
    background-color: var(--green-text-color);
    padding: 20px 49px;
    border-radius: 50px;
    display: block;
    width: auto;
}
.month-container {
    margin-bottom: 43px;
}
.hasat-page header {
    text-align: center;
    margin-top: 64px;
}
.hasat-page header h1 {
    margin-top: 0px;
    margin-bottom: 18px;
    font-weight: 350;
    font-style: Book;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: -2%;
    text-align: center;
    color: #42531f;
    font-family: 'P22 Mackinac Pro', sans-serif;
}
.hasat-page header p {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-style: Light;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -2%;
    text-align: center;
}
.month-header h2 {
    font-family: 'P22 Mackinac Pro', sans-serif;
}
/* Ana Konteyner ve Genel Tablo Alanı */
.hasat-page .container {
    width: 1230px;
    height: auto;
    margin: 0 auto;
}
.month-header {
    position: relative;
}
.month-header.current-month::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 92px;
    height: 92px;
    background-image: url('/assets/images/hasat-takvimi/hasat-image.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    mix-blend-mode: darken;
}
.subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
/* Ay Başlıkları (OCAK, ŞUBAT) */
.month-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 31px;
}
.month-header h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 0%;
}
.season-badge {
    background-color: #29cc39;
    font-weight: 500;
    font-size: 13px;
    line-height: 133%;
    letter-spacing: 2%;
    text-align: center;
    width: 101px;
    height: 33.2967033386px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.fruit-grid {
    display: grid;
    border: 1px solid #cbab7e;
    border-radius: 12px;
    padding: 22px 47px 31px 47px;
}
.fruit-image-wrapper {
    min-width: 40px;
}
.fruit-item-row {
    border-bottom: 1px solid #cbab7e;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.fruit-item-row .fruit-item:first-child {
    width: 280px;
}
.fruit-item-row:last-child {
    border-bottom: none;
}
.fruit-item {
    padding: 8.12px 0;
    display: flex;
    gap: 10px;
    align-items: center;
    box-sizing: border-box;
}
.fruit-name {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    line-height: 170%;
    letter-spacing: 0%;
    color: #00381d;
    white-space: nowrap;
}
.fruit-date {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 170%;
    letter-spacing: 0%;
    color: #00381d;
}
.fruit-item-header-mobile {
    display: none;
}
.master-wrapper-main, .master-wrapper-page {
    background-color: #fdf8f1;
}
@media (max-width: 998px) {
    .fruit-item-row {
        grid-template-columns: repeat(1, 1fr);
   }
    .fruit-item-row {
        border-bottom: none;
   }
    .fruit-grid {
        padding: 0px;
   }
    .hasat-page header h1 {
        font-size: 30px;
        margin-bottom: 15px;
   }
    .hasat-page header p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 21px;
   }
    .fruit-item-row .fruit-item {
        width: 100% !important;
        border-bottom: 1px solid #cbab7e;
   }
    .fruit-item-row:last-child .fruit-item:last-child {
        border-bottom: none;
   }
    .fruit-name, .fruit-date {
        font-size: 10px;
   }
    .fruit-item-content {
        display: flex;
        gap: 10px;
   }
    .hasat-page .container {
        padding-right: 0px;
        padding-left: 0px;
   }
    .fruit-item-row .fruit-item {
        padding-left: 15px;
        height: 45px;
        align-items: center;
   }
    .month-header {
        display: none;
   }
    .fruit-item-header-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #cbab7e;
        height: 86px;
        display: flex;
        align-items: center;
   }
    .fruit-item-header-mobile h2 {
        margin: 0px;
        font-size: 25px;
        padding-left: 18px;
   }
    .fruit-item-header-mobile img {
        width: 90px;
        height: 90px;
        mix-blend-mode: darken;
   }
    .season-badge {
        width: 75px;
        height: 24.7252750397px;
   }
    .fruit-image-wrapper {
        width: 30px;
   }
    .fruit-image-wrapper img {
        width: 35px;
        height: auto;
        object-fit: cover;
   }
    .month-container {
        display: none;
   }
    .month-container.active {
        display: block;
   }
}
.abonelik-box-price-title {
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 20px;
   /* 130% → 20.8px, optik hizalama için ~20px */
    letter-spacing: 0%;
    vertical-align: middle;
    color: #679500;
    margin-bottom: 6px;
}
@media (max-width:778px) {
    .abonelik-box-price-title {
        font-size: 14px;

    }
}
.abonelik-price-box .abonelik-box-price-old {
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 23px;
   /* 130% → 23.4px, optik hizalama için ~23px */
    letter-spacing: 0%;
    vertical-align: middle;
    text-decoration: line-through;
    color: #909090;
}
.abonelik-price-box .abonelik-box-price-new {
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 23px;
   /* 130% → 23.4px, optik hizalama için ~23px */
    letter-spacing: 0%;
    vertical-align: middle;
    color: #353e21;
    margin-left: 13px;
}
.tabProductBottomWrapper {
    min-height: 223px;
}
.signature img {
    max-width: 180px;
    height: auto;
}
@media (max-width: 768px) {
    .tabProductBottomWrapper {
        min-height: 210px;
   } 
    #slider-bottom {
        padding: 40px 20px;
   }
    #Index .homepage-banner .flexslider .image img {
        /* min-height: 274px; */
        object-fit: cover;
        object-position: left;
   }
    #slider-bottom .slider-bottom-text-wrapper {
        padding: 0px;
   }
    #slider-bottom .slider-bottom-text {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -0.02em;
       /* padding: 0 20px;
        */
        margin-bottom: 20px;
   }
    .three-banners-wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-top: 40px;
       /* padding: 0 20px;
        */
   }
    .three-banners-wrapper img {
        width: 100%;
   }
    .google-reviews {
        padding-top: 50px;
        padding-bottom: 60px;
   }
    .google-reviews-section {
        padding: 0 20px;
   }
    .google-reviews-section .section-title {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 0px;
   }
    .google-reviews-rating-wrapper {
        flex-direction: column;
        gap: 20px !important;
        margin-bottom: 30px !important;
   }
    .google-reviews-website-info {
        text-align: center !important;
   }
    .google-reviews-website-info-title {
        font-size: 20px !important;
        line-height: 24px !important;
   }
    .google-reviews-sum-stars {
        font-size: 36px !important;
        line-height: 36px !important;
        margin-bottom: 20px !important;
   }
    .google-reviews-sum-comment {
        font-size: 16px !important;
        line-height: 19px !important;
   }
    .google-reviews-comments {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        margin-bottom: 20px !important;
       /* padding: 0 20px;
        */
   }
    .green-border-btn {
        padding: 16px 40px !important;
        font-size: 16px !important;
        width: auto;
        margin: 0 auto;
        display: block;
   }
    .signature img {
        max-width: 150px;
        height: auto;
   }
    .products-grid-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px;
        padding: 0 10px;
   }
    .mevsime-ozel-onerilerimiz-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
   }
    .mevsime-ozel-onerilerimiz-wrapper .section-title h3 {
        font-size: 24px !important;
        line-height: 29px !important;
        margin-bottom: 40px !important;
   }
    .section-title-bottom {
        margin-top: 40px !important;
        gap: 25px !important;
        padding: 0 20px;
   }
    .section-title-bottom h4 {
        font-size: 24px !important;
        line-height: 29px !important;
   }
    .btn-green {
        padding: 15px 40px !important;
        font-size: 14px !important;
   }
    .signature-section {
        padding: 0 20px;
   }

    .signature-section p {
        font-size: 22px !important;
        line-height: 31px !important;
       /* margin-bottom: 40px !important; */
       
   }
    .signature strong {
        font-size: 28px !important;
        line-height: 36px !important;
   }
    .signature p {
        font-size: 20px !important;
        line-height: 28px !important;
   }
    .usage-tips-image-wrapper {
        padding-top: 0px;
        padding-bottom: 0px;
   }
    .usage-tips-title {
        font-size: 28px !important;
        line-height: 34px !important;
        margin-bottom: 30px !important;
        padding: 0 20px;
   }
    .usage-tips-list {
        gap: 40px !important;
        padding: 0 20px;
   }
    .usage-tip-item {
        font-size: 20px !important;
        line-height: 26px !important;
        letter-spacing: 0.4px !important;
   }
    .subscription-cta-wrapper {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        padding-left: 20px;
        padding-right: 20px;
   }
    .experience-content-wrapper {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        padding-left: 20px;
        padding-right: 20px;
   }
    .experience-content-wrapper-title {
        width: 100% !important;
        /* padding: 0 20px; */
   }
    .experience-title {
        font-size: 28px !important;
        line-height: 34px !important;
        margin-bottom: 20px !important;
        padding: 0 20px;
   }
    .experience-description {
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.28px !important;
        padding-bottom: 30px !important;
       /* padding: 0 20px 30px;
        */
   }
    .experience-list {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        padding: 0 20px;
   }
    .experience-item {
        font-size: 18px !important;
        line-height: 22px !important;
   }
    .experience-item h6 {
        font-size: 18px !important;
        line-height: 22px !important;
   }
    .experience-item p {
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.24px !important;
   }
    .abonelik-kutuları-wrapper {
        padding-top: 50px !important;
        padding-left: 20px;
        padding-right: 20px;
   }
    .abonelik-kutuları .section-title {
        padding-bottom: 30px !important;
   }
    .abonelik-kutuları .section-title p {
        font-size: 16px !important;
        line-height: 24px !important;
        letter-spacing: -0.32px !important;
   }
    .abonelik-kutuları-title {
        font-size: 28px !important;
        line-height: 34px !important;
   }
    .abonelik-kutuları-button {
        margin-top: 40px !important;
        padding-bottom: 30px !important;
        /* padding: 0 20px; */
        font-size:14px;

   }
    .abonelik-kutuları-button-link {
        padding: 16px 23px !important;
        font-size: 14px !important;
        width: 100%;
        text-align: center;
   }
}
.header-top {
    position: relative;
    height: 22px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-top p {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #efe9e0;
    height: 22px;
    display: flex;
    justify-content: center;
    gap: 6px;
    align-items: center;
    position: relative;
    top: 2px;
}
@media (max-width:778px) {
    .header-top p {
        font-size:11px;
    }
}
.header-top {
    float: unset !important;
}
.header-top .row {
    position: relative;
}
.header-bottom-container {
    width: 100%;
    float: left;
    background-color: var(--main-bg-color);
    position: relative;
    /* margin-bottom: -6px; */
    min-height: 100px;
    display: flex;
    align-items: center;
}

@media (min-width: 1200px) {
    .header-bottom-container .container {
        max-width: 100% !important;
        padding-left: 60px;
        padding-right: 60px;
   }
}
@media (max-width: 1200px) {
    .header-bottom-container .container, .nav_menu__container .container {
        width: 100%;
   }
   
}
.header-bottom-container .container {
    max-width: 100% !important;
}
@media (max-width: 768px) {
    .header-bottom-container {
        background-color: #f0e9e0;
        padding-top: 0px;
        padding-bottom: 0px;
        min-height: 70px;
   }
    .header-bottom-container .container {
        padding-left: 0px;
        padding-right: 0px;
   }
    .header-bottom-container .logo-wrapper svg {
        max-height: 40px;
        margin-top: 10px;
   }
}
#Header {
    display: block;
    float: left;
    width: 100%;
    background-color: var(--secondary-light-color);
}
@media (min-width: 992px) {
    .header-bottom > .cart-wrapper {
        display: none;
   }
}
.search-wrapper .search-box-text {
    float: left;
    height: 46px;
    width: 100%;
    padding: 12px 20px 12px 38px!important;
    margin: 0;
    -webkit-appearance: none;
    background: var(--main-light-color);
    border: none !important;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #564e3d;
    font-family: var(--primary-font), sans-serif;
    font-style: normal;
    border-radius: 8px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.search-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 106px;
    padding-right: 0
}
.search-wrapper form {
    float: left;
    width: 100.94876660341556%;
    max-width:239px;
    display: flex;
    align-items: center;
    justify-content: center
}
.search-wrapper form .search-box-button{
    position: absolute;
    background-image: url(/Themes/DefaultClean/Content/images/search-ico.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    left: 6px;
    width: 30px;
    height: 30px;
    background-position: center;
}
.search-wrapper .search-box-text::-webkit-input-placeholder {
    color: #564e3d
}

.search-wrapper .search-box-text::-moz-placeholder {
    color: #564e3d
}

.search-wrapper .search-box-text:-ms-input-placeholder {
    color: #564e3d
}

.search-wrapper .search-box-text:-moz-placeholder {
    color: #564e3d
}
.nav_menu__container {
    clear: both;
    background-color: var(--primary-color);
    height: 61px;
    display: flex;
    align-items: center;
}
.new-nav__list {
    display: flex;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: static !important;
   /* padding: 0 !important;
    */
    margin: 0;
    background: 0 0 !important;
   height: 58px!important;
   
    justify-content: space-between;
    align-items: center;
}
.new-badgev2 img{
    max-width: 90px!important;
    height: auto;
}
@media (max-width:778px) {
    .new-badgev2 img{
        max-width: 60px!important;
        height: auto;
    }
}
.new-nav__list > li {
  text-align: center;
  height: 100%;
}
.new-nav__list > li > a{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    /* border-bottom: transparent solid 3px; */
    transition: all ease-in .2s;
}
.new-nav__list > li a span {
    font-weight: 500;
    font-style: Medium;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 2%;
    text-align: center;
    vertical-align: middle;
    color: white;
    cursor: pointer;
}
.new-nav__list > li:hover a > span {
    color: var(--orange-text-color);
}
.new-nav__list li:hover a {
    border-bottom-color: #a91c00
}

.new-nav__list li:hover a>span {
    color: #a91c00
}

.new-header-menu {
    position: static;
   /* height: 55px;
    */
    z-index: 1;
    padding: 0;
}
.pb-dropdown-menu {
    position: absolute;
    z-index: 9999999999;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    max-height: 0;
    background-color: #fff;
   /* box-shadow: 0 25px 20px 0 rgba(0, 0, 0, .7);
    */
    overflow: hidden;
    cursor: default;
    transition: max-height 0.2s ease-in-out;
    will-change: max-height;
}
.pb-dropdown-menu::after {
    content: "";
    position: absolute;
    z-index: 9998;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    height: calc(100vh);
    background-color: #000 6E;
    pointer-events: none;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0s linear;
    will-change: opacity;
}
.pb-dropdown-menu-image img {
    width: 100%;
    height: auto;
    max-width: 362px;
    max-height: 348px;
}
.pb-dropdown-menu[aria-hidden=false] {
    max-height: 520px;
    overflow: visible;
}
.pb-dropdown-menu-list-container {
    max-width: 1461px;
    padding-top: 43px;
    padding-bottom: 42px;
    margin: auto;
    display: flex;
    gap: 24px;
}
.pb-dropdown-menu[aria-hidden=false]:after {
    opacity: 1;
}
.pb-dropdown-menu-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    max-width: 1075px;
    width: 100%;
}
.pb-dropdown-menu-list .pb-dropdown-menu-item {
    display: flex;
    flex-direction: column;
    gap: 23px;
    align-items: center;
    justify-content: flex-start;
}
.pb-dropdown-menu-list .pb-dropdown-menu-item-name {
    font-family: var(--secondary-font);
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 6%;
    text-align: center;
    text-transform: uppercase;
    color: var(--green-text-color);
    text-align: center;
    cursor: pointer;
    margin-top: 17px;
}
.pb-dropdown-menu-list img {
    width: 160px;
    height: 160px;
    border-radius: 10px;
}
/* Tablet breakpoint */
@media (max-width: 1400px) {
    .pb-dropdown-menu-list {
        grid-template-columns: repeat(4, 1fr);
        max-width: 860px;
   }
    .pb-dropdown-menu-list img {
        width: 120px;
        height: 120px;
   }
}
.season-section {
    margin-bottom: 101px;
}
/* Başlık */
.season-title {
    font-size: 34px;
    font-weight: 300;
    color: var(--green-text-color);
    margin-bottom: 30px;
    padding-top: 40px;
    font-family: var(--secondary-font);
    /* border-top: 1px solid var(--green-text-color); */
    margin-top: 0px;
    text-align: center;
    text-transform: uppercase;
}
/* Grid */
.season-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
/* Ürün kartı */
.season-grid .product-card img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1;
    border-radius: 6px;
}
.season-grid .product-name {
    margin-top: 12px;
    font-size: 15px;
    font-family: var(--secondary-font);
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: 0%;
    vertical-align: middle;
    max-width: 280px;
    min-height: 40px;
}
.season-grid .product-price {
   /* margin-top: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #3f3f3f;
    */
    margin-top: 18px;
    margin-bottom: 29px;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.abonelik-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 30px;
    margin-bottom: 65px;
}
.abonelik-info-card {
    border: 1px solid var(--green-text-color);
    border-radius: 12px;
    padding: 54px 30px 49px 30px;
    text-align: center;
}

@media (max-width:778px) {
    .abonelik-info-card {
        padding: 20px 20px 20px 20px;
    }
}

.abonelik-info-icon {
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
}
.abonelik-info-title {
    font-family: var(--secondary-font);
    font-weight: 350;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--green-text-color);
    margin-bottom: 20px;
}
.abonelik-info-text {
    font-size: 14px;
    line-height: 1.6;
    color: var(--green-text-color);
    margin-bottom: 0px;
}
/* Responsive */
@media (max-width: 992px) {
    .abonelik-info-grid {
        grid-template-columns: 1fr;
   }
}
/* Buton */
.season-button-wrap {
    text-align: left;
    margin-top: 60px;
    justify-content: center;
    display: flex;
}

.season-button {
    display: inline-block;
    width: 400px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:  var(--green-text-color);
    border-radius: 30px;
    color: var(--green-text-color);
    text-decoration: none;
    font-size: 20px;
    color:#f0e9e0;
    transition: 0.25s;
}
.season-button:hover {
    background-color: #f2f5ee;
}
/* Responsive */
@media (max-width: 992px) {
    .season-button-wrap {
        text-align: left;
        margin-top: 30px;
    }
    
    .season-grid {
        grid-template-columns: repeat(1, 1fr);
   }
    .season-section {
        padding-right: 15px !important;
        padding-left: 15px !important;
   }
}
@media (max-width: 900px) {
    .pb-dropdown-menu-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        max-width: 100%;
   }
    .pb-dropdown-menu-list img {
        width: 100px;
        height: 100px;
   }
}
.product-detail-container.container {
    max-width: 1340px !important;
    padding-top: 54.93px;
}
.product-details-wrapper .container {
    padding-right: 0px;
    padding-left: 0px;
}
@media (max-width: 900px) {
    .product-detail-container.container {
        padding: 20px 0px 0px 0px;
   }
}
.product-properties {
    float: left;
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.product-details-wrapper {
    background-color: #fcfbf8;
}
.product-description-wrapper {
    float: left;
    max-width: calc(100% - 670px);
    padding: 0px 0px 0px 90px;
    position: relative;
    width: 100%;
}
.product-details-wrapper .productImageThumbnails {
    display: flex;
    align-items: start;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 11px;
}
.product-details-wrapper .productImageThumbnails li {
    width: 103px;
    height: 90px;
    opacity: 1;
}
.product-details-wrapper .productImageThumbnails li img {
    width: 100%;
    height: 100%;
}
.product-description-stars {
    display: flex;
    gap: 13px;
    margin-bottom: 13.91px;
    height: 16px;
}
.product-description-stars span {
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--primary-dark-color);
}
.product-description-stars-inner {
    height: 16px;
}
.product-description {
    font-weight: 300;
    font-style: Light;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -2%;
}
@media (max-width: 778px) {
    .product-description {
        font-weight: 300;
        font-style: Light;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -2%;
   }
}
.product-description-wrapper .page-title {
   /* float: left;
    width: 100%;
    font-size: 30px;
    color: var(--green-text-color);
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 36px */
    font-family: var(--secondary-font);
    font-weight: 350;
    font-style: Book;
    font-size: 40px;
    line-height: 125%;
    letter-spacing: -2%;
    color: var(--green-text-color);
    margin-top: 0px;
    margin-bottom: 16px;
}
.mobile-product-name .p-name {
   /* float: left;
    width: 100%;
    font-size: 30px;
    color: var(--green-text-color);
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 36px */
    font-family: var(--secondary-font);
    font-weight: 350;
    font-style: Book;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -2%;
    color: var(--green-text-color);
    margin-top: 0px;
    margin-bottom: 16px;
}
.tek-price, .abonelik-price .price-new {
    margin-left: auto;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #353e21;
}
.abonelik-price {
    margin-left: auto;
}
.abonelik-price .price-old {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-decoration: line-through;
    color: #909090;
    margin-right: 5px;
}
.abonelik-avantajlari {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 29px;
    width: 100%;
   /* font-family: 'Hellix';
    */
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
   /* leading-trim: NONE;
    */
    line-height: 130%;
    letter-spacing: 0%;
    vertical-align: middle;
    gap: 28px;
}
.quantity-addbasket {
    gap: 10px;
}
.product-detail-add-to-cart {
    width: 100%;
}
.quantity-addbasket .add-to-cart-button {
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 17.4px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #f0e9e0;
    background-color: var(--green-text-color);
    border-radius: 50px;
    width: 100%;
    text-shadow: none;
    background-image: none;
    height: 58px;
    transition: 0.3s ease;
    text-shadow: none;
}
.quantity-addbasket .add-to-cart-button:hover {
    background-color: #353e21;
    color: #f0e9e0;
}
.general-info {
    float: left;
    width: 100%;
    margin-top: 65px;
    font-weight: 300;
    font-style: Light;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -2%;
    color: var(--green-text-color);
}
@media (max-width: 998px) {
    .general-info {
        margin-top: 10px;
   }
}
.general-info h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -2%;
}
.product-page-icons {
 width: 100%;
}
.product-page-icons .text-center {
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 5%;
    text-align: center;
    vertical-align: middle;
    color: #353e21;
}

.warning-box {
    display: flex;
    width: 100%;
    padding: 14px 35px;
   /* border: 1px solid;
    */
    background: #f2f5f6;
    gap: 16px;
    color: #004c85;
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 11px;
    leading-trim: NONE;
    line-height: 144%;
    letter-spacing: 2%;
    border-radius: 5px;
    align-items: center;
    margin-top: 20px;
    float: left;
}
.warning-box.mt-0{
    margin-top:0px;
}
@media (max-width: 998px) {
    .warning-box {
        margin-top: 10px;
   }
}
.product-in-content {
    color: var(--green-text-color);
    margin-top: 118px;
}
.cn-title {
    font-family: var(--secondary-font) !important;
    font-weight: 350 !important;
    font-style: Book;
    font-size: 40px !important;
    line-height: 125%;
    letter-spacing: -2%;
}
.cn-text {
    font-weight: 300;
    font-style: Light;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -2%;
}
@media (max-width:778px) {
    .cn-text{
        font-size: 20px;
        line-height: 33px;
    } 

}
.cn-small-title {
    font-weight: 400;
    font-style: Regular;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -2%;
}
.product-in-content-item {
    margin-top: 32px;
}
/* .header {
    border-bottom: 2px solid transparent;
} */
.header::after {
    content: "";
    width: 100%;
    height: 2px;
    /* background: linear-gradient(90deg, #c63200 0%, #fd7025 100%); */
    background-color: var(--primary-color);
    position: relative;
    display: block;
    top: 100%;
    position: absolute;
}
.container.container-1316 {
    max-width: 1316px !important;
}
.container.container-1340 {
    max-width: 1340px !important;
}
.container.container-1438 {
    max-width: 1438px !important;
}
.seasonal-orange-visual-section {
    padding: 40px 0 40px 0px;
   /* margin: 40px 0;
    */
}
.visual-section-top {
    display: flex;
    gap: 120px;
    margin-bottom: 40px;
    align-items: center;
}
.visual-title {
    margin-bottom: 45px;
}
@media (max-width:778px) {
    .visual-title {
        margin-bottom: 25px;
    }
}
/* .visual-section-top, .visual-section-bottom {
    flex-direction: column !important;
    gap: 124px !important;
}
*/
.visual-image-left, .visual-content-right, .visual-content-left, .visual-image-right {
    flex: 1;
    max-width: 580px;
}
.visual-image {
    width: 100%;
    height: auto;
    border-radius: 12px;
}
.visual-section-bottom {
    display: flex;
    gap: 120px;
    align-items: center;
}
@media screen and (max-width: 998px) {
   /* .seasonal-orange-visual-section {
        padding: 40px 0 !important;
   }
    */
    .visual-section-top, .visual-section-bottom {
        flex-direction: column !important;
        gap: 30px !important;
        margin-bottom: 0px;
   }
    .visual-title {
        font-size: 24px !important;
   }
    .visual-section-top, .visual-section-bottom {
        /* padding: 40px 20px; */
        padding-bottom:20px;
        padding-right:20px;
        padding-left:20px;
   }
    .seasonal-orange-visual-section {
        margin-top: 0px;
        padding-top: 0px;
   }
    .product-in-content {
        margin-top: 0px;
        padding: 20px;
   }
}
.full-image-wrapper img {
    width: 100%;
}
.tradition-section {
    text-align: center;
    background: #ffff;
}
.tradition-section .tradition-title {
    font-family: var(--secondary-font);
    font-weight: 350;
    font-style: normal;
    font-size: 50px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    margin-top: 0px;
    padding-top: 139px;
    color: var(--green-text-color);
    margin-bottom: 25px;
}
.tradition-section .tradition-text {
   /* font-family: var(--secondary-font);
    */
    font-weight: 300;
    font-style: normal;
    font-size: 27px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--green-text-color);
}
.tradition-images-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 137px;
    width: 100%;
}
.tradition-text {
    max-width: 1243px;
    margin: auto;
}
.tradition-images-grid .main-image {
    width: 100%;
    height: auto;
    object-fit: cover;
   /* border-radius: 8px;
    */
}
.tradition-images-grid .bottom-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: 100%;
}
.tradition-images-grid .bottom-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
   /* border-radius: 8px;
    */
}
@media (max-width: 768px) {
    .tradition-images-grid .bottom-images img {
        height: auto;
    }
    .tradition-section .tradition-title {
        font-size: 28px;
        padding-top: 50px;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
   }
    .tradition-section .tradition-text {
        font-size: 18px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px;
   }
    .tradition-images-grid {
        margin-top: 40px;
        gap: 12px;
       /* padding-left: 20px;
        */
       /* padding-right: 20px;
        */
   }
    .tradition-images-grid .bottom-images {
        grid-template-columns: 1fr;
        gap: 12px;
   }
}
/* yeni css */


.tyrano>i {
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 0 0 1px;
    background-image: url(images/tyrano-font.png);
    height: 19px;
    background-position-y: -3px;
    zoom: .8
}

@media only screen and (min-width:1200px) {
    .tyrano>i {
        zoom: 1
    }
}
body{
    background-color:  var(--main-bg-color)!important;
    overflow-x: hidden;
}

.tyrano>.a {
    width: 8px
}

.tyrano>.b {
    width: 9px
}

.tyrano>.c {
    width: 11px
}

.tyrano>.c_ {
    width: 9px
}

.tyrano>.d {
    width: 8px
}

.tyrano>.e {
    width: 8px
}

.tyrano>.f {
    width: 6px
}

.tyrano>.g {
    width: 8px
}

.tyrano>.g_ {
    width: 8px
}

.tyrano>.h {
    width: 10px
}

.tyrano>.i {
    width: 2px
}

.tyrano>.i_ {
    width: 3px
}

.tyrano>.j {
    width: 6px
}

.tyrano>.k {
    width: 8px
}

.tyrano>.l {
    width: 7px
}

.tyrano>.m {
    width: 10px
}

.tyrano>.n {
    width: 8px
}

.tyrano>.o {
    width: 9px
}

.tyrano>.o_ {
    width: 7px
}

.tyrano>.p {
    width: 9px
}

.tyrano>.r {
    width: 7px
}

.tyrano>.s {
    width: 7px
}

.tyrano>.s_ {
    width: 8px
}

.tyrano>.t {
    width: 8px
}

.tyrano>.u {
    width: 9px
}

.tyrano>.u_ {
    width: 7px
}

.tyrano>.v {
    width: 8px
}

.tyrano>.y {
    width: 9px
}

.tyrano>.z {
    width: 7px
}

.tyrano>.__ {
    background-image: none !important;
    width: 4px
}

.tyrano-d>.a {
    background-position-x: 0
}

.tyrano-d>.b {
    background-position-x: -9px
}

.tyrano-d>.c {
    background-position-x: -18px
}

.tyrano-d>.c_ {
    background-position-x: -29px
}

.tyrano-d>.d {
    background-position-x: -39px
}

.tyrano-d>.e {
    background-position-x: -48px
}

.tyrano-d>.f {
    background-position-x: -57px
}

.tyrano-d>.g {
    background-position-x: -63px
}

.tyrano-d>.g_ {
    background-position: -63px 0
}

.tyrano-d>.h {
    background-position-x: -245px
}

.tyrano-d>.i {
    background-position-x: -83px
}

.tyrano-d>.i_ {
    background-position-x: -87px
}

.tyrano-d>.j {
    background-position: -89px 0
}

.tyrano-d>.k {
    background-position-x: -99px
}

.tyrano-d>.l {
    background-position-x: -109px
}

.tyrano-d>.m {
    background-position-x: -117px
}

.tyrano-d>.n {
    background-position-x: -128px
}

.tyrano-d>.o {
    background-position-x: -137px
}

.tyrano-d>.o_ {
    background-position: -137px 0
}

.tyrano-d>.p {
    background-position-x: -155px
}

.tyrano-d>.r {
    background-position-x: -165px
}

.tyrano-d>.s {
    background-position-x: -174px
}

.tyrano-d>.s_ {
    background-position-x: -182px
}

.tyrano-d>.t {
    background-position-x: -190px
}

.tyrano-d>.u {
    background-position-x: -199px
}

.tyrano-d>.u_ {
    background-position: -193px 0
}

.tyrano-d>.v {
    background-position-x: -218px
}

.tyrano-d>.y {
    background-position-x: -227px
}

.tyrano-d>.z {
    background-position-x: -237px
}

li:hover .tyrano-d>i {
    background-position-y: -28px
}

:root {
    --offcanvas-index: 4;
    --offcanvas-top: 92px;
    --offcanvas-topmenu-height: 80px;
    --offcanvas-border-color: #e3d5b4;
    --offcanvas-border-color-hover: #fff8e9;
    --offcanvas-border: 1px solid var(--offcanvas-border-color);
    --offcanvas-brown: #5c3b22;
    --offcanvas-gray: #828282;
    --offcanvas-light-brown: #ac6736;
    --offcanvas-orange: #ed5623;
    --offcanvas-lightgray: #f7f3ee;
    --offcanvas-lightbrown: #ffefe9;
    --offcanvas-primary: 'Hellix', cursive;
    --offcanvas-secondary: 'Recoleta', sans-serif
}
@media screen and (min-width:991px) {
    .pb-offcanvas-menu {
        width: 1px !important;
        height: 1px !important;
        display: none !important;
        visibility: hidden !important;
        overflow: hidden !important
    }
}
.pb-offcanvas-menu {
    position: fixed;
    z-index: var(--offcanvas-index);
    top: var(--offcanvas-top);
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: translateX(-100%);
    transition: transform 150ms linear;
    will-change: transform
}

body.nav-expanded .pb-offcanvas-menu {
    transform: translateX(0)
}
.pb-offcanvas-menu__list-wrapper {
    position: relative;
    height: calc(100% - 230px);
    overflow: hidden
}


.pb-offcanvas-menu__list {
    height: 100%
}

.pb-offcanvas-menu__banners,
.pb-offcanvas-menu__search,
.pb-offcanvas-menu__top {
    position: relative
}

.pb-offcanvas-menu__banners,
.pb-offcanvas-menu__list,
.pb-offcanvas-menu__search,
.pb-offcanvas-menu__top {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box
}


.pb-offcanvas-menu__top--item {
    display: flex;
    flex-basis: 50%;
    max-width: 50%;
    height: var(--offcanvas-topmenu-height);
    align-items: center;
    align-content: center;
    justify-content: center
}

@media screen and (max-width:375px) {
    .pb-offcanvas-menu__top--item {
        padding: 0 10px
    }
}

.pb-offcanvas-menu__top--item * {
    pointer-events: none;
    user-select: none
}

.pb-offcanvas-menu__top--item:first-of-type {
    border-right: var(--offcanvas-border)
}

.pb-offcanvas-menu__top--item.item--account {
    background-color: var(--offcanvas-lightbrown)
}

.pb-offcanvas-menu__top--item.item--logout {
    background-color: var(--offcanvas-lightgray)
}

.pb-offcanvas-menu__top--item span {
    color: var(--offcanvas-brown);
    font-size: 12px;
    font-weight: 500
}

.pb-offcanvas-menu__top--item.item--account span,
.pb-offcanvas-menu__top--item.item--logout span {
    font-weight: 700
}

.pb-offcanvas-menu__top--item.item--account span {
    color: var(--offcanvas-orange)
}

.pb-offcanvas-menu__top--item.item--logout span {
    color: var(--offcanvas-gray)
}

.pb-offcanvas-menu__top--item img {
    max-width: 30px;
    margin-right: 10px
}

.pb-offcanvas-menu__top--item.item--facebook span {
    color: #3b5a95
}

.pb-offcanvas-menu__top--item:active {
    background-color: var(--offcanvas-border-color-hover)
}

.pb-offcanvas-menu__search {
    height: 68px;
    padding: 15px;
}

.pb-offcanvas-menu__search form {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 8px;
}

.pb-offcanvas-menu__search form input {
    display: block;
    margin: 0;
    padding: 0;
    color: transparent;
    border: 0;
    border-radius: 3px;
    background: 0 0;
    line-height: initial;

}

/* #form-mobile{
    background-color: var(--light-background);
} */

/* .pb-offcanvas-menu__search form input[type=text] {
    flex-basis: calc(100% - 85px);
    max-width: calc(100% - 85px);
    height: 100%;
    padding: 0 10px 0 25px !important;
    color: var(--offcanvas-brown);
    font-weight: 400;
    font-size: 12px;
    text-indent: 0
}

.pb-offcanvas-menu__search form input[type=submit] {
    width: 80px;
    height: 100%;
    color:  var(--primary-color);
    font-family: var(--offcanvas-primary);
    font-size: 16px;
    text-indent: 0;
}
.pb-offcanvas-menu__search-ico{
    position: absolute;
    top: 9px;
    left: 6px;
} */

.pb-offcanvas-menu__list {
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    scroll-behavior: smooth;
    overflow-x: hidden;
    overflow-y: auto
}

.pb-offcanvas-menu__list.is-menu-shown {
    overflow: hidden
}

.pb-offcanvas-menu__list--item {
    position: static;
    display: block;
    padding: 10px;
    flex-basis: 33%;
    max-width:33%
}

@media screen and (max-width:375px) {
    .pb-offcanvas-menu__list--item {
        flex-basis: 33.333336%;
        max-width: 33.333336%
    }
}

.pb-offcanvas-menu__list--link {
    position: relative;
    display: block;
    width: 100%;
}

.pb-offcanvas-menu__list--link img,
.pb-offcanvas-menu__list--link span {
    pointer-events: none;
    user-select: none
}

.pb-offcanvas-menu__banners--item img,
.pb-offcanvas-menu__list--link img {
    display: block;
    max-width: 100%;
    width:90px;
    height:90px;
    object-fit: cover;
    object-position: center
}

.pb-offcanvas-menu__list--link img {
    margin: 0 auto 10px
}

.pb-offcanvas-menu__list--link span {
    display: block;
    color: var(--green-text-color);
    font-size: 14px;
    font-family: var(--secondary-font);
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
}
/* .pb-offcanvas-menu__bottom .abone-btn{
    background-color: var(--green-text-color)!important;
} */

@media screen and (max-width:425px) {
    .pb-offcanvas-menu__list--link span {
        font-size: 12px
    }
}


.pb-offcanvas-menu__list--nav {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: translateX(100%);
    transition: transform 150ms linear;
    will-change: transform;
    scroll-behavior: smooth;
    overflow-x: hidden;
    overflow-y: auto
}

.pb-offcanvas-menu__list--nav a,
.pb-offcanvas-menu__list--nav h5 {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 35px;
    border-bottom: var(--offcanvas-border);
    font-weight: 500
}

.pb-offcanvas-menu__list--nav h5 {
    position: sticky;
    top: 0;
    left: 0;
    height: 60px;
    background-color: #fff;

    font-size: 24px;
    color: var(--offcanvas-orange);
    line-height: 60px;
    text-align: center
}

.pb-offcanvas-menu__list--nav h5::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 30px;
    display: block;
    width: 12px;
    height: 12px;
    border-left: 2px solid var(--offcanvas-orange);
    border-bottom: 2px solid var(--offcanvas-orange);
    transform: rotate(45deg) translateY(-10px);
    pointer-events: none
}

.pb-offcanvas-menu__list--nav a {
    min-height: 54px;
    font-family: var(--offcanvas-secondary);
    font-size: 16px;
    color: var(--green-text-color);
    text-transform:uppercase; 
    display: grid;
    grid-template-columns: 1fr 102px;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.pb-offcanvas-menu__list--nav span {
    padding-top: 5px;
    padding-bottom: 5px
}

.pb-offcanvas-menu__list--nav a:active,
.pb-offcanvas-menu__list--nav a:hover {
    color: var(--offcanvas-orange)
}

.pb-offcanvas-menu__list--nav.is-menu-visible {
    transform: translateX(0)
}

.pb-offcanvas-menu__banners {
    height: 149px;
    padding: 14px 7px
}

.pb-offcanvas-menu__banners--item {
    flex-basis: auto;
    max-width: calc(50% - 14px);
    margin: 0 7px
}

@media screen and (min-width:546px) {
    .pb-offcanvas-menu__banners--item {
        flex-basis: auto;
        max-width: max-content
    }
}



.pb-dropdown-menu__content:hover .pb-dropdown-menu__content--item {
    opacity: .7
}

.pb-dropdown-menu__content--item:hover {
    opacity: 1 !important
}

.pb-dropdown-menu__content--item:hover img {
    filter: none !important
}

.pb-dropdown-menu__ads {
    position: relative;
    display: block;
    flex-basis: 280px;
    max-width: 280px;
    text-align: right;
    opacity: 0;
    transition: opacity .2s linear 250ms;
    will-change: opacity
}

.pb-dropdown-menu__ads a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.pb-dropdown-menu__ads img {
    display: block;
    max-width: 100%;
    object-fit: contain;
    object-position: right
}

.pb-dropdown-menu[aria-hidden=false] .pb-dropdown-menu__ads,
.pb-dropdown-menu[aria-hidden=false] .pb-dropdown-menu__content {
    opacity: 1
}

.pb-dropdown-menu__badge {
    margin-top: 5px
}


.field-validation-valid {
    display: none
}

.validation-summary-valid {
    display: none
}

@font-face {
    font-family: kg_ten_thousand_reasonsrg;
    src: url(fonts/kgtenthousandreasons-webfont.eot);
    src: url(fonts/kgtenthousandreasons-webfont.svg#kg_ten_thousand_reasonsRg) format('svg'), url(fonts/kgtenthousandreasons-webfontd41d.eot?#iefix) format('embedded-opentype'), url(fonts/kgtenthousandreasons-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: kg_ten_thousand_reasons_altrg;
    src: url(fonts/kgtenthousandreasonsalt-webfont.eot);
    src: url(fonts/kgtenthousandreasonsalt-webfont.svg#kg_ten_thousand_reasons_altRg) format('svg'), url(fonts/kgtenthousandreasonsalt-webfontd41d.eot?#iefix) format('embedded-opentype'), url(fonts/kgtenthousandreasonsalt-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: kg_turning_tablesregular;
    src: url(fonts/kgturningtables-webfont.eot);
    src: url(fonts/kgturningtables-webfont.svg#kg_turning_tablesregular) format('svg'), url(fonts/kgturningtables-webfontd41d.eot?#iefix) format('embedded-opentype'), url(fonts/kgturningtables-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

body {
    -webkit-font-smoothing: antialiased
}

.lazyload {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.lazyload.error,
.lazyload.initial,
.lazyload.loaded {
    opacity: 1;
    visibility: visible
}

#Delivery .ui-dialog-title,
#Delivery .ui-dialog-titlebar-close .ui-icon-closethick,
#Header,
#ProductDetails div.productDescription h1,
#ProductDetails div.productDescription p,
#bu-dogallik,
#sorular-ve-cevaplar dt,
#tab-avantajlar p,
#tab-ilk p,
#tab-otomatik-siparis-nedir p,
#tab-surpriz-paket p,
.add-new-address-button,
.cargo-warning,
.cart-checkout-section li a,
.checkout-data .shipping-method label,
.couponcode-button,
.edit-address-form .save-address-button,
.edit-delete-buttons a,
.facebook-connect-button,
.full-description>h1,
.gift-checkbox-text,
.gift-section-wrapper .text-prompt,
.new-address-save-button,
.order-note-wrapper .text-prompt,
.order-review-data .title,
.page.registration-page .forgot-password,
.page.registration-page .form-fields label,
.page.registration-page .login-button,
.page.registration-page .register-next-step-button,
.payment-warning,
.product-detail .product-detail-note,
.product-detail p,
.product-detail-title,
.register-tab-wrapper li a,
.register-wrapper-right h3,
.related-product-wrapper>h2,
.search-box-text,
.video-lightbox .social-link,
body {
    font-family: var(--primary-font), sans-serif
}

.payment-info-textbox,
.payment-info-textbox-card-code,
.payment-method-tabs,
.ui-autocomplete {
    font-family: open sans, sans-serif !important
}

.register-wrapper-right p {
    font-family: Tahoma
}

#media-page-wrapper .image-link span {
    font-size: 11px
}

.breadcrumb-wrapper .back-btn a,
.breadcrumb-wrapper .crumbcategory a,
.btn-small,
.cargo-warning,
.couponcode-button,
.gift-checkbox-text,
.gift-section-wrapper .text-prompt,
.header-top,
.order-note-wrapper .text-prompt,
.page.registration-page .accept-privacy-policy label,
.page.registration-page .accept-privacy-policy span,
.page.registration-page .form-fields .newsletter label,
.payment-method-tabs .payment-details label,
.payment-warning,
.pmurunler ul a,
.tabs span {
    font-size: 12px !important
}

#SiteTel {
    font-size: 13px
}

#urunlerim-nasil-gonderiliyor-icerik small {
    font-size: 12px !important
}

.sidebar-wrapper {
    max-width: 282px;
    padding: 0
}

.two-column-right {
    padding: 0 0 0 46px;
    width: calc(100% - 282px)
}

.two-column-right .breadcrumb {
    display: none
}

#content-pages-left p,
#content-pages-menu a,
.account-navigation-wrapper .list a,
.btn,
.change-button,
.content-pages-menu a,
.health-left p,
.inputs label,
.inputs select,
.order-review-data li,
.page.registration-page .form-fields label,
.payment-atdoor-text,
.payment-method-tab-content .checkout-havale p,
.payment-method-tab-content table td,
.paypal-text,
.popup-new-adress-wrapper .right-billing-address,
.product-detail .product-detail-note,
.product-short-description,
.register-wrapper-right p,
.use-reward-points {
    font-size: 13px
}

.header-top a {
    font-size: 12px;
    float: left
}

.header-top .administration {
    float: left;
    font-size: 0;
    width: 97px;
    height: 33px;
    background: transparent url(images/yonetim.png) no-repeat left top;
    margin-top: -10px
}

.header-top .administration:hover {
    background-position-y: -33px
}

.ui-autocomplete {
    font-size: 13px !important
}

.kutu-tesekkurler-inner-item .yazar,
.payment-method-tab-content .checkout-havale label,
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    font-size: 14px
}

#sorular-ve-cevaplar dd,
#sorular-ve-cevaplar dd p {
    font-size: 14px !important
}

#Delivery .ui-dialog-title,
.cart-checkout-section li a,
.checkout-page .edit-address .inputs input[type=text],
.checkout-page .edit-address .inputs label,
.edit-address-form .address-edit-page .inputs label,
.edit-address-form .inputs input[type=text],
.facebook-connect-button,
.new-address-add-text,
.opc .step-title .number,
.otomatik-siparis-content p,
.page.registration-page .login-button,
.page.registration-page .register-next-step-button,
.right-billing-address,
.tabProductPrice i {
    font-size: 16px
}

#Delivery .ui-dialog-titlebar-close .ui-icon-closethick,
.add-new-address-button,
.delivery-address-list .saved-address-container h3,
.edit-address-form .save-address-button,
.edit-delete-buttons a,
.kutu-tesekkurler-inner-item .icerik,
.new-address-save-button,
.order-review-data .title,
.otomatik-avantajlar-alt-kisim p,
.product-detail p,
.register-tab-wrapper li a {
    font-size: 15px
}

.price a small {
    font-size: 15px
}

#content-pages-left strong,
.account-navigation-wrapper .list a,
.add-new-address-button,
.cargo-warning,
.change-button,
.delivery-address-list .saved-address-container h3,
.edit-address-form .save-address-button,
.edit-delete-buttons a,
.health-left strong,
.new-address-save-button,
.page-title.brown-title-wrapper h1,
.payment-method-tabs .payment-details label,
.payment-warning,
.product-description-wrapper .stock,
.tabProductPrice i,
b,
strong {
    font-weight: 700
}

#Delivery .ui-dialog-title,
#OnePageCheckout .checkout-data label,
#OnePageCheckout .inputs label,
#ProductDetails div.productDescription h1,
#ProductDetails div.productDescription p,
.card-already-exists label,
.checkout-data .shipping-method label,
.gift-checkbox-text,
.gift-section-wrapper .text-prompt,
.inputs label,
.new-address-add-text,
.order-note-wrapper .text-prompt,
.page.registration-page .accept-privacy-policy span,
.page.registration-page .form-fields .accept-privacy-policy label,
.page.registration-page .form-fields .newsletter label,
.profile-title h1,
.related-product-wrapper>h2 {
    font-weight: 400
}

#content-pages-left h2,
#tab-siparis-secenekleri ul a,
.health-left h2,
.opc .step-title h2,
.page-title h1,
.register-wrapper-right h3 {
    font-size: 18px
}

#content-pages h1,
.brown-title-wrapper,
.partial-order-row.total,
.profile-title h1,
.related-product-wrapper>h2 {
    font-size: 20px
}

.price a {
    float: left;
    color: #306636;
    font-size: 22px;
    font-weight: 600;
    height: 26px
}

.price a:hover {
    color: #306636
}

#content-pages-left h1,
.health-left h1 {
    font-size: 22px
}

.pmurunler ul a {
    font-weight: 500
}

.page.registration-page .form-fields label,
.register-tab-wrapper li a {
    font-weight: 600
}

#sorular-ve-cevaplar dt,
.btn-large,
.otomatik-avantajlar-ust-kisim p {
    font-size: 17px
}

#ProductDetails div.productDescription h1,
#ProductDetails div.productDescription p,
.product-detail-title {
    font-size: 24px
}

.simple-pagination a.next,
.simple-pagination a.prev {
    font: inherit
}

.tabProductPrice i {
    font-style: normal
}

.kutu-tesekkurler-inner-item {
    font-family: kg_ten_thousand_reasonsrg
}

.kutu-tesekkurler-inner-item .baslik,
.lightbox-tesekkurler-cycle .icerik {
    font-size: 21px
}

.buton-siparis-ver-cok-yakinda,
.lightbox-tesekkurler-cycle {
    font: 18px kg_ten_thousand_reasonsrg
}

.lightbox-tesekkurler-cycle .baslik {
    font-size: 48px
}

.lightbox-tesekkurler-cycle .yazar {
    font-size: 25px
}

#bu-dogallik-sol {
    font-size: 32px
}

#bu-dogallik-sag {
    font-size: 38px
}

#urunlerim-nasil-gonderiliyor-icerik small:before {
    font-size: 23px
}

.video-lightbox .social-link {
    font-size: 19px
}

#tab-nasil-calisir p {
    font-family: kg_ten_thousand_reasons_altrg
}

#tab-siparis-secenekleri ul a {
    font-family: kg_turning_tablesregular
}

.full-description>h1 {
    font-size: 27px
}

#Delivery #editAddressForm .edit-address .edit-new-address,
#Delivery .ui-widget-content #newAddressForm .edit-new-address,
#Delivery .ui-widget-content #newAddressForm .right-billing-address,
#NewConfirm .items-wrapper .order-review-data li,
#NewConfirm .saved-address-container .items-wrapper,
#OnePageCheckout .form-row,
#ProductDetails div.productDescription,
#bu-dogallik,
#content-pages-menu,
#content-pages-menu a,
#oto-bottom,
#oto-top,
#otomatik-meyveler,
#portmenu>li>a,
#sorular-ve-cevaplar,
.about-us-banner,
.account-page .address-item,
.address-select,
.badge-haftalik-limon,
.badge-haftalik-nar-16kg,
.badge-haftalik-portakal-16kg,
.badge-haftalik-portakal-36kg,
.badge-haftalik-portakal-54kg,
.badge-haftalik-portakal-sikmalik-54kg,
.badge-haftalik-surpriz-36kg,
.cart-checkout-section ul,
.checkout-data .payment-method li a,
.checkout-page .next-step-button-wrapper,
.content-pages-menu,
.content-pages-menu a,
.credit-card li,
.dotted_4px,
.edit-address-form .edit-address.form-fields label,
.header-wrapper:after,
.health-banner,
.homepage-banner,
.horizontal-split:after,
.ico-cart,
.kutu-tesekkurler-link,
.master-wrapper-content,
.master-wrapper-page,
.media-banner img,
.order-list-page .order-item,
.order-review-data .title,
.oto-tabs-bg,
.otomatik-avantajlar-alt-kisim,
.otomatik-avantajlar-ust-kisim,
.otomatik-siparis-content p,
.page-title h1,
.page.registration-page .form-fields .inputs,
.page.registration-page .form-fields label,
.payment-method-tabs,
.payment-method-tabs li a,
.pmurunler ul a,
.product-detail .product-urunlerim-nasil,
.register-tab-wrapper .form-fields,
.register-tab-wrapper li a,
.tabs,
body,
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

@media(min-width:1200px) {
    .container {
        width: 100%;
        max-width: 1300px !important;
 
    }
}

#soz-popup{
    background: #fff;
    text-align: center;
    padding-bottom:41px;
  }
  #soz-popup{
    background-image: url('/Themes/DefaultClean/Content/images/handtoheart.png');
    background-repeat: no-repeat;
    background-position: bottom right;
  }
  #soz-popup .text-content{
    text-align: center;
    color:var(--primary-color);;
    white-space: nowrap;
    font-family: var(--primary-font);
    font-size: 17.875px;
    font-style: normal;
    font-weight: 400;
    line-height: 166%;
    letter-spacing: 0.309px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #soz-popup div{
    width: 100%!important;
  }

  @media(min-width:778px){
    #soz-popup{
      min-width:500px;
    }
    #soz-popup .text-content{

      font-size: 23px;
    }

  }

#finiketakip #Newsletter,
#portmenu .pmurunler li,
.otomatik-avantajlar-ust-kisim p,
.page.registration-page #Newsletter,
.page.registration-page .accept-privacy-policy label,
.page.registration-page .accept-privacy-policy span,
.page.registration-page .login-page .returning-wrapper .form-fields label,
.page.registration-page .newsletter label,
input[type=button],
input[type=checkbox],
input[type=file],
input[type=image],
input[type=radio],
input[type=reset],
input[type=submit] {
    width: auto
}

.video-lightbox .facebook-logo,
.video-lightbox .twitter-logo {
    width: 45px
}

.icon-kumkuat {
    width: 112px
}

.footer-wrapper .darkhtml5icon,
.video-film-close {
    width: 76px
}

.opc .step-title .number {
    width: 32px
}

.form-fields label,
.login-page .returning-wrapper label {
    width: 160px
}

.birthday-dropdowns select {
    width: 90px
}

.price-wrapper {
    max-width: 100%
}

#ProductDetails .price.old-price:before {
    width: 100px
}

#portmenu .pmurunler,
#portmenu .pmurunler a span {
    width: 126px
}

#portmenu .pmportakal {
    width: 101px
}

#portmenu .pmsepetleri {
    width: 124px
}

#portmenu .pmfinikeden {
    width: 100px
}

#portmenu .pmotomatik {
    width: 137px
}

.icon-receller {
    width: 106px
}

.icon-greyfurt,
.lightbox-tesekkurler-close {
    width: 107px
}

.product-detail-bu-dogalligin-tamami {
    width: 425px
}

.product-detail-demo-item {
    width: 253px
}

.product-detail-yaprak {
    width: 139px
}

.icon-portakal {
    width: 101px
}

.icon-mandalina {
    width: 92px
}

.icon-bergamut {
    width: 113px
}

.icon-fidan {
    width: 57px
}

.icon-nar {
    width: 108px
}

.icon-karisik-meyveler {
    width: 128px
}

.icon-limon {
    width: 91px
}

.icon-kurabiyeler {
    width: 115px
}

.icon-sezondaki-meyveler {
    width: 116px
}

.product-detail-two-pictures img {
    width: 295px
}

.cart-wrapper .cart-cart {
    width: 28px
}

#Index .homepage-banner .flexslider {
    width: 3000px
}

.homepage-banner .flex-control-nav a {
    float: left;
    width: 12px;
    height: 12px;
    font-size: 0;
    border-radius: 50%;
    background-color: #626160;
    cursor: pointer;
    outline: 0;
    transition: all .2s linear
}

.category-product-wrapper .product-wrapper,
.products-wrapper .product-wrapper,
.search-page .product-wrapper {
    width: calc(25% - 8px);
    margin-right: 8px;
    position: relative
}

#content-pages-left {
    width: 100%
}

#content-pages-left p {
    text-align: center
}

#content-pages-left h1 {
    color: #ed5b28 !important;
    text-align: center
}

#content-pages-right {
    width: 214px
}

.simple-pagination a.next,
.simple-pagination a.prev {
    width: inherit
}

.tesekkurler-form-lightbox {
    width: 526px
}

#Delivery .ui-dialog-titlebar-close,
.tesekkurler-form-lightbox .close {
    width: 22px
}

#OnePageCheckout .date-dropdown select {
    width: 70px
}

.checkout-data .payment-method .payment-logo {
    width: 41px
}

.uneditable-input,
input,
select,
textarea {
    width: 220px
}

#NewConfirm .items-title-wrapper .product-number,
#NewConfirm .items-wrapper .cart-item-row .qty,
.input-medium {
    width: 150px
}

.couponcode-textbox {
    width: 145px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

#NewConfirm .items-title-wrapper .product-name,
#NewConfirm .items-wrapper .cart-item-row .picture-name {
    width: 325px
}

.input-xxlarge {
    width: 530px
}

.buton-siparis-ver-cok-yakinda:after,
.tabProductLabels span,
.tabs .current:after,
.tabs .current:before {
    width: 0
}

#SearchResults .tabProduct,
.tabProductList .tabProduct {
    width: 31.57895%
}

.w-100 {
    width: 100%;
}
.aspect-1-1{
    position: relative;
    padding-top: 100%;
}
.aspect-1-1 img{
    position: absolute;
    top: 0;
    bottom:0px;
    width:100%;
    height:100%

}


.tabProductImage a {
    float: left;
    width: 100%
}

.tabProductImage img {
    max-width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
}

#quantity {
    width: 24px
}

a.next,
a.prev {
    width: 48px
}

.buton-devamini-oku,
.buton-sepeti-doldur {
    width: 138px
}

.buton-incele {
    width: 185px
}

.kutu-tesekkurler-inner,
.kutu-tesekkurler-inner-item {
    width: 245px
}

.buton-siparis-ver-cok-yakinda {
    width: 166px
}

.lightbox-lezzet-takvimi .lightbox-close:after,
.video-film-close:after {
    width: 23px
}

.lightbox-tesekkurler {
    width: 910px
}

.lightbox-tesekkurler-cycle,
.lightbox-tesekkurler-cycle-inner,
.lightbox-tesekkurler-cycle-inner-item {
    width: 744px
}

.lightbox-tesekkurler-next,
.lightbox-tesekkurler-prev {
    width: 68px
}

.kargo-lb-wrapper {
    width: 490px
}

.kargo-lb {
    width: 430px
}

#lb-orumcek {
    width: 574px
}

#lb-orumcek .close {
    width: 103px
}

.video-lightbox {
    width: 1343px
}

.video-lightbox-close {
    width: 170px
}

.video-lightbox .video {
    width: 754px
}

.video-lightbox .social-media {
    width: 490px
}

.badge-75-tl {
    width: 72px
}

.p-tags {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 1;
    max-width: 66px
}

.p-tags a {
    float: left;
    margin-bottom: 15px
}

.new-badge {
    width: 60px
}

#oto-left,
#oto-right {
    width: 6px
}

#oto-nedir {
    width: 186px
}

#NewConfirm .items-title-wrapper .product-amount,
#NewConfirm .items-title-wrapper .product-total,
#NewConfirm .items-wrapper .cart-item-row .subtotal,
#NewConfirm .items-wrapper .cart-item-row .unit-price,
#oto-avantajlar,
#oto-nasil-calisir,
.payment-info-textbox-card-code {
    width: 130px
}

.checkout-data .payment-method .payment-details {
    width: 182px
}

#oto-surpriz-paket {
    width: 126px
}

#oto-siparis-secenekleri {
    width: 180px
}

#RecurringProducts .tab-contents {
    width: 684px
}

#tab-siparis-secenekleri ul {
    width: 390px
}

.otomatik-buton-alisverise-basla,
.otomatik-buton-sezon-kapandi,
.otomatik-buton-yenileniyor {
    width: 331px
}

.video-film-wrapper {
    width: 580px
}

.video-film {
    width: 560px
}


.register-tab-wrapper li {
    width: 210px
}

.facebook-connect-button,
.register-tab-wrapper .inputs input[type=password],
.register-tab-wrapper .inputs input[type=text] {
    width: 423px
}

.page.registration-page .register-next-step-button {
    width: 273px
}

.special-your-shopping:before,
.what-they-said .comment:before {
    width: 37px
}

.citrus-trees:before {
    width: 27px
}

.how-to-send:before {
    width: 42px
}

.cart-checkout-section li {
    width: 269px
}

.cart-checkout-section li.my-cart {
    width: 268px
}

#NewConfirm .items-wrapper .name {
    width: 180px
}

#NewConfirm .items-title-wrapper .product-delete,
#NewConfirm .items-wrapper .cart-item-row .delete {
    width: 50px
}

.checkout-page .edit-address .inputs input[type=text],
.edit-address-form .inputs input[type=text],
.edit-address-form .inputs select,
.page.checkout-page select {
    width: 330px
}

.edit-address-form .save-address-button,
.new-address-save-button {
    width: 330px !important
}

.edit-delete-buttons .address-edit-button {
    width: 133px
}

.edit-delete-buttons .address-delete-button {
    width: 93px
}

.add-new-address-button {
    width: 223px !important
}

.payment-info-textbox {
    width: 422px
}

.payment-credit-card select {
    width: 134px
}

#NewConfirm .cart-gift-section textarea {
    width: 350px
}

.change-button {
    width: 88px
}

.order-summary-text p {
    width: 75%
}

.hasat-yakinda-badge,
.sezon-kapandi-badge {
    width: 65px
}

label[for=Iyzico_SaveCardInfo] {
    width: 90%
}

.col-banner {
    float: left
}

.col-saglik {
    width: 34.576271186440677%
}

.col-bizi-arayin {
    width: 29.66101694915254%
}

.col-basinda-biz {
    width: 13.983050847457626%
}

.col-gonderiyoruz {
    width: 17.88135593220339%
}

div#urunlerim-nasil-gonderiliyor-icerik {
    min-width: 200px
}

.logo-wrapper a img,
.tesekkurler-page-banner,
.three-banner-wrapper a img {
    max-width: 100%
}

.tesekkurler-page-banner {
    width: 100%
}

.ui-autocomplete.ui-widget-content {
    background: #efe6d2 !important;
    border: none !important;
    padding: 0 !important
}

.ui-autocomplete.ui-widget-content li {
    display: block;
    width: 100%
}

.ui-autocomplete.ui-widget-content li a {
    display: block;
    width: 100%;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #564e3d;
    font-family: var(--primary-font), sans-serif;
    font-style: normal;
    border-radius: 0;
    border-bottom: 1px solid rgba(197, 184, 155, .25);
    padding: 10px 21px;
    line-height: 1.4;
    cursor: pointer
}

.ui-autocomplete.ui-widget-content li a.ui-state-active,
.ui-autocomplete.ui-widget-content li a.ui-state-focus {
    color: #473d29;
    font-weight: 600;
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(197, 184, 155, .25);
    background: 0 0
}

.ui-autocomplete.ui-widget-content li:last-child a {
    border: none
}

.footer-wrapper {
    float: left;
    width: 100%;
    z-index: 1;
    position: relative
}

.footer-wrapper .darkhtml5icon {
    background-position: -208px -13px
}

.sidebar-menu-wrapper h3 {
    background: url(images/portakalsprite.png) no-repeat left -212px
}

.sidebar-menu-wrapper a[href="/kategori/otomatik-siparis/"] {
    background: transparent url(images/otomatik-siparis-icon.png) no-repeat 128px 8px
}

#Category .categories-tab-wrapper .categories-tab {
    background: url(images/category-tab-bg.jpg) no-repeat
}

#Delivery .ui-dialog-titlebar-close,
#Delivery .ui-dialog-titlebar-close .ui-icon-closethick,
#Delivery .ui-widget-content,
#Register .register-tab-wrapper {
    background: 0 0 !important
}

#SearchResults .tabProduct,
.category-product-wrapper .product-wrapper,
.homepage-banner .flex-control-nav a.flex-active,
.opc .step-title .number,
.payment-method-wrapper .method-list li.ui-tabs-active,
.product-detail-tabs-wrapper .current,
.product-detail-tabs-wrapper .tabs li.current,
.related-product-wrapper .product-wrapper,
.related-product-wrapper .related-title,
.search-page .product-wrapper,
.tabProductList .tabProduct,
.tesekkurler-form-lightbox,
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    background: #fff
}

.register-wrapper-right {
    background: #fffdf9
}

.register-tab-wrapper .ui-tabs-panel {
    background: #fffdf9 !important
}

#Delivery .ui-widget-content,
#Delivery .ui-widget-content #newAddressForm,
#fancybox-frame,
.payment-method-tab-content {
    background: #fff !important
}

.opc .step-title {
    background: #a6a6a6
}

.opc .allow .step-title {
    background: #f2f2f2
}

.opc .active .step-title {
    background: #f18200
}

.badge-haftalik-limon,
.badge-haftalik-nar-16kg,
.badge-haftalik-portakal-16kg,
.badge-haftalik-portakal-36kg,
.badge-haftalik-portakal-54kg,
.badge-haftalik-portakal-sikmalik-54kg,
.badge-haftalik-surpriz-36kg,
.product-detail-bu-dogalligin-tamami,
.product-detail-yaprak {
    -webkit-background-size: contain;
    background-size: contain
}

.badge-haftalik-limon {
    background-image: url(images/badge-haftalik-limon.png)
}

.badge-haftalik-nar-16kg {
    background-image: url(images/badge-haftalik-nar-16kg.png)
}

.badge-haftalik-portakal-16kg {
    background-image: url(images/badge-haftalik-portakal-16kg.png)
}

.badge-haftalik-portakal-36kg {
    background-image: url(images/badge-haftalik-portakal-36kg.png)
}

.badge-haftalik-portakal-54kg {
    background-image: url(images/badge-haftalik-portakal-54kg.png)
}

.badge-haftalik-portakal-sikmalik-54kg {
    background-image: url(images/badge-haftalik-portakal-sikmalik-54kg.png)
}

.badge-haftalik-surpriz-36kg {
    background-image: url(images/badge-haftalik-surpriz-36kg.png)
}

.order-list-page .order-item {
    background: #f9f9f9
}

input[type=checkbox][disabled],
input[type=checkbox][readonly],
input[type=radio][disabled],
input[type=radio][readonly] {
    background-color: transparent
}

#portmenu>li>a {
    background: url(images/ust-menu-valencia.png) no-repeat 0 -14px
}

#portmenu>li>a:hover {
    background: url(images/ust-menu-valencia.png) no-repeat 0 -55px
}

#portmenu .pmurunler>li>a:hover,
.pmurunler .urunspanselected:hover {
    background-color: #e2d1b8
}

#portmenu .pmportakal a {
    background-position: -173px 0
}

#portmenu .pmportakal a:hover {
    background-position: -173px -41px
}

#portmenu .pmsepetleri a {
    background-position: -312px 0
}

#portmenu .pmsepetleri a:hover {
    background-position: -312px -41px
}

#portmenu .pmfinikeden a {
    background-position: -473px 0
}

#portmenu .pmfinikeden a:hover {
    background-position: -473px -41px
}

#portmenu .pmotomatik a {
    background-position: -603px -1px
}

#portmenu .pmotomatik a:hover {
    background-position: -603px -42px
}

.pmurunler .urunspanselected:hover {
    background-position: 0 -70px
}

.pmurunler ul {
    background: #d8c1a2
}
.newsletter-email{
    max-width:200px;
}

#newsletter-email {
    float: left;
    width: 100%;
    height: 37px;
    /* background: transparent url(images/newsletter-email.png) no-repeat; */
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    font-size: 12px;
    font-weight: 500;
    color: #948168;
    background-color: #f5f1e9;
    border-radius: 50px;
    line-height: 19px;
    padding: 7px 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    
}

.subCheckLbl{
    color: #f0e1c7;
    font-size: 14px;
    font-weight: 300;
    max-width: 120px;
    margin-top: 10px;
}

#newsletter-subscribe-button {
    /* background: transparent url(images/gonder.png) no-repeat left top; */
    width: 97px;
    height: 37px;
    -webkit-appearance: none;
    border: none;
    font-size: 0;
    background-color:#f0e1c7;
    border-radius: 50px;
    color: var(--green-text-color)!important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 16px;
    font-weight: 400;
}

#newsletter-subscribe-button:hover {
    background-position-y: -33px
}

/* .product-wrapper .button-wrapper {
    float: right;
    width: 112px
} */



.product-icon {
    background-image: url(images/product-icon.png)
}

.product-detail-bu-dogalligin-tamami {
    background-image: url(images/bu-dogalligin-tamami.png)
}

.product-detail-yaprak {
    background-image: url(images/product-detail-yaprak.png)
}

#oto-bottom,
#oto-left,
#oto-right,
#oto-top,
.badge-haftalik-limon,
.badge-haftalik-nar-16kg,
.badge-haftalik-portakal-16kg,
.badge-haftalik-portakal-36kg,
.badge-haftalik-portakal-54kg,
.badge-haftalik-portakal-sikmalik-54kg,
.badge-haftalik-surpriz-36kg,
.buton-devamini-oku,
.buton-incele,
.buton-sepeti-doldur,
.checkout-page .edit-address .inputs input[type=text],
.citrus-trees:before,
.edit-address-form .inputs input[type=text],
.how-to-send:before,
.lightbox-tesekkurler-next,
.lightbox-tesekkurler-prev,
.oto-tabs-bg,
.oto-tabs-bg a,
.payment-credit-card select,
.product-detail-bu-dogalligin-tamami,
.product-detail-yaprak,
.product-icon,
.register-tab-wrapper .inputs input[type=password],
.register-tab-wrapper .inputs input[type=text],
.special-your-shopping:before,
.what-they-said .comment:before {
    background-repeat: no-repeat
}

.credit-card li {
    background-repeat: no-repeat !important
}

.icon-portakal {
    background-position: -10px 0
}

.icon-kumkuat {
    background-position: -130px 0
}

.icon-mandalina {
    background-position: -267px 0
}

.icon-bergamut {
    background-position: -387px 0
}

.icon-fidan {
    background-position: -524px 0
}

.icon-nar {
    background-position: -601px 0
}

.icon-karisik-meyveler {
    background-position: -734px 0
}

.icon-greyfurt {
    background-position: -873px 0
}

.icon-limon {
    background-position: -999px 0
}

.icon-kurabiyeler {
    background-position: -1115px 0
}

.icon-receller {
    background-position: -1252px 0
}

.icon-sezondaki-meyveler {
    background-position: -1384px 0
}

.product-detail-bu-dogalligin-tamami {
    background-position: right bottom
}

.cart-wrapper {
    background: 0 0;
 
    background-size: cover;
    width: 87px;
    height: 73px;
    position: absolute;
    right: 0;
}

@media(min-width:320px) {
    .cart-wrapper {
        background: url(https://www.portakalbahcem.com/assets/images/cart-img-2.png) no-repeat 0 0;
        background-size: cover;
    }
}

#content-pages-menu a,
.content-pages-menu a {
    background: url(images/health/saglik-menu-bg.png) no-repeat bottom right;
    max-width: 214px;
    float: right !important
}

.tesekkurler-form-lightbox .close {
    background: url(images/health/tesekkurler-form-close-button.html) no-repeat
}

.price.old-price:before {
    background: #2e6734
}

input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
    background: #eee
}

.form-actions {
    background-color: #f4f4f4
}

.btn {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(top, #fff, #e6e6e6);
    background-repeat: repeat-x
}

.btn.active,
.btn.disabled,
.btn:active,
.btn:hover,
.btn[disabled] {
    background-color: #e6e6e6
}

.btn.active,
.btn:active {
    background-image: none
}

.btn-primary {
    background-color: #f18126;
    background-image: -moz-linear-gradient(top, #fc952a, #e16522);
    background-image: -ms-linear-gradient(top, #fc952a, #e16522);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc952a), to(#e16522));
    background-image: -webkit-linear-gradient(top, #fc952a, #e16522);
    background-image: -o-linear-gradient(top, #fc952a, #e16522);
    background-image: linear-gradient(top, #fc952a, #e16522);
    background-repeat: repeat-x
}

.btn-primary.active,
.btn-primary.disabled,
.btn-primary:active,
.btn-primary:hover,
.btn-primary[disabled] {
    background-color: #e16522
}

.tabs li {
    background: #d8c9b1
}

.tabs .current {
    background: #dc791b
}

.btn-primary:active,
.product-details-wrapper .btn-primary:hover {
    background-position: -352px -580px
}

.payment-method-tabs,
.payment-method-wrapper .method-list,
.payment-method-wrapper .method-list li,
.payment-method-wrapper .payment-method-tabs {
    background: 0 0
}

.buton-devamini-oku,
.buton-incele,
.buton-sepeti-doldur,
.cart-checkout-section li,
.edit-address-form .inputs select,
.page.checkout-page select,
.payment-credit-card select {
    background-image: url(images/portakalsprite.png)
}

.buton-incele,
.buton-sepeti-doldur {
    background-image: url(images/butonlar-2014-mart.png)
}

.buton-devamini-oku {
    background-image: url(images/read-more.png);
    background-repeat: no-repeat;
    background-position-y: 0
}

.buton-devamini-oku:hover {
    background-position-y: -35px
}

.buton-sepeti-doldur {
    background-position: -175px -1px
}

.buton-sepeti-doldur:hover {
    background-position: -175px -46px
}

.buton-siparis-ver {
    background: url(images/siparis-ver.png) no-repeat left top;
    float: left;
    width: 185px;
    height: 38px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 22px
}

.buton-siparis-ver:hover {
    background-position-y: -38px
}

.buton-takvimi-gor {
    float: left;
    background: url(images/takvimi-gor.png) no-repeat left top;
    width: 185px;
    height: 38px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
    cursor: pointer
}

.buton-takvimi-gor:hover {
    background-position-y: -38px
}

.buton-incele {
    background-position: -732px -1px
}

.buton-incele:hover {
    background-position: -732px -44px
}

.horizontal-split,
.video-lightbox .facebook-logo,
.video-lightbox .twitter-logo {
    background-position: 0 0;
    background-repeat: no-repeat
}

.horizontal-split {
    background-image: url(images/horizontal-split.png)
}

.kutu-tesekkurler {
    width: 27.42616033755274%;
    position: relative;
    float: left
}

.kutu-otomatik-siparis {
    width: 31.81434599156118%;
    margin: 0 auto;
    float: none;
    display: inline-block;
    position: relative
}

.kutu-lezzet-takvimi {
    width: 34.177215189873417%;
    margin: 0;
    position: relative;
    float: right
}

.buton-siparis-ver-cok-yakinda {
    background-color: #000
}

.lightbox-lezzet-takvimi .lightbox-close {
    background-image: url(images/lezzet-takvimleri/mobile-lezzet-takvim-close.png);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center;
    max-width: 76px;
    width: 100%;
    height: 76px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0 !important;
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 99
}

@media(min-width:768px) {
    .lightbox-lezzet-takvimi .lightbox-close {
        background-image: url(images/yeni-lezzet-takvimi-kapat.png);
        background-repeat: no-repeat;
        width: 47px;
        height: 47px !important;
        margin-right: 0;
        background-size: 100%;
        top: -50px !important;
        right: 0
    }
}

.video-film-close {
    background-image: url(images/lezzet-takvimi-close.png);
    background-repeat: no-repeat;
    width: 47px;
    height: 47px !important
}

.lightbox-tesekkurler {
    background-image: url(images/tesekkurler-lb-background.png)
}

.lightbox-tesekkurler-next,
.lightbox-tesekkurler-prev {
    background-image: url(images/tesekkurler-prev-next.png)
}

.lightbox-tesekkurler-prev {
    background-position: 0 0
}

.lightbox-tesekkurler-prev:hover {
    background-position: 0 -80px
}

.lightbox-tesekkurler-next {
    background-position: -76px 0
}

.lightbox-tesekkurler-next:hover {
    background-position: -76px -80px
}

.lightbox-tesekkurler-close {
    background-image: url(images/tesekkurler-close.png);
    background-position: 0 0
}

.lightbox-tesekkurler-close:hover {
    background-position: -112px 0
}

.kargo-lb {
    background-image: url(images/lightbox-bilgi-bg.jpg)
}

#lb-orumcek {
    background-image: url(../../../uploads/altin-orumcek-2015-ligthbox.html)
}

#lb-orumcek .close,
#lb-orumcek .close:hover {
    background-color: rgba(255, 255, 255, .3)
}

#sorular-ve-cevaplar {
    background: url(sorular-ve-cevaplar.html) no-repeat top center
}

.video-lightbox {
    background: transparent url(images/merhaba/ana-sayfa-lightbox/video-bg.png) no-repeat center center
}

.video-lightbox-close {
    background: transparent url(images/merhaba/ana-sayfa-lightbox/video-close.png) no-repeat center center
}

.video-lightbox .social-media {
    background: url(images/merhaba/images/social-media-bg.jpg) no-repeat 0 0
}

.video-lightbox .facebook-logo {
    background-image: url(images/merhaba/images/facebook.png)
}

.video-lightbox .twitter-logo {
    background-image: url(images/merhaba/images/twitter.png)
}

.btn:hover {
    background-position: 0 -15px
}

.otomatik-siparis-content {
    background: url(images/otomatik-inner-bga820.jpg?rev=2) no-repeat 0 0
}

#oto-bottom,
#oto-left,
#oto-right,
#oto-top {
    background-position: 0 0
}

#oto-top {
    background-image: url(images/otomatik-siparis-bg-top.png)
}

#oto-left {
    background-image: url(images/otomatik-siparis-bg-lefta820.png?rev=2)
}

#oto-right {
    background-image: url(images/otomatik-siparis-bg-right.png)
}

#oto-bottom {
    background-image: url(images/otomatik-siparis-bg-bottom.png)
}

.oto-tabs-bg,
.oto-tabs-bg a {
    background-image: url(images/otomatik-siparis-tab-sprite.png)
}

#oto-nedir,
.oto-tabs-bg {
    background-position: 0 0
}

#oto-nedir.active,
#oto-nedir:hover {
    background-position: 0 -50px
}

#oto-nasil-calisir {
    background-position: -186px 0
}

#oto-nasil-calisir.active,
#oto-nasil-calisir:hover {
    background-position: -186px -50px
}

#oto-surpriz-paket {
    background-position: -316px 0
}

#oto-surpriz-paket.active,
#oto-surpriz-paket:hover {
    background-position: -316px -50px
}

#oto-siparis-secenekleri {
    background-position: -316px 0
}

#oto-siparis-secenekleri.active,
#oto-siparis-secenekleri:hover {
    background-position: -316px -50px
}

#oto-avantajlar {
    background-position: -622px 0
}

#oto-avantajlar.active,
#oto-avantajlar:hover {
    background-position: -496px -50px
}

.otomatik-buton-alisverise-basla {
    background: transparent url(images/otomatik-buton-alisverise-basla.png) no-repeat 0 0
}

.otomatik-buton-sezon-kapandi {
    background: transparent url(images/otomatik-buton-sezon-kapandi.png) no-repeat 0 0
}

.otomatik-buton-yenileniyor {
    background: transparent url(images/otomatik-buton-yenileniyor.png) no-repeat 0 0
}

.otomatik-buton-alisverise-basla:hover {
    background-position: 0 -63px
}

.otomatik-avantajlar-ust-kisim p {
    background-color: #ff785b
}

.video-film-wrapper {
    background: #f25a23
}

.register-tab-wrapper li {
    background: #e8e4dc !important
}

.register-tab-wrapper li.ui-state-active {
    background: #fffdf9 !important
}

#Delivery .ui-dialog-titlebar,
.register-tab-wrapper ul {
    background: 0 0 !important
}

.checkout-page .edit-address .inputs input[type=text],
.edit-address-form .inputs input[type=text],
.register-tab-wrapper .inputs input[type=password],
.register-tab-wrapper .inputs input[type=text] {
    background-image: url(images/register-textbox-bg.png)
}

.facebook-connect-button {
    background: #133670
}

.page.registration-page .login-button,
.page.registration-page .register-next-step-button {
    background: #f25500
}

.special-your-shopping:before {
    background-image: url(images/special-your-shopping.png)
}

.citrus-trees:before {
    background-image: url(images/citrus-trees.png)
}

.how-to-send:before {
    background-image: url(images/how-to-send.png)
}

.what-they-said .comment:before {
    background-image: url(images/what-they-said.png)
}

#Register body {
    background: url(images/register-page-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#Register body .master-wrapper-main {
    background-color: #e2d6b8!important
}

.page.registration-page .login-button:hover,
.page.registration-page .register-next-step-button:hover {
    background: #f16e27
}

.facebook-connect-button:hover {
    background: #274d8e
}

.order-review-data .title {
    background: #ece4d2
}

.cart-checkout-section li.my-cart {
    background-position: 0 -1029px
}

.cart-checkout-section li.my-cart.active {
    background-position: 0 -1090px
}

.cart-checkout-section li.delivery-address,
.cart-checkout-section li.payment {
    background-position: -277px -1029px
}

.cart-checkout-section li.delivery-address.active,
.cart-checkout-section li.payment.active {
    background-position: -277px -1090px
}

.cart-checkout-section li.order-info {
    background-position: -552px -1029px
}

.cart-checkout-section li.order-info.active {
    background-position: -552px -1090px
}

#NewConfirm .items-wrapper .items-title-wrapper,
.delivery-address-list .saved-address-container {
    background: #f9f2df
}

.change-button,
.edit-address-form .save-address-button,
.new-address-save-button {
    background: #ec4a00
}

.add-new-address-button,
.edit-delete-buttons a {
    background: #cab999
}

.edit-address-form .inputs select,
.page.checkout-page select {
    background-position: right -952px
}

.payment-info-textbox,
.payment-info-textbox-card-code {
    background: #f1ece1 !important
}

.payment-credit-card select {
    background-position: right -952px
}

a {
    color: #fdb756
}

a:hover {
    color: #fc970a
}



.account-navigation-wrapper .list a,
.page-title.profile-title h1 {
    color: #222
}

.account-navigation-wrapper .list a:hover {
    color: #fdb756
}

.cart-wrapper .cart-cart,
.change-button,
.change-button:hover,
.edit-address-form .save-address-button,
.new-address-save-button,
.opc .step-title,
.opc .step-title h2,
.tabs .current a,
.tabs span {
    color: #fff
}

.btn-primary,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary:active,
.btn-primary:hover,
.btn-primary[disabled] {
    color: #fff !important
}

.social-newsletter-contact {
    float: right;
    width: auto;
    max-width: 340px
}
.home-social-media li {
    float: left;
    margin-right: 16px
}

/* .home-social-media li a {
    float: left;
    width: 35px;
    height: 35px;
    border: 1px solid #a37862;
    border-radius: 50%;
    line-height: 33px;
    text-align: center;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .2s linear
}

.home-social-media li a:hover {
    background-color: #a37862
}

.sosyal-facebook {
    background-image: url(images/social-facebook.png)
}

.sosyal-facebook:hover {
    background-image: url(images/social-facebook-hover.png)
}

.sosyal-twitter {
    background-image: url(images/social-twitter.png)
}

.sosyal-twitter:hover {
    background-image: url(images/social-twitter-hover.png)
}

.sosyal-instagram {
    background-image: url(images/social-instagram.png)
}

.sosyal-instagram:hover {
    background-image: url(images/social-instagram-hover.png)
} */

.footer-menu-wrapper {
    color: #686258
}

.copyrigt-orgin {
    display: block;
    margin: auto 0
}

.copyrigt-orgin p {
    font-size: 10px;
    color: #a89f90
}

.footer-menu-wrapper h3 {
    float: left;
    width: 100%;
    color: #F0E1C7;
    font-weight: 600!important;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0px;
    font-family: var(--primary-font)!important;
    margin-top:0px;
    margin-bottom:0px;
    text-transform: uppercase;
}

.footer-menu-wrapper .menu-list {
    float: left;
    width: 100%
}

.footer-menu-wrapper .menu-list li {
    float: left;
    width: 100%
}

.footer-menu-wrapper .menu-list a , .footer-menu-wrapper  .contact-address * {
    font-weight: 300;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0px;
    color: #F0E1C7;
}
.footer-menu-wrapper  .contact-address strong{
    font-weight: bold;
}
/* .footer-menu-wrapper .menu-list a:hover {
    color: #d35514
} */

.sidebar-menu-wrapper a[href="/kategori/otomatik-siparis/"] {
    color: #f64
}


.product-details-wrapper {
    float: left;
    width: 100%;
    padding: 0
}



.product-detail-picture-wrapper {
    float: left;
    padding: 0;
    max-width: 693px;
    width: 100%
}

.product-detail-image-wrapper {
    float: left;
    width: 100%;
    position: relative
}


@media (min-width:998px) {
    .product-detail-price{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap:16px;
        position: relative;
        align-items: center;
    }
}
@media (max-width:778px) {
    .icon-box{
        padding-left: 5px;
        padding-right: 5px;
    }
    .product-description-wrapper .icon-box .text-orange{
        font-size: 9px;
    }
    .triple-icon-area{
        padding-right: 15px;
        padding-left: 15px;
        font-size: 10px;
    }
    .triple-icon-area svg{
        max-width: auto;
        height: 50px;
    }
    .icon-box{
        font-size: 9px;
    }
}
.kg-fiyat{
    background: #F0FBF5;
    padding: 9.5px 22px;
    border-radius: 100px;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0%;
    vertical-align: middle;
    color:var(--green-text-color)
}

.product-description-wrapper .badge-kargo-bedava {
    right: 20px;
    top: 0
}

@media only screen and (min-width:1024px) {
    .product-description-wrapper .badge-kargo-bedava {
        right: 0
    }
}

@media only screen and (min-width:1200px) {
    .product-description-wrapper .badge-kargo-bedava {
        right: 20px;
        top: 0
    }
}

.product-description-wrapper .badge-kargo-bedava img {
    max-width: 80px
}

/* .product-description {
    float: left;
    width: 100%;
    color: #af6d40;
    font-size: 14px;
    font-weight: 500;
    margin: 0
} */

/* .product-description-wrapper .add-to-cart-quantity {
    float: left;
    width: 100%;
    max-width: 115px;
    position: relative;
    margin-right: 10px
}

.product-description-wrapper .add-to-cart-quantity .ui-spinner {
    float: left;
    width: 100%;
    border: none;
    height: 39px !important;
    border-radius: 0;
    background: 0 0;
    position: relative
}

.product-description-wrapper .add-to-cart-quantity .ui-spinner-button {
    float: left;
    width: 36px;
    height: 39px;
    border: none;
    font-size: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0;
    cursor: pointer
} */
/* 
.product-description-wrapper .add-to-cart-quantity .ui-spinner-button.ui-spinner-up {
    right: 0;
    background: url(images/plus.png) no-repeat right top
}

.product-description-wrapper .add-to-cart-quantity .ui-spinner-button.ui-spinner-down {
    left: 0;
    background: url(images/minus.png) no-repeat left top
}

.product-description-wrapper .add-to-cart-quantity .ui-spinner-button:hover {
    background-position-y: -39px
}

.product-description-wrapper .add-to-cart-quantity .ui-spinner-button span {
    display: none
} */

/* .product-description-wrapper .add-to-cart-quantity .product-detail-quantity {
    float: left;
    border: none !important;
    padding: 10px 5px;
    -webkit-appearance: none;
    font-family: var(--primary-font), sans-serif;
    color: #57554f;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    width: 48px;
    height: 39px;
    line-height: 19px;
    margin: 0 33px;
    position: relative;
    z-index: 2;
    background: transparent url(images/quantity.png) no-repeat top center
}

.product-description-wrapper .product-detail-add-to-cart {
    float: left;
    position: relative
}

.product-description-wrapper .add-to-cart-button {
    float: left;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    cursor: pointer;
    background: transparent url(images/add-to-card.png) no-repeat left top;
    border: none;
    width: 150px;
    height: 39px;
    font-size: 0;
    transition: none !important
}

.product-description-wrapper .add-to-cart-button:hover {
    background-position-y: -39px
} */

.product-desc-icons {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 30px 0;
    justify-content: space-between
}

.product-desc-icons li {
    float: left;
    text-align: center;
    color: #c2ae83;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    padding-top: 55px;
    background-repeat: no-repeat;
    background-position: top center
}

.product-desc-icons li:last-child {
    margin-right: 0
}

.product-desc-icons li.taze-narenciye {
    background-image: url(images/ikon-taze-narenciye.png)
}

.product-desc-icons li.guvenli-alisveris {
    background-image: url(images/ikon-guvenli-alisveris.png)
}

.product-desc-icons li.portakal-sozu {
    background-image: url(images/ikon-portakalbahcem-sozu.png)
}

.product-desc-icons li.ozenli-paketleme {
    background-image: url(images/ikon-ozenli-paketleme.png)
}

.product-details-wrapper .product-detail-tabs-wrapper {
    float: left;
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    background: 0 0;
    margin-top: 60px
}

.product-details-wrapper .product-detail-tabs-wrapper .container {
    padding: 0
}

.product-details-wrapper .product-detail-tabs-wrapper .tabs {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none;
    border-radius: 0
}

.product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-state-default {
    float: left;
    margin: 0 13px 0 0;
    padding: 0;
    background: 0 0;
    border: none;
    height: auto
}

.product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-state-default a.ui-tabs-anchor {
    float: left;
    height: auto;
    padding: 0 20px;
    cursor: pointer;
    color: #ab9e84;
    font-size: 13px;
    font-weight: 600;
    line-height: 41px;
    font-family: var(--primary-font), sans-serif;
    border: 1px solid #e9e1d1;
    border-bottom: none;
    transition: all .2s linear
}

.product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-state-default a.ui-tabs-anchor:after {
    content: "";
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
    transform: translateY(-10px);
    opacity: 0;
    transition: all .2s linear
}

.product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-state-default a.ui-tabs-anchor span {
    float: left;
    line-height: 41px;
    color: inherit;
    position: relative
}

.product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-state-default a.ui-tabs-anchor span strong {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    line-height: 26px;
    text-align: center;
    background: #f76a10;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50%;
    color: #fff;
    right: -35px;
    top: -15px
}

.product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-tabs-active a.ui-tabs-anchor {
    background-color: #f1ede5;
    border-color: #f1ede5;
    color: #ab9e84
}

.product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-tabs-active a.ui-tabs-anchor:after {
    transform: translateY(0);
    opacity: 1;
    border-top-color: #f1ede5
}

.product-details-wrapper .product-detail-tabs-wrapper .product-detail-tabs {
    float: left;
    width: 100%;
    border-top: 1px solid #e9e1d1
}

.product-details-wrapper .product-detail-tabs-wrapper .product-detail-tabs .ui-tabs-panel {
    float: left;
    width: 100%;
    padding: 30px 0 0;
    border: none;
    background: 0 0;
    font-family: var(--primary-font), sans-serif;
    color: #8f8368;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.tesekkur-container {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #e9e1d1;
    border-left-width: 2px;
    padding: 10px 20px;
    font-family: var(--primary-font), sans-serif;
    color: #8f8368;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.tesekkur-container .tesekkur-icerik {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.tesekkur-container .tesekkur-yazar {
    float: left;
    width: calc(100% + 40px);
    margin: 0 -20px -10px;
    margin-bottom: -10px;
    font-weight: 600;
    background: rgba(233, 225, 209, .4);
    padding: 2px 20px;
    font-size: 12px
}

.product-descriptions {
    float: left;
    width: 100%;
    margin-bottom: 60px
}

.product-descriptions .container {
    padding: 0
}

.product-descriptions .pd-top {
    padding: 0;
    margin-bottom: 30px
}

.product-descriptions .pd-top img {
    display: none
}

.product-descriptions h1 {
    float: left;
    width: 100%;
    font-size: 33px;
    color: var(--primary-color);
    font-weight: 400;
    margin: 0 0 15px;
    text-align: center;
    font-family: var(--secondary-font);
}

.product-descriptions p {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #8f8368;
    line-height: 22px;
    margin-bottom: 15px
}

.product-descriptions p strong {
    font-weight: 600
}

.product-descriptions .pd-image {
    text-align: center
}

.product-descriptions .pd-image img {
    width: 610px;
    max-width: 100%
}

.product-descriptions .pd-image .flexslider {
    float: left;
    width: 100%;
    position: relative
}

.product-descriptions .pd-image .flexslider .slides {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.product-descriptions .pd-image .flexslider .slides li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.product-descriptions .pd-image .flexslider .flex-control-paging {
    float: left;
    width: 100%;
    height: 12px;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: -22px
}

.product-descriptions .pd-image .flexslider .flex-control-paging li {
    display: inline-block;
    vertical-align: top;
    margin: 0 7px 0 0
}

.product-descriptions .pd-image .flexslider .flex-control-paging li:last-child {
    margin: 0
}

.product-descriptions .pd-image .flexslider .flex-control-paging li a {
    float: left;
    width: 12px;
    height: 12px;
    font-size: 0;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #626160;
    cursor: pointer;
    outline: 0;
    transition: all .2s linear
}

.product-descriptions .pd-image .flexslider .flex-control-paging li a.flex-active {
    background: #626160
}

.product-descriptions .video {
    float: left;
    width: 100%;
    position: relative
}

.product-descriptions .video a:after {
    content: "";
    float: left;
    width: 84px;
    height: 84px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: calc(50% - (84px/2));
    z-index: 2;
    background: rgba(255, 255, 255, .2) url(images/play-icon.svg) no-repeat center center;
    background-size: 24px;
    border-radius: 50%;
    color: #fff;
    transition: all .2s linear
}

.product-descriptions .video a:hover:after {
    background-color: rgba(255, 255, 255, .4)
}
.product-package-info{
    position: relative;
    display: block;
    float: left;
    padding-top: 6px;
    color: #AF6D40;
    font-weight: 500;
    font-size: 14px;
    width:100%;
}
.product-descriptions .pd-top h2{
    display: block;
    text-align: center;
}
@media (min-width:1080px){
    .product-package-info{
        width: 480px;
    }
    .send-my-products img{
        height: 640px;
        object-fit: cover;
        object-position: 60%;

    }
    .product-descriptions .container{
        margin-right: -20px;
        margin-left: -20px;
    }
}
.send-my-products {
    float: left;
    width: 100%;
    position: relative
}

.send-my-products .container {
    padding: 0;
    position: relative
}

.send-my-products .smp-picture {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}
.center-flex{
    display:flex;
    align-items: center;
    flex-wrap: wrap;
}

.send-my-products .smp-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: left;
    width: 100%;
    max-width: 580px;
    height: 100%;
    padding-left: 50px;
    z-index: 2;
}


.send-my-products .smp-text img {
    float: left;
    max-width: 100%;
    margin-bottom: 30px
}

.send-my-products .smp-text p {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    color:#39190F;
}
.description-garanti p{
    font-weight: 500;
}
.send-my-products .smp-title{
    font-style: normal;
    font-weight: 500;
    color:#39190F;
    padding-bottom:10px;
}
.send-my-products .smp-title.bg-title{
    font-size: 25px;
    line-height: 120%; 
    letter-spacing: -1.2px;
    font-weight: 700;
}
.send-my-products .smp-title.sm-title{
    font-size: 18px;
    font-style: normal;
    line-height: 133%; 
    letter-spacing: -0.96px;
    padding-top:10px;
    padding-bottom:10px;
}
.description-garanti {
    display:flex;
    align-items: center;
    gap:10px;
}
.description-garanti *{
    color:var(--primary-color)!important;
}
@media (min-width:1020px) {
    .naturalness {
        padding-bottom:160px;
    }
    .send-my-products .smp-title.bg-title{
        font-size: 40px;
    }
    .send-my-products .smp-title.sm-title{
        padding-top:30px;
        font-size: 29px;
    }
    .send-my-products .smp-title{
        padding-bottom:30px;
    }
}
.naturalness {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 60px
}

.naturalness .container {
    padding: 0
}

.naturalness .naturalness-head {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
    max-width: 730px;
    margin: 0 auto;
    margin-bottom: 40px
}

.naturalness .naturalness-head h3 {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #738a15;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 10px
}

.naturalness .naturalness-head p {
    float: left;
    width: 100%;
    margin: 0;
    color: #8f8368;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    font-family:var(--primary-font);
}

.naturalness img {
    max-width: 100%
}

.naturalness .text-left,
.naturalness .text-right {
    padding: 0 10px
}

.product-description-wrapper .stock {
    color: #41ae10;
    display: none
}

.shopping-cart-page {
    float: left;
    width: 100%;
    margin-top: 20px
}

.shopping-cart-page .page-title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 40px
}

.shopping-cart-page .page-title h1 {
    float: left;
    width: 100%;
    text-align: center;
    border: none;
    padding: 0 0 20px;
    margin: 0;
    font-size: 18px;
    color: #663000;
    font-weight: 600;
    line-height: 26px
}

.shopping-cart-page .container {
    padding: 0
}

.shopping-cart-page .order-summary-content {
    float: left;
    width: 100%
}

.shopping-cart-page .order-summary-content .items-wrapper {
    padding: 0
}

.shopping-cart-page .order-summary-content .items-title-wrapper {
    padding: 0;
    padding-bottom: 10px;
    line-height: 20px
}

.shopping-cart-page .order-summary-content .items-title-wrapper div {
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    color: #663000;
    text-transform: capitalize;
    text-align: center;
    line-height: 20px;
    padding-top: 12px
}

.shopping-cart-page .order-summary-content .items-title-wrapper div:first-child {
    text-align: left
}

.shopping-cart-page .order-summary-content .items-title-wrapper div:last-child {
    text-align: right
}

.shopping-cart-page .order-summary-content .cart-page-item-wrapper {
    padding: 10px 0;
    border-top: 1px solid #e6e0d1
}

.shopping-cart-page .order-summary-content .cart-gift-section {
    border-top: 1px solid #e6e0d1;
    padding: 10px 0
}

.shopping-cart-page .order-summary-content .cart-continue-shop-button {
    float: right;
    -webkit-appearance: none;
    border: 1px solid #d8a389;
    background: #fff;
    padding: 10px 20px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: #d8a389;
    font-family: var(--primary-font), sans-serif;
    border-radius: 0;
    transition: all .2s linear
}

.shopping-cart-page .order-summary-content .cart-continue-shop-button:hover {
    background: #d8a389;
    color: #fff
}

.shopping-cart-page .cart-item-row {
    padding: 0;
    display: flex;
    align-items: center
}

.shopping-cart-page .picture-name {
    padding: 0;
    display: flex;
    align-items: center
}

.shopping-cart-page .picture-name .picture {
    float: left;
    width: 100px;
    border: 1px solid #dedede
}

.shopping-cart-page .picture-name .picture .product-picture-mask {
    float: left;
    width: 100%
}

.shopping-cart-page .picture-name .picture .product-picture-mask img {
    float: left;
    width: 100%
}

.shopping-cart-page .cart-item-row .name {
    float: left;
    width: calc(100% - 100px);
    padding-left: 20px
}

.shopping-cart-page .cart-item-row .product-name {
    float: left;
    font-size: 15px;
    color: var(--primary-color);
    font-weight: 600;
    line-height: 22px
}

.shopping-cart-page .cart-item-row .name .message-error {
    float: left;
    width: 100%;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    margin-top: 10px;
    color: #af6d40
}

.shopping-cart-page .unit-price {
    padding: 0;
    text-align: center;
    font-size: 20px;
    color: #2e6734;
    font-weight: 600
}

.shopping-cart-page .unit-price small {
    font-size: 13px
}

.shopping-cart-page .subtotal {
    padding: 0;
    text-align: center
}

.shopping-cart-page .product-subtotal {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #2e6734;
    font-weight: 600
}

.shopping-cart-page .product-subtotal small {
    font-size: 13px
}

.shopping-cart-page .subtotal .discount {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #fc622f;
    font-weight: 600
}

.shopping-cart-page .delete {
    padding: 0
}

.shopping-cart-page .delete .delete-icon {
    float: right;
    font-size: 20px;
    font-weight: 600;
    color: #c5b89b
}

.shopping-cart-page .qty {
    padding: 0;
    text-align: center
}

.shopping-cart-page .qty .ui-spinner {
    display: inline-block;
    vertical-align: middle;
    width: 88px;
    border: none;
    height: 30px !important;
    border-radius: 0;
    background: 0 0;
    position: relative
}

.shopping-cart-page .qty .ui-spinner-button {
    float: left;
    width: 26px;
    height: 30px;
    border: none;
    font-size: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0;
    cursor: pointer;
    background-size: 30px !important
}

.shopping-cart-page .qty .ui-spinner-button.ui-spinner-up {
    right: 0;
    background: url(images/plus.png) no-repeat right top
}

.shopping-cart-page .qty .ui-spinner-button.ui-spinner-down {
    left: 0;
    background: url(images/minus.png) no-repeat left top
}

.shopping-cart-page .qty .ui-spinner-button:hover {
    background-position-y: -32.5px
}

.shopping-cart-page .qty .ui-spinner-button span {
    display: none
}

.shopping-cart-page .qty .qty-input {
    float: left;
    border: none !important;
    padding: 10px 5px;
    -webkit-appearance: none;
    font-family: var(--primary-font), sans-serif;
    color: #57554f;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    width: 37px;
    height: 30px;
    line-height: 17px;
    margin: 0 26px;
    position: relative;
    background: transparent url(images/quantity.png) no-repeat top center;
    background-size: 37px
}

.cart-footer {
    padding: 0
}

.cart-collaterals {
    padding: 20px;
    border: 1px solid #e6e0d1
}

.tss .cart-collaterals .product-desc-icons {
    margin: 0 0 30px
}

.cart-collaterals .product-desc-icons li {
    font-size: 11px;
    line-height: 14px
}

.partial-order-summary {
    float: left;
    width: 100%
}

.partial-order-summary .basket_total_container {
    float: left;
    width: 100%
}

.partial-order-summary .basket_total_container .order_summary_3 {
    float: left;
    width: 100%
}

.partial-order-summary .basket_total_container ul {
    float: left;
    width: 100%
}

.partial-order-summary .basket_total_container li {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #663000;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px
}

.partial-order-summary .basket_total_container li span:first-child {
    float: left
}

.partial-order-summary .basket_total_container li span:last-child {
    float: right
}

.partial-order-summary .basket_total_container li.OrderTotal {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.partial-order-summary .basket_total_container li.OrderTotal span:last-child {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.cart-footer .totals {
    padding: 0
}

.cart-footer .cart-continue-shop-button {
    display: none
}

.cart-footer-title {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #663000;
    background: url(images/orange-icon.png) no-repeat left top;
    line-height: 20px;
    padding-left: 36px;
    padding-top: 12px
}

.shopping-cart-page .cart-footer-title p {
    float: left;
    width: 100%;
    margin: 0
}

.partial-order-summary div {
    padding: 0
}

.partial-order-summary .partial-order-row {
    font-size: 12px;
    color: #663000;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px
}

.partial-order-summary .partial-order-row .order-row-right {
    text-align: right;
    font-size: 13px
}

.partial-order-summary .partial-order-row.OrderTotal {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.partial-order-summary .partial-order-row.OrderTotal .order-row-right {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.partial-order-summary .coupon-box-wrapper {
    float: left;
    width: 100%;
    margin-top: 15px
}

.coupon-box-wrapper .coupon-box-link {
    display: none
}

.coupon-box-wrapper .couponcode-textbox {
    float: left;
    width: calc(100% - 70px);
    -webkit-appearance: none;
    margin: 0 !important;
    height: 31px;
    border: 1px solid #e6e0d1;
    border-right: none;
    border-radius: 0;
    font-size: 12px;
    color: #c5b89b;
    font-weight: 600;
    padding: 5px 7px;
    line-height: 19px;
    letter-spacing: 1px
}

.coupon-box-wrapper .couponcode-textbox::placeholder {
    color: #c5b89b
}

.coupon-box-wrapper .couponcode-button {
    float: right;
    height: 31px;
    -webkit-appearance: none;
    border: none;
    width: 70px;
    background: #c5b89b;
    cursor: pointer;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 600;
    border-radius: 0
}

.coupon-box-wrapper .couponcode-button:hover {
    background-color: #b0a282
}

.shopping-cart-page .button-wrapper {
    float: left;
    width: 100%
}
@media(max-width:778px){
    .shopping-cart-page .button-wrapper {
        margin-top:15px;
    }

}
.button-wrapper .cart-checkout-button {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border: none;
    background: transparent url(images/satin-al.png) no-repeat top center;
    font-size: 0;
    height: 39px;
    padding: 0
}

.button-wrapper .cart-checkout-button:hover {
    background-position-y: -39px
}

.delivery-page {
    float: left;
    width: 100%
}

.delivery-page .container {
    padding: 0
}

.delivery-page .page-title {
    float: left;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 30px
}

.delivery-page .page-title h1 {
    float: left;
    width: 100%;
    padding: 20px 0;
    margin: 0;
    border: none;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    color: #663000;
    font-weight: 600
}

.delivery-page #parentContainer {
    padding: 0
}

.cart-products {
    float: left;
    width: 100%;
    border-top: 1px solid #e6e0d1;
    border-bottom: 1px solid #e6e0d1;
    margin-bottom: 30px;
    margin-top: -10px;
    padding-top: 10px
}

.cart-products li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.cart-products li:last-child {
    margin-bottom: 10px
}

.cart-products .ordered_product_name {
    float: left;
    width: 50%;
    font-size: 12px;
    color: var(--primary-color);
    font-weight: 600;
    line-height: 18px;
    padding-right: 10px
}

.cart-products .ordered_product_quantity {
    float: left;
    width: 20%;
    font-size: 12px;
    font-weight: 600;
    color: #57554f;
    text-align: right;
    line-height: 18px;
    padding-right: 10px
}

.cart-products .ordered_product_price {
    float: right;
    width: 30%;
    text-align: right;
    font-size: 18px;
    font-weight: 600;
    color: #2e6734;
    line-height: 18px
}

.cart-products .ordered_product_price small {
    font-size: 13px
}

#Delivery .ui-dialog-title,
#Delivery .ui-dialog-titlebar-close .ui-icon-closethick,
.card-already-exists label,
.checkout-page .edit-address,
.checkout-page .required,
.edit-address-form .address-edit-page .inputs label,
.new-address-add-text,
.page-title h1,
.page.registration-page .form-fields label,
.page.registration-page .required,
.payment-method-tab-content .checkout-havale label {
    color: #ef550e
}

.opc .step-title .number {
    color: #a6a6a6
}

.opc .active .step-title .number {
    color: #f18200
}

#content-pages-left p,
.health-left p,
.pmurunler ul a {
    color: #231f20
}

.pmurunler ul a:active,
.pmurunler ul a:hover {
    color: #c3500d
}

.related-product-wrapper>h2 {
    color: #e76d3c
}

.price {
    float: left;
    line-height: 26px;
    font-weight: 600
}

.price.old-price {
    margin-right: 10px
}

.price.old-price a {
    font-size: 13px;
    color: #686868;
    text-decoration: line-through
}

.old-price a small {
    font-size: 13px;
    display: inline;
    vertical-align: baseline
}

.price.old-price:before {
    width: 52px
}

.product-detail-title {
    color: #e76d3c
}

.product-detail p {
    color: #595959
}

.product-detail .product-detail-note {
    color: #3b7a86
}

.product-detail .demo-link {
    color: inherit
}

.account-page .address-item .info,
.account-page .address-item .title,
.register-wrapper-right h3 {
    color: #000
}

#NewConfirm .items-wrapper .subtotal,
#NewConfirm .items-wrapper .unit-price,
#NewConfirm .qty {
    color: #ec4a00
}

.product-short-description {
    color: #a78766;
    font-size: 12px;
    line-height: 17px;
    float: left;
    width: 100%;
    font-weight: 500
}

.health-left p.yesil,
.health-left span.yesil p {
    color: #28724c
}

.health-left h1,
.health-left h2 {
    color: #5e4c40
}

#content-pages-menu a,
.content-pages-menu a {
    color: #215b3e
}

#content-pages-menu a:hover,
.content-pages-menu a:hover {
    color: #fcca45
}

#media-page-wrapper .image-link span {
    color: #949392
}

.health-left {
    color: #202020
}

#content-pages-right,
.health-right {
    color: #463226
}

#nedenfinike {
    color: #150c07
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    color: #555
}

.footer-wrapper .kreatifdesign a,
input:-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999
}

.btn,
.btn.active,
.btn.disabled,
.btn:active,
.btn:hover,
.btn[disabled] {
    color: #333
}

.btn-danger.active,
.btn-info.active,
.btn-inverse.active,
.btn-primary.active,
.btn-success.active,
.btn-warning.active {
    color: rgba(255, 255, 255, .75)
}


/* @media only screen and (min-width:720px) {
    .tabProductName a {
        font-size: 14px;
        min-height: unset
    }
} */

.product-detail-tabs-wrapper .current {
    color: #fdb756
}

input:-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder {
    color: #7f5426
}

@media only screen and (max-width:1199px) {
    .bottom-banner-wrapper .kutu-tesekkurler-inner {
        right: 0;
        left: 0;
        min-width: 100%;
        padding: 15px
    }
    .bottom-banner-wrapper .kutu-tesekkurler-inner-item {
        float: left;
        width: 100%;
        height: 150px;
        bottom: 0;
        top: initial !important;
        padding: 15px
    }
    .bottom-banner-wrapper .kutu-tesekkurler-inner-item .baslik {
        font-size: 14px
    }
    .bottom-banner-wrapper .kutu-tesekkurler-inner-item .icerik {
        font-size: 13px;
        line-height: normal
    }
    .bottom-banner-wrapper .kutu-tesekkurler-inner-item .yazar {
        font-size: 12px
    }
}

.kutu-tesekkurler-inner-item .baslik,
.lightbox-tesekkurler-cycle .baslik {
    color: #f3a855
}

.kutu-tesekkurler-inner-item .icerik,
.lightbox-tesekkurler-cycle .icerik,
.otomatik-siparis-content p {
    color: #fefefe
}

.kutu-tesekkurler-inner-item .yazar {
    color: #ff7e7e
}

.buton-siparis-ver-cok-yakinda {
    color: #e3d1b6
}

.lightbox-tesekkurler-cycle .yazar {
    color: #fd7e7e
}

.kargo-lb p {
    color: #c14b07
}

.kargo-lb p strong {
    color: #617a16
}

#ProductDetails div.productDescription h1 {
    color: #707070
}

#ProductDetails div.productDescription p {
    color: gray
}

#bu-dogallik-sol {
    color: #e26f5c
}

#bu-dogallik-sag {
    color: #d44028
}

#urunlerim-nasil-gonderiliyor-icerik small {
    color: #b0b0b0
}

#sorular-ve-cevaplar dt {
    color: #685139
}

#sorular-ve-cevaplar dd,
#sorular-ve-cevaplar dd p {
    color: #e37149 !important
}

#sorular-ve-cevaplar a {
    color: #5c94b4
}

.video-lightbox .social-link {
    color: #e58b0a
}

.oto-surpriz-paket-link,
.otomatik-siparis-content p.oto-for-example {
    color: #531e27
}

#tab-siparis-secenekleri ul a {
    color: #2f3d3e
}

#tab-siparis-secenekleri ul a strong {
    color: #e8cc80
}

.cargo-warning,
.payment-warning {
    color: red
}

.cargo-warning {
    display: none
}

.delivery-address-list .saved-address-container h3,
.page-title.brown-title-wrapper h1,
.payment-method-tabs .payment-details label,
.register-tab-wrapper li.ui-state-active a {
    color: #827860
}

.register-tab-wrapper li a {
    color: #c1b8a7 !important
}

.page.registration-page .accept-privacy-policy label,
.page.registration-page .accept-privacy-policy span,
.page.registration-page .newsletter label {
    color: #887c61
}

.facebook-connect-button,
.page.registration-page .login-button,
.page.registration-page .register-next-step-button {
    color: #fcf8f0 !important
}

.add-new-address-button,
.edit-delete-buttons a {
    color: #fcf8f0
}

.register-wrapper-right .top-section p {
    color: #a2873d
}

.cart-checkout-section li a {
    color: #b7ae97
}

.cart-checkout-section li.active a {
    color: #fcf6ea
}

.order-review-data li {
    color: #55514a
}

.order-review-data .title {
    color: #a29983
}

.partial-order-row.total {
    color: #f25500
}

.kutu-tesekkurler-link {
    height: 100%
}

#NewConfirm .cart-gift-section textarea,
.payment-method-wrapper .method-list li,
.payment-method-wrapper .method-list li a {
    height: 70px
}

.opc .step-title .number {
    height: 32px
}

.header-bottom {
    height: 108px;
    padding-left: 0;
    padding-right: 0
}

#Index .ie8 .header-bottom {
    height: 96px
}

.header-wrapper {
    height: auto
}

.order-review-data .title {
    height: 60px
}

.sticky-footer {
    display: none
}

#Delivery .ui-dialog-titlebar-close,
.account-navigation-wrapper .list a,
.change-button,
.what-they-said .comment:before,
input[type=file],
select {
    height: 30px
}

.sidebar-menu-wrapper h3 {
    height: 48px
}

.simple-pagination a.next,
.simple-pagination a.prev {
    height: 24px
}

#Category .categories-tab-wrapper .categories-tab {
    height: 40px
}

.badge-haftalik-limon,
.badge-haftalik-nar-16kg,
.badge-haftalik-portakal-16kg,
.badge-haftalik-portakal-36kg,
.badge-haftalik-portakal-54kg,
.badge-haftalik-portakal-sikmalik-54kg,
.badge-haftalik-surpriz-36kg {
    height: 62px
}

.header-top #SiteTel {
    height: 20px
}

#lb-orumcek .close,
#portmenu .pmurunler a span,
#portmenu>li>a,
.buton-incele {
    height: 38px
}

.tabProductLabels {
    height: 179px;
    margin: 0
}

.tabProductLabels {
    height: inherit
}

.tabProductLabels span {
    height: 33px
}

.buton-devamini-oku,
.buton-sepeti-doldur {
    height: 35px
}

.master-wrapper-content,
.order-details-page .checkout-attributes,
.product-detail-two-pictures img,
.product-details-wrapper .verticalThumb,
.tesekkurler-page-banner,
.three-banner-wrapper a img {
    height: auto
}

.payment-info-textbox,
.product-detail-bu-dogalligin-tamami {
    height: 34px
}

.product-icon {
    height: 130px
}

.product-detail-yaprak {
    height: 92px
}

.header-wrapper:after {
    height: 9px
}

.cart-wrapper .cart-cart {
    height: 19px
}

#homepage-banner {
    width: 100%;
    /* max-width: 1660px;  */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    vertical-align: top
}

.flex-nav-next a,
.flex-nav-prev a {
    background-image: url(images/portakalsprite.png);
    font-size: 0;
    width: 58px;
    height: 59px;
    z-index: 1000;
    transition: opacity .5s;
    position: absolute;
    top: calc(50% - (59px/2))
}

.flex-nav-prev a {
    background-position: -660px -579px;
    left: 10px
}

.flex-nav-next a {
    background-position: -771px -579px;
    right: 10px;
    transition:0.4s ease;
}

.flex-nav-prev a:hover:after {
    opacity: 1;
    z-index: 9999
}

.flex-nav-next a:hover:after {
    opacity: 1;
    z-index: 9999
}
.homepage-banner .flex-nav-prev a{
    background-image: url('/Themes/DefaultClean/Content/images/banner-ok.png')!important;
    background-position: center!important;
}
.homepage-banner .flex-nav-next a{
    background-image: url('/Themes/DefaultClean/Content/images/banner-ok.png')!important;
    background-position: center!important;
    transform: rotate(180deg);
}
.homepage-banner .flex-nav-prev a:hover, 
.homepage-banner .flex-nav-next a:hover{
    background-image: url('/Themes/DefaultClean/Content/images/banner-ok-hover.png')!important;
}
@media (min-width:1020px) {
    .homepage-banner .flex-nav-prev a, 
    .homepage-banner .flex-nav-next a{
        width: 96px;
        height: 96px;
    }
}
.horizontal-split:after {
    height: 10px
}

.buton-siparis-ver-cok-yakinda,
.video-lightbox .twitter-logo {
    height: 45px
}



.add-new-address-button,
.cart-checkout-section ul,
.edit-address-form .save-address-button,
.edit-delete-buttons a,
.new-address-save-button,
.page.registration-page .register-next-step-button,
.search-page .badge-haftalik-limon,
.search-page .badge-haftalik-nar-16kg,
.search-page .badge-haftalik-portakal-16kg,
.search-page .badge-haftalik-portakal-36kg,
.search-page .badge-haftalik-portakal-54kg,
.search-page .badge-haftalik-portakal-sikmalik-54kg,
.search-page .badge-haftalik-surpriz-36kg {
    height: 57px
}

.edit-address-form .inputs select,
.login-page .returning-wrapper .buttons,
.page.checkout-page select,
.page.registration-page .login-button,
.payment-credit-card select,
.payment-info-textbox-card-code {
    height: 47px
}

.tesekkurler-form-lightbox {
    height: 270px
}

.tesekkurler-form-lightbox .close {
    height: 21px
}

.dotted_4px {
    height: 1px
}

.credit-card li {
    height: 100px
}

.price.old-price:before {
    height: 2px
}

.oto-tabs-bg,
.oto-tabs-bg a {
    height: 50px
}

.tabs a,
.tabs li {
    height: 25px
}

.buton-siparis-ver-cok-yakinda:after,
.tabs .current:after,
.tabs .current:before {
    height: 0
}

#Index .tabProductLabels {
    height: 200px;
    overflow: hidden;
    display: block;
    margin: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}



#quantity {
    height: 22px
}

.badge-75-tl,
a.next,
a.prev {
    height: 72px
}

.horizontal-split {
    height: 14px
}

.video-film-close {
    height: 73px
}

.lightbox-tesekkurler {
    height: 901px
}

.lightbox-tesekkurler-cycle,
.lightbox-tesekkurler-cycle-inner,
.lightbox-tesekkurler-cycle-inner-item {
    height: 422px
}

.lightbox-tesekkurler-next,
.lightbox-tesekkurler-prev {
    height: 69px
}

.lightbox-tesekkurler-close {
    height: 112px
}

#lb-orumcek {
    height: 583px
}

.video-lightbox {
    height: 827px
}

.video-lightbox .social-media,
.video-lightbox-close {
    height: 77px
}

.video-lightbox .video {
    height: 454px
}

.video-lightbox .social-link {
    height: 49px
}

.video-lightbox .facebook-logo {
    height: 46px
}

.otomatik-siparis-content {
    height: 978px
}

#oto-bottom,
#oto-top {
    height: 6px
}

#oto-left {
    height: 1036px
}

#oto-right {
    height: 1026px
}

#RecurringProducts .tab-contents {
    height: 450px
}

.otomatik-buton-alisverise-basla,
.otomatik-buton-sezon-kapandi,
.otomatik-buton-yenileniyor {
    height: 63px
}

.video-film-wrapper {
    height: 335px
}

.video-film {
    height: 315px
}

.register-tab-wrapper li {
    height: 61px !important
}

.checkout-page .edit-address .inputs input[type=text],
.edit-address-form .inputs input[type=text],
.register-tab-wrapper .inputs input[type=password],
.register-tab-wrapper .inputs input[type=text] {
    height: 34px
}

.facebook-connect-button {
    height: 47px
}

.special-your-shopping:before {
    height: 30px
}

.citrus-trees:before {
    height: 34px
}

.how-to-send:before {
    height: 27px
}

.cart-checkout-section li {
    height: 57px
}

#Delivery .ui-widget-content #editAddressForm,
#Delivery .ui-widget-content #newAddressForm {
    height: 480px !important
}

.hasat-yakinda-badge,
.sezon-kapandi-badge {
    height: 65px;
    margin-left: 10px
}

.master-wrapper-content {
    min-height: 100%
}

.checkbox,
.radio {
    min-height: 20px
}

#SearchResults .tabProduct,
.tabProductList .tabProduct {
    min-height: 310px
}

.category-product-wrapper .product-wrapper,
.search-page .product-wrapper {
    min-height: 343px
}

@media screen and (min-width:1200px) {
    #Index .tabProductImage {
        max-height: 250px
    }
}

.kutu-tesekkurler-inner,
.kutu-tesekkurler-inner-item {
    height: 175px
}

.kutu-tesekkurler-inner-item .icerik {
    max-height: 105px
}

.account-navigation-wrapper .list a,
.account-navigation-wrapper .title,
.opc .step-title .number,
.opc .step-title h2 {
    line-height: 32px
}

#content-pages-menu a,
.change-button,
.content-pages-menu a,
.kutu-tesekkurler-inner-item .baslik,
input[type=file],
select {
    line-height: 30px
}

.tabs span {
    line-height: 25px
}

.btn,
.order-review-data li,
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    line-height: 20px
}



.product-detail p {
    line-height: 18px
}

.otomatik-siparis-content p,
.simple-pagination a.next,
.simple-pagination a.prev {
    line-height: 24px
}

#quantity {
    line-height: 22px
}

.kutu-tesekkurler-inner-item .icerik {
    line-height: 26px;
    letter-spacing: 1px
}

.buton-siparis-ver-cok-yakinda {
    line-height: 46px
}

.lightbox-tesekkurler-cycle .baslik {
    line-height: 55px
}

.lightbox-tesekkurler-cycle .icerik {
    line-height: 50px
}

#bu-dogallik-sol {
    line-height: 35px
}

#bu-dogallik-sag {
    line-height: 42px
}

.video-lightbox .social-link {
    line-height: 47px
}

.otomatik-avantajlar-alt-kisim p {
    line-height: 17px
}

.order-review-data .title {
    line-height: 60px
}

.register-tab-wrapper li a {
    line-height: 61px !important
}

.facebook-connect-button,
.page.registration-page .login-button {
    line-height: 47px
}

.checkout-page .edit-address .inputs input[type=text],
.edit-address-form .inputs input[type=text],
.register-tab-wrapper .inputs input[type=password],
.register-tab-wrapper .inputs input[type=text] {
    line-height: 34px
}

.page.registration-page .form-fields .accept-privacy-policy label,
.page.registration-page .form-fields .newsletter label,
.registration-page .accept-privacy-policy .read {
    line-height: 13px
}

.add-new-address-button,
.cart-checkout-section li a,
.edit-delete-buttons a {
    line-height: 57px
}

.payment-method-tabs .payment-details label,
.payment-method-tabs .payment-logo {
    line-height: 70px
}

#bu-dogallik-sag,
#finiketakip #Newsletter,
#nedenfinike>div,
.add-new-address-button,
.address-list-page .address-list .address-item .buttons,
.billing-address-choose,
.breadcrumb-wrapper .back-btn a,
.change-button,
.confirm-total-price-wrapper,
.kutu-tesekkurler-inner-item .yazar,
.lightbox-tesekkurler-cycle .yazar,
.media-banner,
.newsletter-wrapper #media-page-wrapper,
.next-step-button-wrapper,
.order-note-wrapper,
.tabProductSepeteEkle,
.video-lightbox .social-twitter {
    float: right
}

#Index .homepage-banner .flexslider,
#Iyzico_SaveCardInfo,
#NewConfirm .items-title-wrapper>div,
#NewConfirm .items-wrapper .cart-item-row>div,
#NewConfirm .items-wrapper .name,
#NewConfirm .items-wrapper .picture,
#OnePageCheckout .date-dropdown select,
#OnePageCheckout .day-year-seperator,
#ProductDetails div.productDescription,
#SearchResults .tabProduct,
#bu-dogallik,
#bu-dogallik-sol,
#content-pages,
#content-pages-left,
#content-pages-menu,
#content-pages-menu a,
#content-pages-right,
#finiketakip ul li,
#portmenu,
#portmenu>li,
#sorular-ve-cevaplar,
#tab-siparis-secenekleri ul,
.accept-privacy-policy input[type=checkbox],
.accept-privacy-policy label,
.address-list-page .address-list .address-item .info,
.back-link .btn,
.badge-75-tl,
.cart-checkout-section li,
.category-product-wrapper .product-wrapper,
.checkbox input[type=checkbox],
.checkout-attributes,
.checkout-data .payment-method .payment-details,
.checkout-data .payment-method .payment-logo,
.checkout-page .next-step-button-wrapper,
.citrus-trees:before,
.content-pages-menu,
.content-pages-menu a,
.credit-card-code,
.credit-card-date,
.delivery-address-choose,
.dotted_4px,
.edit-delete-buttons,
.edit-delete-buttons a,
.facebook-connect-button,
.footer-banners-wrapper li,
.form-actions .forgot-password,
.form-actions .login-button,
.form-fields label,
.gift-checkbox,
.gift-wrapper,
.health-left,
.health-right,
.horizontal-split,
.horizontal-split:after,
.how-to-send:before,
.lightbox-tesekkurler,
.login-page .returning-wrapper .buttons,
.login-page .returning-wrapper label,
.next-step-button,
.next-step-button-wrapper .please-wait,
.opc .step-title .number,
.opc .step-title h2,
.order-overview,
.oto-tabs-bg,
.oto-tabs-bg a,
.otomatik-avantajlar-alt-kisim,
.otomatik-avantajlar-ust-kisim,
.otomatik-siparis-content p,
.page.registration-page #Newsletter,
.page.registration-page .accept-privacy-policy label,
.page.registration-page .accept-privacy-policy span,
.page.registration-page .forgot-password,
.page.registration-page .form-actions .next-step-button-wrapper,
.page.registration-page .form-fields .inputs,
.page.registration-page .inputs #RememberMe,
.page.registration-page .inputs.remember-be-wrapper label,
.payment-warning,
.product-detail .product-urunlerim-nasil,
.product-detail-bu-dogalligin-tamami,
.product-detail-demo-item,
.product-detail-two-pictures img,
.product-detail-yaprak,
.radio input[type=radio],
.register-tab-wrapper,
.register-tab-wrapper li,
.register-wrapper-right,
.register-wrapper-right .bottom-section,
.register-wrapper-right .top-section,
.search-page .product-wrapper,
.special-your-shopping:before,
.tab-content .oto-tab,
.tab-contents,
.tabProductList .tabProduct,
.tabProductPrice,
.tabs li,
.video-lightbox .facebook-logo,
.video-lightbox .social-facebook,
.video-lightbox .twitter-logo,
.what-they-said .comment,
.what-they-said .comment:before,
label[for=Iyzico_SaveCardInfo] {
    float: left
}

.register-tab-wrapper .ui-tabs-panel,
div#urunlerim-nasil-gonderiliyor img {
    float: left !important
}

#portmenu .pmurunler li,
.form-actions .next-step-button-wrapper,
.page.registration-page .next-step-button-wrapper,
.product-details-wrapper .verticalThumb li,
.tabProductPrice i {
    float: none
}

#ProductDetails br,
#ProductDetails div.productDescription,
#bu-dogallik,
#bu-dogallik span,
#content-pages-left,
#content-pages-menu a,
#sorular-ve-cevaplar,
#tab-siparis-secenekleri ul,
.content-pages-menu a,
.dotted_4px,
.health-left,
.horizontal-split,
.horizontal-split:after,
.lightbox-tesekkurler,
.order-details-page .actions,
.oto-tabs-bg,
.otomatik-avantajlar-alt-kisim,
.otomatik-avantajlar-ust-kisim,
.otomatik-siparis-content p,
.product-detail .product-urunlerim-nasil,
.product-detail-title,
.product-detail-yaprak,
.productActions,
.sticky-footer,
.tab-content .oto-tab,
.tab-contents,
div#urunlerim-nasil-gonderiliyor {
    clear: both
}

#Index .homepage-banner .flexslider,
#RecurringProducts .tab-contents,
#SearchResults .tabProduct,
#portmenu .pmurunler,
#slider-bottom,
#tab-nasil-calisir .nasil-calisir-maddeleri p img,
#tab-siparis-secenekleri ul,
.breadcrumb-wrapper .crumbcategory a,
.btn .badge,
.btn .label,
.cart-checkout-section li,
.cart-checkout-section ul,
.flexslider,
.header-bottom,
.header-top,
.horizontal-split,
.horizontal-split:after,
.lightbox-tesekkurler,
.master-wrapper-page,
.opc,
.oto-tabs-bg,
.oto-tabs-bg a,
.otomatik-avantajlar-ust-kisim p,
.otomatik-siparis-content,
.product-detail-bu-dogalligin-tamami,
.product-detail-tabs-wrapper .current,
.product-detail-yaprak,
.register-wrapper-right .top-section>div,
.search-page .product-wrapper,
.stock,
.tabListProductimg,
.tabProductList .tabProduct,
.tabs .current,
.tabs li,
.video-lightbox,
.video-lightbox .social-link,
.what-they-said .comment {
    position: relative
}

#lb-orumcek .close,
#oto-bottom,
#oto-left,
#oto-right,
#oto-top,
#otomatik-meyveler,
#portmenu .pmurunler a span,
.buton-siparis-ver-cok-yakinda,
.buton-siparis-ver-cok-yakinda:after,
.cart-checkout-section li,
.cart-wrapper .cart-cart,
.checkout-data .payment-method li a,
.citrus-trees:before,
.hasat-yakinda-badge,
.how-to-send:before,
.kargo-lb-bir-bilgi,
.kargo-lb-close,
.kargo-lb-kargocu,
.kargo-lb-wrapper,
.kargo-lb-wrapper .kargo-lb,
.kutu-otomatik-siparis .buton-incele,
.kutu-otomatik-siparis-metin,
.kutu-tesekkurler-inner,
.kutu-tesekkurler-link,
.lightbox-tesekkurler .lightbox-tesekkurler-next,
.lightbox-tesekkurler .lightbox-tesekkurler-prev,
.lightbox-tesekkurler-baslik,
.lightbox-tesekkurler-close,
.lightbox-tesekkurler-cycle,
.lightbox-tesekkurler-ok,
.otomatik-buton-alisverise-basla,
.otomatik-buton-sezon-kapandi,
.otomatik-buton-yenileniyor,
.pmurunler ul,
.price.old-price:before,
.search-page .badge-haftalik-limon,
.search-page .badge-haftalik-nar-16kg,
.search-page .badge-haftalik-portakal-16kg,
.search-page .badge-haftalik-portakal-36kg,
.search-page .badge-haftalik-portakal-54kg,
.search-page .badge-haftalik-portakal-sikmalik-54kg,
.search-page .badge-haftalik-surpriz-36kg,
.sezon-kapandi-badge,
.special-your-shopping:before,
.tabProductLabels span,
.tabs .current:after,
.tabs .current:before,
.tesekkurler-form-lightbox,
.tesekkurler-form-lightbox .close,
.video-film-close,
.video-film-close:after,
.video-lightbox .facebook-logo,
.video-lightbox .social-media,
.video-lightbox .twitter-logo,
.video-lightbox .video,
.video-lightbox-close,
a.next,
a.prev {
    position: absolute
}

.simple-pagination a.next,
.simple-pagination a.prev {
    position: static
}

.footer-wrapper .bosch {
    background: url(images/secure-badge.png) no-repeat;
    top: -48px;
    left: -239px;
    width: 85px;
    height: 84px;
    position: absolute
}

.badge-haftalik-limon,
.badge-haftalik-nar-16kg,
.badge-haftalik-portakal-16kg,
.badge-haftalik-portakal-36kg,
.badge-haftalik-portakal-54kg,
.badge-haftalik-portakal-sikmalik-54kg,
.badge-haftalik-surpriz-36kg {
    top: -6px
}

#Delivery .ui-dialog-titlebar-close {
    top: 10px !important
}

#lb-orumcek .close {
    top: 4px
}

#oto-left,
.cart-checkout-section li,
.kutu-tesekkurler-link,
.oto-tabs-bg a,
.tabProductLabels span,
.video-lightbox .facebook-logo,
.video-lightbox .twitter-logo,
.what-they-said .comment:before {
    top: 0
}

.simple-pagination a.next,
.simple-pagination a.prev {
    top: inherit
}

.tesekkurler-form-lightbox .close {
    top: 5px
}

#oto-top,
.btn .badge,
.btn .label {
    top: -1px
}

.tabs .current:after,
.tabs .current:before {
    top: 100%
}

a.next,
a.prev {
    top: 40%
}

.product-detail-tabs-wrapper .current {
    top: 1px
}

.video-film-close {
    top: -50px
}

.lightbox-lezzet-takvimi .lightbox-close:after,
.video-film-close:after {
    top: 50%
}

.lightbox-tesekkurler-baslik {
    top: 18px
}

.lightbox-tesekkurler-ok {
    top: 174px
}

.lightbox-tesekkurler-cycle {
    top: 240px
}

.lightbox-tesekkurler .lightbox-tesekkurler-next,
.lightbox-tesekkurler .lightbox-tesekkurler-prev {
    top: 720px
}

.citrus-trees:before,
.lightbox-tesekkurler-close {
    top: 12px
}

.kargo-lb-wrapper {
    bottom: 30px;
    position: fixed
}

.kargo-lb-bir-bilgi,
.kargo-lb-close {
    top: -4px
}

.kargo-lb-bir-bilgi,
.kargo-lb-kargocu {
    top: 10px
}

.video-lightbox-close {
    top: -26px
}

.video-lightbox .video {
    top: 130px
}

.video-lightbox .social-media {
    top: 586px
}

.automatic-order-wrapper .new-badge {
    top: 66px
}

#oto-right {
    top: -18px
}

.otomatik-buton-alisverise-basla,
.otomatik-buton-sezon-kapandi,
.otomatik-buton-yenileniyor {
    top: 682px
}

#ProductDetails .price.old-price:before,
.how-to-send:before {
    top: 25px
}

#otomatik-meyveler,
#portmenu .pmurunler a span,
.cart-checkout-section li.my-cart,
.citrus-trees:before,
.hasat-yakinda-badge,
.how-to-send:before,
.kutu-tesekkurler-link,
.product-detail-tabs-wrapper .current,
.sezon-kapandi-badge,
.special-your-shopping:before,
.video-lightbox .facebook-logo,
.video-lightbox .twitter-logo,
.what-they-said .comment:before {
    left: 0
}

.badge-haftalik-limon,
.badge-haftalik-nar-16kg,
.badge-haftalik-portakal-16kg,
.badge-haftalik-portakal-36kg,
.badge-haftalik-portakal-54kg,
.badge-haftalik-portakal-sikmalik-54kg,
.badge-haftalik-surpriz-36kg {
    display: none !important
}

#RecurringProducts .tab-contents,
#tab-siparis-secenekleri ul,
.buton-siparis-ver-cok-yakinda:after,
.kargo-lb-kargocu,
.kutu-otomatik-siparis .buton-incele,
.lightbox-lezzet-takvimi .lightbox-close:after,
.otomatik-buton-alisverise-basla,
.otomatik-buton-sezon-kapandi,
.otomatik-buton-yenileniyor,
.product-detail-bu-dogalligin-tamami,
.product-detail-yaprak,
.tabs .current:after,
.tabs .current:before,
.video-film-close:after,
.video-lightbox .social-media,
.video-lightbox .video,
.video-lightbox-close {
    left: 50%
}

.cart-wrapper .cart-cart {
    right: -3px;
    width: 25px;
    height: 25px;
    background-color: var(--secondary-color);
    border-radius: 50%;
    top: -7px;
    font-weight: 500;
    font-style: Medium;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

.simple-pagination a.next,
.simple-pagination a.prev {
    left: inherit
}

a.next,
a.prev {
    left: 12px
}

a.next {
    left: auto
}

.kutu-tesekkurler-inner {
    left: 33px
}

.kutu-otomatik-siparis-metin {
    left: 45px
}

.buton-siparis-ver-cok-yakinda {
    left: 73px
}

.lightbox-tesekkurler-baslik {
    left: 275px
}

.lightbox-tesekkurler-cycle {
    left: 77px
}

.lightbox-tesekkurler .lightbox-tesekkurler-prev {
    left: 340px
}

.lightbox-tesekkurler .lightbox-tesekkurler-next {
    left: 480px
}

#oto-top,
.kargo-lb-close {
    left: -4px
}

.new-badge {
    margin-left: -6px
}

#oto-left {
    left: -2px
}

#oto-bottom {
    left: -11px
}

.cart-checkout-section li.delivery-address {
    left: 250px
}

.cart-checkout-section li.payment {
    left: 499px
}

.cart-checkout-section li.order-info {
    left: 747px
}

#lb-orumcek .close,
.kargo-lb-wrapper,
.tabProductLabels span {
    right: 0
}

.kargo-lb-bir-bilgi,
.tesekkurler-form-lightbox .close {
    right: 10px
}

a.next {
    right: 12px
}

.video-film-close {
    right: 0
}

.lightbox-tesekkurler-ok {
    right: 135px
}

.lightbox-tesekkurler-close {
    right: 30px
}

.kargo-lb-wrapper .kargo-lb {
    right: -490px
}

#oto-right {
    right: -1px
}

#otomatik-meyveler,
#portmenu .pmurunler a span {
    bottom: 0
}

.kutu-tesekkurler-inner {
    bottom: 25px;
    z-index: 0
}

.kutu-otomatik-siparis-metin {
    bottom: 62px
}

.kutu-otomatik-siparis .buton-incele {
    bottom: 18px
}

.buton-siparis-ver-cok-yakinda {
    bottom: 70px
}

.buton-siparis-ver-cok-yakinda:after {
    bottom: -14px
}

#oto-bottom {
    bottom: -1px
}

#tab-nasil-calisir .nasil-calisir-maddeleri p img {
    bottom: -10px
}

.buton-siparis-ver-cok-yakinda:after,
.citrus-trees:before,
.header-wrapper:after,
.horizontal-split:after,
.how-to-send:before,
.lightbox-lezzet-takvimi .lightbox-close:after,
.special-your-shopping:before,
.tabs .current:after,
.tabs .current:before,
.video-film-close:after,
.what-they-said .comment:before {
    content: ''
}

#urunlerim-nasil-gonderiliyor-icerik small:before {
    content: '*'
}

#sorular-ve-cevaplar dt:before {
    content: '+'
}

#sorular-ve-cevaplar dt.active:before {
    content: '-'
}

.master-wrapper-page {
    margin: 0 auto 0;
    z-index: 1
}

#Delivery .ui-dialog-title,
.header-top p,
.new-address-add-text,
.new-wrapper.register-block h3,
.opc .step-title h2,
.page.registration-page .inputs.remember-be-wrapper label,
.payment-method-tabs,
.payment-method-wrapper .method-list,
.register-wrapper-right h2,
.register-wrapper-right p,
.sidebar-menu-wrapper h3,
dd,
dl,
ol,
ul {
    margin: 0
}

#ProductDetails div.productDescription h1,
.payment-method-tabs li,
.payment-method-tabs li.ui-tabs-active,
.register-tab-wrapper li {
    margin: 0 !important
}

.col-banner+.col-banner {
    margin-left: 1.2711864406779662%
}

.about-us-wrapper p,
.inputs #Newsletter,
.inputs #RememberMe,
.kutu-tesekkurler-inner-item .yazar,
.lightbox-tesekkurler-cycle .baslik,
.three-banner-wrapper {
    margin-top: 10px
}


#media-page-wrapper {
    width: 100%;
    float: left;
    margin-top: 20px
}

#media-page-wrapper .media-banner {
    float: left;
    width: 100%
}

#media-page-wrapper .media-banner img {
    height: auto
}

#media-page-wrapper .image-set {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#content-pages-left,
.health-left,
.page.shopping-cart-page {
    margin-top: 20px
}

#portmenu .pmotomatik,
.announcement-wrapper .home-social-media li.last,
.cart-checkout-section li:last-child,
.page.registration-page .accept-privacy-policy label,
.page.registration-page .newsletter label,
.related-product-wrapper .price.old-price {
    margin-right: 0
}

.newsletter-wrapper {
    float: right;
    width: auto;
    max-width: 312px
}

#newsletter-subscribe-block .button-wrapper {
    float: left;
    width: 97px;
    grid-area: submit;

}

#finiketakip ul li.last {
    margin-right: 0 !important
}

.footer-menu-wrapper .noicon,
.form-actions .forgot-password,
.registration-page .accept-privacy-policy .read,
.tabs li {
    margin-left: 5px
}

.newsletter-wrapper .newsletter-email {
    width: 210px;
    margin-right: 5px;
    float: left;
    grid-area: email
}

.newsletter-subscribe-block {
    /* float: left;
    width: auto;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr auto;
    grid-template-areas: "email submit""check check";
    max-width: 300px; */
    margin-top: 20px;
}

.sub_contract{
    max-width:240px!important;
    margin-top: 10px;
}
.newsletter-wrapper label {
    float: left;
    margin: 18px 0 10px;
    grid-area: check
}

.newsletter-wrapper .subCheckLbl {
    float: left;
    width: calc(100% - 13px);
    font-size: 12px;
    color: #948168;
    line-height: 13px;
    padding-left: 5px
}

.newsletter-wrapper .subCheckLbl a {
    color: #948168;
    font-size: 12px;
    float: left;
    font-weight: 400
}

.newsletter-wrapper .subCheckLbl a:hover {
    color: #948168;
    text-decoration: underline
}

.newsletter-wrapper input[type=checkbox] {
    float: left;
    width: 13px;
    height: 13px;
    -webkit-appearance: none;
    border: 1px solid #dac9bd;
    margin: 0;
    background: #fff;
    position: relative;
    outline: 0;
    cursor: pointer
}

.newsletter-wrapper input[type=checkbox]:after {
    content: "";
    float: left;
    width: 7px;
    height: 7px;
    background: #dac9bd;
    margin: 2px;
    transition: all .2s linear;
    opacity: 0
}

.newsletter-wrapper input[type=checkbox]:checked:after {
    opacity: 1
}

.social-newsletter-contact .announcement {
    margin-bottom: 10px;
    float: right;
    width: 100%;
    max-width: 312px
}

#portmenu>li {
    margin-right: 38px
}

#portmenu li {
    margin-left: 0
}

.kargo-lb p {
    margin: 4px 0
}

.media-banner,
.popup-new-adress-wrapper .right-billing-address,
.related-product-wrapper>h2,
.tesekkurler-page-banner,
.use-reward-points {
    margin-bottom: 20px
}

.tabs .current:after {
    margin-left: -7px
}

.breadcrumb-wrapper {
    padding: 0;
    min-height: 28px
}

#content-pages-menu a,
.category-product-wrapper .product-wrapper,
.content-pages-menu a,
.kutu-tesekkurler-inner-item .baslik,
.page.account-page .inputs,
.page.registration-page .form-fields .inputs,
.product-description-wrapper .stock,
.product-short-description,
.related-product-wrapper .product-wrapper,
.search-page .product-wrapper,
.totals>.totals-row,
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    margin-bottom: 10px
}

#OnePageCheckout .date-dropdown select,
#OnePageCheckout .day-year-seperator,
#content-pages-right,
#sorular-ve-cevaplar dd,
.credit-card-date select:last-child,
.left-img-2,
.page.registration-page .accept-privacy-policy label,
.page.registration-page .newsletter label {
    margin-left: 10px
}

.alert-cart p {
    margin: 1em 0
}

.checkout-data .tab-section {
    margin-bottom: 5px
}

.opc .step-title .number {
    margin-left: 22px
}

#sorular-ve-cevaplar dt,
.otomatik-avantajlar-alt-kisim,
.page.checkout-page {
    margin-top: 30px
}

#NewConfirm .items-wrapper .picture,
.form-fields label,
.login-page .returning-wrapper label,
.page.registration-page .login-button {
    margin-right: 20px
}

.product-detail-price {
    float: left;
    width: 100%;
    margin: 20px 0
}

.product-detail-price .discount-ratio {
    float: left;
    min-width: 43px;
    height: 36px;
    background: #738a15;
    margin-right: 15px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding: 0 5px
}

.product-detail-price .discount-ratio span {
    font-size: 14px
}

.product-detail-price .old-price {
    color: #9d9d9d;
    font-size: 22px;
    line-height: 36px;
    position: relative;
    margin-right: 15px;
    height: 36px
}

.product-detail-price .old-price span {
    float: left
}

.product-detail-price .old-price small {
    font-size: 13px
}

.product-detail-price .old-price:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    height: 1px;
    background: #9d9d9d;
    bottom: 16px
}

.product-detail-price .discounted-price {
    float: left;
    line-height: 36px;
    font-size: 40px;
    color: #2e6734;
    font-weight: 600
}

.product-detail-price .discounted-price span {
    float: left
}

.product-detail-price .discounted-price small {
    font-size: 23px;
    display: inline-block;
    vertical-align: bottom;
    line-height: 25px
}

.product-detail-price .product-price:not(.old-price) {
    float: left;
    line-height: 36px;
    font-size: 36px;
    color: var(--green-text-color);
    font-weight: 500;
    height: 36px
}

.product-detail-price .product-price:not(.old-price) span {
    float: left
}

@media (min-width:998px) {
    
.product-detail-price .product-price:not(.old-price) small {
    font-size: 36px;
    display: inline-block;
    vertical-align: bottom
}
}

.new-wrapper.register-block {
    margin-top: 50px
}

.checkout-page .checkout-data {
    margin-top: 30px
}

.badge-75-tl,
.profile-title h1 {
    margin-top: 40px
}

#content-pages,
.content-pages {
    margin-top: 50px
}



.foo-bottom {
    float: left;
    width: 100%;
    background: #FAF7F2;
    padding: 15px 0;
    text-align: center
}
.foo-bottom .container{
    max-width:1130px!important
}

.foo-bottom .bank-icons ul {
    float: left;
    width: 100%
}

.foo-bottom .bank-icons li {
    display: inline-block;
    vertical-align: middle;
    padding: 11px 0;
    margin: 0 15px
}

.foo-bottom .bank-icons img {
    float: left
}

.foo-bottom .secure-shopping {
    text-align: left
}

.foo-bottom .secure-shopping img {
    float: left
}

.foo-bottom .kreatif-design a {
    float: right;
    margin: 1.5px 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
    justify-content: flex-end
}

.foo-bottom .kreatif-design a:before {
    content: "created by";
    float: left;
    margin-right: 10px;
    color: #9b9080;
    font-size: 13px
}

.foo-bottom .kreatif-design img {
    float: right;
    height: 48px
}

#Iyzico_SaveCardInfo,
.account-navigation-wrapper .list a i,
.page.account-page select,
.page.registration-page .inputs #RememberMe,
.page.registration-page select {
    margin-right: 10px
}

.page.registration-page #Newsletter {
    margin-top: 9px
}

.captcha-box {
    margin-left: 290px
}

#sorular-ve-cevaplar dt.active:before,
.accept-privacy-policy label,
.page.registration-page .form-fields .accept-privacy-policy label {
    margin-right: 5px
}

.account-navigation-wrapper {
    margin-top: 70px
}

#tab-siparis-secenekleri ul li,
.account-page .address-item,
.order-list-page .order-item {
    margin-bottom: 30px
}

.page.order-details-page {
    float: left;
    width: 100%;
    margin-top: 20px
}

.page.order-details-page .page-title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 40px
}

.page.order-details-page .page-title h1 {
    float: left;
    width: 100%;
    text-align: center;
    border: none;
    padding: 0 0 20px;
    margin: 0;
    font-size: 18px;
    color: #663000;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase
}

#finiketakip {
    padding: 12px 11px 11px 12px;
    margin-left: -15px;
    width: calc(33.33333333% + 15px)
}

#finiketakip img {
    max-width: 100%;
    float: right;
    width: 100%
}

#SiteTel {
    margin-top: 9px
}

#portmenu {
    margin-top: 0;
    width: 80%;
    height: 96%
}

#portmenu>li>a,
#sorular-ve-cevaplar {
    margin-top: 25px
}

#portmenu .pmurunler {
    margin: 0 45px 0 33px
}

#nedenfinike .buton-devamini-oku {
    margin: 65px 0 0 30px
}

.announcement-wrapper,
.remove-gift-coupon {
    margin-top: 15px
}

.announcement-wrapper .home-social-media li,
.edit-delete-buttons .address-edit-button {
    margin-right: 15px
}

.announcement-wrapper .announcement {
    margin-top: 6px
}

.bottom-banner-wrapper {
    text-align: center;
    overflow: hidden
}

.bottom-banner-wrapper .banner-background {
    float: left;
    max-width: 100%
}

.product-sorting {
    float: right;
    border: 1px solid #e4e4e4;
    height: 28px;
    width: 190px;
    position: relative
}

.product-sorting:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(images/angle-arrow-down.svg) no-repeat center center;
    background-size: 10px;
    width: 26px;
    height: 26px;
    z-index: 1
}

.product-sorting label {
    float: left;
    line-height: 28px;
    font-size: 13px;
    font-weight: 600;
    margin: 0 5px 0 0;
    color: #a08e67
}

.product-sorting select {
    float: right;
    width: 100%;
    border: none;
    border-radius: 0;
    margin: 0;
    height: 26px;
    padding: 5px 26px 5px 8px;
    color: #a08e67;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: 0 0;
    position: relative;
    z-index: 2
}


.mobile-banners-wrapper {
    float: left;
    width: 100%;
    background: #f9f7f3;
    margin-bottom: 20px
}

.related-product-wrapper {
    float: left;
    width: 100%;
    margin-top: 30px
}

.related-product-wrapper .container {
    padding: 0
}

.related-product-wrapper h2 {
    float: left;
    width: 100%;
    font-weight: 500;
    color: #4a4a4a;
    margin: 0 0 30px;
    font-size: 22px;
    text-align: center;
    line-height: 30px
}

.related-product-wrapper h2:after,
.related-product-wrapper h2:before {
    content: "";
    width: 40px;
    height: 1px;
    background: #4a4a4a;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}

#product-detail-video img,
.billing-address-choose .iradio_minimal-cream,
.delivery-address-choose .iradio_minimal-cream,
.edit-address-form .new-address-save-button,
.homepage-banner .slides li a img,
.page.registration-page .register-next-step-button,
.product-detail-yaprak,
.product-icon {
    margin: 0 auto
}

.product-details-wrapper .productImageThumbC {
    float: left;
    width: 100%
}

.product-detail-yaprak {
    margin-bottom: 22px
}

.product-detail p,
.product-detail-bu-dogalligin-tamami,
.product-detail-title {
    margin-top: 22px
}

.product-detail-two-pictures {
    padding-top: 20px;
    display: block;
    float: left
}

.product-detail-two-pictures img {
    margin: 0 10px
}

.product-detail .product-urunlerim-nasil {
    margin: 45px 0
}

#product-detail-video {
    margin-top: 55px
}

.logo-wrapper {
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0
}

#Index .homepage-banner .flexslider {
    float: left;
    width: 100%;
    text-align: center
}

#Index .homepage-banner .flexslider img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    height:auto;
}

@media (max-width:778px){

/* #Index .homepage-banner .flexslider .owl-item img{
    aspect-ratio: 23/15;
    object-fit: cover;
    object-position: left;
} */
}

@media (min-width:778px){
  
    .slides-home  .owl-nav button{
      width:96px;
      height:96px;
    }
    .iframe-container iframe{
      top: -100px;
    }
    .slides-home .owl-nav img{
      width: 20px;
      height: 20px!important;
      object-fit: contain

    }
  }

  .slides-home .owl-prev, .owl-next{
    position: absolute;
    }
    .slides-home .owl-prev
    {
        left: -60px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 40px !important;
        background-color: transparent !important;
        outline: none !important;
        left: 20px;
    }
    .slides-home .owl-next
    {
        right: -60px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 40px !important;
        background-color: transparent !important;
        outline: none !important;
        right: 20px;
    }
    @media(min-width:778px){
      .slides-home .owl-next img{
        transform: rotate(180deg);
      }
    }


.homepage-banner .flex-control-nav {
    margin: 0;
    bottom: 42px;
    height: 12px;
    position: absolute;
    left: 179px;
    list-style: none;
    display: none!important;
}

.homepage-banner .flex-control-nav li {
    float: left;
    margin-right: 7px
}

.category-product-wrapper .product-wrapper {
    margin-right: 1.4%
}

.products-wrapper .product-wrapper {
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 20px !important;
    padding: 0;
    float: left;
    background: #fff;
    border: 1px solid #ffdbc4;
    transition: all .2s linear
}

#content-pages-right img,
.health-right img {
    margin: 20px 0 50px
}

#content-pages-menu,
#tab-nasil-calisir .nasil-calisir-maddeleri p,
.content-pages-menu,
.dotted_4px {
    margin: 20px 0
}

.checkout-page .edit-address .inputs,
.tesekkurler-pagination {
    margin-bottom: 15px
}

#media-page-wrapper .image-link {
    float: left;
    width: 20%;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 600;
    padding-right: 50px;
    line-height: 18px
}

#nedenfinike {
    margin: 65px 0 0
}

.buton-siparis-ver-cok-yakinda:after,
.checkbox input[type=checkbox],
.radio input[type=radio] {
    margin-left: -20px
}

.btn,
.checkbox.inline,
.checkout-page .edit-address .inputs input[type=text],
.edit-address-form .inputs input[type=text],
.page.registration-page .accept-privacy-policy label,
.page.registration-page .form-fields .inputs.newsletter,
.radio.inline,
.register-tab-wrapper .inputs input[type=password],
.register-tab-wrapper .inputs input[type=text],
.tabProductSepeteEkle form {
    margin-bottom: 0
}

.checkbox.inline+.checkbox.inline,
.radio.inline+.radio.inline {
    margin-left: 10px
}

.form-actions {
    margin: 20px 0
}

.btn-large [class*=" icon-"],
.btn-large [class^=icon-] {
    margin-top: 4px
}

.btn-small [class*=" icon-"],
.btn-small [class^=icon-],
.popup-new-adress-wrapper .page.checkout-page {
    margin-top: 0
}

.tabs {
    margin: 0 0 1em;
    margin: 0
}

.tabs .current:before {
    margin-left: -11.41421px
}

#SearchResults .tabProduct,
.tabProductList .tabProduct {
    margin-right: .9%;
    margin-bottom: 20px
}

.tabProductayrac {
    margin: 0 4px
}

.product-details-wrapper .productDescription {
    margin: 0 0 1em
}

#finiketakip ul li {
    margin-right: 22px
}

.otomatik-siparis-content p {
    margin: 10px 0
}

.horizontal-split {
    margin: 18px 0
}

.kutu-otomatik-siparis .buton-incele {
    margin-left: -92.5px
}

.lightbox-lezzet-takvimi .lightbox-close:after,
.video-film-close:after {
    margin: -15px 0 0 -12.5px
}

.lightbox-tesekkurler-cycle .icerik,
.lightbox-tesekkurler-cycle .yazar {
    margin-top: 35px
}

.kargo-lb-kargocu {
    margin-left: -60px
}

#ProductDetails div.productDescription p {
    margin-bottom: 1.5em
}

div#urunlerim-nasil-gonderiliyor img {
    margin: 0 20px 0 -12px !important
}

#bu-dogallik {
    display: none
}

#bu-dogallik-sol {
    margin-left: 80px
}

#bu-dogallik-sag {
    margin-right: 80px
}

.video-lightbox-close {
    margin-left: -85px
}

.video-lightbox .video {
    margin-left: -390px
}

.video-lightbox .social-media {
    margin-left: -392px
}

.video-lightbox .social-link {
    margin-top: 19px
}

#OnePageCheckout .please-wait {
    margin-left: 15px
}

#PasswordRecoveryConfirm .buttons {
    margin-bottom: 50px
}

#Login .new-wrapper {
    margin-top: 90px
}

.newsletter-result-block {
    float: left;
    width: 100%;
    height: 100%;
    line-height: 20px;
    padding-left: 0;
    font-size: 11px;
    font-weight: 500;
    color: #d35514;
    display: none
}

.otomatik-siparis-wrapper {
    max-width: 770px;
    margin: 0 auto
}

.oto-tabs-bg {
    margin-left: 40px
}

#RecurringProducts .tab-contents {
    margin: 15px 0 0 -342px
}

#tab-nasil-calisir .nasil-calisir-maddeleri p img {
    margin-right: 6px
}

#tab-siparis-secenekleri ul {
    margin-left: -168px
}

#tab-siparis-secenekleri ul {
    margin-top: 27px
}

.otomatik-siparis-content p.oto-has-image {
    margin: 12px 0
}

.otomatik-buton-alisverise-basla,
.otomatik-buton-sezon-kapandi,
.otomatik-buton-yenileniyor {
    margin: 0 0 0 -165px
}

.video-film {
    margin: 10px auto 0
}

/* .outofstock {
    float: right;
    width: 112px;
    margin: 0
} */

.outofstock a {
    /* float: right; */
    /* width: 112px; */
    /* height: 26px; */
    /* background: transparent url(images/incele.png) no-repeat left top; */
    border-radius: 50px;
    border-width: 1px;
    border: 1px solid var(--green-text-color);
    font-weight: 500;
    font-size: 15px;
    line-height: 17.4px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
    padding-top: 14px;
    padding-bottom: 13px;
    width: calc(100% - 20px);
    background: transparent;
    /* margin: auto; */
    margin-bottom: 10px;
    display: block;
    text-align: center;
    color: var(--green-text-color);
}

@media (max-width:778px) {
    .outofstock{
        width:100%;
    }
    .outofstock a{
        margin: 10px 0px;
    }
}

.outofstock a:hover {
    background-position-y: -26px
}

::-webkit-input-placeholder {
    color: #717171;
    opacity: 1;
    background-position: 0 -32px
}

:-moz-placeholder {
    color: #717171;
    opacity: 1;
    background-position: 0 -32px
}

:-ms-input-placeholder {
    color: #717171;
    opacity: 1;
    background-position: 0 -32px
}

.popup-gorsel {
    margin-top: -8px
}

.close img {
    margin-left: 207px
}

.e-bulten-lightbox {
    position: fixed;
    bottom: 0;
    background-image: url(images/lightbox/popup.jpg);
    width: 486px;
    height: 271px;
    right: 0;
    z-index: 99
}

.e-bulten-lightbox__close {
    background-image: url(images/lightbox/kapat.png);
    width: 107px;
    height: 53px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -53.5px;
    cursor: pointer;
    top: -52px
}

.kampanya-lightbox__close {
    background-image: url(images/close-btn.png);
    width: 102px;
    height: 41px;
    display: block;
    position: absolute;
    background-color: transparent;
    left: 50%;
    margin-left: -51px;
    cursor: pointer;
    top: -39px;
    font-size: 0;
    min-width: 0
}

.kampanya-lightbox {
    position: relative;
    display: none
}

.kampanya-lightbox a:not(.kampanya-lightbox__close) {
    position: relative;
    float: left;
    width: 100%;
    padding: 6px
}

.kampanya-lightbox a:not(.kampanya-lightbox__close):before {
    content: "";
    border: 10px solid transparent;
    border-image: url(images/popup-border.png) 9 stretch;
    float: left;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0
}

.kampanya-lightbox-text {
    display: none
}

@media(min-width:1200px) {
    .kampanya-lightbox-text {
        display: block
    }
    .kampanya-lightbox-text:empty {
        display: none
    }
}

.e-bulten-lightbox__form {
    margin-top: -20px
}

.e-bulten-lightbox__form {
    margin-top: 132px;
    margin-bottom: 22px
}

.e-bulten-lightbox__email {
    float: left;
    width: 246px;
    height: 48px;
    border-style: none;
    font-family: var(--primary-font), sans-serif;
    font-size: 15px;
    padding: 0 0 0 19px;
    margin-left: 70px
}

.e-bulten-lightbox__send {
    position: relative;
    width: 107px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0;
    border-width: 0;
    cursor: pointer;
    background-color: #d55010;
    border-color: #d55010;
    color: #fff;
    border-style: none;
    margin-left: -4px;
    font-family: var(--primary-font), sans-serif;
    font-size: 15px;
    padding-top: 1px
}

.e-bulten-lightbox__send:hover {
    background-color: #f3611b
}

.e-bulten-lightbox__send:active {
    top: 1px;
    left: 1px
}

.e-bulten-lightbox__text {
    font-size: 13px;
    text-align: center;
    color: #8b7650
}

.e-bulten-lightbox--translateX {
    transition: transform ease-out .4s;
    -webkit-transition: transform ease-out .4s
}

.e-bulten-lightbox--translateX-closed {
    transform: translateX(100%);
    -webkit-transform: translateX(100%)
}

.e-bulten-lightbox--opacity0 {
    opacity: 0;
    -webkit-opacity: 0
}

.e-bulten-lightbox__form-wrapper {
    position: relative
}

.e-bulten-lightbox__message {
    position: absolute;
    font-family: var(--primary-font), sans-serif;
    font-size: 20px;
    color: #000;
    top: 0;
    text-align: center;
    width: 80%;
    opacity: .5;
    height: auto;
    top: 60%;
    left: 10%;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #23ea5e, 0 0 70px #42d525, 0 0 80px #2bd852, 0 0 100px #3be721, 0 0 150px #67d43e
}

.e-bulten-lightbox__hide {
    visibility: hidden;
    opacity: 0;
    -webkit-opacity: 0;
    transition: opacity ease-in .2s;
    -webkit-transition: opacity ease-in .2s
}

.e-bulten-lightbox__hide--show {
    visibility: visible;
    opacity: 1;
    -webkit-opacity: 1
}

.page.registration-page {
    margin-top: 20px
}

.page.registration-page .next-step-button-wrapper {
    float: left;
    width: 100%
}

.page.registration-page .next-step-button-wrapper .register-next-step-button {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    padding: 0 30px;
    line-height: 40px;
    height: 40px;
    float: left;
    width: auto
}

.register-wrapper-right {
    margin-top: 61px
}

.register-wrapper-right h2 img {
    margin: 0 auto 28px
}

.register-wrapper-right .bottom-section>div,
.register-wrapper-right .top-section>div {
    margin: 0 30px 0 25px
}

.register-wrapper-right h3 {
    margin: 0 0 7px
}

.register-wrapper-right .top-section>div {
    margin-bottom: 22px
}

.register-wrapper-right .bottom-section {
    margin: 12px 0 35px 0
}

.register-wrapper-right .bottom-section h3 {
    margin: 0 0 22px 62px
}

.what-they-said .comment {
    margin-bottom: 27px
}

.what-they-said .comment:last-child {
    margin-bottom: 12px
}

.register-wrapper-right .top-section h3,
.register-wrapper-right .top-section p,
.what-they-said .comment p {
    margin-left: 60px
}

.login-page .returning-wrapper .buttons {
    margin: 20px 0 25px
}

.page.registration-page .form-fields .inputs label {
    margin: 0 0 10px;
    width: 100%
}

.page.registration-page #Newsletter,
.page.registration-page #accept-privacy-policy {
    margin: 0 10px 0 0
}

.cart-checkout-section {
    margin: 20px 0
}

.cart-page-item-wrapper .items-title-wrapper {
    margin: 22px 0 15px
}

#NewConfirm .items-wrapper .name,
#NewConfirm .items-wrapper .qty,
#NewConfirm .items-wrapper .subtotal,
#NewConfirm .items-wrapper .unit-price {
    margin-top: 30px
}

.couponcode-textbox {
    margin: 0 10px 0 0 !important
}

.gift-checkbox {
    margin-right: 10px !important
}

.edit-delete-buttons {
    margin-top: 65px
}

.delivery-billing-choose {
    margin-bottom: 103px
}

.new-address-add-text {
    margin-bottom: 5px
}

.change-button {
    margin: 15px 0 0
}

#NewConfirm .items-wrapper .order-review-data .title,
#NewConfirm .items-wrapper .order-review-data li.title {
    margin: 100px 0 30px
}

#NewConfirm .items-wrapper .order-review-data .billing-info li.title:first-child {
    margin: 0 0 30px
}

.order-review-data li.name {
    margin-top: 0 !important
}

.order-summary-text p {
    margin: 20px auto
}

.order-summary-text {
    margin: 65px 0
}

.cargo-warning {
    margin-top: 10px
}

#Cart .totals>.totals-row,
#Delivery #editAddressForm .edit-address,
#Delivery #editAddressForm .edit-address .edit-new-address,
#Header,
#NewConfirm .saved-address-container,
#NewConfirm .saved-address-container .items-wrapper,
#portmenu,
.announcement-wrapper,
.breadcrumb-wrapper .back-btn a,
.breadcrumb-wrapper ul,
.cart-checkout-section,
.cart-gift-section .checkout-attributes,
.cart-page-item-wrapper .items-title-wrapper,
.category-product-wrapper .product-wrapper,
.checkout-page .edit-address,
.checkout-page .edit-address .edit-new-address,
.checkout-page .edit-address .right-billing-address,
.confirm-total-price-wrapper,
.confirm-total-price-wrapper div,
.footer-banners-wrapper li,
.opc .step-title .number,
.order-review-data,
.order-summary-text,
.page.login-page .customer-blocks,
.page.registration-page .accept-privacy-policy label,
.page.registration-page .newsletter label,
.page.topic-page,
.payment-method-wrapper,
.payment-method-wrapper .method-list,
.payment-method-wrapper .method-list li a,
.register-wrapper,
.search-page .product-wrapper,
.search-product-wrapper .products-wrapper,
.tabs,
ol,
ul {
    padding: 0
}

.payment-method-tabs .method-list,
.payment-method-tabs li.ui-tabs-active,
.register-tab-wrapper,
.register-tab-wrapper a,
.register-tab-wrapper li,
.register-tab-wrapper ul {
    padding: 0 !important
}

.header-top #SiteTel span {
    margin-left: 8px
}

.three-banner-wrapper {
    margin: 20px auto;
    width: 100%;
    max-width: 1021px;
    display: inline-block;
    vertical-align: top
}

.three-banner-wrapper li {
    padding: 0;
    text-align: center;
    padding-right: calc(33.33333333% - 314px)
}

.three-banner-wrapper li img {
    vertical-align: top;
    display: block;
    margin: 0 auto
}

.three-banner-wrapper .banner3 {
    padding-left: calc(33.33333333% - 314px);
    padding-right: 0
}

.three-banner-wrapper .banner2 {
    padding: 0 calc((33.33333333% - 314px)/ 2)
}

.three-banner-wrapper span:before {
    display: table;
    content: " "
}

.three-banner-wrapper .banner1 span {
    background: url(images/hepsini-incele.png) no-repeat left top;
    width: 148px;
    height: 29px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-top: 20px
}

.three-banner-wrapper .banner1 a:hover span {
    background-position-y: -29px
}

.three-banner-wrapper .banner2 span {
    background: url(images/tumunu-goster.png) no-repeat left top;
    height: 29px;
    width: 148px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-top: 20px
}

.three-banner-wrapper .banner2 a:hover span {
    background-position-y: -29px
}

.three-banner-wrapper .banner3 span {
    background: url(images/hediye-gonder.png) no-repeat left top;
    width: 177px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-top: 10px
}

.three-banner-wrapper .banner3 a:hover span {
    background-position-y: -50px
}


.sidebar-wrapper .sidebar-title {
    float: left;
    width: 100%;
    height: 64px;
    background: url(images/tum-urunler.png) no-repeat left top
}

.sidebar-wrapper .sidebar-title h3 {
    display: none;
    z-index: -1;
    display: inline-block;
    width: 100%;
    height: 100%;
    float: left;
    font-size: 0
}

.sidebar-wrapper .sidebar-title h3 a {
    display: inline-block;
    width: 100%;
    height: 100%;
    float: left;
    font-size: 0
}

#Category .categories-tab-wrapper .categories-tab {
    padding: 5px 0 5px 0
}

.category-product-wrapper {
    float: left;
    width: calc(100% + 8px)
}

.search-product-wrapper {
    float: left;
    width: 100%
}

@media only screen and (min-width:768px) {
    .search-product-wrapper {
        float: left;
        width: calc(100% + 8px)
    }
}

.related-product-wrapper .related-title {
    padding: 6px 0
}

.page-title h1,
.product-detail-bu-dogalligin-tamami {
    padding-bottom: 10px
}

.opc .step-title {
    padding: 4px 8px 4px 6px
}

.checkbox,
.opc .step-title h2,
.radio {
    padding-left: 20px
}

.opc .active .step-title {
    padding-bottom: 5px
}

.checkbox.inline,
.form-fields label,
.radio.inline {
    padding-top: 5px
}

.account-navigation-wrapper .list a,
.account-navigation-wrapper .title {
    padding-left: 12px
}

.order-list-page .order-item {
    padding: 10px
}



.search-box-text {
    padding: 4px 60px 0 6px !important
}

#portmenu .pmurunler a span {
    padding: 0 5px
}

.pmurunler ul {
    padding: 12px
}

.announcement-wrapper .home-social-media {
    padding: 0 15px 0 0
}

.announcement-wrapper .announcement {
    padding: 0 0 0 15px
}

.order-details-page .checkout-attributes {
    padding: 10px 0
}

.tesekkurler-form-lightbox {
    padding: 15px 15px 0
}

#content-pages-right,
.health-right {
    padding-top: 20px
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    padding: 4px 6px
}

.form-actions {
    padding: 19px 20px 20px 180px
}

.btn {
    padding: 4px 10px
}

.btn-large {
    padding: 11px 19px
}

.btn-small {
    padding: 2px 10px
}

.tabs li {
    padding: 0 14px
}



/* .tabProductName {
    float: left;
    width: 100%
} */

/* .tabProductShort {
    float: left;
    width: 100%;
    min-height: 30px;
    margin-top: 5px
} */

@media only screen and (min-width:720px) {
    .tabProductShort {
        min-height: 15px
    }
}

.tabProductShort a {
    float: left;
    width: 100%;
    color: #4b4b4b;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px
}

.p-name {
    float: left;
    width: 100%;
    /* min-height: 56px */
}

.add-info {
    float: left;
    width: 100%;
    margin-top: 15px;
    position:unset!important
}
@media (min-width:998px) {
    
.tabProductShort span p{
    min-height: 200px;
    min-height: 66px;
}
}
.tabProductBottomWrapper{
    padding-bottom:0px!important
}
#quantity {
    padding: 4px
}

.product-detail-tabs-wrapper .current {
    padding-bottom: 4px
}

.kargo-lb {
    padding: 138px 27.5px 58px
}

#sorular-ve-cevaplar {
    padding-top: 90px
}

.video-lightbox .social-media {
    padding: 0 145px 0 121px
}

.video-lightbox .social-link {
    padding-left: 52px
}

.otomatik-siparis-content {
    padding: 12px 10.5px
}

.otomatik-avantajlar-ust-kisim p {
    padding: 5px 15px
}

.register-tab-wrapper .ui-tabs-panel {
    padding: 20px !important
}

.page.registration-page span.required {
    width: 10px;
    margin-left: 10px;
    text-align: center
}

#Register .text-box {
    background: #f1ece1;
    float: left;
    width: calc(100% - 20px)
}

.page.registration-page .form-fields .accept-privacy-policy label {
    padding-top: 0;
    width: auto
}

.register-wrapper-right {
    padding-top: 30px
}

.page.registration-page .inputs.remember-be-wrapper label {
    padding-top: 6px
}

.register-wrapper-right-col {
    padding-left: 10px;
    padding-right: 10px
}

.cart-page-item-wrapper .items-title-wrapper {
    padding-bottom: 15px
}

#NewConfirm .items-wrapper .items-title-wrapper {
    padding-top: 22px;
    padding-bottom: 13px
}

.delivery-address-list .saved-address-container {
    padding: 20px 15px
}

.payment-method-tabs li .method-name {
    padding: 0 0 0 20px !important
}

.order-review-data .title {
    padding: 0 15px
}




#ProductDetails #portakalrelated .tabTitle,
#bu-dogallik span,
#content-pages-menu a,
#lb-orumcek .close,
#media-page-wrapper .image-link span,
#portmenu .pmurunler li,
#portmenu>li>a,
#product-detail-video img,
#slider-bottom,
#sorular-ve-cevaplar dd,
#sorular-ve-cevaplar dt.active+dd,
.account-navigation-wrapper .list a,
.account-navigation-wrapper .title,
.badge-haftalik-limon,
.badge-haftalik-nar-16kg,
.badge-haftalik-portakal-16kg,
.badge-haftalik-portakal-36kg,
.badge-haftalik-portakal-54kg,
.badge-haftalik-portakal-sikmalik-54kg,
.badge-haftalik-surpriz-36kg,
.billing-address-choose .iradio_minimal-cream,
.buton-devamini-oku,
.buton-incele,
.buton-sepeti-doldur,
.buton-siparis-ver-cok-yakinda,
.buton-siparis-ver-cok-yakinda:after,
.cart-checkout-section li a,
.change-button,
.citrus-trees:before,
.content-pages-menu a,
.delivery-address-choose .iradio_minimal-cream,
.dotted_4px,
.edit-address-form .save-address-button,
.edit-delete-buttons a,
.facebook-connect-button,
.flexslider .slides li:first-child,
.homepage-banner .slides li a img,
.horizontal-split,
.horizontal-split:after,
.how-to-send:before,
.ico-cart,
.lightbox-lezzet-takvimi .lightbox-close:after,
.lightbox-tesekkurler-next,
.lightbox-tesekkurler-prev,
.new-address-save-button,
.oto-tabs-bg,
.oto-tabs-bg a,
.otomatik-avantajlar-ust-kisim p,
.otomatik-buton-alisverise-basla,
.otomatik-buton-sezon-kapandi,
.otomatik-buton-yenileniyor,
.page.registration-page #Newsletter,
.page.registration-page .login-button,
.page.registration-page .register-next-step-button,
.pmurunler ul,
.pmurunler.active ul,
.product-detail-bu-dogalligin-tamami,
.product-detail-yaprak,
.product-icon,
.register-tab-wrapper li a,
.register-wrapper-right h2 img,
.special-your-shopping:before,
.tabProductLabels span,
.video-film,
.video-film-close,
.video-film-close:after,
.video-lightbox .facebook-logo,
.video-lightbox .twitter-logo,
.video-lightbox-close,
a.next,
a.prev {
    display: block
}

#Cart .confirm-total-price-wrapper,
#Cart .order-summary-text,
#Delivery #editAddressForm .field-validation-error,
#Delivery #editAddressForm .new-address-add-text,
#Delivery #newAddressForm .field-validation-error,
#Delivery #newAddressForm .new-address-add-text,
#NewConfirm .saved-address-container .cart-footer,
#OnePageCheckout .cartexplanation,
#ProductDetails .tabTitle,
#Register .footer-wrapper,
#Register .sticky-footer,
#TopicDetails h2.pageTitle,
#lb-orumcek,
#nospace,
#nospace~p,
#sorular-ve-cevaplar,
.cart-checkout-section li:last-child:after,
.checkout-page .field-validation-error,
.delete-address-form,
.display-none,
.edit-address-form,
.flexslider .slides li,
.footer-menu-wrapper .icon.facebook-3:before,
.footer-menu-wrapper .icon.twitter:before,
.kargo-lb-wrapper,
.lightbox-lezzet-takvimi,
.oto-tab,
.popup-new-adress-wrapper,
.registration-page .message-error,
.search-page .search-input,
.tesekkur-baslik,
.video-film-wrapper {
    display: none
}

.edit-address-form .inputs select::-ms-expand,
.page.checkout-page select::-ms-expand,
.payment-credit-card select::-ms-expand {
    display: none
}

#OnePageCheckout .form-row,
#portmenu li,
.account-page .address-item,
.btn,
.checkbox.inline,
.order-list-page .order-item,
.page.registration-page .form-fields,
.product-detail-tabs-wrapper .tabs li,
.radio.inline,
.tabs li,
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    display: inline-block
}

.footer-wrapper{
    overflow: hidden;
}
#Register .page.login-page label {
    width: 100% !important
}

#Register .page.login-page input[type=password],
#Register .page.login-page input[type=text] {
    width: 100%;
    background: #f1ece1
}

#Register .inputs.reversed-check {
    width: auto
}

#Register .inputs.reversed-check input {
    float: left;
    width: auto
}

#Register .inputs.reversed-check label {
    width: auto !important
}

#Register .login-button {
    font-weight: 600;
    font-size: 16px;
    padding: 0 30px;
    line-height: 40px;
    height: 40px;
    float: left;
    width: auto
}

#portmenu .pmurunler a span,
#portmenu>li>a,
.oto-tabs-bg a,
.otomatik-buton-alisverise-basla,
.otomatik-buton-sezon-kapandi,
.otomatik-buton-yenileniyor,
.product-detail-bu-dogalligin-tamami,
.search-box-button,
.sidebar-menu-wrapper h3,
.tesekkurler-form-lightbox .close {
    text-indent: -9999px
}

.buton-devamini-oku,
.buton-incele,
.buton-sepeti-doldur,
.tabProductLabels span {
    text-indent: 100%
}

#Delivery .ui-dialog-titlebar-close .ui-icon-closethick {
    text-indent: inherit !important
}

#NewConfirm .items-title-wrapper .product-name,
.edit-address-form .edit-address.form-fields label,
.page.registration-page .form-fields label {
    text-align: left
}

.form-fields label,
.login-page .returning-wrapper label,
.opc .step-title {
    text-align: right
}

#Index .homeproducts-wrapper .outofstock,
#NewConfirm .items-title-wrapper>div,
#NewConfirm .items-wrapper .cart-item-row .qty,
#NewConfirm .items-wrapper .cart-item-row .subtotal,
#NewConfirm .items-wrapper .cart-item-row .unit-price,
#media-page-wrapper .image-link span,
#quantity,
.add-new-address-button,
.btn,
.buton-siparis-ver-cok-yakinda,
.cart-checkout-section li a,
.cart-wrapper .cart-cart,
.change-button,
.edit-delete-buttons a,
.facebook-connect-button,
.kargo-lb,
.kutu-tesekkurler-inner-item,
.lightbox-tesekkurler-cycle .baslik,
.lightbox-tesekkurler-cycle .icerik,
.opc .step-title .number,
.order-summary-text p,
.otomatik-siparis-content p,
.page.registration-page .forgot-password,
.product-detail,
.register-tab-wrapper li a,
.related-product-wrapper>h2,
a.next,
a.prev {
    text-align: center
}

.header {
    z-index: 3;
    position: relative;
    float: left;
    width: 100%
}

.master-content {
    position: relative;
    width: 100%;
    float: left;
    z-index:1;
}

#Header,
.checkout-data .payment-method li a,
.search-page .badge-haftalik-limon,
.search-page .badge-haftalik-nar-16kg,
.search-page .badge-haftalik-portakal-16kg,
.search-page .badge-haftalik-portakal-36kg,
.search-page .badge-haftalik-portakal-54kg,
.search-page .badge-haftalik-portakal-sikmalik-54kg,
.search-page .badge-haftalik-surpriz-36kg {
    z-index: 3
}

.homepage-banner .flex-control-nav,
.pmurunler ul {
    z-index: 99
}

.tabProductLabels {
    z-index: -1
}

.kutu-tesekkurler-link,
a.next,
a.prev {
    z-index: 4
}

#oto-bottom,
#oto-left,
#oto-right,
#oto-top,
.product-detail-tabs-wrapper .current {
    z-index: 2
}

.badge-haftalik-limon,
.badge-haftalik-nar-16kg,
.badge-haftalik-portakal-16kg,
.badge-haftalik-portakal-36kg,
.badge-haftalik-portakal-54kg,
.badge-haftalik-portakal-sikmalik-54kg,
.badge-haftalik-surpriz-36kg,
.hasat-yakinda-badge,
.kargo-lb-close,
.kargo-lb-wrapper,
.new-badge,
.otomatik-buton-alisverise-basla,
.otomatik-buton-sezon-kapandi,
.otomatik-buton-yenileniyor,
.sezon-kapandi-badge {
    z-index: 1
}

.master-wrapper-page {
    overflow: hidden
}

#portmenu>li>a,
.buton-devamini-oku,
.buton-incele,
.buton-sepeti-doldur,
.homepage-banner,
.kargo-lb-wrapper,
.kutu-tesekkurler-inner,
.kutu-tesekkurler-inner-item .icerik,
.pmurunler ul,
.tabProductLabels span,
.tabs,
div#urunlerim-nasil-gonderiliyor-icerik {
    overflow: hidden
}

#portmenu,
.tabs {
    overflow: visible
}

#Register .master-wrapper-page {
    overflow: inherit
}

#Delivery .ui-widget-content #editAddressForm,
#Delivery .ui-widget-content #newAddressForm {
    overflow: auto
}

#portmenu,
.tabs {
    border: 0
}

#Delivery .ui-dialog-titlebar,
#Delivery .ui-dialog-titlebar-close,
#NewConfirm .partial-order-summary,
.add-new-address-button,
.checkout-page .edit-address .inputs input[type=text],
.edit-address-form .inputs input[type=text],
.edit-address-form .inputs select,
.edit-address-form .save-address-button,
.new-address-save-button,
.page.checkout-page select,
.page.registration-page .forgot-password,
.page.registration-page .login-button,
.page.registration-page .register-next-step-button,
.payment-credit-card select,
.payment-method-wrapper .method-list,
.payment-method-wrapper .method-list li,
.register-tab-wrapper .inputs input[type=password],
.register-tab-wrapper .inputs input[type=text],
.search-box-button {
    border: none
}

.payment-info-textbox,
.payment-info-textbox-card-code,
.payment-method-tabs,
.product-detail-quantity,
.register-tab-wrapper,
.register-tab-wrapper li,
.register-tab-wrapper ul {
    border: none !important
}

.page-title h1 {
    border-bottom: 1px dashed #ef550e
}

.totals>.totals-row {
    border-bottom: 1px dotted #eee
}

.profile-title h1 {
    border-bottom: none
}

.account-navigation-wrapper .list a {
    border-bottom: 1px solid #e5e5e5
}

#product-detail-video img {
    border-width: 0
}

.tesekkurler-form-lightbox {
    border: solid 3px #303336
}

#media-page-wrapper .image-link img {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #f0f0f0;
    box-sizing: content-box
}

.dotted_4px {
    border-bottom: dotted 4px #231f20
}

.ui-autocomplete {
    border: 1px solid #000 !important
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    border: 1px solid #dbdbdb
}

select {
    border: 1px solid #dbdbdb
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
    border-color: #2d6987
}

.form-actions {
    border-top: 1px solid #e5e5e5
}

.btn {
    border: 1px solid #ccc
}

.btn-primary,
.btn-primary:focus,
.btn-primary:hover {
    border-color: #e16522 #e16522 #a14716
}

.tabs .current:after,
.tabs .current:before {
    border: solid transparent
}

.tabs .current:after {
    border-top-color: #dc791b;
    border-width: 7px
}

.tabs .current:before {
    border-top-color: solid;
    border-width: 11.41421px
}

.product-details-wrapper .productImageThumbnails li a:hover,
.product-details-wrapper .productImageThumbnails li.current a {
    border-color: #f29a1c
}

.product-detail-tabs-wrapper .current {
    border: 1px dashed #e6e6e6;
    border-bottom: 0
}

.buton-siparis-ver-cok-yakinda:after {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 15px solid #000
}

.register-tab-wrapper li.ui-state-active {
    border-bottom: 2px solid #e6e0d3 !important
}

.register-wrapper-right .top-section {
    border-bottom: 1px dashed #cccac7
}

#Delivery #editAddressForm .input-validation-error,
#Delivery #newAddressForm .input-validation-error,
.checkout-page .inputs input[type=text].input-validation-error,
.register-tab-wrapper .inputs input.input-validation-error {
    border: 1px solid #f37f7f
}

#NewConfirm .items-wrapper .items-title-wrapper {
    border-bottom: 1px dashed #cabea8
}

#NewConfirm .items-wrapper .product-picture-mask {
    border: 1px solid #dcdcdc
}

.page-title.brown-title-wrapper h1 {
    border-bottom: 1px dashed #827860
}

.order-summary-text {
    border: 1px solid #ece0c9
}

/* .product-wrapper:after {
    content: "";
    float: left;
    width: calc(100% + 2px);
    left: -1px;
    bottom: 0;
    height: 2px;
    position: absolute;
    background: #ff6120;
    opacity: 0;
    transition: all .2s linear
} */

.product-wrapper:hover:after {
    opacity: 1
}

.payment-method-wrapper .method-list li,
.register-tab-wrapper,
.register-tab-wrapper .ui-tabs-panel,
.register-tab-wrapper li {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.opc .step-title .number {
    border-radius: 50%
}

.pmurunler .urunspanselected,
.pmurunler:active span,
.pmurunler:hover span {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px
}

.pmurunler ul {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.flyout-cart {
    width: 340px;
    z-index: 99999;
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto
}

.flyout-cart.active {
    display: block;
    position: fixed
}

.flyout-cart.active .overlay {
    opacity: 1 !important;
    visibility: visible !important
}

.flyout-cart .mini-shopping-cart {
    float: left;
    width: 100%;
    padding: 15px;
    position: relative;
    z-index: 9999;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .35)
}

.flyout-cart .items {
    float: left;
    width: 100%;
    max-height: 193px;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.flyout-cart .items.ps-active-y {
    padding-right: 20px
}

.flyout-cart .items.ps-active-y .ps-scrollbar-y-rail {
    opacity: 1;
    background: #e7e7e7;
    width: 5px;
    border-radius: 0;
    right: 0 !important
}

.flyout-cart .items.ps-active-y .ps-scrollbar-y-rail .ps-scrollbar-y {
    width: 5px;
    border-radius: 0;
    background: #bbb294 !important;
    cursor: pointer
}

.flyout-cart .item {
    float: left;
    width: 100%;
    border-top: 1px solid #e7e7e7;
    padding-top: 10px;
    margin-top: 10px;
    position: relative
}

.flyout-cart .item.first {
    border-top: none;
    padding-top: 0;
    margin-top: 0
}

.flyout-cart .picture {
    float: left;
    width: 54px
}

.flyout-cart .picture img {
    float: left;
    width: 100%
}

.flyout-cart .product {
    float: left;
    width: calc(100% - 54px);
    padding-left: 15px;
    padding-right: 25px
}

.flyout-cart .name {
    float: left;
    width: 100%
}

.flyout-cart .name a {
    float: left;
    color: #fc622f;
    font-size: 13px;
    font-weight: 600;
    line-height: normal
}

.flyout-cart .price {
    float: left;
    width: 100%;
    color: #306636;
    font-size: 17px;
    font-weight: 600
}

.flyout-cart .product-delete {
    position: absolute;
    right: 0;
    margin: 0;
    top: 50%;
    margin-top: -9.5px
}

.flyout-cart .product-delete a {
    float: right;
    background: #bbb294;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    text-align: center;
    line-height: 19px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: none
}

.flyout-cart .button-wrapper {
    float: left;
    width: 100%
}

.flyout-cart .button-wrapper input {
    -webkit-appearance: none;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0;
    height: 29px;
    font-size: 0
}


.flyout-cart .cart-button {
    float: left;
    background-image: url(images/sepete-git-btn.png);
    width: 100%;
    background-size: contain;
    height: 45px!important;
}

.flyout-cart .checkout-button {
    float: right;
    width: 135px;
    background-image: url(images/satin-al2.png);
    display: none;
}

.change-button,
.edit-address-form .save-address-button,
.new-address-save-button,
.order-summary-text {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.tesekkurler-form-lightbox {
    border-radius: 5px;
    -webkit-border-radius: 10px
}

.ui-autocomplete {
    border-top-right-radius: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -webkit-border-top-left-radius: 0 !important
}

.add-new-address-button,
.btn-small,
.edit-delete-buttons a,
.facebook-connect-button,
.page.registration-page .login-button,
.page.registration-page .register-next-step-button,
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn-large {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.buton-siparis-ver-cok-yakinda {
    border-radius: 13px;
    -webkit-border-radius: 13px
}

#NewConfirm .items-wrapper .product-picture-mask {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.admin-header-links,
.tabs li,
nav ol,
nav ul,
ul {
    list-style: none
}

nav ol,
nav ul,
ul {
    list-style-image: none
}

#tab-siparis-secenekleri ul {
    list-style-type: none;
    list-style-image: url(images/otomatik-secenekler-madde.png)
}

#content-pages-menu a,
#sorular-ve-cevaplar a,
#tab-siparis-secenekleri ul a,
.account-navigation-wrapper .list a,
.btn:hover,
.content-pages-menu a,
.homepage-banner .flex-control-nav a:hover,
.oto-surpriz-paket-link,
.pmurunler ul a:active,
.pmurunler ul a:hover,
.product-detail .demo-link,
.video-lightbox .social-link,
a,
a:focus,
a:hover {
    text-decoration: none
}

.product-details-wrapper .marketprice .labeled {
    text-decoration: line-through
}

#sorular-ve-cevaplar a:hover,
#tab-siparis-secenekleri ul a:hover,
.oto-surpriz-paket-link:hover,
.video-lightbox .social-link:hover {
    text-decoration: underline
}

.btn.active,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
.edit-address-form .inputs select,
.page.checkout-page select,
.payment-credit-card select,
.uneditable-input:focus,
a,
a:focus,
a:hover,
button,
input,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    outline: 0
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: shadow;
    -moz-box-shadow: shadow;
    box-shadow: shadow
}

.uneditable-input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    shadow: "inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)";
    -webkit-box-shadow: shadow;
    -moz-box-shadow: shadow;
    box-shadow: shadow
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3
}

.btn {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn.active,
.btn:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn.disabled,
.btn[disabled] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-primary:active,
.product-details-wrapper .btn-primary:hover {
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0
}

.btn.disabled,
.btn[disabled],
.opc .active .step-title {
    cursor: default
}

.buton-siparis-ver-cok-yakinda {
    cursor: default !important
}

#lb-orumcek .close,
#product-detail-video,
#sorular-ve-cevaplar dt,
.btn,
.buton-devamini-oku,
.buton-incele,
.buton-sepeti-doldur,
.kutu-tesekkurler-inner-item,
.lightbox-tesekkurler .lightbox-tesekkurler-next,
.lightbox-tesekkurler .lightbox-tesekkurler-prev,
.lightbox-tesekkurler-close,
.read,
.tesekkurler-form-lightbox .close,
.video-lightbox-close {
    cursor: pointer
}

input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
    cursor: not-allowed
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    -webkit-transition: "border linear .2s, box-shadow linear .2s";
    -moz-transition: "border linear .2s, box-shadow linear .2s";
    -o-transition: "border linear .2s, box-shadow linear .2s";
    transition: "border linear .2s, box-shadow linear .2s"
}

.btn-primary:active,
.product-details-wrapper .btn-primary:hover {
    -webkit-transition: 0;
    -moz-transition: 0;
    -o-transition: 0;
    transition: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.buton-siparis-ver-cok-yakinda {
    transition: opacity .15s ease-in;
    -webkit-transition: opacity .15s ease-in
}

.btn:hover {
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.product-detail-bu-dogalligin-tamami,
.product-detail-yaprak {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

#lb-orumcek .close {
    transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg)
}

.video-lightbox-close:hover {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03)
}

.video-lightbox-close:active {
    transform: scale(.97);
    -webkit-transform: scale(.97);
    -moz-transform: scale(.97);
    -ms-transform: scale(.97);
    -o-transform: scale(.97)
}

.tesekkurler-form-lightbox .close,
.video-lightbox-close,
.video-lightbox-close:hover {
    opacity: 1
}

.btn.disabled,
.btn[disabled] {
    opacity: .65
}

.buton-siparis-ver-cok-yakinda {
    opacity: 0;
    -webkit-opacity: 0
}

.buton-siparis-ver:hover+.buton-siparis-ver-cok-yakinda {
    opacity: 1;
    -webkit-opacity: 1
}

#portmenu li,
#portmenu>li>a,
.account-navigation-wrapper .list a,
.buton-devamini-oku,
.buton-incele,
.buton-sepeti-doldur,
.tabProductLabels span,
.tabs a,
.tabs li {
    white-space: nowrap
}

#NewConfirm .cart-gift-section textarea,
.order-summary-content textarea {
    resize: none
}

.btn,
.checkbox.inline,
.radio.inline,
.tabs li,
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    vertical-align: middle
}

.tabs .current:after,
.tabs .current:before {
    pointer-events: none
}

/* .btn {
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75)
}

.btn-primary {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
} */

.page.registration-page .forgot-password,
.page.registration-page .login-button,
.page.registration-page .register-next-step-button {
    text-shadow: none
}

#tab-avantajlar p,
#tab-nasil-calisir p,
#tab-siparis-secenekleri ul a,
#tab-surpriz-paket,
.kutu-tesekkurler-item .baslik,
.kutu-tesekkurler-item .icerik,
.kutu-tesekkurler-item .yazar,
.lightbox-tesekkurler-cycle .icerik {
    letter-spacing: 1px
}

.lightbox-tesekkurler {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.edit-address-form .inputs select,
.page.checkout-page select,
.payment-credit-card select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.master-wrapper-main .side-2 {
    float: left;
    width: 190px;
    margin: 10px 0;
    display: inline
}

.master-wrapper-main .center-2 {
    float: left;
    width: 710px;
    min-height: 400px;
    padding: 10px;
    margin: 10px 0 10px 10px;
    background: #fff;
    display: inline;
    border-radius: 5px
}

.master-wrapper-main .leftside-3 {
    float: left;
    width: 190px;
    margin: 10px 0;
    display: inline
}

.master-wrapper-main .center-3 {
    float: left;
    width: 510px;
    min-height: 400px;
    padding: 10px;
    margin: 10px;
    background: #fff;
    display: inline;
    overflow: hidden;
    border-radius: 5px
}

.master-wrapper-main .rightside-3 {
    float: right;
    width: 190px;
    margin: 10px 0;
    display: inline
}

.ajax-loading-block-window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, .2)
}

.ajax-loading-block-window .loading-image {
    position: fixed;
    top: calc(50% - 50px);
    left: calc(50% - 85px);
    width: 170px;
    height: 100px;
    background: #fff url(images/ajax-loading.gif) no-repeat top 10px center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    padding-top: 75px;
    align-content: center;
    justify-content: center;
    border-radius: 2px
}

.ajax-loading-block-window .loading-image:after {
    content: "Lütfen Bekleyiniz";
    white-space: nowrap;
    float: left
}

.please-wait {
    background: url(images/ajax_loader_small.gif) no-repeat;
    padding-left: 20px;
    margin-top: 14px;
    margin-left: 12px
}

.data-table {
    width: 100%;
    border: 1px solid #eee;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show
}

.data-table th {
    font-weight: 700;
    padding: 3px 8px;
    white-space: nowrap;
    vertical-align: middle;
    float: none
}

.data-table td {
    padding: 3px 8px
}

.data-table td,
.data-table th {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    float: none
}

.data-table .even {
    background-color: #f6f6f6
}

.message-error {
    font-size: 10px;
    font-weight: 700;
    color: red
}

.message-error ul {
    padding: 0
}

.message-error ul li {
    list-style: none;
    float: left;
    width: 100%
}

.validation-summary-errors {
    font-size: 10px;
    font-weight: 700;
    color: red
}

.field-validation-error {
    font-size: 10px;
    font-weight: 700;
    color: red
}

.required {
    color: red
}

.pager {
    float: left;
    width: 100%;
    margin: 40px 0 0
}

.pager:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.pager ul {
    float: left;
    width: 100%;
    text-align: center
}

.pager li {
    margin: 0 5px;
    display: inline-block;
    vertical-align: top
}

.pager li a {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: 0 0;
    line-height: 27px;
    color: #b8a99b;
    font-weight: 500;
    min-width: 27px;
    font-size: 16px;
    transition: all .2s linear
}

.pager li a:focus,
.pager li a:hover {
    background-color: transparent;
    color: #f76b2e
}

.pager li span {
    background: #f76b2e;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    border: none;
    border-radius: 50%;
    width: 27px;
    line-height: 27px;
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.block {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
    float: left
}

.block .title strong {
    font-weight: 700
}

.block .listbox ul {
    margin: 0;
    padding: 0 0 0 2px;
    color: #5c5b5b;
    background-color: inherit
}

.block a {
    color: #5c5b5b;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none
}

.block a:hover {
    color: #b80709;
    text-decoration: underline;
    font-weight: 400
}

.block li.separator {
    background: 0 0;
    height: 1px;
    line-height: 1px;
    width: auto;
    font-size: 1px;
    margin: 0;
    padding: 0
}

.block-category-navigation .active>a,
.block-manufacturer-navigation .active a,
.block-vendor-navigation .active a {
    color: #5c5b5b;
    font-weight: 700;
    text-decoration: none
}

.block-category-navigation .listbox ul .active,
.block-manufacturer-navigation .listbox ul .active,
.block-vendor-navigation .listbox ul .active {
    font-weight: 700
}

.block-category-navigation ul.sublist {
    margin: 0 0 0 7px
}

.block-category-navigation ul.sublist .inactive a:hover {
    color: #5c5b5b;
    font-weight: 400
}

.block-manufacturer-navigation .listbox .view-all a {
    color: #5c5b5b;
    font-weight: 700
}

.block-vendor-navigation .listbox .view-all a {
    color: #5c5b5b;
    font-weight: 700
}

.block-recently-viewed-products li {
    background: 0 0;
    min-height: 35px;
    clear: both;
    border-bottom: 1px solid #e5e5e5
}

.block-recently-viewed-products li.last {
    border-bottom: none
}

.block-recently-viewed-products .product-picture {
    float: left;
    height: 40px;
    width: 40px;
    margin: 0
}

.block-account-navigation a.active {
    font-weight: 700;
    text-decoration: none
}

.block-account-navigation a {
    white-space: nowrap
}

.block-account-navigation a.inactive {
    font-weight: 400;
    text-decoration: none
}

.block-account-navigation a.inactive:hover {
    text-decoration: underline !important;
    color: #b80709 !important
}

.block-popular-blogtags li,
.block-popular-tags li {
    display: inline !important
}

.block-blog-archive li,
.block-popular-blogtags li,
.block-popular-tags li {
    background: 0 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important
}

.block-popular-tags .listbox .view-all a {
    color: #5c5b5b;
    font-weight: 700
}

.block-blog-archive .year {
    color: #5c5b5b;
    font-weight: 700;
    text-decoration: none
}

.bar-notification {
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
    text-align: center;
    font-weight: 600
}

.bar-notification.success {
    background: none repeat scroll 0 0 #2e6634;
    border-bottom: 3px solid #fff !important;
    color: #fff;
    margin: 0 0 10px
}

.bar-notification.error {
    background: none repeat scroll 0 0 #c00;
    border-bottom: 3px solid #fff !important;
    color: #fff;
    margin: 0 0 10px
}

.bar-notification .close {
    background: url(images/ico-close-notification-bar.png) no-repeat;
    width: 20px;
    height: 20px;
    float: right;
    margin: 9px 9px 0 0;
    cursor: pointer
}

.bar-notification p.content {
    padding: 0 10px;
    margin: 10px 0
}

.bar-notification p.content a {
    text-decoration: underline;
    color: #fff
}

.bar-notification p.content a:hover {
    text-decoration: none;
    color: #fff
}

.eu-cookie-bar-notification {
    display: none;
    left: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100000;
    background: none repeat scroll 0 0 #f6f6f4;
    border-top: 3px solid #fff !important;
    color: #5c5b5b;
    margin: 0
}

.eu-cookie-bar-notification .content {
    padding: 0 10px;
    margin: 10px 0;
    zoom: 1
}

.eu-cookie-bar-notification .content:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.eu-cookie-bar-notification .content .text {
    float: left;
    padding-top: 5px
}

.eu-cookie-bar-notification .content .ok-button {
    float: left;
    margin-left: 10px
}

.eu-cookie-bar-notification .content a.learn-more {
    float: left;
    margin-left: 10px;
    padding-top: 5px;
    text-decoration: underline;
    color: #5c5b5b
}

.eu-cookie-bar-notification .content a.learn-more:hover {
    text-decoration: none;
    color: #5c5b5b
}

.wishlist-page .share-info {
    margin: 5px 0
}

.wishlist-page .share-info .share-label {
    font-weight: 700
}

.wishlist-page .share-info a.share-link {
    color: #b80709;
    text-decoration: none
}

.wishlist-content .message-error {
    margin: 5px 0
}

.order-summary-content .deals {
    display: inline;
    float: left;
    margin: 0 10px 0 0;
    width: 280px
}

.order-summary-content .shipping {
    display: inline;
    float: left;
    margin: 0 10px 0 0;
    width: 280px
}

.order-summary-content .coupon-box,
.order-summary-content .giftcard-box {
    padding: 10px;
    font-size: 11px;
    color: #555;
    margin: 0 0 10px;
    border: 1px solid #eee
}

.order-summary-content .coupon-box .message,
.order-summary-content .giftcard-box .message {
    font-size: 10px;
    font-weight: 700;
    color: red
}

.order-summary-content .coupon-box .current-code {
    padding: 10px 0 0
}

.order-summary-content .coupon-box .discount-coupon-code,
.order-summary-content .giftcard-box .gift-card-coupon-code {
    width: auto
}

.order-summary-content .coupon-box .hint,
.order-summary-content .giftcard-box .hint {
    padding-top: 5px
}

.order-summary-content .giftcard-box {
    position: relative;
    z-index: 1
}

.order-summary-content .apply-discount-coupon-code-button,
.order-summary-content .apply-gift-card-coupon-code-button {
    margin: 5px 0
}

.order-summary-content .cart,
.wishlist-content .cart {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle
}

.wishlist-content .cart {
    margin-bottom: 10px
}

.order-summary-content .cart td,
.wishlist-content .cart td {
    padding: 10px
}

.order-summary-content .cart .cart-header-row,
.wishlist-content .cart .cart-header-row {
    font-weight: 700
}

.order-summary-content .cart .cart-header-row th,
.wishlist-content .cart .cart-header-row th {
    background: none repeat scroll 0 0 #404040;
    color: #fff;
    border-right: solid 1px #6a6a6a;
    height: 20px;
    padding: 2px 8px;
    vertical-align: middle;
    white-space: nowrap
}

.order-summary-content .cart .cart-header-row th.picture,
.wishlist-content .cart .cart-header-row th.picture {
    border: none
}

.order-summary-content .cart .cart-header-row th.end,
.wishlist-content .cart .cart-header-row th.end {
    text-align: right;
    padding-right: 5px
}

.order-summary-content .cart .cart-item-row td,
.wishlist-content .cart .cart-item-row td {
    border-bottom: 1px solid #c5c5c5;
    vertical-align: middle;
    line-height: 30px
}

.order-summary-content .cart .cart-item-row td.product,
.wishlist-content .cart .cart-item-row td.product {
    text-align: left;
    padding: 0 10px
}

.order-summary-content .cart .cart-item-row td.product a,
.wishlist-content .cart .cart-item-row td.product a {
    font-weight: 700;
    text-decoration: none
}

.order-summary-content .cart .cart-item-row td.end,
.wishlist-content .cart .cart-item-row td.end {
    text-align: right;
    font-weight: 700;
    color: green;
    padding-right: 5px
}

.order-summary-content .cart .cart-item-row .qty-input,
.wishlist-content .cart .cart-item-row .qty-input {
    border: solid 1px #e3e3e3;
    font-size: 12px;
    text-align: right;
    width: 40px
}

.order-summary-content .cart .cart-item-row td .td-title,
.wishlist-content .cart .cart-item-row td .td-title {
    display: none
}

.order-summary-content .cart .cart-item-row .edit-item a {
    color: #b80709
}

.order-summary-content .total-info {
    margin: 0;
    font-size: 12px
}

.order-summary-content .total-info .selected-shipping-method {
    font-weight: 400;
    font-size: 11px
}

.order-summary-content .remove-discount-button,
.order-summary-content .remove-gift-card-button {
    padding-right: 5px;
    padding-left: 18px;
    background: url(images/ico-delete.gif) no-repeat;
    border: 0;
    width: 32px;
    height: 15px
}

.order-summary-content .remove-discount-button:hover,
.order-summary-content .remove-gift-card-button:hover {
    cursor: pointer
}

.order-summary-content .selected-checkout-attributes {
    margin: 0;
    padding: 10px 5px 10px 0;
    width: 100%;
    text-align: right;
    vertical-align: middle;
    color: #353434
}

.order-summary-content .checkout-attributes ul.option-list {
    padding: 0;
    margin: 0
}

.order-summary-content .checkout-attributes ul.option-list li {
    list-style: none
}

.order-summary-content .checkout-attributes .textbox {
    width: 300px
}

.order-summary-content .checkout-attributes textarea {
    width: 350px;
    height: 70px
}

.order-summary-content .checkout-attributes ul.color-squares li {
    display: inline
}

.order-summary-content .checkout-attributes ul.color-squares .color-container {
    position: relative;
    display: inline-block;
    border: solid 1px #999;
    padding: 1px;
    margin-bottom: 5px
}

.order-summary-content .checkout-attributes ul.color-squares .selected-value .color-container {
    border-color: #075899;
    border-width: 2px;
    padding: 0
}

.order-summary-content .checkout-attributes ul.color-squares .color {
    display: inline-block;
    width: 18px;
    height: 18px
}

.order-summary-content .checkout-attributes ul.color-squares label {
    cursor: pointer;
    position: relative
}

.order-summary-content .checkout-attributes ul.color-squares input {
    height: 0;
    overflow: hidden;
    z-index: -10000;
    position: absolute;
    float: none
}

.order-summary-content .min-amount-warning {
    margin: 0;
    padding: 10px 0 10px 10px
}

.order-summary-content .terms-of-service {
    margin: 0;
    padding: 10px 0 10px 10px
}

.order-summary-content .terms-of-service .read {
    text-decoration: underline
}

.order-summary-content .terms-of-service .read:hover {
    cursor: pointer
}

.checkout-data .terms-of-service {
    margin: 0;
    padding: 10px 0 10px 10px
}

.checkout-data .terms-of-service .read {
    text-decoration: underline
}

.checkout-data .terms-of-service .read:hover {
    cursor: pointer
}

.order-summary-content .common-buttons {
    margin: 0;
    padding: 10px
}

.order-summary-content .checkout-buttons {
    float: right;
    margin: 0;
    padding: 10px 0 10px 10px
}

.order-summary-content .checkout-buttons .checkout-button {
    display: inline-block;
    padding: 0 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.order-summary-content .addon-buttons {
    clear: both;
    float: right;
    margin: 0;
    padding: 10px 0 10px 10px;
    text-align: right
}

.order-summary-content .cross-sells {
    clear: both
}

.estimate-shipping {
    margin: 0;
    padding: 10px;
    font-size: 11px;
    color: #555;
    border: 1px solid #eee
}

.estimate-shipping .hint {
    padding-top: 5px;
    padding-bottom: 5px
}

.estimate-shipping .country-input,
.estimate-shipping .state-input {
    width: 137px
}

.estimate-shipping .shipping-options {
    text-align: left;
    height: auto
}

.estimate-shipping .shipping-options label {
    display: inline-block;
    width: 85px
}

.estimate-shipping .shipping-options .estimate-shipping-button {
    margin-left: 90px
}

.estimate-shipping .shipping-results li.shipping-option-item {
    list-style: none;
    text-align: left;
    vertical-align: text-top;
    padding: 5px 0 0 5px
}

.estimate-shipping .shipping-results .shipping-option-item .option-name {
    display: block;
    font-weight: 700
}

.estimate-shipping .shipping-results .shipping-option-item .option-description {
    display: block;
    padding: 5px 0 5px 16px
}

.checkoutstep .steptitle {
    border: 1px solid #2f4f4f;
    color: #fff;
    background-color: #2e4d7b;
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
    margin-top: 5px
}

.checkoutstep .stepcontent {
    border: dashed 1px #2f4f4f;
    border-top: none;
    padding: 5px
}

.order-summary-title {
    padding: 10px 10px 5px 0;
    font-size: 11px;
    color: #555;
    font-weight: 700;
    clear: both
}

.order-summary-body {
    text-align: center;
    height: auto
}

.checkout-data .section .title {
    padding: 10px 10px 5px 0;
    font-weight: 700;
    clear: both;
    margin-bottom: 5px
}

.checkout-data .address-grid {
    padding: 0;
    overflow: hidden
}

.checkout-data .address-grid .address-item {
    float: left;
    padding: 10px;
    border: 1px solid #eee;
    width: 200px;
    min-height: 150px;
    margin-right: 5px
}

.checkout-data .address-grid .address-item .select-button {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center
}

.checkout-data .address-grid .address-item li {
    list-style: none;
    text-align: left
}

.checkout-data .enter-address .buttons {
    margin-top: 10px
}

.checkout-data .pickup-in-store {
    border: 1px solid #eee;
    height: auto;
    padding: 10px
}

.checkout-data .shipping-method .message-error {
    margin: 10px;
    text-align: left
}

.checkout-data .payment-method .method-name:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.checkout-data .payment-method .buttons {
    margin: 10px;
    text-align: left
}

.checkout-data .payment-method .message-error {
    margin: 10px;
    text-align: left
}

.checkout-data .payment-info {
    text-align: left;
    border: 1px solid #eee;
    height: auto
}

.checkout-data .payment-info .info {
    padding: 10px;
    text-align: left;
    vertical-align: text-top
}

.checkout-data .payment-info .buttons {
    margin: 10px;
    text-align: left
}

.checkout-data .payment-info .message-error {
    margin: 10px;
    text-align: left
}

.checkout-data .confirm-order {
    text-align: left;
    border: 1px solid #eee;
    height: auto;
    margin-bottom: 0
}

.checkout-data .confirm-order .buttons {
    margin: 10px;
    text-align: left
}

.checkout-data .confirm-order .message-error {
    margin: 10px;
    text-align: left
}

.checkout-data .order-review-data {
    padding: 10px;
    overflow: hidden;
    margin-bottom: 20px
}

.checkout-data .order-review-data ul {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    width: 350px
}

.checkout-data .order-review-data li {
    list-style: none;
    text-align: left
}

.checkout-data .order-review-data li:first-child {
    margin-top: 0
}

.checkout-data .order-review-data .title {
    margin: 10px 0 5px
}

.checkout-data .order-review-data .payment-method,
.checkout-page .order-review-data .shipping-method {
    border: none
}

.checkout-data .order-completed ul {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 14px
}

.opc .buttons {
    margin-top: 0;
    padding-top: 2em
}

.opc .buttons .back-link {
    margin-bottom: 10px
}

.opc .buttons .back-link small {
    display: none
}

.opc .buttons.disabled button {
    display: none
}

.opc .buttons .please-wait {
    height: 21px;
    line-height: 21px
}

.opc .ul {
    list-style: disc outside;
    padding-left: 18px
}

.opc ol,
.opc ul,
ol.opc,
ul.opc {
    list-style: none outside none
}

.opc .step {
    padding: 15px 30px;
    position: relative
}

.opc .step-title:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}

.opc .order-summary-content .cart-footer {
    background: 0 0 !important
}

.order-details-page .print-order-button {
    float: right;
    margin-bottom: 10px
}

.order-details-page .title {
    padding: 10px 10px 5px 0;
    font-weight: 700;
    clear: both;
    font-size: 14px
}

.order-details-page .order-overview .order-details span {
    display: block;
    margin-bottom: 5px
}

.order-details-page .order-details-area {
    text-align: left;
    margin: 10px;
    padding: 10px;
    height: auto
}

.order-details-page .order-details-area table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.order-details-page .order-details-area td {
    width: 50%;
    vertical-align: top
}

.order-details-page .order-details-area ul {
    float: left;
    margin-right: 20px
}

.order-details-page .order-details-area li:first-child {
    margin-top: 0
}

.order-details-page .repost {
    margin: 10px 0
}

.order-details-page .repost .hint {
    margin: 0
}

.order-details-page .section {
    text-align: left;
    padding: 10px;
    margin-bottom: 20px;
    height: auto
}

.order-details-page .actions {
    margin: 10px 0
}

.order-details-page .cart-total-left {
    color: #000
}

.order-details-page .order-notes th.createdon {
    width: 30%
}

.order-details-page .order-notes .download a {
    color: #b80709
}

.order-details-page .products td .td-title {
    display: none
}

.shipment-details-page .title {
    padding: 10px 10px 5px 0;
    font-weight: 700;
    clear: both;
    font-size: 12px
}

.shipment-details-page .shipment-overview {
    overflow: hidden;
    margin-bottom: 10px
}

.shipment-details-page .shipment-overview ul {
    float: left;
    margin-right: 20px
}

.shipment-details-page .shipment-overview li {
    list-style: none
}

.shipment-details-page .shipment-overview .title {
    margin-bottom: 5px
}

.shipment-details-page .tracking-url {
    color: #b80709;
    text-decoration: none
}

.product-grid:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.product-grid .item-box {
    float: left;
    padding: 5px;
    text-align: center;
    vertical-align: text-top
}

.product-grid .item-box:hover {
    background: #f9f9f9
}

.product-grid .product-item {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 155px;
    height: 270px
}

.product-grid .product-item .product-title {
    font-weight: 400;
    font-size: 12px;
    padding: 0
}

.product-grid .product-item .product-title a {
    display: block;
    height: auto;
    line-height: 1.3em;
    overflow: hidden;
    padding: 4px 10px 8px 0
}

.product-grid .product-item .picture {
    background: none repeat scroll 0 0 #fff;
    text-align: center;
    border: 1px solid #f0f0f0;
    height: 140px;
    overflow: hidden
}

.product-grid .product-item .picture img {
    margin: 5px
}

.product-grid .product-item .description {
    display: none;
    margin: 5px 5px 0;
    text-align: center;
    padding: 10px 5px;
    border-top: solid 1px #e3e3e3;
    color: #555;
    height: 50px
}

.product-grid .product-item .add-info {
    vertical-align: bottom;
    text-align: right;
    width: auto;
    height: auto;
    position: relative
}

.product-grid .product-item .prices {
    text-align: left;
    vertical-align: middle;
    position: static;
    bottom: 15px;
    right: 10px
}

.product-grid .product-item .prices .price {
    margin: 0;
    display: block
}

.product-grid .product-item .prices .actual-price {
    color: #b80709
}

.product-grid .product-item .prices .old-price {
    color: #5c5b5b;
    text-decoration: line-through
}

.product-grid .product-item .prices .tax-shipping-info {
    font-size: 11px
}

.product-grid .product-item .prices .tax-shipping-info a {
    text-decoration: underline
}

.product-grid .product-item .buttons {
    vertical-align: middle;
    position: static;
    margin-top: 5px;
    text-align: left
}

.product-box-add-to-cart-button {
    padding: 3px 7px;
    cursor: pointer;
    background: #7db72f;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
    color: #fff;
    text-shadow: none;
    border-color: #999;
    border: 0;
    font-weight: 700
}

.product-box-add-to-cart-button:hover {
    color: #fff
}

.product-list {
    width: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none
}

.product-list .item-box {
    text-align: left;
    clear: both;
    position: relative;
    margin-bottom: 10px
}

.product-list .item-box:hover {
    background: #f9f9f9
}

.product-list .product-item {
    width: auto;
    margin-top: 10px;
    position: relative;
    zoom: 1
}

.product-list .product-item:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.product-list .product-item .product-title {
    font-weight: 700;
    font-size: 12px;
    padding-left: 10px;
    margin-top: 10px
}

.product-list .product-item .product-title a {
    font-weight: 700;
    display: block;
    height: auto;
    line-height: 1.3em;
    overflow: hidden;
    padding: 4px 10px 8px 0
}

.product-list .product-item .product-rating-box {
    padding: 0 0 0 10px;
    margin: 0 100px 0 140px
}

.product-list .product-item .picture {
    float: left;
    margin: 10px
}

.product-list .product-item .description {
    padding: 0 0 0 10px;
    margin: 0 100px 0 140px;
    text-align: left;
    color: #555
}

.product-list .product-item .add-info {
    float: right;
    text-align: right;
    position: absolute;
    top: 40px;
    right: 10px
}

.product-list .product-item .prices .price {
    margin: 0;
    display: block
}

.product-list .product-item .prices .actual-price {
    color: #b80709
}

.product-list .product-item .prices .old-price {
    color: #5c5b5b;
    text-decoration: line-through
}

.product-list .product-item .prices .tax-shipping-info {
    font-size: 11px
}

.product-list .product-item .prices .tax-shipping-info a {
    text-decoration: underline
}

.product-list .product-item .buttons {
    padding-top: 20px
}

.featured-product-grid .title {
    padding: 10px 10px 5px 0;
    font-weight: 700;
    text-transform: uppercase;
    clear: both;
    margin: 0;
    color: #5c5b5b
}

.category-page .page-title,
.manufacturer-list-page .page-title,
.manufacturer-page .page-title,
.product-tag-page .page-title,
.product-tags-all-page .page-title,
.vendor-list-page .page-title,
.vendor-page .page-title {
    border-bottom: 0;
    clear: both
}

.product-tags-all-page .product-tags-list li {
    display: inline
}

.product-tags-all-page .product-tags-list li a {
    text-decoration: none;
    margin: 0 2px 0 0
}

.vendor-list-page .vendor-list li {
    display: inline
}

.vendor-list-page .vendor-list li a {
    text-decoration: none;
    margin: 0 2px 0 0
}

.category-page .category-description,
.manufacturer-page .manufacturer-description,
.vendor-page .vendor-description {
    color: #555;
    font-size: 1.1em
}

.manufacturer-grid,
.sub-category-grid {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    margin-bottom: 15px;
    zoom: 1
}

.manufacturer-grid:after,
.sub-category-grid:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.manufacturer-grid a,
.sub-category-grid a {
    color: #555;
    font-size: 1.2em;
    font-weight: 700
}

.manufacturer-grid .item-box,
.sub-category-grid .item-box {
    float: left;
    text-align: center;
    vertical-align: text-top
}

.manufacturer-grid .manufacturer-item,
.sub-category-grid .sub-category-item {
    text-align: center;
    margin: 10px;
    width: 145px;
    height: 180px;
    border: 1px solid #eee
}

.manufacturer-grid .manufacturer-item .title,
.sub-category-grid .sub-category-item .title {
    text-align: center;
    font-weight: 700;
    font-size: .9em;
    display: block;
    overflow: hidden;
    padding: 5px
}

.manufacturer-grid .manufacturer-item .picture,
.sub-category-grid .sub-category-item .picture {
    text-align: center;
    padding: 10px 0
}

.category-banner-wrapper {
    float: left;
    width: 100%;
    margin-bottom: 12px
}

.category-banner-wrapper img {
    float: left;
    width: 100%
}

.page.category-page {
    float: left;
    width: 100%
}

.page.category-page .page-body {
    float: left;
    width: 100%
}

.categories-tab-wrapper {
    float: left;
    width: 100%
}

.product-selectors {
    margin-bottom: 12px;
    zoom: 1;
    float: left;
    width: 100%;
    border: 1px solid #f6f4f0;
    height: 50px;
    padding: 10px 15px
}

.product-count {
    float: left;
    margin: 0;
    line-height: 28px;
    color: #a08e67;
    font-size: 13px;
    font-weight: 500
}

.product-count strong {
    font-weight: 600
}

.products-in-stock {
    float: right;
    height: 15px;
    margin: 6.5px 30px
}

.products-in-stock input[type=checkbox] {
    float: left;
    width: 15px;
    height: 15px;
    margin: 0;
    -webkit-appearance: none;
    border: 1px solid #deceae;
    cursor: pointer;
    outline: 0
}

.products-in-stock input[type=checkbox]:after {
    content: "";
    background: #deceae;
    float: left;
    width: 7px;
    height: 7px;
    margin: 3px;
    opacity: 0;
    transition: all .2s linear
}

.products-in-stock input[type=checkbox]:checked:after {
    opacity: 1
}

.products-in-stock label {
    float: left;
    margin: 0;
    line-height: 15px;
    font-size: 12px;
    font-weight: 600;
    color: #a08e67;
    padding-left: 7px;
    cursor: pointer
}

.product-viewmode {
    margin: 0 auto 10px;
    float: right
}

.product-page-size {
    width: 165px;
    margin: 0 auto;
    text-align: center
}

.product-filters {
    width: auto;
    margin-bottom: 10px;
    padding: 10px
}

.product-filters .filter-title {
    font-weight: 700;
    padding-left: 10px
}

.product-filters .filter-title strong {
    display: block;
    height: 2em;
    line-height: 1.3em;
    overflow: hidden
}

.product-filters .filter-content {
    padding: 5px 10px
}

.price-range-filter .filter-title {
    background: url(images/ico-arrow-r.gif) no-repeat top left;
    padding-left: 20px
}

.price-range-filter ul {
    margin: 0;
    padding: 0
}

.price-range-filter li {
    list-style: none;
    padding-bottom: 5px
}

.price-range-filter .remove-filter {
    padding-top: 5px
}

.price-range-filter .remove-filter a {
    font-weight: 700;
    color: #b80709
}

.product-spec-filter .filter-title {
    background: url(images/ico-arrow-r.gif) no-repeat top left;
    padding-left: 20px
}

.product-spec-filter .already-filtered-items,
.product-spec-filter .available-items {
    width: 100%;
    overflow: hidden
}

.product-spec-filter .group {
    display: block;
    float: left;
    clear: both;
    font-weight: 700
}

.product-spec-filter .group li {
    list-style: none
}

.product-spec-filter .available-items .item {
    padding: 3px 2px 3px 16px;
    list-style: none
}

.product-spec-filter .already-filtered-items .filter-title {
    background: 0 0;
    padding: 15px 5px 5px 0
}

.product-spec-filter .already-filtered-items .item {
    padding: 5px 0
}

.product-spec-filter .remove-filter {
    padding-top: 5px
}

.product-spec-filter .remove-filter a {
    font-weight: 700;
    color: #b80709
}

.login-page .page-title {
    margin-bottom: 20px
}

.login-page .checkout-as-guest-or-register-block ul {
    padding-left: 30px
}

.login-page .returning-wrapper .message-error {
    padding: 0
}

.login-page .returning-customer .reversed label {
    width: auto;
    font-weight: 400
}

.external-auth-errors {
    text-align: center;
    border: solid 1px #d3d3d3;
    vertical-align: top;
    width: 100%;
    color: Red;
    margin-bottom: 20px
}

.external-auth-errors ul {
    padding: 0
}

.external-auth-errors ul li {
    list-style: none
}

.external-auth-association {
    text-align: center;
    border: solid 1px #d3d3d3;
    vertical-align: top;
    width: 100%;
    margin-bottom: 20px
}

.external-auth-association .remove {
    color: #b80709
}

.registration-page .gender {
    display: inline-block
}

.registration-page ul.option-list {
    display: inline-block
}

.registration-page ul.option-list li {
    list-style: none;
    display: inline-block
}

.registration-page ul.option-list li label {
    width: auto;
    margin-left: 0
}

.registration-page .vat-note {
    display: block
}

.registration-page .accept-privacy-policy .read {
    text-decoration: underline
}

.registration-page .accept-privacy-policy .read:hover {
    cursor: pointer
}

.registration-page .message-error {
    margin-bottom: 20px
}

.registration-page textarea {
    height: 100px;
    width: 500px;
    border: solid 1px #e3e3e3;
    vertical-align: top
}

.registration-result-page .buttons {
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
    clear: both
}

.registration-result-page {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 50px 0;
    margin-top: 10px
}

.register-continue-button {
    background: #f17400;
    border: 0;
    border-radius: 3px;
    color: #fff;
    box-shadow: none;
    height: 33px;
    width: 120px !important;
    font-size: 14px;
    margin: 0 auto;
    transition: all ease-in .2s;
    text-shadow: none !important
}

.profile-title h1 {
    color: #ef550e !important
}

.registration-result-page .buttons {
    margin-bottom: 5px;
    margin-top: 5px;
    clear: both;
    display: inline-block;
    float: none
}

.register-continue-button:hover {
    background: #e57b1d;
    color: #fff;
    transition: all ease-in .2s
}

.breadcrumb {
    background: 0 0;
    padding: 0 0 0 14px;
    margin: 15px 0;
    border-radius: 0;
    float: left;
    width: 100%
}

.breadcrumb ul {
    margin: 0;
    padding: 0
}

.breadcrumb li {
    float: left;
    font-size: 13px;
    font-weight: 500;
    line-height: 28px
}

.breadcrumb li:before {
    float: left
}

.breadcrumb li:last-child a {
    color: #f76b2e
}

.breadcrumb a {
    float: left;
    color: #c5b89b
}

.search-page .search-input {
    border: 1px solid #d7d7d7;
    padding: 10px;
    margin-bottom: 10px
}

.search-page .search-input .buttons {
    text-align: right
}

.search-page .search-results {
    padding-top: 10px
}

.search-page .search-results .result {
    font-weight: 700;
    color: #555
}

.search-page .basic-search label {
    line-height: 25px
}

.search-page .search-text {
    width: 560px
}

.search-page .adv-search {
    margin-top: 10px
}

.search-page .inputs {
    overflow: hidden;
    padding: 4px
}

.search-page .inputs label {
    display: inline-block;
    width: 110px
}

.search-page .inputs.reversed label {
    width: auto
}

.search-page .price-from,
.search-page .price-to {
    width: 100px
}

.search-page .warning {
    text-decoration: underline
}

.password-recovery-page {
    float: left;
    width: 100%;
    margin-top: 20px
}

.password-recovery-page .profile-title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 40px
}

.password-recovery-page .profile-title h1 {
    float: left;
    width: 100%;
    text-align: center;
    border: none;
    padding: 0 0 20px;
    margin: 0;
    font-size: 18px;
    color: #663000 !important;
    font-weight: 600;
    line-height: 26px
}

.password-recovery-page .tooltip {
    position: relative;
    float: left;
    width: 100%;
    opacity: 1;
    font-family: var(--primary-font), sans-serif;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 20px
}

.password-recovery-page .fieldset {
    float: left;
    width: 100%
}

.password-recovery-page .form-fields {
    float: left;
    width: 100%
}

.password-recovery-page .inputs {
    float: left;
    width: 100%
}

.password-recovery-page .inputs label {
    float: left;
    margin: 0;
    width: 130px;
    padding: 0;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    line-height: 35px
}

.password-recovery-page .email {
    float: left;
    width: calc(100% - 150px);
    margin: 0;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    border-radius: 0;
    height: 35px;
    padding: 5px 10px;
    line-height: 23px
}

.password-recovery-page .required {
    float: right;
    width: 10px;
    text-align: right;
    line-height: 35px;
    margin-left: 10px
}

.password-recovery-page .result {
    font-size: 14px;
    font-weight: 700;
    color: red
}

.password-recovery-page .form-actions {
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
    background: 0 0;
    border: none;
    padding-right: 20px;
    padding-left: 130px
}

.password-recovery-page .password-recovery-button {
    display: inline-block;
    vertical-align: top;
    text-shadow: none;
    -webkit-appearance: none;
    box-shadow: none;
    border: 1px solid #f4871e;
    background: #f6891e;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-family: var(--primary-font), sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    transition: all .2s linear
}

.password-recovery-page .password-recovery-button:hover {
    background-color: transparent;
    color: #f6891e !important
}

.password-recovery-page .field-validation-error {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
    padding-left: 130px
}

.account-page .result {
    font-size: 10px;
    font-weight: 700;
    color: red
}

.account-page .page-title {
    margin-bottom: 20px
}

.back-in-stock-subscription-list-page .buttons {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: left
}

.change-password-page .buttons {
    margin-bottom: 5px;
    margin-top: 5px
}

.forum-subscriptions-page .buttons {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: left
}

.customer-info-page .gender {
    display: inline-block
}

.customer-info-page ul.option-list {
    display: inline-block
}

.customer-info-page ul.option-list li {
    list-style: none;
    display: inline-block
}

.customer-info-page ul.option-list li label {
    width: auto;
    margin-left: 0
}

.customer-info-page .vat-note {
    display: block
}

.customer-info-page .buttons {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center
}

.customer-info-page .message-error {
    margin-bottom: 20px
}

.customer-info-page textarea {
    height: 100px;
    width: 500px;
    border: solid 1px #e3e3e3;
    vertical-align: top
}

.customer-info-page .add-more-external-records {
    margin-top: 10px
}

.customer-info-page .add-more-external-records a {
    color: #b80709
}

.username-available-status {
    color: green;
    padding-left: 5px
}

.username-not-available-status {
    color: red;
    padding-left: 5px
}

.order-list-page .recurring-payments .recurring-payments-box {
    text-align: left;
    padding: 10px;
    height: auto
}

.order-list-page .order-list .order-item .title {
    font-size: 13px
}

.order-list-page .order-list .order-item .info {
    float: left
}

.order-list-page .order-list .order-item .buttons {
    float: right
}

.return-request-list-page .request-item a {
    color: #b80709
}

.return-request-list-page .request-item .title {
    font-size: 13px
}

.reward-points-page .reward-points-overview {
    padding: 10px 10px 5px 0;
    width: 100%
}

.reward-points-page .reward-points-overview .min-balance {
    margin-top: 10px
}

.reward-points-page .reward-points-history .title {
    margin-top: 20px;
    margin-bottom: 15px
}

.product-details-page {
    border: 1px solid #d3d3d3;
    margin-top: 10px;
    padding: 10px
}

.product-collateral {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both
}

.product-details-page .gallery {
    float: left;
    width: 300px;
    margin-top: 25px;
    margin-bottom: 15px
}

.product-details-page .gallery .picture-thumbs {
    margin-top: 10px
}

.product-details-page .gallery .picture-thumbs a {
    margin-right: 3px
}

.product-details-page .overview {
    float: right;
    width: 330px;
    margin: 5px 5px 10px;
    padding: 10px;
    border: 1px solid #eee
}

.product-details-page .product-name {
    color: #5c5b5b;
    font-size: 1.3em;
    margin-bottom: .3em;
    padding-top: 10px
}

.product-details-page .delivery-date,
.product-details-page .gtin,
.product-details-page .manufacturer-part-number,
.product-details-page .manufacturers,
.product-details-page .product-vendor,
.product-details-page .short-description,
.product-details-page .sku,
.product-details-page .stock {
    color: #555;
    margin-bottom: .3em;
    font-size: 1.1em
}

.product-details-page .free-shipping {
    background: url(images/free-shipping.png) left 0 no-repeat;
    font-size: 11px;
    height: 45px;
    width: 55px;
    line-height: 12px;
    padding: 18px 5px 0 4px;
    text-align: center;
    color: #fff;
    font-weight: 400
}

.product-details-page .full-description {
    border: 1px solid #eee;
    clear: both;
    color: #555;
    margin-bottom: .3em;
    padding: 5px
}

.product-details-page .full-description ol,
.product-details-page .full-description ul {
    margin-left: 25px
}

.product-details-page .back-in-stock-subscription {
    margin-top: 10px;
    margin-bottom: 10px
}

.product-details-page .back-in-stock-subscription a.subscribe-button:hover {
    text-decoration: none
}

.product-details-page .email-a-friend {
    margin: 10px 5px 10px 0;
    float: left
}

.product-details-page .compare-products {
    margin: 10px 0 10px 0;
    float: left
}

.product-details-page .product-share-button {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both
}

.product-details-page .product-reviews-overview {
    margin-top: 20px;
    margin-bottom: 20px
}

.product-details-page .product-reviews-overview .product-review-box {
    margin-right: 5px
}

.product-details-page .product-reviews-overview .product-review-links .separator {
    margin: 0 2px
}

.product-details-page .product-reviews-overview .product-review-links {
    margin: 0
}

.product-details-page .product-reviews-overview .product-no-reviews a {
    text-decoration: underline
}

.product-details-page .product-variant-list {
    clear: both;
    padding: 10px 0;
    border: 0;
    margin-bottom: 20px;
    margin-top: 10px
}

.product-details-page .product-variant-list .product-variant-line {
    border: 1px solid #eee;
    padding: 20px;
    margin: 10px 0;
    zoom: 1
}

.product-details-page .product-variant-list .product-variant-line:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.product-details-page .product-variant-list .add-to-cart-button {
    margin-top: 15px;
    margin-left: 0;
    display: block
}

.product-details-page .no-associated-products {
    font-weight: 700
}

.add-to-wishlist-button {
    display: block;
    margin-top: 10px
}

.product-details-page .variant-picture {
    clear: both;
    float: left;
    margin-bottom: 15px
}

.product-details-page .variant-overview {
    float: left;
    width: 100%
}

.product-details-page .variant-name {
    color: #5c5b5b;
    font-size: 1.3em;
    margin-bottom: .3em
}

.product-details-page .variant-description {
    clear: both;
    color: #555;
    margin-bottom: .3em
}

.product-details-page .download-sample {
    clear: both;
    color: #555;
    margin-top: 15px;
    margin-bottom: 15px
}

.product-details-page .download-sample .download-sample-button {
    background: #f1f1f1 url(images/download-sample-bg.gif) repeat-x scroll 0 100%;
    border: 1px solid #b5b5b5;
    color: #444;
    cursor: pointer;
    font-size: 11px !important;
    font-size-adjust: none !important;
    font-stretch: normal !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    overflow: visible;
    padding: 1px 5px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: auto
}

.product-details-page .download-sample .download-sample-button a {
    text-decoration: none
}

.product-details-page .download-sample .download-sample-button a:hover {
    color: #444
}

.product-details-page .product-variant-line .prices {
    padding-top: 10px;
    margin-right: 30px
}

.product-details-page .product-essential .prices {
    margin-top: 15px;
    margin-bottom: 15px
}

.product-details-page .prices .product-price {
    font-weight: 700
}

.product-details-page .prices .product-price span {
    color: #b80709;
    font-size: 20px
}

.product-details-page .prices .old-product-price {
    color: #5c5b5b
}

.product-details-page .prices .old-product-price span {
    text-decoration: line-through
}

.product-details-page .prices .tax-shipping-info {
    font-size: 11px
}

.product-details-page .prices .tax-shipping-info a {
    text-decoration: underline
}

.product-details-page .customer-entered-price {
    margin-bottom: 10px
}

.product-details-page .add-to-cart {
    padding-top: 10px
}

.product-details-page .add-to-cart .enter-price-input {
    width: 60px
}

.product-details-page .add-to-cart .qty-input {
    width: 40px
}

.product-details-page .attributes {
    margin-bottom: 10px
}

.product-details-page .attributes dl dt {
    margin: 10px 0 0
}

.product-details-page .attributes .text-prompt {
    font-weight: 700
}

.product-details-page .attributes .attribute-description {
    font-size: 11px
}

.product-details-page .attributes ul.option-list {
    padding: 0;
    margin: 0
}

.product-details-page .attributes ul.option-list li {
    list-style: none
}

.product-details-page .attributes .textbox {
    width: 300px
}

.product-details-page .attributes textarea {
    width: 300px;
    height: 150px
}

.product-details-page .attributes ul.color-squares li {
    display: inline
}

.product-details-page .attributes ul.color-squares .color-container {
    position: relative;
    display: inline-block;
    border: solid 1px #999;
    padding: 1px;
    margin-bottom: 5px
}

.product-details-page .attributes ul.color-squares .selected-value .color-container {
    border-color: #075899;
    border-width: 2px;
    padding: 0
}

.product-details-page .attributes ul.color-squares .color {
    display: inline-block;
    width: 18px;
    height: 18px
}

.product-details-page .attributes ul.color-squares label {
    cursor: pointer;
    position: relative
}

.product-details-page .attributes ul.color-squares input {
    height: 0;
    overflow: hidden;
    z-index: -10000;
    position: absolute;
    float: none
}

.product-details-page .giftcard dt {
    clear: left;
    float: left;
    width: 150px
}

.product-details-page .giftcard label {
    display: inline-block;
    width: 150px;
    vertical-align: top
}

.product-details-page .giftcard .message {
    width: 300px;
    height: 100px
}

.also-purchased-products-grid {
    margin-top: 10px
}

.also-purchased-products-grid .title,
.related-products-grid .title {
    text-align: left;
    padding: 5px;
    font-weight: 700;
    clear: both;
    font-size: 1.1em;
    color: #5c5b5b
}

.also-purchased-products-grid .item-box,
.related-products-grid .item-box {
    padding-bottom: 10px;
    text-align: center;
    vertical-align: text-top
}

.product-specs-box .title {
    text-align: left;
    padding: 5px;
    font-weight: 700;
    clear: both;
    font-size: 1.1em;
    color: #5c5b5b
}

.product-specs-box .data-table {
    margin: 5px
}

.product-tags-box {
    color: #555;
    zoom: 1
}

.product-tags-box:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden
}

.product-tags-box .title {
    text-align: left;
    padding: 5px;
    font-weight: 700;
    clear: both;
    font-size: 1.1em;
    color: #5c5b5b
}

.product-tags-box .product-tags-list a {
    text-decoration: underline
}

.product-tags-box .product-tags-list li {
    float: left;
    padding-left: 5px;
    list-style: none
}

.tier-prices {
    text-align: center;
    margin-bottom: 10px
}

.tier-prices .prices-header {
    background: #3a3a3a;
    color: #fff;
    padding: 3px;
    font-weight: 700
}

.tier-prices .prices-list table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
    background: #f3f3f3
}

.tier-prices .prices-list td {
    border-bottom: solid 3px #d7d7d7;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: 700
}

.tier-prices .prices-list .field-header {
    font-weight: 700;
    text-align: center
}

.tier-prices .prices-list .item-price {
    color: #b80709
}

@media screen and (max-width:736px) and (min-width:320px) {
    .kargo-lb-wrapper {
        width: 300px;
        min-height: 400px;
        right: 10px
    }
    .kargo-lb-wrapper .kargo-lb {
        width: 300px;
        min-height: 340px
    }
}

@media(min-width:737px) {
    .kargo-lb-wrapper {
        min-height: 350px
    }
}

@media screen and (max-width:1390px) {
    .lightbox-tesekkurler {
        background-image: url(images/tesekkurler-lb-background-laptop.png);
        height: 683px;
        width: 690px
    }
    .lightbox-tesekkurler-baslik {
        height: 76px;
        left: 210px;
        top: 15px;
        width: 286px
    }
    .lightbox-tesekkurler-ok {
        height: 81px;
        right: 74px;
        top: 150px;
        width: 88px
    }
    .lightbox-tesekkurler-cycle {
        left: 37px;
        top: 167px
    }
    .lightbox-tesekkurler-cycle,
    .lightbox-tesekkurler-cycle-inner,
    .lightbox-tesekkurler-cycle-inner-item {
        height: 300px;
        width: 620px
    }
    .lightbox-tesekkurler-close {
        right: -40px;
        top: 35px
    }
    .lightbox-tesekkurler .lightbox-tesekkurler-next,
    .lightbox-tesekkurler .lightbox-tesekkurler-prev {
        top: 540px
    }
    .lightbox-tesekkurler .lightbox-tesekkurler-prev {
        left: 240px
    }
    .lightbox-tesekkurler .lightbox-tesekkurler-next {
        left: 390px
    }
    .lightbox-tesekkurler-cycle .icerik {
        font-size: 16px;
        line-height: 35px;
        margin-top: 25px
    }
    .lightbox-tesekkurler-cycle .yazar {
        font-size: 22px;
        margin-top: 15px;
        margin-right: 30px
    }
}

.order-note-wrapper.invoicetype {
    border-top: 1px solid rgba(217, 206, 182, .5);
    border-bottom: 1px solid rgba(217, 206, 182, .5);
    margin: 10px 0 !important;
    padding: 15px 0
}

.order-note-wrapper.invoicetype .text-prompt {
    float: left;
    width: 100%;
    font-weight: 600;
    margin-bottom: 15px
}

.order-note-wrapper.invoicetype .option-list {
    float: left;
    width: 100%
}

.order-note-wrapper.invoicetype .option-list li {
    width: 100%;
    float: left;
    margin-bottom: 13px
}

.order-note-wrapper.invoicetype .option-list li:last-child {
    margin-bottom: 0
}

.order-note-wrapper.invoicetype .option-list label {
    float: left;
    width: calc(100% - 20px);
    font-size: 12px !important;
    color: #663000;
    font-weight: 500;
    margin: 0;
    cursor: pointer;
    line-height: 20px;
    max-width: initial;
    padding-left: 10px
}

.order-note-wrapper.invoicetype .option-list input[type=radio] {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0;
    border-radius: 50%
}

.order-note-wrapper.invoicetype .option-list input[type=radio]:after {
    content: "";
    float: left;
    margin: 4px;
    width: 10px;
    height: 10px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear;
    border-radius: 50%
}

.order-note-wrapper.invoicetype .option-list input[type=radio]:checked:after {
    opacity: 1
}

.button--preload {
    position: relative
}

.button--preload::after {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    background: transparent url(images/ajax-loader.gif) no-repeat center center !important
}

.button--preload--show::after {
    display: block
}

.button--preload--show input,
button.button--preload--show {
    text-indent: -9999px
}

#NewConfirm .button--preload {
    position: initial
}

#NewConfirm .button--preload:after {
    bottom: 20px !important;
    width: 100%;
    height: 38px;
    top: initial
}

.badge-kargo-bedava {
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

.badge-kargo-bedava img {
    max-width: 66px
}

.kargo-dahil-badge {
    max-width: 66px
}

#scroll-menu {
    position: fixed;
    top: 0;
    background-image: url(images/scroll-menu-background.png);
    background-repeat: no-repeat;
    height: 65px;
    max-width: 1018px;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    padding-right: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s
}

#scroll-menu.scroll-menu-active {
    z-index: 1001;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

#scroll-menu .header-bottom {
    height: 65px
}

#scroll-menu .logo-wrapper {
    margin: 4px 0 0;
    height: 52px
}

#scroll-menu #portmenu>li>a {
    margin-top: 2px
}

#portmenu li.pmurunler {
    margin-top: 14px;
    height: 80%
}

#scroll-menu .cart-wrapper {
    margin-top: 0
}

#scroll-menu .cart-wrapper .cart-cart {
    margin-left: -18px;
    top: 5px;
    font-size: 11px
}

#scroll-menu #portmenu {
    margin-top: 8px;
    width: 78%
}

#scroll-menu #portmenu li:last-child {
    margin-right: 0
}

#scroll-menu #portmenu li {
    margin-right: 40px
}

#scroll-menu .pmurunler {
    margin-left: 0
}

@media only screen and (max-width:994px) {
    #scroll-menu {
        display: none
    }
}

@media only screen and (max-width:1193px) {
    #scroll-menu {
        max-width: 978px;
        width: 100%
    }
    #scroll-menu #portmenu li {
        margin-right: 30px
    }
}

#scroll-menu .top-menu>li {
    width: auto
}

#scroll-menu ul li {
    list-style: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: inherit
}

#portmenu .pmurunler a span,
#scroll-menu .pmurunler {
    width: 126px
}

.top-menu>li {
    position: relative;
    font-size: 1em;
    cursor: pointer
}

.scroll-menu-active .top-menu top-menu--draw-effect {
    background-color: red
}

.scroll-logo {
    margin-top: 7px;
    margin-left: 27px
}

#scroll-menu #topcartlink {
    right: 30px;
    height: 71px
}

#scroll-menu .ico-cart {
    background-image: url(images/scroll-checkout.png);
    background-repeat: no-repeat;
    height: 71px;
    width: 77px;
    margin-top: 0;
    float: right;
    margin-right: 14px
}

#scroll-menu .ico-cart-hover {
    background-image: url(images/scroll-checkout-hover.html);
    background-repeat: no-repeat;
    height: 72px;
    width: 77px;
    margin-top: -9px
}

#scroll-menu .cart-qty {
    background-image: url(images/scroll-basket-total.html);
    background-repeat: no-repeat;
    height: 24px;
    width: 23px;
    bottom: 0;
    line-height: 25px !important;
    top: 42px
}

#scroll-menu .cart-wrapper {
    background-image: none;
    height: 42px
}

.main-nav {
    width: 1019px;
    min-height: 500px;
    position: relative;
    background-color: #fdfcf8;
    z-index: 1001;
    margin-left: -162px;
    top: 16px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s
}

.main-nav-menu {
    width: 626px;
    display: inline-block;
    float: left;
    margin-top: 25px
}

.active>.main-nav {
    visibility: inherit;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.main-nav::before {
    content: '';
    display: block;
    width: 21px;
    height: 11px;
    background: url(images/PortakalBahcemNavigation/new-nav__centik.png) no-repeat 0 0;
    position: absolute;
    top: -11px;
    left: 203px
}

.new-nav {
    width: 34%;
    max-height: 357px;
    float: left;
    margin-bottom: 12px;
    display: block;
    padding-top: 30px;
    top: 32px
}

.new-nav_portakal-icon:before {
    background-position: -9px -4px;
    width: 14px;
    height: 18px
}


.new-nav-separator {
    text-align: center;
    margin-bottom: 16px
}

.new-nav__list-item {
    height: 20px;
    margin-bottom: 14px;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    display: list-item
}

.new-nav__list-item-arrow {
    list-style-image: url(images/PortakalBahcemNavigation/grey-nav-arrow.png) !important;
    height: 20px;
    margin-bottom: 14px !important;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    display: list-item !important
}

.new-nav__list-item-arrow:hover {
    list-style-image: url(images/PortakalBahcemNavigation/grey-nav-arrow-hover.png) !important
}

.new-nav-hasad {
    width: auto;
    display: block;
    padding-left: 53px;
    margin-top: 0
}

.new-nav-hasad:after {
    content: "";
    display: block;
    background: url(images/PortakalBahcemNavigation/hasad-baslik-alti.png) no-repeat;
    width: 161px;
    height: 5px
}

.new-nav__list_hasad {
    position: static !important;
    padding: 0 0 0 65px !important;
    margin: 0;
    background: 0 0 !important;
    margin-bottom: 20px
}

.season-closed .new-nav__list-item:first-child {
    list-style-image: none !important;
    list-style: none
}

.season-closed .new-nav__list-item:first-child:hover {
    list-style-image: none !important;
    list-style: none
}

.season-closed .new-nav__list-item span {
    background-image: url(images/PortakalBahcemNavigation/baslik_alti.png);
    width: 159px;
    height: 3px;
    display: block
}

.season-closed .new-nav__list-item {
    list-style-image: url(images/PortakalBahcemNavigation/grey-nav-arrow.png) !important;
    display: list-item !important;
    margin-bottom: 12px
}

.season-closed .new-nav__list-item:hover {
    list-style-image: url(images/PortakalBahcemNavigation/grey-nav-arrow-hover.png) !important
}

.new-nav-header {
    display: inline-block
}

.new-button {
    position: relative;
    display: inline-block;
    margin-left: 36px;
    margin-top: 20px;
    width: 279px;
    height: 441px
}

.new-button__nar-kurabiye-hover {
    width: 168px;
    height: 35px;
    display: block;
    bottom: 10px;
    position: absolute;
    left: 50%;
    margin-left: -84px;
    background-image: url(images/PortakalBahcemNavigation/portakalsprite.png);
    background-repeat: no-repeat;
    background-position: -854px -1030px
}

.new-button__nar-kurabiye-hover:after {
    width: 168px;
    height: 35px;
    content: '';
    display: block;
    background-image: url(images/PortakalBahcemNavigation/portakalsprite.png);
    background-position: -855px -1074px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0
}

.new-button:hover .new-button__nar-kurabiye-hover:after {
    opacity: 1
}

.weekend-package {
    list-style-image: url(images/PortakalBahcemNavigation/hediye-paketi.png) !important
}

.weekend-package:hover {
    list-style-image: url(images/PortakalBahcemNavigation/hediye-paketi.png) !important
}

#scroll-menu .main-nav.main__nav__active {
    margin-left: -144px;
    margin-top: -18px
}

.footer-banners-wrapper {
    margin: 40px auto 0;
    float: left
}

.kargo-dahil-badge {
    position: absolute;
    top: 10px;
    right: 10px
}

.new-nav-header {
    display: inline-block;
    position: relative;
    margin-left: 62px;
    margin-top: 16px;
    width: 315px;
    height: 462px;
    overflow: hidden
}

.new-nav-header .flexslider {
    height: 462px
}

.new-nav-header .slides {
    padding: 0;
    margin: 0;
    border-radius: 0
}

.new-nav-header .flex-control-paging {
    display: inline-block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    height: 10px;
    width: auto;
    font-size: 0
}

#portmenu .new-nav-header .flex-control-paging>li {
    margin-right: 10px
}

#portmenu .new-nav-header .flex-control-paging>li:last-child {
    margin-right: 0
}

#portmenu .new-nav-header .flex-control-paging>li,
#portmenu .new-nav-header .flex-control-paging>li>a {
    display: inline-block;
    width: 10px;
    height: 10px;
    font-size: 0
}

#portmenu .new-nav-header .flex-control-paging>li>a {
    background-color: #626160;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 3px #626160
}

#portmenu .new-nav-header .flex-control-paging>li>a.flex-active {
    background-color: #fff
}

.new-nav-header .flex-direction-nav {
    display: none !important;
    visibility: hidden
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row.no-gutters>[class*=" col-"],
.row.no-gutters>[class^=col-] {
    padding-right: 0;
    padding-left: 0
}

.automatic-order-wrapper .haftalik-urun-gonderim .haftalik-gonderim .haftalik-gonderim-baslik {
    font-family: var(--primary-font), sans-serif;
    font-size: 14px;
    color: #f4e7d3;
    text-align: center;
    margin-bottom: 0;
    display: block
}

.automatic-order-wrapper .haftalik-urun-gonderim .haftalik-gonderim .haftalik-gonderim-metin {
    font-family: var(--primary-font), sans-serif;
    font-size: 12px;
    color: #f4e7d3;
    text-align: center;
    margin-bottom: 0
}

.automatic-order-wrapper .haftalik-urun-gonderim:nth-child(2n+2) .haftalik-gonderim {
    background-color: #ffe1a1
}

.automatic-order-wrapper .haftalik-urun-gonderim:nth-child(2n+2) .haftalik-gonderim .haftalik-gonderim-baslik {
    font-family: var(--primary-font), sans-serif;
    font-size: 14px;
    color: #3f6a24;
    text-align: center
}

.automatic-order-wrapper .haftalik-urun-gonderim:nth-child(2n+2) .haftalik-gonderim .haftalik-gonderim-metin {
    font-family: var(--primary-font), sans-serif;
    font-size: 12px;
    color: #3f6a24;
    text-align: center
}

.haftalik-gonderim .haftalik-gonderim-baslik {
    display: none
}

.haftalik-gonderim {
    display: none;
    background-color: #0a7c44;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
    position: absolute;
    z-index: 999
}

.haftalik-gonderim .haftalik-gonderim-baslik {
    font-family: var(--primary-font),sans-serif;
    font-size: 12px;
    color: #f4e7d3;
    text-align: center;
    margin-bottom: 0;
    display: block
}

.haftalik-gonderim .haftalik-gonderim-metin {
    font-family: var(--primary-font), sans-serif;
    font-size: 12px;
    color: #f4e7d3;
    text-align: center;
    margin-bottom: 0
}

.tabProductImage {
    position: relative
}

.kargo-dahil-badge {
    top: 10px
}

[data-productid="2496"] .haftalik-gonderim .haftalik-gonderim-baslik {
    display: block
}

[data-productid="2496"] .haftalik-gonderim {
    display: block;
    background-color: #0a7c44;
    width: auto;
    height: auto;
    padding-top: 3%;
    padding-bottom: 3%
}

[data-productid="2496"] .haftalik-gonderim .haftalik-gonderim-baslik {
    font-family: var(--primary-font), sans-serif;
    font-size: 14px;
    color: #f4e7d3;
    text-align: center;
    margin-bottom: 0;
    display: block
}

[data-productid="2496"] .haftalik-gonderim .haftalik-gonderim-metin {
    font-family: var(--primary-font),sans-serif;
    font-size: 12px;
    color: #f4e7d3;
    text-align: center;
    margin-bottom: 0
}

[data-productid="2496"] .tabProductImage {
    padding-top: 10px !important
}

[data-productid="2496"] .kargo-dahil-badge {
    top: 5px !important
}

.related-products-grid .old-price::before {
    width: 60px !important;
    left: 0;
    float: left;
    margin-left: 0;
    top: 8px !important
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .related-products-grid .old-price::before {
        width: 60px !important;
        top: 10px !important;
        margin-left: 0
    }
}

.payment-method-tab-content {
    min-height: 356px;
    position: relative
}

.payment-logo {
    display: block;
    float: left;
    position: relative;
    margin-left: -20px;
    margin-right: 20px;
    margin-top: 4px
}

.payment-logo img {
    vertical-align: top
}

#payment-credit-card {
    float: left;
    width: 100%;
    font-family: var(--primary-font), sans-serif

}

#payment-credit-card .form-row {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

#payment-credit-card .form-row.credit-card-date {
    width: calc((100%/3) * 2)
}

#payment-credit-card .form-row.credit-card-code {
    width: calc(100%/3)
}

#payment-credit-card .form-row label {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #663000;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 5px
}

#payment-credit-card .form-row__input {
    float: left;
    width: 100%
}

#payment-credit-card input[type=text] {
    float: left;
    width: 100%;
    background: #fff !important;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #d9ceb6 !important;
    height: 41px;
    padding: 10px;
    line-height: 19px;
    margin: 0;
    color: #663000;
    font-size: 13px;
    font-weight: 600
}

#payment-credit-card .date-dropdown {
    float: left;
    border: 1px solid #d9ceb6;
    height: 41px;
    width: calc(50% - 5px);
    position: relative;
    margin-right: 5px
}

#payment-credit-card .date-dropdown:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(images/angle-arrow-down.svg) no-repeat center center;
    background-size: 10px;
    width: 39px;
    height: 100%;
    z-index: 1
}

#payment-credit-card .date-dropdown select {
    float: right;
    width: 100%;
    border: none;
    border-radius: 0;
    margin: 0;
    height: 39px;
    padding: 10px 39px 10px 10px;
    color: #663000;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: 0 0;
    position: relative;
    z-index: 2;
    font-family: var(--primary-font), sans-serif

}

#payment-credit-card .date-dropdown select option {
    font-weight: 500
}

#payment-credit-card .continue-warning-message {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #8c8c8c
}

.checkout-havale {
    float: left;
    width: 100%;
    font-family: var(--primary-font), sans-serif;
    font-size: 14px
}

.checkout-havale .checkout-havale__details {
    float: left;
    width: 100%
}

.checkout-havale__details__keyval {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 500
}

.checkout-havale__details__keyval__key {
    font-weight: 600
}

.havale-baslik-bilgi {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    color: #ef550e
}

.havale-maddeler-bilgi {
    float: left;
    width: 100%
}

.please-next-station {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #8c8c8c;
    font-family: var(--primary-font), sans-serif;
    display: none
}

.havale-garanti {
    margin-top: 20px;
    margin-bottom: 20px
}

.method-name.payment-atdoor-text {
    float: left;
    width: 100%
}

.kapida-odeme {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.payment-warning {
    font-weight: 600
}

.kapida-odeme-sekliniz {
    float: left;
    width: 100%;
    font-family: var(--primary-font), sans-serif

}

.kapida-odeme-sekliniz p {
    float: left;
    width: 100%;
    font-weight: 600
}

.kapida-odeme-sekliniz label {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #663000;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    line-height: 20px;
    margin-bottom: 10px
}

.kapida-odeme-sekliniz input[type=radio] {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0;
    opacity: 1 !important;
    position: relative !important;
    border-radius: 50%
}

.kapida-odeme-sekliniz input[type=radio]:after {
    content: "";
    float: left;
    margin: 4px;
    width: 10px;
    height: 10px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear;
    border-radius: 50%
}

.kapida-odeme-sekliniz input[type=radio]:checked:after {
    opacity: 1
}

.payment-logo img {
    width: 32px;
    height: auto
}

.havale-maddeler-bilgi li {
    list-style-type: disc !important;
    background: 0 0 !important;
    list-style-position: inside !important;
    float: left;
    width: 100%;
    margin-bottom: 5px !important;
    font-size: 12px;
    font-weight: 500
}

.havale-maddeler-bilgi li a {
    color: #000 !important;
    text-decoration: underline
}

#havale-maddeler .portakalbahcem-mail-iletisim {
    position: inherit;
    color: #00f
}

@media only screen and (min-width:768px) {
    .mobile-pay-button {
        display: none !important
    }
}

@media only screen and (max-width:768px) {
    .mobile-pay-button {
        background-color: #fff
    }
}

#exemple .small-width {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    float: none !important
}

#exemple .wrap {
    margin: 0 auto;
    width: 100%
}

#box-container {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    float: left
}

#box-container .box:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
    margin-right: 0
}

#box-container .box {
    list-style-type: none;
    float: left;
    margin-bottom: 1rem;
    margin-left: 2%;
    margin-right: 0;
    width: 32%
}

#box-container .box a {
    display: block;
    width: 100%;
    height: auto
}

#box-container .box a img {
    -webkit-back-visibility: hidden;
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.portakal-about-big-img {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    margin-top: 20px
}

.portakal-photograh-tittle {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 6%;
    margin-bottom: 2%
}

.portakal-finikeden-big-image h3,
.portakal-photograh-tittle h3 {
    font-family: var(--primary-font), sans-serif;
    font-size: 18px;
    color: #e76d3c;
    text-align: center;
    margin-bottom: 0
}

.portakal-finikeden-big-image p {
    font-family: var(--primary-font), sans-serif;
    font-size: 14px;
    text-align: center;
    color: #5d5d5d
}

.hakkimizda-header {
    margin-top: 30px
}

.portakal-finikeden-big-image {
    display: block;
    position: relative;
    float: left;
    width: 100%
}

#exemple {
    clear: both
}

.portakal-about-big-img img,
.portakal-hakkimizda-gorsel {
    width: 100%;
    height: auto
}

.neden-finike-cografi-badge {
    margin-top: 5%;
    margin-bottom: 5%
}

.neden-finike-kan-portakali {
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px
}

.neden-finike-portakali-baslik-alti {
    margin-bottom: 2%
}

#Cart .checkout-attributes {
    display: none
}

.cart-gift-section .cart-checkout-button {
    margin-top: 20px;
    margin: 0 auto
}

@media only screen and (min-width:992px) {
    .cart-gift-section .cart-checkout-button {
        display: none
    }
}

.cart-checkout-button:disabled {
    pointer-events: none;
    opacity: .5
}

.product-wrapper.haftalik-urun-gonderim {
    position: relative
}

.hasat-martta,
.hasat-mayisda,
.hasat-nisanda,
.hasat-ocakta,
.hasat-subatta,
.hasat-yakinda-badge {
    z-index: 9;
    display: none;
    margin-left: 10px;
    max-width: 66px
}

@media(min-width:768px) {
    .hasat-martta,
    .hasat-mayisda,
    .hasat-nisanda,
    .hasat-ocakta,
    .hasat-subatta,
    .hasat-yakinda-badge {
        display: block !important
    }
}

/* .back-in-stock-subscription {
    float: left;
    width: calc(100% - 125px)
} */

.back-in-stock-subscription .subscribe-button {
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 17.4px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #F0E9E0;
    background-color: var(--green-text-color);
    border-radius: 50px;
    width: 100%;
    text-shadow: none;
    background-image:none;
    height:58px;
    transition: 0.3s ease;
    text-shadow: none;
}

.back-in-stock-subscription .subscribe-button:hover {
    background: #886a52
}

.option-list label {
    font-size: 13px;
    max-width: 90%;
    margin-top: 0
}

.option-list input[type=checkbox],
.option-list input[type=radio] {
    display: table-cell;
    vertical-align: top
}

.option-list li {
    position: relative;
    display: block;
    height: auto;
    width: 100%;
    margin-bottom: 12px
}

.newsletter-fieldset {
    padding: 10px;
    margin: 0 0 15px;
    border: solid 1px #e5e5e5;
    float: left;
    width: calc(100% - 20px)
}

.newsletter-legend {
    float: left;
    border-bottom: 1px solid #e5e5e5;
    font-size: 13px;
    width: 100%;
    padding-bottom: 10px
}

.newsletter-field-wrapper {
    float: left;
    width: 100%
}

.newsletter-field-wrapper input {
    float: left
}

.newsletter-field-wrapper label {
    width: auto !important;
    margin-left: 5px !important
}

.newsletter-fieldset .newsletter-yes-no {
    float: none
}

.whatsapp-siparis-content h3 {
    font-family: var(--secondary-font), sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #e76d3c;
    text-align: center;
    margin-bottom: 0
}

.whatsapp-siparis-content img {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.whatsapp-siparis-content p {
    font-size: 12px;
    text-align: center;
    color: #5d5d5d
}

.whatsapp-siparis-phone {
    margin-top: 10%;
    margin-bottom: 10%
}

.whatsapp-siparis-note {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    background-color: #357511
}

.whatsapp-siparis-note p {
    color: #fcf5ea;
    font-size: 13px !important;
    padding-top: 1.6%;
    padding-bottom: 1%
}

.whatsapp-siparis-note strong {
    color: #ffd98d
}

.whatsapp-siparis-note span {
    color: #ffd98d;
    font-size: 13px !important
}

.whatsapp-baslik-alti {
    width: 100%;
    max-width: 488px
}

.whatsapp-siparis-phone img {
    width: 100%;
    max-width: 712px
}

.main-whatsapp-icon {
    float: left;
    height: 100%;
    width: auto;
    min-width: 161px;
    position: relative;
    background: #0ad460;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}


.main-whatsapp-icon img {
    width: 32px;
    float: left
}

.whatsapp-siparis {
    background: #4d5f43;
    height: 69px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 1020px;
    width: 100%;
    margin: 30px auto 0px auto;
    border-radius:8px;
}
.whatsapp-siparis .wp-text{
    font-family: var(--primary-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
}
@media(max-width:778px) {
    .whatsapp-siparis .wp-text{
        font-size: 12px;
    }
    .whatsapp-siparis{
        margin: 15px auto 20px;
    }
    .whatsapp-siparis .icon{
        display:none!important;
    }
    .whatsapp-siparis .wp-col{
        width: 50%;
        justify-content: center;
    }
    .whatsapp-siparis-container{
        padding-left: 10px;
        padding-right: 10px;
    }
    .main-whatsapp-sabit-tel .text-area{
        width: 70%;
    }
    .main-whatsapp-sabit-tel .text-area p{
       display: inline-block!important
    }
    .main-whatsapp-sabit-tel{
        border-top-left-radius:8px;
        border-bottom-left-radius:8px;
    }
    .triple-banner img{
        margin:auto;
        width:100%;
    }
    
   
}
@media(min-width:1024px) {
    .whatsapp-siparis {
        display: grid;
        grid-template-columns: 430px 305px 285px ;
    }
    .whatsapp-siparis {
        margin-top:42px;
    }
}
@media(min-width:900px) {
    .whatsapp-siparis:after {
        display: none
    }
}
.whatsapp-siparis:before {
    display: none;
}

@media(min-width:600px) {
    .whatsapp-siparis-numara {
        padding-left: 10px;
        font-size: 18px
    }
}

.whatsapp-siparis-numara:hover {
    color: #fff
}
.whatsapp-siparis strong {
    color: #ffa963;
    font-weight: 500
}

.main-whatsapp-sabit-tel {
    float: left;
    width: auto;
    justify-content: start;
    background: #627b54;
}

.whatsapp-siparis .wp-col{
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    gap:10px;
}
@media(min-width:1024px) {
    .whatsapp-siparis .wp-col{
        padding: 0 20px
    }
}
.whatsapp-siparis .icon{
    position: absolute;
    right: 25px;
    top:50%;
    transform: translateY(-50%);
    height: 15px;

}

.whatsapp-siparis-text {
    font-size: 14px;
    color: #fcf5ea;
    margin: 0;
    position: relative;
    display: none;
    text-align: center;
    font-family: var(--primary-font), sans-serif;
    line-height: 20px;
    font-weight: 600
}

.wst-detaylar {
    display: inline-block
}

.whatsapp-siparis-text a {
    color: #fcf5ea
}

.whatsapp-siparis-text a:hover {
    color: #fcf5ea
}

.wst-detaylar:after {
    content: "";
    display: block;
    background: url(images/yeni-header/detaylar-ok.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 9px;
    float: right;
    margin-top: 6px;
    margin-left: 6px
}
.triple-banner , .triple-icon-area{
    max-width: 1020px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 40px;
}
.triple-banner{
    padding-top: 32px;
}
@media(min-width:640px) {
    .triple-banner{
        padding-bottom: 100px;
    }
    .whatsapp-siparis-content p {
        font-size: 18px
    }
    .triple-icon-area{
        padding-top: 68px;
        padding-bottom: 68px;
    }
   .product-description-wrapper  .triple-icon-area{
    padding-top: 30px;
    padding-bottom: 20px;
    }
    
}
@media(max-width:640px) {
    .triple-banner{
        padding: 10px;
    }
}


.triple-icon-area .icon-box{
    text-align: center;
    font-weight: 600;
}
.triple-icon-area .icon-box .icon{
    margin-bottom:10px;
    
}

.hediye-alisveris {
    display: block;
    background-color: #fd7600
}

.hediye-alisveris-text {
    text-align: center;
    color: #fff;
    padding: 2% 0;
    margin: 0;
    font-size: 12px
}

@media(min-width:560px) {
    .hediye-alisveris-text {
        font-size: 14px
    }
    .triple-icon-area:not(.product-page-icons) .icon-box .icon{
        height: 73px;
    }
    
}

@media(min-width:764px) {
    .hediye-alisveris-text {
        font-size: 16px
    }
}

@media(min-width:992px) {
    .hediye-alisveris {
        display: none
    }
}

.impersonate {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 68px;
    width: 200px;
    background-color: gray;
    padding: 10px;
    z-index: 1
}

#UserMenu .register {
    display: none
}


.header-top .pdesc {
    padding: 8px 0 0;
    float: left;
    color: #decdae;
    font-size: 11px;
    font-family: var(--primary-font), sans-serif;
    font-weight: 500
}

.header-ucretsiz-kargo {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px 0 0
}

.header-links {
    padding: 0;
    padding-left: 7em
}
.header_wrapper_ .header-right{
    display: flex;
    align-items: center;
}

.abone-btn{
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border:2px solid var(--secondary-color);
    background: #EFE6D2;
    color: var(--secondary-color);
    font-weight: 600;
    height:45px;
    /* border: 1px solid #353E21;
    background-color:  #353E21;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color:#FFFFFF;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 107px;
    height: 37px;
    text-transform: uppercase;
    transition: 0.3s ease; */
    
}

/* .abone-btn:hover{
    background-color:  transparent;
    color:#353E21;
} */
.bell-container:hover .bell-campaign {
    display: block
}

.bell-container:hover .overlay {
    display: block
}

.bell {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 4px;
    background: url(/Themes/DefaultClean/Content/images/bell-brown.png) no-repeat;
    background-size: 100%;
    position: relative;
    z-index: 99999;
}


.bell span {
    float: right;
    width: 25px;
    height: 25px;
    background: center/ contain url(/Themes/DefaultClean/Content/images/bell-top.png) no-repeat;
    text-align: center;
    line-height: 32px;
    font-size: 13px;
    font-family: var(--primary-font), sans-serif;
    font-weight: bold;
    position: absolute;
    right: -10px;
    top: -4px;
    color:var(--main-light-color);
    padding-right: 2px;
}

.bell-container .bell-campaign {
    float: left;
    position: absolute;
    width: 320px;
    padding-top: 14px;
    top: 70px;
    left: 50%;
    right: 50%;
    margin: 0 calc(320px/2 * -1);
    z-index: 9999;
    display: none;
    transition: all .2s linear
}

.bell-container .bell-campaign ul {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 7px;
    padding: 15px;
    position: relative;
    z-index: 9999
}

.bell-container .bell-campaign ul:before {
    bottom: 100%;
    left: 93%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 7px;
    margin-left: -7px
}

.bell-container .bell-campaign li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    text-align: left
}

.bell-container .bell-campaign li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0
}

.bell-container .bell-campaign img {
    float: left;
    width: 50px;
    height: 50px
}

.bell-container .bell-campaign span {
    float: left;
    width: calc(100% - 50px);
    padding-left: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #000
}

.bell-container .bell-campaign strong {
    font-weight: 600
}

.bell-container .bell-campaign u {
    text-decoration: underline;
    clear: both;
    display: block;
    font-weight: 600;
    color: #999
}

.bell-container .bell-campaign .orange {
    color: #f3851f !important
}

.bell-container .bell-campaign .red {
    color: #c90000 !important
}

.bell-container .bell-campaign .purple {
    color: purple !important
}

.overlay {
    width: 100vw;
    height: 100vh;
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 999;
    display: none;
    transition: all .2s linear
}

.overlay:hover {
    display: none !important
}

.cart-wrapper {
    padding: 0;
    float: right
}

#UserMenu {
    float: left;
    width: 100%;
    padding: 6px 0 0
}

#UserMenu li {
    font-family: var(--primary-font), sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    float: left
}

.facebook-connecting {
    margin-right: 30px
}

.facebook-connecting a:before {
    content: "";
    display: block;
    background-image: url(images/yeni-header/fb-arrow.png);
    width: 5px;
    height: 7px;
    float: left;
    margin-right: 6px;
    margin-top: 5px
}

.facebook-connecting a>span {
    color: #4e6e97
}

#UserMenu .login a:before {
    content: "";
    display: block;
    background-image: url(images/yeni-header/uye-girisi-arrow.png);
    width: 5px;
    height: 7px;
    float: left;
    margin-right: 6px;
    margin-top: 5px
}

.header-story {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 108px;
    justify-content: space-between;
    padding-right: 0;
    padding-left: 1em
}

.header-new-account {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-left: 0;
    flex-wrap: wrap;
}


@media(min-width:1200px) {
    .header-story {
        padding-left: 3em
    }
    .header-right{
     justify-content: flex-end;
     padding-right: 150px;
     gap:17px;
    }
}
/* @media(min-width:1300px) {
    .new-nav__list>li{
        min-width: 144px;
    }
} */

@media(min-width:1024px) {
    .header-new-account .login {
        margin-right: -10px
    }
}

.account-btn{
    background:var(--primary-color);
    border-radius: 8px;
    padding-left: 45px;
    background-image: url('/Themes/DefaultClean/Content/images/girisyap-ico.png' );
    background-size: 20px;
    background-position: 15px center;
    background-repeat: no-repeat;
    font-weight: 600;
    color: #ffff;
    text-align: center;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    height: 45px;
    width: 147px;
    align-items: baseline;
    min-width: 147px;
    justify-content: center;
    position: relative;
    /* border: 1px solid #353E21;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color:#353E21;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 106.99994659423828px;
    height: 36.99998092651367px;
    text-transform: uppercase;
    transition: 0.3s ease; */

}
.account-btn.arrow::after{
    content: "";
    position: absolute;
    background-image: url('/Themes/DefaultClean/Content/images/arrow-bottom.png' );
    background-size: contain;
    width: 16px;
    height: 16px;
    right: 15px;

}
.account-btn small{
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.4px;
    display: inline-block;
    padding-left: 2px;
}
.header-new-account .account-btn:hover{
    color: var(--main-bg-color)!important;
}



.ns-menu {
    padding: 0;
    background-color: #ffe8cc
}

.ns-menu-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 46px;
    padding: 0 10px
}

.ns-menu-item {
    margin-right: 21px
}

.ns-menu-item a {
    font-family: var(--primary-font), sans-serif;
    color: #61814d;
    font-size: 12px;
    font-weight: 700;
    transition: all ease-in .2s
}

.ns-menu-item a:hover {
    color: #4c653d
}

.sezondaki-meyveler a:hover {
    color: #dc4d0b
}

.ns-menu-item a:after {
    content: "";
    background-image: url(images/yeni-header/short-menu-grey-arrow.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 7px;
    left: 0;
    float: left;
    margin-top: 8px;
    margin-right: 6px
}

.sezondaki-meyveler a {
    color: #ef550e
}

.sezondaki-meyveler a:after {
    content: "";
    background-image: url(images/yeni-header/short-menu-red-arrow.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 7px;
    left: 0;
    float: left;
    margin-top: 8px;
    margin-right: 6px
}

.ns-menu-hediye {
    height: 46px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0
}

.ns-menu-hediye .flexslider {
    width: 320px
}

.ns-menu-hediye .flexslider .flex-direction-nav {
    display: none
}

.ns-menu-hediye .flexslider .flex-control-nav.flex-control-paging {
    display: none
}

.sm-indirim-text {
    color: red
}

.sm-indirim-text:hover {
    color: red
}

.ns-menu-hediye:after {
    content: "";
    background-image: url(images/yeni-header/hediye-uyari.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 26px;
    position: absolute;
    right: 8px;
    top: 12px
}

.ns-menu-hediye-text {
    font-family: var(--primary-font);
    font-size: 12px;
    color: red;
    margin: 0;
    width: 320px !important;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative
}

.ns-menu-hediye-text:before {
    content: "";
    background-image: url(images/yeni-header/hediye-tirnak.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 6px;
    float: left;
    left: 24px;
    top: 0;
    position: absolute
}

.ns-menu-hediye-text:after {
    content: "";
    background-image: url(images/yeni-header/hediye-tirnak.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 6px;
    right: 24px;
    bottom: 0;
    position: absolute;
    transform: rotate(180deg)
}

.kampanya-link {
    color: red
}

.kampanya-link:hover {
    color: red
}

.kampanya-link:focus {
    color: red
}

.header-top {
    background: linear-gradient(90deg, #C63200 0%, #FD7025 100%);
}

/* .mevsime-ozel-urunler {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

@media(min-width:992px) {
    .mevsime-ozel-urunler {
        display: block;
        margin-bottom: 30px;
    }
} */


.m-o-title-background {
    position: relative;
    float: left;
    width: 100%
}

.products-wrapper {
    float: left;
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.product-list-page .sidebar-wrapper{
    display:none
}
.category-product-wrapper .product-wrapper,
.search-page:not(.no-result) .product-wrapper {
    width: calc((100%/2) - 6px);
    max-width: 321.98px!important; 
    margin-right: 8px;
    margin-left: 0;
    margin-bottom: 9px !important
}
.product-list-page .two-column-right{
    padding: 0 0 0 0px!important;
    width: 100%!important;
}

@media(min-width:768px) {
    .category-product-wrapper .product-wrapper,
    .search-page:not(.no-result) .product-wrapper {
        width: calc((100%/3) - 8px);
        max-width: 323.98px;
        margin-right: 8px;
        margin-left: 0;
        margin-bottom: 9px !important
    }

}


.tum-urunleri-incele {
    width: 188px;
    height: 48px;
    background-image: url(images/tum-urunleri-gor.html);
    cursor: pointer;
    opacity: .9
}

.tum-urunleri-incele:hover {
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    opacity: 1
}

.tum-urunleri-incele a {
    width: 188px;
    height: 48px;
    display: block
}

.ig-Instagram {
    width: 100%;
    max-width: 1600px;
    margin-top: 20px
}

.block-policy .ig-Instagram_Title1,
.ig-Instagram_Title1 {
    display: block;
    margin: 0;
    font: normal 38px/1 'Open Sans';
    color: #ab0635;
    text-align: center
}

.block-policy .ig-Instagram_Title2,
.ig-Instagram_Title2 {
    display: block;
    margin: 0;
    font: bold 20px/1 'Open Sans';
    color: #ab0635;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 20px
}

.block-policy .ig-Instagram_Text,
.ig-Instagram_Text {
    font: normal 15px/1.6 'Open Sans';
    color: #191919;
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center
}

.ig-Instagram_TextLink {
    display: inline-block;
    position: relative;
    color: #ac0636;
    text-decoration: none
}

.ig-Instagram_TextLink:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 22px;
    border-bottom: solid 1px #de98af;
    width: 0;
    -webkit-transition: width ease-in .2s;
    transition: width ease-in .2s
}

.ig-Instagram_TextLink:hover:after {
    width: 100%
}

.ig-Instagram_ImageLink {
    display: block;
    height: 57px;
    line-height: 57px;
    margin: 50px auto;
    width: 287px;
    font-size: 0
}

.ig-Instagram_ImageLink:before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 10.5px 16px 10.5px 25px
}

.ig-Instagram_ImageLink:after {
    content: '';
    display: inline-block;
    width: 185px;
    height: 20px;
    margin-bottom: 18px
}

.ig-Instagram,
.ig-Instagram_ListItem {
    display: inline-block
}

.block-policy .ig-Instagram_List,
.ig-Instagram_List {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%
}

.ig-Instagram_ListItem {
    width: 50%;
    padding: 0 1% 5%;
    margin: 0
}

@media(min-width:768px) {
    .ig-Instagram_ListItem {
        padding-bottom: 2%
    }
}

@media(min-width:480px) {
    .ig-Instagram_ListItem {
        width: 33%
    }
    .ig-Instagram_ListItem:last-child {
        display: none
    }
}

@media(min-width:1024px) {
    .ig-Instagram_ListItem {
        width: 20%
    }
    .ig-Instagram_ListItem:last-child {
        display: inline-block
    }
}

.ig-Instagram_Link {
    display: inline-block
}

.ig-Instagram_Image {
    width: 100%;
    height: auto
}

.ig-Instagram_Photos {
    font-size: 0
}

.ig-Instagram_LikeCount {
    font: 700 14px arial;
    padding: 8px 0 0 10px
}

.ig-Instagram_Heart {
    display: inline-block;
    color: #ccc;
    position: relative;
    width: 14px;
    height: 14px;
    top: 3px
}

.ig-Instagram_Heart:after,
.ig-Instagram_Heart:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    width: 58%;
    height: 88.88%;
    background: currentColor;
    -moz-border-radius: 50% 50% 0 0;
    border-radius: 50% 50% 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.ig-Instagram_Heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.main-page-instagram-title {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 40px
}

.main-page-instagram-title h1 {
    margin: 0;
    font-size: 28px;
    color: #191919;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 2px
}

.instagram-text {
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 500;
    color: #547b63
}

.main-page-instagram-title_two {
    float: left;
    width: 100%;
    color: #de4e2e;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    margin: 10px 0 12px
}

.main-page-instagram-text {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    margin: 0
}

.main-page-instagram-text a {
    color: #be3c1e;
    font-weight: 500
}

.instagram-images {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px
}



.header_wrapper_ {
    width: 100%;
    float: left
}




.ProductDetails-AddtoCart-Loading {
    position: absolute;
    transition: all ease-in .3s;
    visibility: hidden;
    opacity: 0;
    background: #f36943;
    width: 100%;
    left: 0;
    height: 39px;
    border-radius: 3px;
    text-align: center;
    line-height: 39px
}

.ProductDetails-AddtoCart-Loading-isVisible {
    visibility: visible;
    opacity: 1
}

.ProductDetails-AddtoCart-Loading img {
    max-height: 39px;
    max-width: 100%
}

.category-page .haftalik-urun-gonderim {
    min-height: 354px
}

.hasat-eylulde {
    position: absolute;
    z-index: 1;
    width: 10%;
    height: auto
}

@media(min-width:1200px) {
    .hasat-eylulde {
        width: auto;
        height: auto
    }
    /* .nav_menu__container .container{
        padding-right: 26px;
        padding-left: 23px;
    } */

}

.hasat-aralikta,
.hasat-ekimde,
.hasat-kasimda,
.portakalbahcem-on-siparis {
    z-index: 1;
    max-width: 66px;
    height: auto;
    margin-left: 10px
}

@media(min-width:1200px) {
    .hasat-aralikta,
    .hasat-ekimde,
    .hasat-kasimda,
    .portakalbahcem-on-siparis {
        width: auto;
        height: auto;
        max-width: 66px;
        max-height: 66px
    }
}

#loginErrors {
    color: red
}

.kampanya-lightbox a img {
    width: 300px;
    display: flex
}

@media(min-width:1200px) {
    .kampanya-lightbox a img {
        width: auto
    }
}

.lb_overlay {
    opacity: .7 !important
}

@media(min-width:1200px) {
    .lb_overlay {
        opacity: .3 !important
    }
}

.clsparent {
    float: left;
    width: 100%;
    max-width: 222px;
    background: url(images/category-title-bg.png) no-repeat left top;
    height: 29px;
    line-height: 27px;
    padding: 1px 28px 1px 14px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    position: relative
}

.clsparent:after {
    content: "";
    width: 27px;
    height: 27px;
    float: right;
    background: url(images/right-arrow.svg) no-repeat center center;
    background-size: 11px;
    position: absolute;
    right: 10px;
    transition: all .2s linear
}

.responsive-left-menu .clsparent.active:after {
    transform: rotate(90deg)
}

.sidebar-menu-wrapper {
    float: left;
    width: 100%;
    max-width: 222px;
    padding-left: 14px;
    box-sizing: content-box;
    margin: 20px 0 30px
}

.sidebar-menu-wrapper>li {
    float: left;
    width: 100%;
    margin-bottom: 5px
}

.sidebar-menu-wrapper li>a {
    float: left;
    width: 100%;
    font-family: var(--primary-font), cursive
}

.sidebar-menu-wrapper .sublist {
    float: left;
    width: 100%;
    padding-left: 15px
}

.sidebar-menu-wrapper .sublist>li {
    float: left;
    width: 100%
}

.sidebar-menu-wrapper .sublist>li:last-child {
    margin-bottom: 0
}

.sidebar-menu-wrapper .sublist a {
    color: #ac6736;
    font-family: var(--primary-font), sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    width: auto
}

.sublist .season-category {
    font-weight: 600
}

.sidebar-menu-wrapper .sublist a .active {
    color: #f76b2e
}

.sidebar-banners-wrapper {
    float: left;
    width: 100%
}

.sidebar-banners-wrapper li {
    float: left;
    width: 100%;
    margin-bottom: 13px
}

.sidebar-banners-wrapper li img {
    float: left;
    max-width: 100%
}

.sidebar-banners-wrapper li a {
    float: left;
    width: 100%;
    position: relative
}

.sidebar-banners-wrapper li .sepete-at {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: 0 auto;
    width: 138px;
    height: 35px;
    font-size: 0;
    background: url(images/sepete-at2.png) no-repeat left top
}

.sidebar-banners-wrapper li .sepete-at:hover {
    background-position-y: -35px
}

.childmenuitem {
    padding-left: 12px
}

.devam-butonu-1 {
    display: none !important
}

@media only screen and (min-width:992px) {
    .devam-butonu-1 {
        display: block !important
    }
}

.sepet-bos {
    color: #f6871e
}

.three-d-payment {
    height: 539px;
    width: 288px
}

@media only screen and (min-width:1200px) {
    .three-d-payment {
        height: 515px
    }
    .fancybox-inner:not(.fancybox-inner--masterpass, .fancybox-inner--HasAvailableCampaign) {
        width: 400px
    }
    .fancybox-inner:not(.fancybox-inner--masterpass, .fancybox-inner--HasAvailableCampaign) div {
        width: 400px
    }
    iframe.three-d-payment {
        width: 400px
    }
}

.edit-address-form .address-edit-page .inputs {
    color: #ef550e
}

.edit-address-form .inputs>select {
    margin-right: 0
}

.sifremi-unuttum {
    display: inline-block;
    float: right;
    width: 112px;
    margin-right: 0
}

.reversed-check {
    max-width: 120px
}

.sifremi-unuttum .forgot-password {
    font-size: 13px;
    line-height: 26px;
    text-decoration: underline
}

.page.registration-page .enter-button {
    width: 100%
}

.page.registration-page .enter-button .login-button {
    width: 100%;
    max-width: 422px;
    margin: 0 auto
}

.password-and-remember {
    display: block;
    float: left;
    width: 100%
}

.slick-dots {
    margin-top: 0 !important
}

.desktop-basket .cart-wrapper .ico-cart {
    width: 58px;
    height: 33px;
    position: absolute;
    display: inline-block
}

.kargo-lb p {
    font-size: 15px
}

@media only screen and (min-width:1200px) {
    .kargo-lb p {
        font-size: 16px;
        font-weight: 500
    }
}

.fancybox-close {
    background-image: url(../img/items/lightbox_sprite.png);
    background-repeat: no-repeat;
    background-position: center !important;
    background-color: #fff;
    width: 70px !important
}

.fancybox-overlay {
    background-color: rgba(0, 0, 0, .6) !important
}

.embed-responsive-1by2::before {
    content: '';
    display: block;
    padding-top: 178%
}

.portakal-video-detay {
    min-height: 320px
}

.detay-sayfa-video {
    margin-left: 10px
}

.detay-sayfa-video {
    margin-left: 10px;
    max-width: 350px;
    width: 100%;
    padding-bottom: 10px;
    margin: 0 auto
}

@media only screen and (min-width:546px) {
    .detay-sayfa-video {
        float: right
    }
}

.portakalbahcem-sozu {
    max-width: 712px;
    width: 100%
}

.mobil-menu-close {
    position: absolute;
    color: #fff;
    font-size: 20px;
    display: none;
    right: 6%;
    top: 20px;
    z-index: 99;
    height: 30px;
    width: 30px;
    pointer-events: none
}

@media only screen and (min-width:992px) {
    .mobil-menu-close {
        display: none
    }
}

.portakal-sayfa-bulunamadi {
    font-family: var(--primary-font), sans-serif;
    font-size: 14px;
    color: #000;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.sayfa-bulunamadi-baslik {
    font-family: var(--primary-font), sans-serif;
    font-size: 20px;
    color: red;
    text-align: center
}

.page-title-not-found {
    text-align: center
}

.not-found-page {
    padding-top: 60px
}
.container.catalog{
    max-width: 1348px!important
}

.card img{
    border-radius: 10px;
}
.not-found-link {
    background-image: url(images/uyari/main-page-button.png);
    background-repeat: no-repeat;
    display: block;
    width: 158px;
    height: 33px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    line-height: 31px;
    opacity: 1;
    transition: all ease-in .2s
}

.not-found-link:hover {
    color: #fff;
    opacity: .9
}

.not-found-button {
    margin-bottom: 30px
}

.completed-shopping-text {
    color: #25ac62;
    font-size: 17px;
    text-align: center;
    margin-bottom: 0;
    font-weight: 500
}

.siparis-numarası {
    font-size: 18px;
    text-align: center;
    color: #191919;
    margin-bottom: 20px;
    font-weight: 500
}

.order-completed-page {
    float: left;
    width: 100%
}

.siparis-ayrintilari {
    background-image: url(images/uyari/siparis-basari-tamam.png);
    background-repeat: no-repeat;
    display: block;
    width: 208px;
    height: 33px;
    margin: 20px auto 0;
    color: #fff;
    text-align: center;
    line-height: 31px;
    opacity: 1;
    transition: all ease-in .2s
}

.siparis-ayrintilari:hover {
    color: #fff;
    opacity: .9
}

.siparis-ayrintilari a {
    font-size: 13px;
    color: #fff;
    font-weight: 500
}

.siparisiniz-tamamlanmistir {
    margin-top: 0;
    margin-bottom: 30px;
    max-width: 120px
}

.re-order-button-new {
    background-image: url(images/uyari/siparis-basari-tamam.png);
    background-repeat: no-repeat;
    display: block;
    width: 208px !important;
    height: 33px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    opacity: 1;
    transition: all ease-in .2s;
    border: none;
    background-color: transparent
}

.re-order-button-new:hover {
    background-color: transparent;
    color: #fff;
    opacity: .9;
    transition: unset;
    background-position: inherit
}

.search-page {
    padding-top: 2%
}

.print-order-button {
    background-image: url(images/uyari/siparis-basari-tamam.png);
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 33px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    opacity: 1;
    transition: all ease-in .2s;
    border: none;
    background-color: transparent
}

.print-order-button:hover {
    background-color: transparent;
    color: #fff;
    opacity: .9;
    transition: unset;
    background-position: inherit
}

.print-order-button:active,
.re-order-button-new:active {
    box-shadow: none;
    background-color: transparent;
    background-image: url(images/uyari/siparis-basari-tamam.png);
    color: #fff
}

.kategori-isim {
    text-align: center;
    margin-top: 52px;
    font-weight: 700;
    line-height: 42px;
    height: 45px;
    background-color: #f26600;
    color: #fff;
    font-size: 14px;
    text-align: center
}

@media only screen and (min-width:992px) {
    .kategori-isim {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .haftalik-urun-gonderim .tabProductBottomWrapper,
    .haftalik-urun-gonderim .tabProductImage {
        margin-top: 0;
        margin-bottom: 0
    }
}

.portakal-about-big-img {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    -moz-transition: all ease-in .2s
}

.portakal-about-big-img:hover {
    opacity: .9
}

.project_v2_video_play {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -66.5px 0 0 -42.5px;
    background-color: rgba(0, 0, 0, .4);
    border: solid 3px #fff;
    z-index: 2;
    border-radius: 50%;
    pointer-events: none
}

@media only screen and (min-width:768px) {
    .project_v2_video_play {
        width: 100px;
        height: 100px;
        margin: -66.5px 0 0 -52.5px
    }
    .project_v2_video_play--small {
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px
    }
}

.project_v2_video_play--noborder {
    border: none
}

.project_v2_video_play::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-left: 25px solid rgba(255, 255, 255, .7);
    border-bottom: 16px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -12.5px
}

.video_play_rev3 {
    content: "";
    width: 84px;
    height: 84px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: calc(50% - (84px/2));
    z-index: 1;
    background: rgba(255, 255, 255, .2) url(images/play-icon.svg) no-repeat center center;
    background-size: 24px;
    border-radius: 50%;
    color: #fff;
    transition: all .2s linear
}

.video_play_rev3--small {
    width: 60px;
    height: 60px;
    background-size: 20px
}

@media(hover:hover) {
    .video_play_rev3:hover,
    :hover>.video_play_rev3 {
        background-color: rgba(255, 255, 255, .4)
    }
}

.video-film-mobile-link {
    position: relative;
    display: block;
    max-width: 1280px;
    padding: 10px
}

.cart-kampanya-gorsel img {
    width: 100%
}

.kart-bilgileri-dogrulanamadi {
    background-color: red;
    height: 72px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    display: none
}

.kart-bilgileri-dogrulanamadi-text,
.uyari-mesaji-gorsel {
    display: flex;
    justify-content: baseline;
    align-items: center;
    height: 72px
}

.kart-bilgileri-dogrulanamadi-text {
    color: #fff;
    font-size: 21px
}

area {
    outline: 0
}

.cart-box-padding {
    padding: 0;
    max-width: 382px;
    margin: 0 auto;
    position: relative
}

.cart-box-padding input {
    background-color: transparent;
    font-size: 0;
    position: absolute;
    width: 382px;
    height: 126px;
    margin: 0 auto;
    top: 0;
    left: 0;
    bottom: 0
}

.cart-kampanya-gorsel {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cart-box-zone {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .cart-box-zone {
        display: flex;
        flex-direction: row
    }
    .cart-kampanya-gorsel-title {
        font-size: 20px
    }
    .cart-kampanya-gorsel-title-2 {
        font-size: 22px
    }
}

.cart-kampanya-gorsel-title {
    font-family: var(--secondary-font), sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #3c623b;
    margin-bottom: 0
}

.cart-kampanya-gorsel-title-2 {
    font-family: var(--secondary-font), sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #de4600
}

.cart-kampanya-gorsel {
    text-align: center
}

.portakal-limon-gorsel {
    max-width: 382px
}

.input-box input {
    font-size: 12px;
    border-radius: 0;
    height: 45px;
    max-width: 394px;
    width: 100%;
    border: 1px solid #fedfcd
}

.input-box textarea {
    font-size: 12px;
    resize: none;
    border-radius: 0;
    width: 100%;
    max-width: 394px;
    height: 136px;
    width: 100%;
    border: 1px solid #fedfcd
}

.contact-us-button {
    background-color: #f5871e;
    border: #ffdead;
    height: 40px;
    color: #fff;
    width: 150px !important;
    margin-left: 0;
    transition: all .2s ease-in-out
}

.contact-us-button:hover {
    border: 1px solid #f5871e;
    background-color: #fff;
    color: #f5871e
}

.iletisim-baslik {
    font-family: var(--secondary-font), sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #323232;
    margin-bottom: 0
}

.iletisim-text {
    font-family: var(--primary-font), sans-serif;
    font-size: 14px;
    color: #323232;
    margin-bottom: 20px
}

.cntc-page {
    float: left;
    width: 100%;
    margin-top: 20px
}

.cntc-page .container {
    padding: 0
}

.cntc-page .c-p-title {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0
}

.cntc-page .c-p-title h1 {
    float: left;
    width: 100%;
    text-align: center;
    border: none;
    padding: 0 0 20px;
    margin: 0;
    font-size: 18px;
    color: #663000;
    font-weight: 600;
    line-height: 26px
}

[data-productid="4928"] .name {
    margin-top: 0 !important
}

[data-productid="4928"] .attributes {
    font-size: 12px;
    display: none
}

@media only screen and (min-width:992px) {
    [data-productid="4928"] .attributes {
        display: block
    }
}

.two-column-right [data-productid="4928"] .attributes {
    display: block;
    max-width: 200px;
    margin: 0 auto
}

@media only screen and (min-width:992px) {
    .two-column-right [data-productid="4928"] .attributes {
        float: left
    }
}

.mfp-content .mfp-figure .mfp-close {
    background-image: url(images/urun-detay-close-icon.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 24px;
    opacity: 1;
    font-size: 0;
    top: -4px
}

@media(min-width:768px) {
    .mfp-content .mfp-figure .mfp-close {
        background-size: 48px;
        top: -6px
    }
}

.pb-ins-slider {
    display: flex;
    flex-wrap: wrap;
    max-width: 1005px;
    margin: 0 auto
}

.pb-instagram-head {
    width: 242px;
    margin: 10px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    background-color: #fff;
    padding: 6px;
    display: none
}

.pb-ins-image-zoom {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 180px
}

.pb-ins-image-zoom .pb-ins-slider-items {
    max-width: 100%;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.pb-ins-image-zoom:hover .pb-ins-slider-items {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.pb-ins-slider-items {
    width: 100%;
    height: 100%
}

.pb-ins-slider-link {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform .2s
}

.pb-ins-slider-link img {
    float: left;
    width: 100%
}

.portakal-instagram-begenme,
.portakal-instagram-yorum {
    font-size: 12px;
    margin-bottom: 0;
    padding: 5px;
    color: #000
}

.pb-ins-like-comment {
    display: flex;
    justify-content: space-around
}

.pb-instagram-alani {
    margin: calc(21px/2);
    float: left;
    width: 180px
}

.portakal-instagram-begenme:before {
    content: "";
    background-image: url(images/portakalbahcem-instagram-comments-counts.png);
    background-repeat: no-repeat;
    background-size: 18px;
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 8px
}

.portakal-instagram-yorum:before {
    content: "";
    background-image: url(images/portakalbahcem-instagram-like-counts.png);
    background-repeat: no-repeat;
    background-size: 18px;
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 8px
}

.portakal-instagram-icon {
    max-width: 50px;
    border-radius: 50%;
    float: left
}

.pb-instagram-basliklar {
    height: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-left: 10px;
    flex-direction: column
}

.portakalbahcem-instagram-ismi,
.portakalbahcem-site-ismi {
    margin-bottom: 0;
    color: #000
}

.portakalbahcem-instagram-ismi {
    font-size: 12px;
    color: #000
}

.pb-ins-like-comment {
    width: 242px;
    margin: 10px;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
    background-color: #fff;
    display: none
}

.pb-ins-slider {
    position: relative
}

.pb-ins-slider .slick-prev {
    background-image: url(images/instagram-slider-left-arrow.png);
    background-size: 100%;
    height: 48px;
    width: 48px;
    background-color: transparent;
    border: 0;
    font-size: 0;
    position: absolute;
    z-index: 999;
    top: 54%
}

.pb-ins-slider .slick-next {
    background-image: url(images/instagram-slider-right-arrow.png);
    background-size: 100%;
    height: 48px;
    width: 48px;
    background-color: transparent;
    border: 0;
    font-size: 0;
    position: absolute;
    top: 54%
}

.pb-instagram-items {
    float: left;
    width: 100%
}

@media(min-width:768px) {
    .pb-ins-slider .slick-next {
        right: -50px;
        top: 40%
    }
    .pb-ins-slider .slick-prev {
        left: -50px;
        z-index: 999;
        top: 40%
    }
}

.pb-instagram-alani:focus {
    outline: 0
}

.free-shipping {
    display: none
}

.finike-portakal-video-metin {
    float: left;
    max-width: 520px;
    width: 100%
}

.content-pages table td {
    padding: 5px
}

@media(min-width:768px) {
    .portakal-video-alani {
        float: right
    }
}

.kg-fiyat-kargo-bedava {
    float: left;
    text-align: center;
    margin-top: 10px;
    color: #ad8664;
    width: 100%;
    min-height: 15px
}

.kg-fiyat-kargo-bedava p {
    font-size: 11px;
    float: left;
    margin: 0;
    font-weight: 500;
    line-height: 15px
}

@media(min-width:1100px) {
    .kg-fiyat-kargo-bedava {
        text-align: left
    }
}

.pb-file {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: -30px
}

.pb-file .pb-file__title {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    font-size: 13px;
    color: #f76b2e;
    font-weight: 600;
    line-height: 20px
}

.pb-file .pb-file__text {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #8f8368;
    line-height: 20px;
    font-weight: 500;
    margin: 0
}

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.recel-hediye-badge {
    max-width: 52px;
    position: absolute;
    z-index: 99;
    right: 5px;
    top: 5px
}

.master-wrapper-main {
    float: left;
    width: 100%;
    background-color: #fff
}

.main-banners {
    float: left;
    width: 100%;
    background-color: #FCF5EA;
    padding: 40px 0 60px
}

.main-banners .container {
    max-width: 1215px !important
}


.page.home-page {
    float: left;
    width: 100%;
    background-color: #FCFBF8;
    position: relative;
    z-index: 1
}

.main-slider {
    float: left;
    width: 100%;
    background-color: #fcf5ea
}

.instagram-section {
    float: left;
    width: 100%;
    background-color: #ffff;
}

.whatsapp {
    float: right; 
    width: 100%;
    max-width: 242px;
    margin-bottom:0px;
    /* margin: 50px 0 0 */
}

.whatsapp a {
    float: left;
    color: #F0E1C7;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    width: 100%
}

.whatsapp a:before {
    content: "";
    float: left;
    width: 41px;
    height: 41px;
    margin-right:18px;
    background: url(/images/whatsapp-2.svg) no-repeat center center;
    /* background-size: 37px */
}

.whatsapp a strong {
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 148%;
}

.page.tss {
    float: left;
    width: 100%;
    margin-top: 20px
}

.page.tss .page-title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 40px
}

.page.tss .page-title h1 {
    float: left;
    width: 100%;
    text-align: center;
    border: none;
    padding: 0 0 20px;
    margin: 0;
    font-size: 18px;
    color: #663000;
    font-weight: 600;
    line-height: 26px
}

.page.tss .checkout_container {
    float: left;
    width: 100%
}

.checkout_container .checkout__customWidth {
    float: left;
    width: 100%
}

.ordered_products_inner_container {
    float: left;
    width: 100%
}

.ordered_products_inner_container .ordered_products {
    float: left;
    width: 100%
}

.checkout__Second_cont .payment_options {
    float: left;
    width: 100%
}

.checkout__Second_cont .method-selectbox {
    float: left;
    border: 1px solid #d9ceb6;
    height: 41px;
    width: 100%;
    position: relative
}

.checkout__Second_cont .method-selectbox:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(images/angle-arrow-down.svg) no-repeat center center;
    background-size: 10px;
    width: 39px;
    height: 100%;
    z-index: 1
}

.checkout__Second_cont .method-selectbox select {
    float: right;
    width: 100%;
    border: none;
    border-radius: 0;
    margin: 0;
    height: 39px;
    padding: 10px 39px 10px 10px;
    color: #663000;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: 0 0;
    position: relative;
    z-index: 2;
    text-transform: uppercase
}

.checkout__Second_cont .method-selectbox select option {
    font-weight: 600
}

.checkout__Second_cont .payment-method-tabs {
    float: left;
    width: 100%;
    padding: 0;
    border: none !important;
    margin: 10px 0 0
}

.checkout__Second_cont .payment-method {
    border: 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #d9ceb6;
    border-radius: 0
}

.checkout__Second_cont .payment-logo {
    display: none
}

.checkout__Second_cont .payment_list {
    display: none
}

.checkout__Second_cont .creditCardTab {
    float: left;
    width: 100%;
    padding: 0 !important;
    border: none !important
}

.gift_card_container {
    float: left;
    width: 100%;
    margin-top: 20px
}

.gift_card {
    float: left;
    width: 100%
}

.giftCheck {
    float: left;
    width: 100%
}

.giftCheck .brand-checkbox {
    float: left;
    width: 100%;
    margin: 0
}

.giftCheck .brand-checkbox label {
    float: left;
    font-size: 13px;
    color: #663000;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    line-height: 14px
}

.giftCheck .brand-checkbox input[type=checkbox] {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0;
    cursor: pointer
}

.giftCheck .brand-checkbox input[type=checkbox]:after {
    content: "";
    float: left;
    margin: 3px;
    width: 6px;
    height: 6px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear
}

.giftCheck .brand-checkbox input[type=checkbox]:checked:after {
    opacity: 1
}

.checkout__Second_cont .checkout-attributes {
    float: left;
    width: 100%;
    padding: 0
}

.checkout__Second_cont .gift-wrapper {
    float: left;
    width: 100%;
    display: none;
    margin-top: 10px
}

.checkout__Second_cont .gift-wrapper label {
    float: left;
    width: 100%;
    font-size: 13px !important;
    color: #663000;
    font-weight: 500;
    margin: 0;
    cursor: pointer;
    line-height: 14px;
    margin-bottom: 5px
}

.checkout__Second_cont .gift-wrapper textarea {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #d9ceb6;
    height: 111px;
    padding: 10px;
    line-height: 19px;
    margin: 0;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500;
    resize: none;
    background: #fff
}

.checkout__Second_cont .order-note-wrapper {
    float: left;
    width: 100%;
    margin-top: 20px
}

.checkout__Second_cont .order-note-wrapper label {
    float: left;
    width: 100%;
    font-size: 13px !important;
    color: #663000;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    line-height: 14px;
    margin-bottom: 5px;
    line-height: 20px
}

.checkout__Second_cont .order-note-wrapper textarea {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #d9ceb6;
    height: 111px;
    padding: 10px;
    line-height: 19px;
    margin: 0;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500;
    resize: none;
    background: #fff
}

.checkout__Second_cont .order_last_cnt {
    float: left;
    width: 100%;
    margin-top: 20px
}

.order_last_cnt .tss_ozet {
    float: left;
    width: 100%;
    border: 1px solid #d9ceb6;
    padding: 20px
}

.order_last_cnt .tss_ozet .product-desc-icons {
    margin-top: 30px
}

.order_last_cnt .cart-footer-title {
    margin-bottom: 0
}

.order_last_cnt .tos_txt {
    float: left;
    width: 100%;
    margin: 10px 0 20px
}

.order_last_cnt .tos_txt .brand-checkbox {
    float: left;
    font-size: 13px;
    color: #663000;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    line-height: 15px
}

.order_last_cnt .tos_txt .brand-checkbox span {
    text-decoration: underline
}

.order_last_cnt .tos_txt .brand-checkbox input[type=checkbox] {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0 5px 10px 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0;
    cursor: pointer
}

.order_last_cnt .tos_txt .brand-checkbox input[type=checkbox]:after {
    content: "";
    float: left;
    margin: 3px;
    width: 6px;
    height: 6px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear
}

.order_last_cnt .tos_txt .brand-checkbox input[type=checkbox]:checked:after {
    opacity: 1
}

.tss_ozet .coupon-box-elements {
    float: left;
    width: 100%;
    margin: 15px 0
}

.tss_ozet .coupon-box-elements .couponcode-textbox {
    float: left;
    width: calc(100% - 70px);
    -webkit-appearance: none;
    margin: 0 !important;
    height: 31px;
    border: 1px solid #e6e0d1;
    border-right: none;
    border-radius: 0;
    font-size: 12px;
    color: #c5b89b;
    font-weight: 600;
    padding: 5px 7px;
    line-height: 19px;
    letter-spacing: 1px
}

.tss_ozet .coupon-box-elements .couponcode-textbox::placeholder {
    color: #c5b89b
}

.tss_ozet .coupon-box-elements .couponcode-button {
    float: right;
    height: 31px;
    -webkit-appearance: none;
    border: none;
    width: 70px;
    background: #c5b89b;
    cursor: pointer;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 600;
    border-radius: 0
}

.tss_ozet .coupon-box-elements .couponcode-button:hover {
    background-color: #b0a282
}

.order_last_cnt #confirmcheckout {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border: none;
    background: transparent url(images/satin-al-big.png) no-repeat top center;
    font-size: 0;
    height: 44px;
    padding: 0
}

.order_last_cnt #confirmcheckout:hover {
    background-position-y: -44px
}

.errorMessages {
    display: none;
    float: left;
    width: 100%;
    margin: 15px 0;
    color: red;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.checkout-data {
    float: left;
    width: 100%;
    font-family: var(--primary-font), sans-serif
 !important
}

.checkout-data .section {
    float: left;
    width: 100%;
    font-size: initial !important
}

.checkout-data .enter-address {
    float: left;
    width: 100%
}

.checkout-data .enter-address h4 {
    float: left;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    color: #663000;
    text-transform: uppercase;
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 0 10px;
    margin: 0 0 20px;
    line-height: 20px
}

.checkout-data .enter-address .enter-address-body {
    float: left;
    width: 100%
}

.checkout-data .enter-address .edit-address {
    float: left;
    width: 100%
}

.checkout-data .enter-address .edit-address .inputs {
    float: left;
    width: 50%;
    margin-bottom: 15px
}

.checkout-data .enter-address .edit-address .inputs.left {
    padding-right: 45px
}

.checkout-data .enter-address .edit-address .inputs.right {
    padding-left: 45px
}

.checkout-data .enter-address .edit-address .inputs label {
    float: left;
    width: auto;
    padding: 0;
    margin: 0 0 5px;
    text-align: left;
    color: #663000;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px
}

.checkout-data .enter-address .edit-address .inputs span.required {
    float: left;
    padding: 0;
    margin: 0 0 5px 5px;
    text-align: left;
    color: #663000;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px
}

.checkout-data .enter-address .edit-address .inputs input.text-box {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #d9ceb6;
    height: 41px;
    padding: 10px;
    line-height: 19px;
    margin: 0;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500
}

.checkout-data .enter-address .edit-address .inputs textarea {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #d9ceb6;
    height: 111px;
    padding: 10px;
    line-height: 19px;
    margin: 0;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500;
    resize: none
}

.checkout-data .enter-address .selectbox {
    float: left;
    border: 1px solid #d9ceb6;
    height: 41px;
    width: 100%;
    position: relative
}

.checkout-data .enter-address .selectbox:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(images/angle-arrow-down.svg) no-repeat center center;
    background-size: 10px;
    width: 39px;
    height: 100%;
    z-index: 1
}

.checkout-data .enter-address .selectbox select {
    float: right;
    width: 100%;
    border: none;
    border-radius: 0;
    margin: 0;
    height: 39px;
    padding: 10px 39px 10px 10px;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: 0 0;
    position: relative;
    z-index: 2
}

.checkout-data .enter-address .selectbox select option {
    font-weight: 500
}

.SaleForCompany_Wrapper {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 5px
}

.SaleForCompany_Wrapper label {
    float: left;
    width: auto !important;
    font-size: 13px;
    color: #663000;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    line-height: 14px;
    text-align: left;
    padding: 0 0 0 5px
}

.SaleForCompany_Wrapper input[type=checkbox] {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0
}

.SaleForCompany_Wrapper input[type=checkbox]:after {
    content: "";
    float: left;
    margin: 3px;
    width: 6px;
    height: 6px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear
}

.SaleForCompany_Wrapper input[type=checkbox]:checked:after {
    opacity: 1
}

.is-company-separator {
    margin-bottom: 15px
}

.is-company {
    display: none;
    width: 100%;
    margin-top: 15px
}

#Address_SaleForCompany:checked~.is-company,
#BillingAddressModel_NewAddress_SaleForCompany:checked~.is-company,
#ShippingAddressModel_NewAddress_SaleForCompany:checked~.is-company {
    display: inline-block
}

.checkout-data .section.select-shipping-address {
    margin-bottom: 65px
}

.checkout-data .section.select-billing-address {
    margin-bottom: 20px
}

.checkout-data .section.select-billing-address label,
.checkout-data .section.select-shipping-address label {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #663000;
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 0 10px;
    margin: 0 0 10px;
    line-height: 20px
}

.checkout-data .section.select-billing-address div,
.checkout-data .section.select-shipping-address div {
    float: left;
    border: 1px solid #d9ceb6;
    height: 41px;
    width: 100%;
    position: relative
}

.checkout-data .section.select-billing-address div:after,
.checkout-data .section.select-shipping-address div:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(images/angle-arrow-down.svg) no-repeat center center;
    background-size: 10px;
    width: 39px;
    height: 100%;
    z-index: 1
}

.checkout-data .section.select-billing-address div select,
.checkout-data .section.select-shipping-address div select {
    float: right;
    width: 100%;
    border: none;
    border-radius: 0;
    margin: 0;
    height: 39px;
    padding: 10px 39px 10px 10px;
    color: #663000;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: 0 0;
    position: relative;
    z-index: 2
}

.checkout-data .section.select-billing-address div select option,
.checkout-data .section.select-shipping-address div select option {
    font-weight: 600
}

.diff_address_cnt {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.diffrentAddress_ {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.diffrentAddress_Toggle {
    float: left;
    width: 100%
}

.diffrentAddress_Toggle label {
    float: left;
    font-size: 13px;
    color: #663000;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    line-height: 14px
}

.diffrentAddress_Toggle input[type=checkbox] {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0
}

.diffrentAddress_Toggle input[type=checkbox]:after {
    content: "";
    float: left;
    margin: 3px;
    width: 6px;
    height: 6px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear
}

.diffrentAddress_Toggle input[type=checkbox]:checked:after {
    opacity: 1
}

.select_delivery_container {
    float: left;
    width: 100%
}

.select_delivery_container .select_delivery {
    float: left;
    width: 100%
}

.select_delivery_container .select_delivery h4 {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: #663000;
    text-transform: uppercase;
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 0 10px;
    margin: 0 0 20px;
    line-height: 20px
}

.select_delivery_container .select_delivery .shipping-method {
    float: left;
    width: 100%
}

.select_delivery_container .select_delivery ul {
    float: left;
    width: 100%
}

.select_delivery_container .select_delivery li {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.select_delivery_container .select_delivery .method-name {
    float: left;
    width: 100%;
    display: flex;
    align-items: center
}

.select_delivery_container .select_delivery .method-name img {
    float: left;
    margin-right: 15px
}

.select_delivery_container .select_delivery .iradio_minimal-cream {
    float: left
}

.select_delivery_container .iCheck-helper {
    display: none
}

.select_delivery_container label {
    float: left;
    font-size: 13px;
    color: #663000;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    line-height: 20px;
    padding-left: 10px
}

.select_delivery_container input[type=radio] {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0;
    opacity: 1 !important;
    position: relative !important;
    border-radius: 50%
}

.select_delivery_container input[type=radio]:after {
    content: "";
    float: left;
    margin: 4px;
    width: 10px;
    height: 10px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear;
    border-radius: 50%
}

.select_delivery_container input[type=radio]:checked:after {
    opacity: 1
}

.guest-container {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.guest-container .loginArea {
    padding: 0 15px 0 0
}

.loginArea .checkout_login {
    float: left;
    width: 100%;
    padding: 15px;
    border: 1px solid #f0f0f0
}

.guest-container .registerArea {
    padding: 0
}

.registerArea .coupon_write {
    float: left;
    width: 100%;
    padding: 15px;
    border: 1px solid #f0f0f0
}

.guest-container h3 {
    float: left;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    color: #663000;
    text-transform: uppercase;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 10px;
    margin: 0 0 20px;
    line-height: 20px
}

.guest-container p {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 500
}

.guest-container .btnX {
    float: left;
    padding: 0 30px;
    line-height: 40px;
    background: #f7670f;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.guest-container .btnX:hover {
    background: #da5121
}

#loginToggle {
    float: left;
    width: 100%;
    margin-top: 15px;
    display: none
}

#loginToggle .inputs {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

#loginToggle .inputs label {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 5px;
    text-align: left;
    color: #663000;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px
}

#loginToggle .inputs .email,
#loginToggle .inputs .password {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #d9ceb6;
    height: 41px;
    padding: 10px;
    line-height: 19px;
    margin: 0;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500
}

#loginToggle .inputs input[type=checkbox] {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0
}

#loginToggle .inputs input[type=checkbox]:after {
    content: "";
    float: left;
    margin: 3px;
    width: 6px;
    height: 6px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear
}

#loginToggle .inputs input[type=checkbox]:checked:after {
    opacity: 1
}

.Login__rememberMe label {
    width: auto !important;
    line-height: 14px !important
}

.Login__rememberMe .forgot-password {
    float: right
}

.Login__rememberMe .forgot-password a {
    float: right;
    padding: 0;
    margin: 0 0 5px;
    text-align: left;
    color: #663000;
    font-weight: 600;
    font-size: 13px;
    text-decoration: underline
}

#loginToggle .login__btns {
    float: left;
    width: 100%
}

#loginToggle .account_login_btn {
    float: left;
    font-weight: 600;
    padding: 0 30px;
    line-height: 35px;
    height: 35px;
    width: auto;
    -webkit-appearance: none;
    border: none;
    color: #fff;
    background: #f7670f;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 15px
}

#loginToggle .Login__facebook_login {
    float: left
}

#loginToggle .Login__facebook_login a {
    float: left;
    line-height: 35px;
    font-size: 14px;
    color: #3b5998;
    font-weight: 600
}

.makeMeUser {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.makeMeUser label {
    float: left;
    font-size: 13px;
    color: #663000;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    line-height: 14px
}

.makeMeUser input[type=checkbox] {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0
}

.makeMeUser input[type=checkbox]:after {
    content: "";
    float: left;
    margin: 3px;
    width: 6px;
    height: 6px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear
}

.makeMeUser input[type=checkbox]:checked:after {
    opacity: 1
}

.makeMeUserHidden {
    float: left;
    width: 100%;
    padding: 15px 0;
    display: none
}

.makeMeUserHidden label {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 5px;
    text-align: left;
    color: #663000;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px
}

.makeMeUserHidden input {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #d9ceb6;
    height: 41px;
    padding: 10px;
    line-height: 19px;
    margin: 0;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500
}

.use-reward-points {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 12px;
    color: #663000;
    font-weight: 600;
    line-height: 20px;
    font-family: var(--primary-font), sans-serif;
    border: 1px solid #f0f0f0;
    padding: 10px;
    background: #fdfdfd
}

.use-reward-points input[type=checkbox] {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0;
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important
}

.use-reward-points input[type=checkbox]:after {
    content: "";
    float: left;
    margin: 3px;
    width: 6px;
    height: 6px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear
}

.use-reward-points input[type=checkbox]:checked:after {
    opacity: 1 !important
}

.use-reward-points .icheckbox_minimal-cream {
    float: left;
    width: 19px;
    height: 14px;
    float: left;
    background: 0 0;
    margin: 4px 0 14px
}

.fancybox-opened {
    background-color: #fff
}

.address-edit-page {
    float: left;
    width: 100%;
    font-family: var(--primary-font), sans-serif
 !important
}

.address-edit-page .section {
    float: left;
    width: 100%;
    font-size: initial !important
}

.address-edit-page h1 {
    float: left;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    color: #663000 !important;
    text-transform: uppercase;
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 0 10px;
    margin: 0 0 20px;
    line-height: 20px
}

.address-edit-page .enter-address-body {
    float: left;
    width: 100%
}

.address-edit-page .edit-address {
    float: left;
    width: 100%
}

.address-edit-page .edit-address .inputs {
    float: left;
    width: 50%;
    margin-bottom: 15px
}

.address-edit-page .edit-address .inputs.left {
    padding-right: 45px
}

.address-edit-page .edit-address .inputs.right {
    padding-left: 45px
}

.address-edit-page .edit-address .inputs label {
    float: left;
    width: auto;
    padding: 0;
    margin: 0 0 5px;
    text-align: left;
    color: #663000;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px
}

.address-edit-page .edit-address .inputs span.required {
    float: left;
    padding: 0;
    margin: 0 0 5px 5px;
    text-align: left;
    color: #663000;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px
}

.address-edit-page .edit-address .inputs input.text-box {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #d9ceb6;
    height: 41px;
    padding: 10px;
    line-height: 19px;
    margin: 0;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500
}

.address-edit-page .edit-address .inputs textarea {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #d9ceb6;
    height: 111px;
    padding: 10px;
    line-height: 19px;
    margin: 0;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500;
    resize: none
}

.address-edit-page .selectbox {
    float: left;
    border: 1px solid #d9ceb6;
    height: 41px;
    width: 100%;
    position: relative
}

.address-edit-page .selectbox:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(images/angle-arrow-down.svg) no-repeat center center;
    background-size: 10px;
    width: 39px;
    height: 100%;
    z-index: 1
}

.address-edit-page .selectbox select {
    float: right;
    width: 100%;
    border: none;
    border-radius: 0;
    margin: 0;
    height: 39px;
    padding: 10px 39px 10px 10px;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: 0 0;
    position: relative;
    z-index: 2
}

.address-edit-page .selectbox select option {
    font-weight: 500
}

.address-edit-page .form-actions {
    border: none;
    float: left;
    background: 0 0;
    padding: 0
}

.address-edit-page .form-actions .save-address-button {
    margin: 0;
    -webkit-appearance: none;
    float: left;
    border: none;
    text-shadow: none;
    box-shadow: none;
    font-weight: 600;
    font-size: 16px;
    padding: 0 30px;
    line-height: 40px;
    height: 40px;
    width: auto;
    background: #f25500;
    transition: all .2s linear;
    text-transform: uppercase;
    font-weight: 500
}

.address-edit-page .form-actions .save-address-button:hover {
    background: #f16e27
}

.footer-wrapper .foo-nav {
    display: none
}

.footer-wrapper .foo-nav a {
    float: left;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    background: #323C1F;
    color: #fff;
    position: relative
}

.footer-wrapper .foo-nav a strong {
    float: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.footer-wrapper .foo-nav a span,
.footer-wrapper .foo-nav a span:after,
.footer-wrapper .foo-nav a span:before {
    cursor: pointer;
    height: 2px;
    width: 26px;
    background: #fff;
    position: absolute;
    display: block;
    content: "";
    top: 12px;
    right: 15px;
    transition: all .2s linear
}

.footer-wrapper .foo-nav a span:before {
    top: 7px;
    right: 0
}

.footer-wrapper .foo-nav a span:after {
    top: 14px;
    right: 0
}

.footer-wrapper .foo-nav a.active span {
    background: 0 0
}

.footer-wrapper .foo-nav a.active span:before {
    transform: rotate(45deg);
    top: 7px
}

.footer-wrapper .foo-nav a.active span:after {
    transform: rotate(-45deg);
    top: 7px
}

.two-column-right.no-result {
    width: 100%;
    padding: 0
}

.no-result-content {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px
}

.no-result-content img {
    max-width: 100%;
    margin-top: -150px;
    margin-bottom: -80px;
    position: relative;
    z-index: 1
}

.no-result-content p {
    float: left;
    width: 100%;
    line-height: 1.2;
    font-size: 21px;
    position: relative;
    z-index: 2
}

.no-result-content .query {
    color: #000
}

.no-result-content .title {
    color: #f76a10;
    font-weight: 700
}

.no-result-content .text {
    color: #8f8368;
    font-size: 16px;
    font-weight: 500
}

.no-result-content a {
    display: inline-block;
    vertical-align: top;
    background: #f76a10;
    border-radius: 3px;
    color: #fff;
    line-height: 42px;
    font-size: 15px;
    font-weight: 500;
    padding: 0 15px;
    margin-top: 15px
}

.no-result-content a:hover {
    background-color: #e84e00
}

.no-result .mevsime-ozel-urunler {
    display: block
}

.no-result .products-wrapper {
    padding: 0 15px
}

.review-rating {
    float: left
}

.review-rating .rating {
    float: left
}

.review-rating .rating p {
    float: left;
    margin: 0;
    color: #e8e1d0;
    font-size: 14px;
    line-height: 12px;
    font-weight: 500;
    margin-bottom: 5px
}

.rating:not(:checked)>input {
    display: none
}

.rating:not(:checked)>label {
    float: right;
    width: 25px;
    padding: 0 5px 0 0;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 0;
    line-height: 25px;
    color: #e8e1d0;
    transition: all .2s ease-in-out;
    margin: 0
}

.rating:not(:checked)>label:before {
    content: '★';
    float: left;
    font-size: 30px
}

.rating>input:checked~label {
    color: #f76a10
}

.rating:not(:checked):not(.review_rating)>label:hover,
.rating:not(:checked):not(.review_rating)>label:hover~label {
    color: #f76a10
}

.rating>input:checked+label:hover,
.rating>input:checked+label:hover~label,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    color: #f76a10
}

.rating>label:active {
    position: relative
}

.write-review {
    float: left;
    width: 100%;
    margin-bottom: 45px
}

.write-review .title {
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    color: #8f8368;
    line-height: 1.3;
    margin-bottom: 15px
}

.write-review form {
    float: left;
    width: 100%
}

.write-review .inputs {
    float: left;
    width: 100%;
    margin-bottom: 25px
}

.write-review .err {
    float: left;
    width: 100%;
    line-height: 1;
    font-size: 13px;
    color: #c0ab7d;
    margin: 5px 0 0
}

.write-review .review-text,
.write-review .review-title {
    float: left;
    width: 100%;
    background: #fff;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #e8e1d0;
    padding: 10px 0;
    margin: 0;
    color: #c7bfaa;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--primary-font), sans-serif;
    height: 41px;
    line-height: 20px
}

.write-review .review-text {
    height: 61px;
    resize: none
}

.write-review .review-text::placeholder,
.write-review .review-title::placeholder {
    color: #c7bfaa
}

.write-review .buttons {
    float: right
}

.write-review .write-product-review-button {
    float: left;
    background: #f76a10;
    border-radius: 3px;
    border: none;
    line-height: 42px;
    -webkit-appearance: none;
    cursor: pointer;
    padding: 0 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--primary-font), sans-serif

}

.write-review .write-product-review-button:hover {
    background-color: #e06414
}

.review-result {
    float: left;
    width: 100%;
    text-align: center;
    display: none;
    margin-bottom: 45px
}

.review-result .title {
    float: left;
    width: 100%;
    color: #8f8368;
    font-size: 24px;
    font-weight: 700;
    line-height: 2;
    margin: 0
}

.review-result .text {
    float: left;
    width: 70%;
    color: #8f8368;
    margin: 20px 15% 0;
    line-height: 1.5;
    font-size: 14px
}

.review-result img {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px
}

.product-review-list {
    float: left;
    width: 90%;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 45px
}

.product-review-list::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f3ec;
    border-radius: 5px
}

.product-review-list::-webkit-scrollbar-track {
    border-radius: 5px
}

.product-review-list::-webkit-scrollbar-thumb {
    background-color: #e8e1d0;
    border-radius: 5px
}

.product-review-list::-webkit-scrollbar-thumb:hover {
    background: #b30000
}

.product-review-list li {
    float: left;
    width: calc(100% - 15px);
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #e8e2d0
}

.product-review-list li:last-child {
    margin-bottom: 0
}

.product-review-list p {
    float: left;
    width: 100%;
    margin: 0;
    line-height: 1.5;
    margin-bottom: 10px
}

.product-review-list .review_title {
    color: #8f8368;
    font-size: 16px;
    font-weight: 600
}

.product-review-list .review_rating {
    float: left;
    margin-bottom: 10px
}

.product-review-list .review_rating input,
.product-review-list .review_rating label {
    cursor: default;
    pointer-events: none
}

.product-review-list .review_text {
    font-size: 14px;
    color: #8f8368;
    font-weight: 500;
    margin-bottom: 0
}

.product-review-list .review_name {
    font-size: 13px;
    color: #8f8368;
    font-weight: 500;
    margin: 0
}

#product-comment .align-items-center {
    display: flex
}

.review-right {
    display: flex;
    align-items: center
}

.pd-cargo {
    float: left;
    width: 100%;
    margin-top: 30px;
    background: #f6e1b8;
    position: relative;
}

.pdc-inside {
    float: left;
    width: 100%;
    position: relative
}

.pd-cargo:after,
.pd-cargo:before,
.pdc-inside:after,
.pdc-inside:before,
.pdc-right:before {
    content: "";
    float: left;
    position: absolute;
    border-width: 5px;
    border-color: #fff
}

.pd-cargo:after,
.pd-cargo:before {
    width: 100%;
    left: 0;
    border-top-style: dotted
}

.pd-cargo:before {
    top: -2px
}

.pd-cargo:after {
    bottom: -2px
}

.pdc-inside:after,
.pdc-inside:before {
    height: 100%;
    top: 0;
    border-left-style: dotted
}

.pdc-inside:before {
    left: -2px
}

.pdc-inside:after {
    right: -2px
}

.pd-cargo .row {
    padding: 0 15px;
    display: flex;
    text-align: center
}

.pdc-left {
    padding: 20px 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pdc-left img {
    max-width: 100%
}

.pdc-right {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 15px;
    position: relative
}

.pdc-right:before {
    left: -2.5px;
    border-left-style: dotted;
    top: 0;
    height: 100%
}

.pdc-right p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 18px;
    line-height: 27px;
    color: #000;
    font-weight: 500
}

/* .anasayfa-sezondaki-meyve-buton-alani {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    max-width:260px;
    padding-top:20px;
    margin: auto;
} */
/* @media(min-width:768px) {
    .anasayfa-sezondaki-meyve-buton-alani .btn-orange{
        max-width: 368px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }   
} */

.checkout-page-address-clear-button {
    display: block;
    background-color: #f5871e;
    border: 0;
    height: 35px;
    float: left;
    color: #fff;
    font-size: 15px;
    width: 160px;
    transition: all .2s linear
}

.checkout-page-address-clear-button:hover {
    background-color: #fff;
    color: #f5871e;
    border: 1px solid #f5871e
}

.checkout-page-address-clear p {
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 3%
}

.checkout-page-address-clear,
.pb-tooltip {
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.checkout-page-address-clear:after,
.pb-tooltip:after {
    display: none
}

#billing-address-select {
    margin-bottom: 20px
}

.pb-tooltip {
    position: relative;
    display: inline-block;
    width: 100%;
    border-bottom: 1px dotted #000
}

.pb-tooltip .pb-tooltiptext {
    visibility: hidden;
    max-width: 179px;
    width: 100%;
    background-color: #6d6d6d;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: -9px;
    right: 0;
    font-size: 11px;
    display: none
}

.pb-tooltip .pb-tooltiptext:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #6d6d6d;
    display: block;
    position: absolute;
    left: -8px;
    top: 18px
}

@media(min-width:768px) {
    .pb-tooltip .pb-tooltiptext {
        visibility: hidden;
        max-width: 220px;
        width: 100%;
        background-color: #6d6d6d;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        top: -9px;
        right: 0;
        font-size: 11px
    }
}

.pb-tooltip .pb-tooltiptext-active {
    display: block
}

.pb-tooltip:hover .pb-tooltiptext {
    display: block
}

.checkout-page-address-clear {
    max-width: 400px;
    width: 100%
}

.pb-tooltip:hover .pb-tooltiptext {
    visibility: visible
}

.gift-item-wrapper {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 14px;
    max-width: 110px;
    margin-left: 2.2%
}

.gift-item-quantity,
.gift-item-text {
    margin-bottom: 0;
    color: #663000;
    font-weight: 500
}

.gift-item-quantity {
    margin-left: 5px
}

.lightbox-lezzet-takvimi {
    max-width: 1118px;
    width: 100%
}

.lightbox-lezzet-takvimi:before {
    content: "";
    background-image: url(../portakalbahcem-lezzet-takvimi/img/lezzet-takvim-mobil-head.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    display: none;
    height: 103px;
    max-width: 408px;
    background-position: bottom;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -60px
}

.mobil-lezzet-takvim-alani {
    display: block
}

.lezzet_takvimi_js {
    display: none
}

@media(min-width:1024px) {
    .mobil-lezzet-takvim-alani {
        display: none
    }
    .lezzet_takvimi_js {
        display: block;
        overflow: hidden
    }
    .lightbox-lezzet-takvimi:before {
        display: block
    }
}

#mobil_calender .btn:active {
    background-color: #fff;
    box-shadow: none
}

.portakalbahcem-mobil-lezzet-takvim .mobil-lezzet-takvim-head {
    align-items: center
}

/* .pb-sezondaki-meyveler-dropdown li {
    display: flex;
    width: 282px;
    height: 85px;
    align-items: center;
    justify-content: center;
    text-align: left;
    position: relative;
    border-bottom: 1px solid rgba(35, 36, 34, .3);
    margin-right: 37px
}

.pb-sezondaki-meyveler-dropdown li:after {
    content: "";
    background: url(images/menu-arrow-rigth.svg) no-repeat center center;
    background-size: 10px;
    width: 39px;
    display: block;
    position: absolute;
    right: 0;
    height: 34px;
    -webkit-transform: rotate(-88deg);
    transform: rotate(-88deg);
    transition: all ease-in .2s
}

.pb-sezondaki-meyveler-dropdown li:hover:after {
    content: "";
    background: url(images/menu-arrow-rigth-hover.svg) no-repeat center center;
    background-size: 10px;
    width: 39px;
    display: block;
    position: absolute;
    right: 0;
    height: 34px;
    -webkit-transform: rotate(-88deg);
    transform: rotate(-88deg)
}

.pb-sezondaki-meyveler-dropdown li a {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    line-height: 27px;
    margin-left: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #ac6739;
    transition: all ease-in .2s;
    padding-right: 30px
}

.pb-sezondaki-meyveler-dropdown li:hover a {
    color: #fa6400
} */

.pb-sezondaki-meyveler-dropdown__meyveler h1,
.pb-sezondaki-meyveler-dropdown__right h1 {
    font-size: 14px;
    text-align: left;
    color: #738a15
}

.new-nav__list .new-nav-item-finike-portakali:first-child:hover .pb-sezondaki-meyveler-dropdown {
    display: flex
}

.pb-sezondaki-meyveler-dropdown__meyveler h1 {
    padding-left: 5px
}

.pb-sezondaki-meyveler-dropdown__left {
    flex-basis: calc(100% - 320px);
    max-width: calc(100% - 320px)
}

.pb-sezondaki-meyveler-dropdown__right {
    flex-basis: 320px;
    max-width: 320px
}

.portakalbahcem-covid19-badge,
.portakalbahcem-halkin-favorisi {
    display: none;
    position: absolute;
    top: -5px;
    right: 14%;
    z-index: 9
}

.portakalbahcem-halkin-favorisi {
    right: 200px;
    width: 82px
}

.portakalbahcem-covid19-badge {
    cursor: pointer;
    right: 115px
}

@media(min-width:991px) {
    .portakalbahcem-covid19-badge {
        display: block
    }
}

@media(min-width:1270px) {
    .portakalbahcem-halkin-favorisi {
        display: block
    }
}

.guvenli-uretim-belgesi-mobil {
    max-width: 510px;
    margin: 8px auto;
    padding: 14px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media(min-width:992px) {
    .guvenli-uretim-belgesi-mobil {
        display: none
    }
}

.guvenli-uretim-belgesi-mobil-image {
    flex-shrink: 0
}

.guvenli-uretim-belgesi-mobil-metin {
    font-family: var(--primary-font);
    font-weight: 700;
    line-height: 1;
    justify-content: center;
    padding: 10px 15px;
    color: #7e4f12;
    font-size: 10px
}

.guvenli-uretim-belgesi-mobil-metin-big {
    font-size: 18px
}

@media(min-width:576px) {
    .guvenli-uretim-belgesi-mobil-metin {
        font-size: 14px;
        padding-left: 25px;
        padding-right: 25px
    }
    .guvenli-uretim-belgesi-mobil-metin-big {
        font-size: 25px
    }
}

.header-altin-orumcek {
    float: left;
    width: 100%;
    text-align: center;
    background: #a37800;
    background: linear-gradient(207deg, #a37800 0, #7c5e17 99%);
    color: #fff;
    line-height: 24px;
    font-size: 11px;
    max-width: 100%;
    height: 28px;
    overflow: hidden
}

.header-altin-orumcek ul li img {
    margin: 0 auto;
    min-height: 28px;
    max-width: 100%;
    height: 100%
}

@media(min-width:768px) {
    .header-altin-orumcek ul li img {
        max-width: 54%
    }
}

.mobil-buton-takvimi-gor {
    display: block;
    width: 100%;
    height: 100%;
    float: left
}

.mobil-lezzet-takvim-alani .portakalbahcem-mobil-lezzet-takvim {
    margin-top: 100px
}

.pb-sezondaki-meyveler-dropdown__meyveler {
    display: flex;
    float: left;
    flex-direction: row
}

.pb-sezondaki-meyveler-dropdown_baslik {
    font-size: 14px;
    text-align: left;
    color: #738a15
}

.sezon-tum-meyveler {
    position: absolute;
    height: 40px;
    background-color: var(--primary-color);
    bottom: 30px;
    display: flex;
    align-items: center;
    border: 1px solid var(--primary-color);
    transition: all ease-in .2s
}

.sezon-tum-meyveler:hover {
    background-color: #fff;
    border: 1px solid #f17000
}

.sezon-tum-meyveler:hover a {
    color: #f17000
}

.sezon-tum-meyveler a {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff
}

.mobil-buton-takvimi-gor img {
    margin: 0 auto
}

.portakalbahcem-her-hafta-gelsin {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto
}

.her-hafta-gelsin-first {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center
}

.her-hafta-gelsin-images-blog,
.her-hafta-gelsin-second {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.quantity-addbasket {
    display: block;
    float: left;
    width: 100%
}

.her-hafta-gelsin-urunler .product-description-wrapper {
    max-width: unset;
    padding: 0
}

.her-hafta-gelsin-urunler .product-description-wrapper .add-to-cart-quantity .ui-spinner {
    width: 115px
}

.her-hafta-gelsin-urunler_kac_hafta h2 {
    font-size: 21px;
    color: #406642
}

.portakalbahcem-her-hafta-gelsin .accordion {
    background-color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    transition: .4s;
    font-size: 23px;
    color: #416543;
    position: relative;
    border-top: 4px solid #f1f1f1;
    padding-right: 12%
}

.portakalbahcem-her-hafta-gelsin .accordion:after {
    content: '\002B';
    color: #416543;
    font-size: 50px;
    font-weight: 300;
    float: right;
    margin-left: 5px;
    position: absolute;
    right: 10px;
    top: 15%
}

.portakalbahcem-her-hafta-gelsin .active:after {
    content: "\2212"
}

.portakalbahcem-her-hafta-gelsin .panel {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    font-size: 18px;
    color: #5f5f5f;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 0;
    box-shadow: none;
    margin: 0 auto
}

.her-hafta-gelsin-fazla-urun {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 768px;
    margin: 0 auto
}

.her-hafta-gelsin-text-green {
    font-size: 25px;
    color: #416543
}

.her-hafta-gelsin-text-orange {
    color: #ff6d01;
    font-size: 25px;
    display: inline-block;
    max-width: 770px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px
}

.her-hafta-gelsin-text-green-light {
    font-weight: 300;
    font-size: 25px;
    color: #416543;
    display: inline-block;
    max-width: 682px;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.her-hafta-gelsin-text {
    text-align: center
}

.her-hafta-gelsin-text {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px
}

.her-hafta-gelsin-second {
    margin-bottom: 60px
}

.her-hafta-gelsin-urunler_metin p {
    font-size: 14px;
    color: #191919
}

.her-hafta-gelsin-urunler_liste p {
    color: #ff6d01;
    font-size: 14px
}

.her-hafta-gelsin-5-soru h1 {
    text-align: center;
    font-size: 50px;
    font-weight: 300;
    color: #191919;
    margin-bottom: 25px
}

.her-hafta-gelsin-5-soru {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 70px
}

.portakalbahcem-her-hafta-gelsin .panel p {
    height: 100%;
    display: inline-block;
    min-height: 66px
}

.her-hafta-gelsin-fazla-urun img {
    margin-top: 50px;
    margin-bottom: 50px
}

.her-hafta-gelsin-fazla-urun p {
    font-size: 22px;
    color: #5f5f5f;
    text-align: center
}

.her-hafta-gelsin-accordion {
    border-bottom: 4px solid #f1f1f1
}

.yilbasi-urunleri-alani {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .yilbasi-urunleri-alani {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
    .portakalbahcem-yilbasi-sayfasi .products-wrapper .product-wrapper {
        width: calc(33% - 8px)
    }
}

.edit-address .input-validation-error {
    border: 1px solid red !important
}


.sss-landinpage-title {
    font-family: var(--secondary-font);
    font-size: 28px;
    color: #f56b24;
    margin-top: 55px;
    margin-bottom: 50px;
    display: inline-block;
    text-align: center
}

.Portakalbahcem-sss-landing-page {
    height: 100%;
    position: relative;
    background-repeat: no-repeat
}

.Portakalbahcem-sss-landing-page .panel-title a {
    font-size: 16px;
    font-weight: 600;
    color: #324d00;
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 12%
}

@media(min-width:768px) {
    .Portakalbahcem-sss-landing-page .panel-title a {
        font-size: 18px
    }
    .sss-landinpage-title {
        font-size: 40px;
        padding-left: 6px
    }
}

.Portakalbahcem-sss-landing-page .panel-title .collapsed::after {
    content: "-";
    display: flex;
    font-size: 35px;
    font-weight: 400;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    text-align: center;
    color: #324d00;
    border-radius: 30px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 2px #ccc
}

.Portakalbahcem-sss-landing-page .panel-title a::after {
    content: "+";
    display: flex;
    font-size: 35px;
    font-weight: 400;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    color: #324d00;
    border: 1px solid #f0f0f0;
    border-radius: 30px;
    text-align: center;
    box-shadow: 0 2px #ccc
}

.Portakalbahcem-sss-landing-page .panel-default {
    border: none
}

.Portakalbahcem-sss-landing-page .panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #fff;
    border: none
}

.Portakalbahcem-sss-landing-page .panel-default>.panel-heading+.panel-collapse>.panel-body {
    font-family: var(--primary-font), sans-serif;
    font-size: 14px;
    color: #555;
    border: none;
    background-color: #f9f9f9;
    font-weight: 500;
    line-height: 27px
}

.Portakalbahcem-sss-landing-page-background {
    height: 100%;
    display: flex;
    justify-content: center
}

.Portakalbahcem-sss-landing-page-content {
    position: absolute;
    top: 0;
    width: 100%
}

.portakalbahcem-lightbox-kampanya-grid {
    display: flex;
    flex-direction: column;
    padding: 12px
}

@media(min-width:768px) {
    .portakalbahcem-lightbox-kampanya-grid {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
}

.portakalbahcem-lightbox-kampanya-grid .product-title a {
    float: left;
    width: 100%;
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 36px;
    margin-left: 10px
}

.portakalbahcem-lightbox-kampanya-grid .prices span {
    float: left;
    line-height: 36px;
    font-size: 16px;
    color: #2e6734;
    font-weight: 600;
    height: 36px
}

.portakalbahcem-lightbox-kampanya-grid .add-info {
    display: flex;
    flex-direction: column
}

.portakalbahcem-lightbox-kampanya-grid .item-boxs {
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 10px
}

.portakalbahcem-lightbox-kampanya-grid .active .select-items-boxs-checked {
    background-image: url(images/kampanya-check.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border: 2px solid #fa4600;
    background-repeat: no-repeat;
    background-size: 15%;
    background-position-x: 6px;
    background-position-y: 6px
}

.portakalbahcem-lightbox-kampanya-grid .add-info,
.portakalbahcem-lightbox-kampanya-grid .description,
.portakalbahcem-lightbox-kampanya-grid .desktop {
    display: none
}

.portakalbahcem-lightbox-kampanya-text {
    float: left;
    width: 100%;
    text-align: center;
    border: none;
    padding: 0 0 20px;
    margin: 0;
    font-size: 18px;
    color: #663000;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 0
}

.portakalbahcem-lightbox-kampanya-baslik {
    float: left;
    width: 100%;
    text-align: center;
    border: none;
    padding: 0 0 20px;
    margin: 0;
    font-size: 20px;
    color: #663000;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 1%;
    padding-top: 3%
}

.portakalbahcem-kampanya-lightbox-buttons {
    display: flex;
    justify-content: space-around;
    width: 100%;
    align-items: center;
    max-width: 400px;
    margin: 10px 0;
    margin: 0 auto;
    flex-direction: column
}

@media(min-width:768px) {
    .portakalbahcem-kampanya-lightbox-buttons {
        flex-direction: row
    }
}

.portakalbahcem-lightbox-kampanya-title {
    display: block;
    float: left;
    width: 100%;
    margin-top: 28px
}

@media(min-width:768px) {
    .portakalbahcem-lightbox-kampanya-title {
        margin-top: 0
    }
}

.portakalbahcem-kampanya-lightbox-buttons-sepete-ekle {
    float: left;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    cursor: pointer;
    background: transparent url(images/add-to-card.png) no-repeat left top;
    border: none;
    width: 150px;
    height: 39px;
    font-size: 0;
    transition: none !important;
    margin-top: 10px;
    margin-bottom: 10px
}

@media(min-width:768px) {
    .portakalbahcem-kampanya-lightbox-buttons-sepete-ekle {
        margin-top: 0;
        margin-bottom: 0
    }
}

.portakalbahcem-kampanya-lightbox-buttons-istemiyorum {
    color: #000;
    font-weight: 500
}

.portakalbahcem-kampanya-lightbox-buttons-istemiyorum:hover {
    color: #000
}

.urun-detay-uyari {
    color: #fd0000;
    font: 500 13px var(--primary-font), sans-serif;
    padding-left: 28px;
    clear: both;
    position: relative;
    margin-top: 5px
}

.urun-detay-uyari::before {
    content: '!';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #fd0000;
    color: #fff;
    text-align: center;
    line-height: 23px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    font-size: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.customer-info-page .form-fields .inputs {
    clear: both
}

.customer-info-page .form-fields .accept-privacy-policy input {
    margin-top: 10px !important
}

.customer-info-page .form-fields .accept-privacy-policy label {
    text-align: left
}

.package-limit-exceed {
    position: relative;
    width: 100%;
    max-width: 530px;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start
}

.package-limit-exceed__icon {
    flex-basis: 32px;
    max-width: 32px
}

.package-limit-exceed__text {
    flex-basis: calc(100% - 32px);
    max-width: calc(100% - 32px);
    padding-top: 3px;
    padding-left: 10px
}

.package-limit-exceed__text h6,
.package-limit-exceed__text p {
    display: block;
    margin: 0;
    font-size: 12px
}

.package-limit-exceed__text h6 {
    margin-bottom: 10px;
    color: #ff2400;
    font-weight: 700
}

.package-limit-exceed__text p {
    color: #70644d;
    line-height: 1.453
}

@media screen and (max-width:768px) {
    .package-limit-exceed {
        padding: 25px 0
    }
}

#portakalbahcem-tesekkurler-sayfasi-main {
    font-family: var(--primary-font);
}

.portakalbahcem-tesekkurler-sayfasi {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    padding-top: 0;
    max-width: 300px;
    margin: 0 auto;
    position: relative
}

@media only screen and (min-width:1200px) {
    .portakalbahcem-tesekkurler-sayfasi {
        padding-top: 50px
    }
}

.portakalbahcem-tesekkurler-baslik {
    font-size: 18px;
    line-height: 30px;
    color: #f3a855
}

@media only screen and (min-width:1200px) {
    .portakalbahcem-tesekkurler-baslik {
        font-size: 21px;
        margin-bottom: 10px
    }
}

.portakalbahcem-tesekkurler-icerik {
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 1px;
    max-height: 105px;
    color: #fefefe;
    overflow: hidden
}

@media only screen and (min-width:1200px) {
    .portakalbahcem-tesekkurler-icerik {
        font-size: 15px
    }
}

.portakalbahcem-tesekkurler-yazar {
    font-size: 14px;
    margin-top: 10px;
    float: right;
    color: #ff7e7e;
    width: 100%;
    padding-right: 24px;
    text-align: right
}

@media only screen and (min-width :768px) and (max-width :992px) {
    body {
        background: #fff
    }
    .container {
        max-width: 100%;
        width: 100%
    }
    .header-affix {
        height: 122px
    }
    .header-wrapper {
        background: url(images/mobile-header-bg.jpg) repeat-x center top
    }
    .header-wrapper:after {
        display: none
    }

    .header-bottom {
        padding: 0
    }
    .header-affix.affix {
        position: fixed;
        width: 100%;
        z-index: 9999;
        top: 0
    }
    .header-affix.affix-top {
        z-index: 9999;
        position: relative
    }
    .header-affix.affix+.master-content {
        margin-top: 122px
    }
    .header-mobile-link {
        padding: 0;
        text-align: center;
        font-size: 13px;
        margin-top: 25px;
        font-weight: 600
    }
    .hamburger-icon-wrapper,
    .mobile-search-wrapper {
        padding: 0
    }
    .mobile-search-wrapper form {
        float: right
    }
    a.nav-expander:hover {
        cursor: pointer
    }
    a.nav-expander.fixed {
        position: fixed
    }
    .nav-expanded a.nav-expander.fixed {
        left: 10em
    }
    .mobile-search-wrapper .search-box-text {
        background: url(images/mobile-search-bg.jpg) no-repeat !important;
        width: 240px;
        height: 32px
    }
    .mobile-search-wrapper .search-box-button {
        right: 10px;
        top: 7px;
        background: url(images/search-box-button-mobile.png) no-repeat;
        background-size: contain;
        -webkit-background-size: contain;
        width: 20px !important;
        height: 20px !important;
        position: absolute
    }
    .mobile-search-wrapper {
        margin-top: 8px
    }
    .mobile-search-wrapper input.search-box-text[type=text] {
        color: #000
    }
    .flex-nav-next,
    .flex-nav-prev {
        display: none
    }
    .homepage-banner .flex-control-nav a {
        background: #cacaca
    }
    .homepage-banner .flex-control-nav a.flex-active {
        background: #f17700
    }
  
    .slick-next,
    .slick-prev {
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        width: 45px;
        height: 45px;
        text-indent: -9999px;
        z-index: 100;
        cursor: pointer;
        top: 50%;
        margin-top: -22px;
        position: absolute;
        border: none
    }
    .slick-prev {
        background-image: url(images/homeproduct-prev-arrow.jpg);
        left: 0
    }
    .slick-next {
        background-image: url(images/homeproduct-next-arrow.jpg);
        right: 0
    }
    #Category .price {
        margin-left: 0
    }
    .slick-dots {
        position: relative;
        margin-top: 33px;
        margin-bottom: 48px;
        float: left;
        clear: both;
        display: flex !important;
        width: 100%;
        justify-content: center;
        flex-direction: row
    }
    .mobile-banners-wrapper {
        padding: 0
    }
    .home-categories-wrapper li {
        height: 52px;
        border-bottom: 1px solid #fdf6eb
    }
    .home-categories-wrapper li a {
        width: 100%;
        height: 100%;
        display: block
    }
    .home-categories-wrapper li img {
        margin: 8px 34px 0 0;
        float: left
    }
    .home-categories-wrapper li span {
        line-height: 52px;
        font-size: 15px;
        color: #7f7c73
    }
    .home-categories-wrapper li a:after {
        content: '';
        background-image: url(images/home-categories-arrow.png);
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        width: 8px;
        height: 14px;
        float: right;
        margin-top: 20px
    }
    .mobile-social-media-wrapper {
        background: url(images/mobile-social-bg.jpg) repeat-x;
        height: 140px
    }
    .mobile-social-media-wrapper img {
        margin: 25px auto 15px;
        display: block;
        width: 231px;
        height: auto
    }
    .mobile-social-media-wrapper li {
        float: left;
        margin-right: 30px
    }
    .mobile-social-media-wrapper li:last-child {
        margin-right: 0
    }
    .mobile-social-media-wrapper li a {
        background-repeat: no-repeat;
        width: 46px;
        height: 46px;
        text-indent: -9999px;
        display: block;
        -webkit-background-size: contain;
        background-size: contain
    }
    .mobile-social-media-wrapper .social-media-links {
        width: 200px;
        margin: 0 auto
    }
    .mobile-social-media-wrapper .facebook a {
        background-image: url(images/mobile-facebook-icon.png)
    }
    .mobile-social-media-wrapper .twitter a {
        background-image: url(images/mobile-twitter-icon.png)
    }
    .mobile-social-media-wrapper .instagram a {
        background-image: url(images/mobile-instagram-icon.png)
    }
    .copyrigt-orgin {
        display: block;
        margin: auto 0;
        padding-left: 1% !important;
        margin-top: 2%
    }
    .copyrigt-orgin p {
        font-size: 10px;
        text-align: left;
        color: #a89f90
    }
    .footer-badge {
        margin-top: 0
    }
    .footer-wrapper .bosch {
        left: 10%;
        top: -58px;
        margin-left: -42px
    }
    .credit-icon-wrapper {
        margin-left: 0;
        margin-top: -50px;
        width: 100%;
        float: left
    }
    .credit-icon-wrapper ul {
        float: none;
        display: block;
        width: 450px;
        margin: 0 auto 0
    }
    .footer-wrapper .html5icon {
        margin: 10px 0 0 10px
    }
    .page.home-page {
        width: 100%
    }
    .responsive-left-menu .mobile-social-media-wrapper {
        border-bottom: 6px solid #f26600
    }
    #Category .master-wrapper-main .container,
    .two-column-right {
        padding: 0
    }
    .orange-title-wrapper {
        margin: 12px 0 0 0;
        height: 45px;
        background: #f26600
    }
    .orange-title-wrapper {
        padding: 0;
        margin: 12px 0 20px 0
    }
    .orange-title-wrapper h1 {
        border: none;
        height: 45px;
        text-align: center;
        line-height: 45px;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        margin: 0
    }
    .badge-75-tl {
        margin: 0 auto 30px;
        float: none;
        clear: both;
        display: block;
        position: relative;
        top: 40px
    }
    .new-badge {
        left: 6px
    }
    .product-description-wrapper .stock {
        text-align: center;
        margin-bottom: 0
    }
    .product-detail-tabs {
        width: 100%;
        margin-bottom: 50px
    }
    .product-detail-tabs .ui-tabs-panel {
        padding: 0;
        border: none
    }
    .product-detail-bu-dogalligin-tamami {
        background-image: url(images/bu-dogalligin-tamami.png);
        width: 425px;
        height: 35px;
        -webkit-background-size: contain;
        background-size: contain
    }
    .product-detail-two-pictures img {
        width: auto;
        margin: 0 0 10px 0;
        float: none
    }
    .product-detail .product-urunlerim-nasil {
        margin: 25px 0
    }
    .product-urunlerim-nasil img {
        width: auto
    }
    .product-detail-tabs .ui-tabs-panel {
        padding: 0 5px !important
    }
    .related-product-wrapper {
        margin: 30px 0 0 0
    }
    .related-product-wrapper .tabProductBottomWrapper {
        background: 0 0
    }
    #ProductDetails .mobile-banners-wrapper img {
        display: block;
        margin: 0 auto 10px
    }
    .form-fields label,
    .login-page .returning-wrapper label,
    .opc .step-title {
        text-align: left
    }
    .login-page .returning-wrapper .inputs {
        margin: 10px 0
    }
    .login-page .returning-wrapper .inputs.reversed label {
        width: auto
    }
    .form-actions .forgot-password {
        margin-left: 10px
    }
    .login-page .forgot-password a,
    .login-page .login-button {
        padding: 4px 10px;
        font-size: 13px
    }
    .new-wrapper.register-block .text {
        margin-bottom: 15px
    }
    .account-page .form-actions,
    .address-edit-page .form-actions,
    .login-page .form-actions,
    .password-recovery-page .form-actions,
    .registration-page .form-actions {
        padding: 20px 0
    }
    .login-page .form-actions .buttons {
        width: 271px;
        margin: 0 auto
    }
    .form-fields label,
    .login-page .returning-wrapper label {
        width: 100%
    }
    .captcha-box {
        clear: both;
        margin-left: 0
    }
    .registration-page .accept-privacy-policy {
        margin-left: 0
    }
    .address-edit-page .form-actions .next-step-button-wrapper,
    .page.account-page .form-actions .next-step-button-wrapper,
    .page.registration-page .form-actions .next-step-button-wrapper,
    .password-recovery-page .form-actions .next-step-button-wrapper {
        float: none
    }
    .account-page .change-password-button,
    .account-page .save-customer-info-button,
    .address-edit-page .form-actions .save-address-button,
    .password-recovery-page .password-recovery-button,
    .registration-page .register-next-step-button {
        margin: 0 auto;
        float: none;
        display: block
    }
    .birthday-dropdowns select {
        width: 66px
    }
    .registration-page .inputs {
        clear: both
    }
    .totals>.totals-button-wrapper {
        margin-left: 0;
        margin-bottom: 20px
    }
    #Cart .totals>.totals-button-wrapper .button-wrapper {
        width: 100%
    }
    .totals>.totals-button-wrapper .button-wrapper {
        width: 190px;
        margin: 0 auto 30px
    }
    .order-summary-content .cart-footer .totals div {
        padding: 0
    }
    .page.checkout-page .cart-footer,
    .page.checkout-page .checkout-data,
    .page.checkout-page .checkout-data li {
        padding: 0
    }
    .birthday-dropdowns label,
    .checkout-data .enter-address label,
    .checkout-data label,
    .checkout-data select,
    .form-fields .inputs input[type=password],
    .form-fields .inputs input[type=text] {
        width: 100%
    }
    .opc .step {
        padding: 15px 15px
    }
    .opc .buttons .back-link {
        margin: 0
    }
    .next-step-button-wrapper .next-step-button {
        float: right
    }
    .opc .buttons .please-wait {
        clear: both
    }
    .checkout-data .method-list {
        margin: 5px
    }
    .checkout-data .shipping-method .method-name input {
        float: left
    }
    .checkout-data .shipping-method .method-name label {
        width: 255px;
        margin-left: 10px
    }
    .page.checkout-page .checkout-data #opc-shipping_method li {
        margin-bottom: 20px
    }
    .checkout-data .payment-method .payment-logo {
        margin-right: 10px
    }
    .checkout-data .payment-method .method-name label,
    .checkout-data .payment-method .payment-method-tab-content label {
        width: auto
    }
    .checkout-data .items-wrapper .cart-item-row .name {
        width: 145px
    }
    .checkout-data .items-wrapper .cart-item-row div {
        float: left
    }
    .checkout-data .confirm-order {
        border: none
    }
    .page.checkout-page .cart-description {
        text-align: left
    }
    .checkout-data .items-wrapper .cart-item-row .name {
        width: 210px
    }
    .page.order-details-page .cart-total {
        width: 100%
    }
    .page.order-details-page .cart-total .cart-total-left,
    .page.order-details-page .cart-total .cart-total-right {
        width: 50%;
        padding-bottom: 10px
    }
    .order-details-page .order-overview {
        margin-top: 20px
    }
    .order-details-page .order-details-area,
    .order-details-page .section {
        margin: 0
    }
    .login-page .checkout-as-guest-or-register-block ul {
        padding-left: 0;
        margin-bottom: 20px
    }
    .login-page .checkout-as-guest-or-register-block {
        margin-top: 50px
    }
    .page.account-page {
        margin-bottom: 20px
    }
    .change-password-page .inputs label,
    .edit-address input,
    .edit-address label,
    .edit-address select,
    .password-recovery-page .inputs label {
        width: 100%
    }
    .password-recovery-page,
    .store-closed-page {
        padding: 0
    }
    .page.topic-page {
        padding: 0
    }
    .finike-banner {
        width: 100% !important;
        height: auto !important
    }
    #content-pages {
        width: 100%
    }
    .content-pages-menu a {
        background: transparent url(images/health/saglik-menu-bg.png) no-repeat scroll left bottom
    }
    .mobile-banner-img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto
    }
    .back-in-stock-subscription .subscribe-button {
        margin: 10px auto;
        display: block
    }
    .media-banner {
        width: 100%
    }
    .media-banner img {
        width: auto;
        margin: 0 auto;
        display: block
    }
    #Login .new-wrapper {
        margin-top: 20px
    }
    .otomatik-siparis-wrapper {
        width: 700px;
        margin: 20px auto 80px
    }
    #fancybox-content {
        margin-top: 50px
    }
    .video-film-wrapper {
        width: 480px;
        height: 270px
    }
    .video-film {
        width: 460px;
        height: 250px
    }
    .video-film-wrapper {
        margin-top: 120px
    }
    #Login .login-button,
    #Login .register-button,
    .btn,
    .btn-primary,
    .password-recovery-button,
    .registration-page .register-next-step-button {
        width: 111px;
        height: 45px;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        background: #ee6a00 none repeat scroll 0 0;
        text-shadow: none;
        font-size: 15px;
        color: #fff;
        box-shadow: none
    }
    .btn-primary:focus,
    .btn-primary:hover,
    .btn:hover {
        border: none;
        background: #ee6a00 none repeat scroll 0 0;
        color: #fff
    }
    .btn-primary:disabled {
        background-color: #ee6a00 !important
    }
    #Login .forgot-password a {
        width: 150px;
        height: 45px;
        border: none;
        border-radius: 0;
        background: #939393;
        text-shadow: none;
        font-size: 15px;
        color: #373737;
        line-height: 45px;
        padding: 0;
        line-height: 45px
    }
    #Category .pager {
        position: relative;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        left: 50%;
        float: left
    }
    #Index .price.old-price::before {
        top: 9px;
        left: 0
    }
    .shopping-cart-page .order-summary-content .items-wrapper {
        padding: 0 10px
    }
    #NewConfirm .items-wrapper .cart-item-row .unit-price {
        font-size: 22px;
        color: #2e6734;
        font-weight: 700
    }
    .items-wrapper .cart-item-row .unit-price small {
        font-size: 16px
    }
    #Cart .button-wrapper .btn {
        border-radius: 0 !important;
        margin-left: 0 !important
    }
    #Cart .button-wrapper .cart-continue-shop-button {
        width: 176px;
        background: #939393;
        color: #373737
    }
    .page.registration-page .form-fields label {
        text-align: left;
        width: 100%
    }
    #OnePageCheckout .buttons {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100px
    }
    #billing-buttons-container .please-wait {
        bottom: 0
    }
    .back-link .btn {
        line-height: 38px
    }
    #Register .footer-wrapper,
    #Register .header-affix,
    #Register .sticky-footer {
        display: block
    }
    #Register .master-wrapper-page {
        overflow-x: hidden
    }
    #Register body {
        background: #fcf6eb
    }
    #Register .master-wrapper-main .container {
        padding: 0
    }
    #Register .register-tab-wrapper,
    #Register .register-wrapper {
        display: inline-block;
        height: auto;
        width: 100%;
        margin-top: 16px
    }
    #Register #login-tab {
        width: 100%
    }
    .register-tab-wrapper li {
        width: 50%
    }
    .register-tab-wrapper .ui-tabs-panel {
        padding: 10px 10px 0 !important;
        width: 100%
    }
    .facebook-connect-button,
    .register-tab-wrapper #login-tab .inputs input[type=password],
    .register-tab-wrapper #login-tab .inputs input[type=text] {
        width: 100%
    }
    .register-tab-wrapper .inputs input[type=password],
    .register-tab-wrapper .inputs input[type=text] {
        width: 97%
    }
    .page.registration-page .form-fields .newsletter label {
        width: 90%
    }
    .page.registration-page #Newsletter {
        margin: 6px 10px 0 0
    }
    .page.registration-page .form-fields .accept-privacy-policy label {
        width: auto
    }
    .login-page .customer-blocks,
    .login-page .returning-wrapper {
        padding: 0
    }
    .login-page .returning-wrapper .buttons {
        width: 100%
    }
    .page.registration-page .login-button {
        width: 48%
    }
    .page.registration-page .login-button {
        line-height: inherit
    }
    .register-wrapper-right {
        margin: 20px 0;
        width: 100%
    }
    .register-tab-wrapper .inputs input[type=password],
    .register-tab-wrapper .inputs input[type=text] {
        background: #f1ece1
    }
    .confirm-page .items-wrapper .cart-item-row {
        padding: 20px 0 0 0
    }
    #NewConfirm .items-wrapper .cart-item-row .picture-name,
    #NewConfirm .items-wrapper .cart-item-row .qty {
        width: auto;
        padding: 0
    }
    #NewConfirm .items-wrapper .cart-item-row .unit-price {
        width: auto;
        padding: 0;
        margin-left: 10px
    }
    .cart-gift-section {
        float: left
    }
    .cart-gift-section .checkout-attributes {
        margin-top: 0
    }
    .gift-wrapper,
    .order-note-wrapper {
        width: 50%;
        float: left
    }
    .gift-section-wrapper,
    .order-note-wrapper>div {
        margin: 0 auto;
        display: block;
        width: 250px
    }
    .page.shopping-cart-page .cart-footer {
        padding: 0 10px
    }
    .cart-continue-shop-button {
        display: block;
        margin: 0 auto
    }
    .gift-section-wrapper,
    .order-note-wrapper>div {
        width: 95%
    }
    .order-summary-content .checkout-attributes textarea {
        width: 100%
    }
    .delivery-address-list .saved-address-container>div,
    .delivery-list-page div {
        padding: 0
    }
    .edit-delete-buttons {
        margin-top: 10px
    }
    .delivery-billing-choose {
        margin-bottom: 20px
    }
    .add-new-address-button {
        float: none;
        margin: 0 auto;
        display: block
    }
    .cart-collaterals {
        padding: 20px 10px
    }
    .shopping-cart-page .cart-item-row .product-name {
        font-size: 13px;
        line-height: 1.2
    }
    .popup-new-adress-wrapper.ui-widget-content {
        top: 0 !important
    }
    #Delivery .ui-widget-content #editAddressForm,
    #Delivery .ui-widget-content #newAddressForm {
        overflow-x: hidden
    }
    .edit-address-form .save-address-button,
    .new-address-save-button {
        width: 100% !important
    }
    .edit-delete-buttons {
        width: 100%
    }
    .edit-delete-buttons .address-delete-button,
    .edit-delete-buttons .address-edit-button {
        width: 48%
    }
    .delivery-billing-choose {
        width: 270px;
        margin: 0 auto;
        display: block;
        float: none
    }
    .add-new-address-button {
        margin: 30px auto 0
    }
    .right-billing-address input[type=checkbox] {
        width: auto
    }
    .payment-credit-card select {
        width: 134px
    }
    .checkout-data .payment-method li {
        background: #f9f2df;
        padding-left: 10px !important
    }
    .checkout-data .method-list {
        margin: 0 0 20px 0 !important
    }
    .payment-method-tab-content {
        display: block;
        padding: 0 0 0 15px !important
    }
    #NewConfirm .cart-item-row .qty>span {
        width: auto;
        float: left
    }
    .cart-gift-section {
        padding-left: 15px;
        padding-right: 15px
    }
    .order-summary-text {
        margin: 20px 0
    }
    #NewConfirm .items-wrapper .order-review-data li.title {
        margin: 20px 0
    }
    #NewConfirm .terms-of-service {
        font-size: 13px
    }
    .product-descriptions .pd-top {
        padding: 0 15px
    }
    .product-descriptions .pd-right {
        padding: 0 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    #UserMenu li {
        margin-left: 18px
    }
    #portmenu .pmurunler {
        margin: 0 9px
    }
    .kutu-otomatik-siparis {
        margin: 0 18px
    }
    .header-affix.affix {
        position: static
    }
    .cart-checkout-section li {
        width: 270px
    }
}
.cart-wrapper .ico-cart{
    width: 100%;
    height:100%;
}
.pb-offcanvas-menu__search form input[type=text] {
    flex-basis: calc(100% - 85px);
    max-width: calc(100% - 85px);
    height: 100%;
    padding: 0 10px 0 25px !important;
    color: var(--offcanvas-brown);
    font-weight: 400;
    font-size: 12px;
    text-indent: 0
}

.pb-offcanvas-menu__search form input[type=submit] {
    width: 80px;
    height: 100%;
    color:  var(--primary-color);
    font-family: var(--offcanvas-primary);
    font-size: 16px;
    text-indent: 0;
}
.pb-offcanvas-menu__search-ico{
    position: absolute;
    top: 9px;
    left: 6px;
}

#form-mobile{
    background-color: var(--light-background);
}

@media only screen and (max-width:992px) {
    
    .cart-wrapper {
        width: 61px;
        height: 58px;
        margin-bottom: 0;
    }
    .cart-wrapper a {
        float: left;
        height: 33px
    }
    .hamburger-icon {
        cursor: pointer;
        float: left;
        width: 31px;
        position: relative;
        /* margin-top: 10.5px; */
        height: 32px
    }
    .hamburger-icon.nav-expander p {
        font-size: 9px;
        margin-top: 23px;
        color: #5d3b21;
        font-weight: 600;
        float: left;
        width: 31px;
        text-align: center;
        margin-bottom: 0;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .hamburger-icon span,
    .hamburger-icon span:after,
    .hamburger-icon span:before {
        cursor: pointer;
        height: 3px;
        width: 31px;
        background: #5d3b21;
        position: absolute;
        display: block;
        content: "";
        border-radius: 2px;
        top: 0;
        transition: all .2s linear
    }
    .hamburger-icon span:before {
        top: 8px
    }
    .hamburger-icon span:after {
        top: 16px
    }
    .nav-expanded .hamburger-icon.nav-expander p {
        font-size: 0
    }
    .nav-expanded .hamburger-icon.nav-expander p:before {
        content: "KAPAT";
        font-size: 9px
    }
    .nav-expanded .hamburger-icon span {
        background: 0 0
    }
    .nav-expanded .hamburger-icon span:before {
        transform: rotate(45deg);
        top: 0
    }
    .nav-expanded .hamburger-icon span:after {
        transform: rotate(-45deg);
        top: 0
    }
    .logo-wrapper {
        justify-content: center;
        height: auto
    }
    .logo-wrapper a img {
        height: auto
    }
    .header-mobile-link {
        float: left;
        margin-left: 45px;
        margin-top: 11px
    }
    .header-mobile-link .bell-container {
        margin-left: 0
    }
    .header-mobile-link .bell {
        background: url(images/bell.svg) no-repeat top center;
        height: 30px;
        margin: 0
    }
    .header-mobile-link .bell span {
        color: #fff
    }
    .header-mobile-link .bell-campaign {
        left: 0;
        margin: 0 calc(160px/2 * -1)
    }
    .header-mobile-link .bell-container .bell-campaign ul:before {
        left: 90px
    }
    .header-cargo {
        float: left;
        width: 100%;
        text-align: center;
        background: var(--primary-color);
        color: #fff;
        line-height: 24px;
        font-size: 11px;
        max-width: 50%;
        height: 28px
    }
    .header-cargo p {
        margin: 0;
        height: 22px;
        font-size: 12px;
        line-height: 26px
    }
    #Category .header-cargo {
        display: none !important
    }
    .flex-nav-next,
    .flex-nav-prev {
        display: none
    }
    #Index .homepage-banner .flexslider img {
        float: left;
        width: 100%
    }
    .homepage-banner .flex-control-nav {
        left: 10px;
        bottom: 10px;
        height: 10px
    }
    .homepage-banner .flex-control-nav a {
        background-color: rgba(255, 255, 255, .5);
        width: 10px;
        height: 10px
    }
    .page.home-page {
        background-color: #fff
    }
   
    .main-whatsapp-sabit-tel:before {
        display: none
    }
 
    .products-wrapper .product-wrapper {
        width: calc((100%/3) - 8px);
        margin-bottom: 8px !important;
        max-height: inherit
    }
    .kargo-dahil-badge {
        max-width: 41px
    }
    .hasat-martta,
    .hasat-mayisda,
    .hasat-nisanda,
    .hasat-ocakta,
    .hasat-subatta,
    .hasat-yakinda-badge {
        max-width: 41px
    }
    .hasat-aralikta,
    .hasat-ekimde,
    .hasat-kasimda,
    .portakalbahcem-on-siparis {
        max-width: 41px
    }
    .home-categories-wrapper {
        margin: 0 15px 10px;
        width: calc(100% - 30px)
    }
    .home-categories-wrapper li {
        border-bottom: 1px solid #f0f0f0;
        width: 100%;
        float: left;
        margin-bottom: 5px
    }
    .home-categories-wrapper li a {
        float: left;
        width: 100%;
        padding-bottom: 5px
    }
    .home-categories-wrapper li img {
        float: left;
        height: 40px
    }
    .home-categories-wrapper li span {
        float: left;
        font-size: 17px;
        font-weight: 500;
        color: #525252;
        line-height: 41px;
        padding-left: 20px
    }
    .home-categories-wrapper li a:after {
        content: '';
        background-image: url(images/home-categories-arrow.png);
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        width: 8px;
        height: 14px;
        float: right;
        margin-top: 20px
    }
    .main-page-instagram-title h1 {
        font-size: 20px;
        font-weight: 500
    }
    .main-page-instagram-text {
        font-size: 13px;
        font-weight: 600
    }
    .pb-instagram-alani {
        width: calc((100%/3) - 21px)
    }
    .instagram-images {
        padding: 0 21px
    }
    .pb-ins-image-zoom {
        width: 100%;
        min-height: 160px
    }
    .pb-ins-slider-items {
        background-position: center
    }
    .social-newsletter-contact {
        float: left;
        max-width: 100%
    }
    #portakaliletisim {
        margin: 0
    }
    .home-social-media,
    .newsletter-wrapper,
    .newsletter-wrapper label,
    .social-newsletter-contact .announcement {
        float: left;
        max-width: 100%;
        width: 100%
    }
    .newsletter-result-block {
        padding-left: 25px
    }
    .home-social-media {
        text-align: center;
        margin-top: 30px
    }
    .home-social-media li {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 3px
    }
    .newsletter-wrapper input[type=checkbox] {
        width: 20px;
        height: 20px
    }
    .newsletter-wrapper input[type=checkbox]:after {
        width: 12px;
        height: 12px;
        margin: 3px
    }
    .newsletter-wrapper .subCheckLbl {
        width: calc(100% - 20px);
        line-height: 20px
    }
    .foo-newsletter {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .foo-bottom {
        padding: 5px 0
    }
    .foo-bottom .secure-shopping img {
        width: 64px;
        margin-top: -32px
    }
    .foo-bottom .kreatif-design a:before {
        font-size: 12px;
        color: #676259
    }
    body.nav-expanded {
        overflow: hidden;
        height: 100vh
    }
    body.nav-expanded .responsive-left-menu {
        transform: translateX(0)
    }
    body .nav-expanded-bg {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .4);
        transition: all .2s linear;
        opacity: 0;
        visibility: hidden
    }
    body.nav-expanded .nav-expanded-bg {
        opacity: 1;
        visibility: visible
    }
    .responsive-left-menu {
        background: rgba(255, 255, 255, .96);
        height: calc(100vh - 73px);
        overflow: auto;
        position: fixed;
        font-size: 15px;
        top: 73px;
        width: 100%;
        z-index: 9999;
        max-width: 375px;
        transition: all .2s linear;
        transform: translateX(-100%)
    }
    .responsive-left-menu .left-menu-wrapper {
        float: left;
        width: 100%
    }
    .responsive-left-menu .left-menu-wrapper .mob-top-menu {
        float: left;
        width: 100%
    }
    .responsive-left-menu .left-menu-wrapper .mob-top-menu>li {
        float: left;
        width: 100%;
        margin-bottom: 1px
    }
    .responsive-left-menu .left-menu-wrapper .mob-top-menu>li>a {
        float: left;
        width: 100%;
        font-size: 13px;
        background-color: var(--primary-color);
        background-image: url(images/arrow-right-white.svg);
        background-repeat: no-repeat;
        background-position: right 20px center;
        background-size: 16px;
        color: #fff;
        font-weight: 600;
        line-height: 50px;
        position: relative;
        padding: 0 50px 0 15px
    }
    .responsive-left-menu .left-menu-wrapper .mob-top-menu>li>a.isChild {
        background-image: url(images/arrow-bottom-white.svg)
    }
    .responsive-left-menu .left-menu-wrapper .mob-top-menu>li>a.isChild.active {
        background-image: url(images/arrow-up-white.svg)
    }
    .responsive-left-menu .left-menu-wrapper .sublist {
        float: left;
        width: 100%;
        padding: 7.5px;
        display: none
    }
    .responsive-left-menu .left-menu-wrapper .sublist .childmenuitem {
        float: left;
        width: calc(50% - 10px);
        padding: 0;
        margin: 0 5px;
        border-bottom: 1px solid #dadada
    }
    .responsive-left-menu .left-menu-wrapper .sublist .childmenuitem a {
        color: var(--primary-color);
        float: left;
        width: 100%;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        padding: 12px 14px 12px 0;
        position: relative
    }
    .responsive-left-menu .left-menu-wrapper .sublist .childmenuitem a:after {
        content: "";
        background: url(images/arrow-right-orange.svg) no-repeat center center;
        background-size: contain;
        width: 14px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0
    }
    .responsive-left-menu .left-menu-member {
        float: left;
        width: 100%;
        margin-top: 10px
    }
    .responsive-left-menu .left-menu-member li {
        float: left;
        width: 50%;
        text-align: center
    }
    .responsive-left-menu .left-menu-member li a {
        float: left;
        width: 100%;
        line-height: 50px;
        color: #fff;
        font-size: 13px;
        font-weight: 500
    }
    .responsive-left-menu .left-menu-member li.facebook {
        background-color: #4b67ad
    }
    .responsive-left-menu .left-menu-member li.facebook a:before {
        content: "";
        width: 10px;
        height: 50px;
        background: url(images/social-facebook-hover.png) no-repeat center center;
        background-size: 16px;
        display: inline-block;
        vertical-align: top;
        margin-right: 10px
    }
    .responsive-left-menu .left-menu-member li.signup {
        background-color: #5d3b21
    }
    .responsive-left-menu .left-menu-member li.myaccount {
        background: #5d3b21
    }
    .responsive-left-menu .left-menu-member li.logout {
        background: #b7b5b5;
        text-transform: uppercase
    }
    .responsive-left-menu .left-menu-search {
        float: left;
        width: 100%;
        padding: 10px 11px
    }
    .responsive-left-menu .left-menu-search .search-box-text {
        float: right;
        width: calc(100% - 50px);
        height: 50px;
        padding: 14px 20px 14px 0 !important;
        margin: 0;
        -webkit-appearance: none;
        background: #e3e3e3;
        border: 1px solid #cbcbcb;
        border-left: 0;
        line-height: 20px;
        font-size: 12px;
        font-weight: 500;
        color: rgba(101, 101, 101, .5);
        font-family: var(--primary-font), sans-serif;
        font-style: normal;
        border-radius: 0
    }
    .responsive-left-menu .left-menu-search .search-box-text::-webkit-input-placeholder {
        color: #564e3d
    }
    .responsive-left-menu .left-menu-search .search-box-text::-moz-placeholder {
        color: #564e3d
    }
    .responsive-left-menu .left-menu-search .search-box-text:-ms-input-placeholder {
        color: #564e3d
    }
    .responsive-left-menu .left-menu-search .search-box-text:-moz-placeholder {
        color: #564e3d
    }
    .responsive-left-menu .left-menu-search .search-box-button {
        float: left;
        width: 50px;
        height: 50px;
        -webkit-appearance: none;
        border: 1px solid #cbcbcb;
        border-right: 0;
        background: #e3e3e3 url(images/search.svg) no-repeat center center;
        background-size: 20px;
        padding: 0
    }
    .two-column-right {
        width: 100%;
        padding: 0 5px
    }
    .product-selectors {
        background: #fff;
        border: none;
        border-bottom: 1px solid #e5e5e5;
        height: inherit;
        margin: 0 -5px 10px;
        width: calc(100% + 10px);
        padding: 0
    }
    .product-selectors .product-count {
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 10px;
        font-weight: 300;
        line-height: normal;
        padding: 5px 0;
        background: var(--primary-color)
    }
    .product-selectors .product-count span {
        float: left;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 19px;
        margin-bottom: 2px
    }
    .product-sorting {
        width: 50%;
        border: none;
        border-left: 1px solid #e5e5e5;
        height: 49px
    }
    .products-in-stock {
        width: 50%;
        margin: 0;
        height: 49px;
        text-align: center
    }
    .products-in-stock input[type=checkbox] {
        float: none;
        display: inline-block;
        vertical-align: middle;
        border-color: #d3d3d3;
        width: 20px;
        height: 20px
    }
    .products-in-stock input[type=checkbox]:after {
        background-color: #d3d3d3;
        margin: 4px;
        width: 10px;
        height: 10px
    }
    .products-in-stock label {
        line-height: 49px;
        font-weight: 500;
        float: none;
        display: inline-block;
        vertical-align: middle
    }
    .product-sorting select {
        height: 49px;
        font-size: 12px;
        font-weight: 500;
        padding-left: 20px;
        padding-right: 40px
    }
    .product-sorting:after {
        height: 100%;
        right: 10px
    }
    #Cart .header-cargo {
        display: none !important
    }
    #Cart .header-bottom-container {
        background-color: transparent !important
    }
    .checkout_container .checkout__Second_cont,
    .checkout_container .tss-address {
        padding: 0 10px
    }
    .product-properties {
        display: block;
        padding: 0 15px
    }
   
    /* .product-description-wrapper {
        padding: 0 15px !important;
        width: 100% !important
    } */
    .product-detail-picture-wrapper .badge-kargo-bedava img {
        max-width: 50px
    }
    .product-detail-price {
        margin: 10px 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 11px;
    }
    .product-detail-price .product-price:not(.old-price) {
        font-size: 30px;
        line-height: 28px;
        height: 28px
    }
    .product-detail-price .product-price:not(.old-price) small {
        font-size: 18px;
        line-height: 19px
    }
    .product-detail-price .old-price {
        line-height: 28px;
        height: 28px
    }
    .product-detail-price .old-price:after {
        bottom: 12px
    }
    .product-detail-price .discount-ratio {
        line-height: 28px;
        height: 28px;
        font-size: 15px
    }
    .product-detail-price .discount-ratio span {
        font-size: 12px
    }
    .quantity-addbasket {
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .product-short-description {
        text-align: center;
        margin-top: 15px
    }
    .product-details-wrapper .product-detail-tabs-wrapper {
        padding: 10px 15px;
        margin: 0
    }
    .product-details-wrapper .product-detail-tabs-wrapper .product-detail-tabs {
        border-top: none
    }
    .product-details-wrapper .product-detail-tabs-wrapper .tabs {
        margin-bottom: 10px
    }
    .product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-state-default {
        margin: 0;
        width: 50%;
        padding: 0 5px
    }
    .product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-state-default:last-child {
        margin-right: 0
    }
    .product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-state-default a.ui-tabs-anchor {
        line-height: 14px;
        font-weight: 500;
        color: #9c8e6b;
        border: 1px solid #e9e1d1;
        height: 50px;
        transition: background .2s linear;
        padding: 0;
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-tabs-active a.ui-tabs-anchor {
        border: none
    }
    .product-details-wrapper .product-detail-tabs-wrapper .tabs li.ui-state-default a.ui-tabs-anchor span {
        line-height: 14px
    }
}

@media only screen and (min-width:1020px) {
    .send-my-products{
        padding-top: 112px;
        padding-bottom: 112px;
    }
}
@media only screen and (max-width:767px) {
    .address-edit-page .edit-address {
        padding: 0 10px
    }
    .address-edit-page h1 {
        padding: 12px 10px 10px
    }
    .products-wrapper .product-wrapper {
        width: calc((100%/2) - 8px);
        margin: 0 4px 8px !important;
        max-width: inherit
    }
    .category-product-wrapper {
        width: 100%
    }
    .page.shopping-cart-page {
        margin-top: 10px
    }
    .shopping-cart-page .page-title {
        margin-bottom: 10px
    }
    .shopping-cart-page .page-title h1 {
        padding-bottom: 10px
    }
    .shopping-cart-page .order-summary-content .items-wrapper {
        padding: 0 10px
    }
    .shopping-cart-page .order-summary-content .cart-page-item-wrapper {
        border-top: 0;
        border-bottom: 1px solid #e6e0d1
    }
    .shopping-cart-page .order-summary-content .cart-gift-section {
        display: none
    }
    .order-summary-content .items-wrapper .cart-item-row {
        display: block
    }
    .shopping-cart-page .picture-name {
        float: left
    }
    .shopping-cart-page .picture-name .picture {
        width: 64px
    }
    .shopping-cart-page .cart-item-row .name {
        padding-left: 10px;
        margin-bottom: 10px;
        width: calc(100% - 64px)
    }
    .shopping-cart-page .cart-item-row .product-name {
        font-size: 13px;
        line-height: 1.2
    }
    .shopping-cart-page .unit-price {
        float: left;
        margin: 0 10px
    }
    .shopping-cart-page .qty {
        float: left
    }
    .shopping-cart-page .delete {
        float: right
    }
    .cart-footer {
        padding: 0 10px;
        margin-top: 15px
    }
    .page.tss {
        margin-top: 10px
    }
    .page.tss .page-title {
        margin-bottom: 10px
    }
    .page.tss .page-title h1 {
        padding-bottom: 10px
    }
    .product-descriptions {
        margin: 0
    }
    .product-descriptions .pd-top {
        float: left;
        width: 100%;
        padding: 0 15px
    }
    .product-descriptions .pd-left {
        margin-bottom: 15px
    }
    .product-descriptions h1 {
        font-size: 24px;
        text-align: left
    }
    .send-my-products {
        margin-top: 30px
    }
    .send-my-products .smp-picture {
        height: 300px;
        object-fit: cover;
        object-position: right center
    }
    .send-my-products .smp-text {
        left: 0;
        max-width: 100%;
        padding: 10px 0px;
        justify-content: flex-start
    }
    .send-my-products .smp-text img {
        max-width: 280px;
        margin-bottom: 15px
    }
    .send-my-products .smp-text p {
        font-size: 15px;
        line-height: 23px
    }
    .product-descriptions .pd-image{
        padding:0;
    }
    .naturalness {
        margin-top: 30px
    }
    .naturalness .naturalness-head {
        padding: 0 15px;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .naturalness .naturalness-head h3 {
        font-size: 24px
    }
    .naturalness .naturalness-head p {
        font-size: 15px;
        padding: 0 10px;
        color: #a78766
    }
    .naturalness .text-left,
    .naturalness .text-right {
        padding: 0
    }
    .naturalness .text-right {
        margin-bottom: 30px
    }
    .naturalness img {
        width: 100%;
        float: left
    }
    .footer-wrapper .foo-nav {
        display: block;
        margin: -27px -17px -16px;
        width: calc(100% + 30px)
    }
    .footer-wrapper .footer-menu-wrapper {
        display: none
    }
    .pd-cargo {
        margin: 30px 0 0;
        width: 100%
    }
    .pd-cargo .row {
        display: block
    }
    .pdc-right:before {
        left: 0;
        border-top-style: dotted;
        width: 100%;
        height: inherit;
        top: -2.5px
    }
    .pdc-right p {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (max-width:500px) {
    .address-edit-page .edit-address .inputs,
    .checkout-data .enter-address .edit-address .inputs {
        width: 100%;
        padding: 0 !important
    }
}

@media only screen and (max-width:720px) {
    .no-result-content img {
        margin-top: -7em;
        margin-bottom: -2em
    }
    .no-result-content .text br {
        display: none
    }
}

@media only screen and (max-width:1199px) {
    .product-detail-picture-wrapper {
        max-width: initial
    }
    .product-description-wrapper {
        width: initial;
        max-width: initial;
        padding: 20px 0px;
    }
}
/* 
@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-description-wrapper {
        padding: 20px 30px
    }
    .product-description-wrapper .page-title {
        width: 80%;
        font-size: 25px
    }
} */

@media only screen and (min-width :480px) and (max-width :767px) {
    .container {
        max-width: 480px;
        max-width: 100%
    }
    body {
        background: #fff
    }
    .header-affix {
        height: 122px
    }
    .header-wrapper {
        background: url(images/mobile-header-bg.jpg) repeat-x center top
    }
    .header-wrapper:after {
        display: none
    }
    .header-affix.affix {
        position: fixed;
        width: 100%;
        z-index: 9999;
        top: 0
    }
    .header-affix.affix-top {
        z-index: 9999;
        position: relative
    }
    .header-affix.affix+.master-content {
        margin-top: 122px
    }
    .mobile-search-wrapper form {
        float: right
    }
    a.nav-expander:hover {
        cursor: pointer
    }
    a.nav-expander.fixed {
        position: fixed
    }
    .nav-expanded a.nav-expander.fixed {
        left: 10em
    }
    body.nav-expanded {
        margin-left: 0
    }
    body.nav-expanded .header-affix {
        z-index: 9999
    }
    .mobile-search-wrapper .search-box-text {
        background: url(images/mobile-search-bg.jpg) no-repeat !important;
        width: 240px;
        height: 32px
    }
    .mobile-search-wrapper .search-box-button {
        right: 10px;
        top: 7px;
        background: url(images/search-box-button-mobile.png) no-repeat;
        background-size: contain;
        -webkit-background-size: contain;
        width: 20px !important;
        height: 20px !important;
        position: absolute
    }
    .mobile-search-wrapper {
        margin-top: 8px
    }
    .mobile-search-wrapper input.search-box-text[type=text] {
        color: #000
    }
    .homepage-banner {
        height: auto;
        min-height: 100px;
        display: inline-block
    }
    .homeproducts-wrapper {
        padding: 0
    }
    .slick-next,
    .slick-prev {
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        width: 45px;
        height: 45px;
        text-indent: -9999px;
        z-index: 100;
        cursor: pointer;
        top: 50%;
        margin-top: -22px;
        position: absolute;
        border: none
    }
    .slick-prev {
        background-image: url(images/homeproduct-prev-arrow.jpg);
        left: 0
    }
    .slick-next {
        background-image: url(images/homeproduct-next-arrow.jpg);
        right: 0
    }
    #Category .price {
        margin-left: 0
    }
    .slick-dots {
        position: relative;
        margin-top: 33px;
        margin-bottom: 48px;
        float: left;
        display: flex !important;
        width: 100%;
        justify-content: center;
        flex-direction: row
    }
    .mobile-banners-wrapper {
        padding: 0
    }
    .home-categories-wrapper li {
        height: 52px;
        border-bottom: 1px solid #fdf6eb
    }
    .home-categories-wrapper li a {
        width: 100%;
        height: 100%;
        display: block
    }
    .home-categories-wrapper li img {
        margin: 8px 34px 0 0;
        float: left
    }
    .home-categories-wrapper li span {
        line-height: 52px;
        font-size: 15px;
        color: #7f7c73
    }
    .home-categories-wrapper li a:after {
        content: '';
        background-image: url(images/home-categories-arrow.png);
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        width: 8px;
        height: 14px;
        float: right;
        margin-top: 20px
    }
    .mobile-social-media-wrapper {
        background: url(images/mobile-social-bg.jpg) repeat-x;
        height: 140px
    }
    .mobile-social-media-wrapper img {
        margin: 25px auto 15px;
        display: block;
        width: 231px;
        height: auto
    }
    .mobile-social-media-wrapper li {
        float: left;
        margin-right: 30px
    }
    .mobile-social-media-wrapper li:last-child {
        margin-right: 0
    }
    .mobile-social-media-wrapper li a {
        background-repeat: no-repeat;
        width: 46px;
        height: 46px;
        text-indent: -9999px;
        display: block;
        -webkit-background-size: contain;
        background-size: contain
    }
    .mobile-social-media-wrapper .social-media-links {
        width: 200px;
        margin: 0 auto
    }
    .mobile-social-media-wrapper .facebook a {
        background-image: url(images/mobile-facebook-icon.png)
    }
    .mobile-social-media-wrapper .twitter a {
        background-image: url(images/mobile-twitter-icon.png)
    }
    .mobile-social-media-wrapper .instagram a {
        background-image: url(images/mobile-instagram-icon.png)
    }
    .newsletter-result-block {
        margin-left: 5px;
        margin-bottom: 5px
    }
    .copyrigt-orgin {
        display: block;
        margin: auto 0;
        margin-top: 6%
    }
    .copyrigt-orgin p {
        text-align: center;
        color: #a89f90;
        font-size: 10px
    }
    .social-newsletter-contact {
        width: 85%
    }
    .kreatifdesign {
        position: relative;
        margin-top: -18px;
        width: 55px;
        height: 52px;
        z-index: 2
    }
    .kreatifdesign img {
        position: absolute;
        left: 0;
        top: 35px
    }
    #newsletter-subscribe-block .button-wrapper {
        width: 97px;
        height: 31px;
        float: left
    }
    .footer-badge {
        margin-top: 30px
    }
    .footer-wrapper .bosch {
        left: 10%;
        top: -70px;
        margin-left: -42px
    }
    .credit-icon-wrapper {
        margin-left: 0;
        margin-top: -12px;
        width: 100%
    }
    .credit-icon-wrapper ul {
        margin: 0 auto 0;
        width: 480px;
        display: block;
        float: none
    }
    .footer-wrapper .html5icon {
        margin: 10px 10px 0 0
    }
    .footer-wrapper .rapidssl {
        margin: 10px 0 0 0
    }
    .page.home-page {
        width: 100%
    }
    .responsive-left-menu .mobile-social-media-wrapper {
        border-bottom: 6px solid #f26600
    }
    #Category .master-wrapper-main .container,
    #Search .master-wrapper-main .container {
        padding: 0
    }
    .two-column-right {
        padding: 0
    }
    .orange-title-wrapper {
        margin: 12px 0 0 0;
        height: 45px;
        background: #f26600
    }
    .breadcrumb-wrapper {
        margin-top: 52px;
        height: 45px;
        background: #f26600;
        display: none
    }
    .orange-title-wrapper {
        padding: 0;
        margin: 12px 0 20px 0
    }
    .orange-title-wrapper h1 {
        border: none;
        height: 45px;
        text-align: center;
        line-height: 45px;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        margin: 0
    }
    .breadcrumb-wrapper .act,
    .breadcrumb-wrapper .crumbcategory {
        width: 100%;
        height: 45px
    }
    .breadcrumb-wrapper .crumbcategory a,
    .breadcrumb-wrapper li.act a {
        height: 45px;
        text-align: center;
        line-height: 45px;
        font-size: 14px;
        color: #fff;
        font-weight: 700
    }
    .breadcrumb-wrapper .crumbcategory a:after {
        display: none
    }
    .breadcrumb-wrapper .act a:before,
    .breadcrumb-wrapper .crumbcategory a:before {
        content: '';
        background: url(images/portakalsprite.png) no-repeat -714px -852px;
        width: 8px;
        height: 14px;
        float: left;
        position: relative;
        top: 15px;
        left: 20px
    }
    .related-product-wrapper {
        padding: 0
    }
    .badge-75-tl {
        margin: 0 auto 30px;
        float: none;
        clear: both;
        display: block;
        position: relative;
        top: 40px
    }
    .new-badge {
        left: 6px
    }
    .product-detail-bu-dogalligin-tamami {
        background-image: url(images/bu-dogalligin-tamami.png);
        width: 425px;
        height: 35px;
        -webkit-background-size: contain;
        background-size: contain
    }
    .product-detail-two-pictures img {
        width: auto !important;
        margin: 0 0 10px 0;
        float: none
    }
    .product-urunlerim-nasil img {
        width: auto !important
    }
    .product-detail .product-urunlerim-nasil {
        margin: 25px 0
    }
    .product-urunlerim-nasil img {
        width: 100%
    }
    .related-product-wrapper {
        margin: 30px 0 0 0
    }
    .related-product-wrapper .tabProductBottomWrapper {
        background: 0 0
    }
    #ProductDetails .mobile-banners-wrapper img {
        display: block;
        margin: 0 auto 10px
    }
    .page.category-page .tabProductImage,
    .page.search-page .tabProductImage {
        width: auto;
        float: left
    }
    .page.shopping-cart-page .picture a img {
        width: auto
    }
    .form-fields label,
    .login-page .returning-wrapper label,
    .opc .step-title {
        text-align: left
    }
    .login-page .returning-wrapper .inputs {
        margin: 10px 0
    }
    .login-page .returning-wrapper .inputs.reversed label {
        width: auto
    }
    .new-wrapper.register-block {
        margin-top: 10px
    }
    .form-actions .forgot-password {
        margin-left: 10px
    }
    .account-page .change-password-button,
    .account-page .save-customer-info-button,
    .address-edit-page .save-address-button,
    .login-page .forgot-password a,
    .login-page .login-button,
    .password-recovery-page .password-recovery-button,
    .registration-page .register-next-step-button {
        padding: 4px 10px;
        font-size: 13px
    }
    .new-wrapper.register-block .text {
        margin-bottom: 15px
    }
    .account-page .form-actions,
    .address-edit-page .form-actions,
    .login-page .form-actions,
    .password-recovery-page .form-actions,
    .registration-page .form-actions {
        padding: 20px 0
    }
    .login-page .form-actions .buttons {
        width: 271px;
        margin: 0 auto
    }
    .form-fields label,
    .login-page .returning-wrapper label {
        width: 100%
    }
    .birthday-dropdowns label,
    .form-fields .inputs input[type=password],
    .form-fields .inputs input[type=text] {
        width: 100%
    }
    .birthday-dropdowns select {
        width: 140px
    }
    .accept-privacy-policy,
    .captcha-box,
    .page.registration-page .form-fields,
    .page.registration-page .form-fields label {
        width: 100%
    }
    .accept-privacy-policy,
    .captcha-box {
        margin-left: 0
    }
    .page.account-page .form-actions .next-step-button-wrapper,
    .page.address-edit-page .form-actions .next-step-button-wrapper,
    .page.registration-page .form-actions .next-step-button-wrapper,
    .password-recovery-page .form-actions .next-step-button-wrapper {
        float: none
    }
    .account-page .change-password-button,
    .account-page .save-customer-info-button,
    .page.address-edit-page .form-actions .save-address-button,
    .password-recovery-page .password-recovery-button,
    .registration-page .register-next-step-button {
        margin: 0 auto;
        float: none;
        display: block
    }
    .order-summary-content .cart-footer .totals,
    .order-summary-content .cart-footer .totals div,
    .order-summary-content .totals-button-wrapper,
    .order-summary-content .totals-row {
        padding: 0
    }
    .order-summary-content .checkout-attributes .textbox {
        width: 100%
    }
    .totals>.totals-button-wrapper {
        margin-left: 0;
        margin-bottom: 20px
    }
    #Cart .totals>.totals-button-wrapper .button-wrapper {
        width: 100%
    }
    .totals>.totals-button-wrapper .button-wrapper {
        width: 190px;
        margin: 0 auto 30px
    }
    .page.checkout-page .cart-footer,
    .page.checkout-page .checkout-data,
    .page.checkout-page .checkout-data li {
        padding: 0
    }
    .checkout-data label,
    .checkout-data select {
        width: 100%
    }
    .opc .step {
        padding: 15px 15px
    }
    .opc .buttons .back-link {
        margin: 0
    }
    .next-step-button-wrapper .next-step-button {
        float: right
    }
    .opc .buttons .please-wait {
        clear: both
    }
    .checkout-data .method-list {
        margin: 5px
    }
    .checkout-data .shipping-method .method-name input {
        float: left
    }
    .checkout-data .shipping-method .method-name label {
        width: 255px;
        margin-left: 10px
    }
    .page.checkout-page .checkout-data #opc-shipping_method li {
        margin-bottom: 20px
    }
    .checkout-data .payment-method .payment-logo {
        margin-right: 10px
    }
    .checkout-data .payment-method .method-name label {
        width: auto
    }
    .checkout-data .items-wrapper .cart-item-row .name {
        width: 145px
    }
    .checkout-data .items-wrapper .cart-item-row div {
        float: left
    }
    .checkout-data .confirm-order {
        border: none
    }
    .order-details-page .order-details-area td {
        width: 100%;
        display: block
    }
    .page.order-details-page .cart-total {
        width: 100%
    }
    .page.order-details-page .cart-total .cart-total-left,
    .page.order-details-page .cart-total .cart-total-right {
        width: 50%;
        padding-bottom: 10px
    }
    .order-details-page .order-overview {
        margin-top: 20px
    }
    .order-details-page .order-details-area,
    .order-details-page .section {
        margin: 0
    }
    .login-page .checkout-as-guest-or-register-block ul {
        padding-left: 0;
        margin-bottom: 20px
    }
    .page.search-page {
        padding: 0
    }
    .page.search-page .page-title {
        padding: 10px
    }
    .search-page .search-input {
        margin: 10px;
        padding: 10px
    }
    .search-page .search-text {
        width: 100%
    }
    .search-page .search-input .buttons {
        text-align: left
    }
    .page.account-page {
        margin-bottom: 20px
    }
    .edit-address label,
    .edit-address select {
        width: 100%
    }
    .change-password-page .inputs label,
    .password-recovery-page .inputs label {
        width: 100%
    }
    .password-recovery-page {
        padding: 0
    }
    .store-closed-page {
        padding: 0
    }
    .about-us-wrapper #content-pages-left {
        width: 100%
    }
    .about-us-wrapper #content-pages-right img,
    .about-us-wrapper img {
        height: auto;
        margin: 0 auto 20px;
        display: block
    }
    #content-pages-right {
        width: 100%;
        margin-left: 0;
        padding-top: 0
    }
    .about-us-wrapper #content-pages-left img {
        float: left;
        width: 209px !important;
        height: auto !important;
        margin: 0 10px 20px 0
    }
    .about-us-wrapper #content-pages-left .left-img-2 {
        margin: 0 0 20px 0;
        float: right
    }
    .about-us-wrapper #content-pages-left img.about-us-nar {
        width: 107px !important;
        height: 85px !important;
        margin-right: 0
    }
    .dotted_4px {
        display: none
    }
    .about-us-wrapper #content-pages-right .right-img-1 {
        float: left
    }
    .about-us-wrapper #content-pages-right .right-img-2 {
        float: right
    }
    .page.topic-page {
        padding: 0
    }
    .finike-banner {
        width: 100% !important;
        height: auto !important
    }
    #content-pages,
    #content-pages-left {
        width: 100%
    }
    #media-page-wrapper .image-link {
        margin: 0 0 30px 2px
    }
    .media-banner img {
        height: auto
    }
    .content-pages-menu a {
        background: transparent url(images/health/saglik-menu-bg.png) no-repeat scroll left bottom
    }
    .mobile-banner-img {
        width: 100%;
        height: auto
    }
    .back-in-stock-subscription .subscribe-button {
        margin: 10px auto;
        display: block
    }
    #Login .new-wrapper {
        margin-top: 20px
    }
    .otomatik-siparis-content {
        height: auto;
        display: inline-block;
        padding: 0;
        background: #f05f40
    }
    .oto-tabs-bg {
        width: 90%;
        height: auto;
        background-image: none;
        left: inherit;
        margin-left: 40px
    }
    .oto-tabs-bg a {
        float: left;
        clear: none
    }
    #oto-avantajlar {
        background-position: -492px 0
    }
    #RecurringProducts .tab-contents {
        width: 100%;
        margin: 0;
        left: 0;
        display: inline-block;
        height: auto
    }
    .otomatik-buton-alisverise-basla,
    .otomatik-buton-alisverise-basla:hover {
        margin: 0 0 0 -125px;
        background-size: cover;
        height: 48px;
        top: inherit;
        width: 250px;
        left: 50%;
        background-position: 0 0;
        bottom: 0;
        position: relative
    }
    .tab-contents .oto-has-image img {
        width: 250px
    }
    #oto-bottom,
    #oto-left,
    #oto-right,
    #oto-top {
        display: none
    }
    #otomatik-meyveler {
        position: relative
    }
    #tab-siparis-secenekleri ul {
        width: 100%;
        left: 0;
        margin-left: 0;
        padding: 10px
    }
    #tab-siparis-secenekleri ul a {
        font-size: 15px
    }
    .otomatik-avantajlar-ust-kisim p {
        left: 0 !important
    }
    .badge-haftalik-limon,
    .badge-haftalik-nar-16kg,
    .badge-haftalik-portakal-16kg,
    .badge-haftalik-portakal-36kg,
    .badge-haftalik-portakal-54kg,
    .badge-haftalik-portakal-sikmalik-54kg,
    .badge-haftalik-surpriz-36kg {
        position: relative
    }
    #fancybox-content {
        margin-top: 50px
    }
    .video-film-wrapper {
        width: 320px;
        height: 270px
    }
    .video-film {
        width: 300px;
        height: 250px
    }
    .video-film-wrapper {
        margin-top: 120px
    }
    #Login .login-button,
    #Login .register-button,
    .btn,
    .btn-primary,
    .password-recovery-button,
    .registration-page .register-next-step-button {
        width: 111px;
        height: 45px;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        background: #ee6a00 none repeat scroll 0 0;
        text-shadow: none;
        font-size: 15px;
        color: #fff;
        box-shadow: none
    }
    .btn-primary:focus,
    .btn-primary:hover,
    .btn:hover {
        border: none;
        background: #ee6a00 none repeat scroll 0 0;
        color: #fff
    }
    .btn-primary:disabled {
        background-color: #ee6a00 !important
    }
    #Login .forgot-password a {
        width: 150px;
        height: 45px;
        border: none;
        border-radius: 0;
        background: #939393;
        text-shadow: none;
        font-size: 15px;
        color: #373737;
        line-height: 45px;
        padding: 0;
        line-height: 45px
    }
    #Category .pager {
        position: relative;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        left: 50%;
        float: left
    }
    #Category .category-mobile-link {
        width: 100%;
        height: 44%;
        position: absolute;
        z-index: 1
    }
    #Index .price.old-price::before {
        top: 9px;
        left: 0
    }
    .confirm-page .items-wrapper .cart-item-row {
        padding: 20px 0 0 0
    }
    .items-wrapper .cart-item-row .name a {
        font-size: 13px;
        color: #e76d3c
    }
    #NewConfirm .items-wrapper .cart-item-row .unit-price {
        font-size: 22px;
        color: #2e6734;
        font-weight: 700
    }
    #Cart .button-wrapper .btn {
        border-radius: 0 !important;
        margin-left: 0 !important
    }
    #Cart .button-wrapper .cart-continue-shop-button {
        width: 176px;
        background: #939393;
        color: #373737
    }
    .page.registration-page .form-fields label {
        text-align: left;
        width: 100%
    }
    #OnePageCheckout .buttons {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100px
    }
    .please-wait {
        position: absolute;
        bottom: -10px;
        width: 100%;
        right: 0
    }
    #billing-buttons-container .please-wait {
        bottom: 0
    }
    .back-link .btn {
        line-height: 38px
    }
    #Register .footer-wrapper,
    #Register .header-affix,
    #Register .sticky-footer {
        display: block
    }
    #Register .master-wrapper-page {
        overflow-x: hidden
    }
    #Register body {
        background: #fcf6eb
    }
    #Register .master-wrapper-main .container {
        padding: 0
    }
    #Register .register-tab-wrapper,
    #Register .register-wrapper {
        display: inline-block;
        height: auto;
        width: 100%;
        margin-top: 16px
    }
    #Register #login-tab {
        width: 100%
    }
    .register-tab-wrapper li {
        width: 50%
    }
    .register-tab-wrapper .ui-tabs-panel {
        padding: 10px 10px 0 !important
    }
    .facebook-connect-button,
    .register-tab-wrapper #login-tab .inputs input[type=password],
    .register-tab-wrapper #login-tab .inputs input[type=text] {
        width: 100%
    }
    .register-tab-wrapper .inputs input[type=password],
    .register-tab-wrapper .inputs input[type=text] {
        width: 97%
    }
    .page.registration-page .form-fields .newsletter label {
        width: 90%
    }
    .page.registration-page #Newsletter {
        margin: 6px 10px 0 0
    }
    .page.registration-page .form-fields .accept-privacy-policy label {
        width: auto
    }
    .login-page .customer-blocks,
    .login-page .returning-wrapper {
        padding: 0
    }
    .login-page .returning-wrapper .buttons {
        width: 100%
    }
    .page.registration-page .forgot-password,
    .page.registration-page .login-button {
        width: 48%
    }
    .page.registration-page .login-button {
        line-height: inherit
    }
    .register-tab-wrapper .inputs input[type=password],
    .register-tab-wrapper .inputs input[type=text] {
        background: #f1ece1
    }
    #NewConfirm .items-wrapper .cart-item-row .picture-name,
    #NewConfirm .items-wrapper .cart-item-row .qty {
        width: auto;
        padding: 0
    }
    .cart-gift-section .checkout-attributes {
        margin-top: 0
    }
    .gift-wrapper,
    .order-note-wrapper {
        width: 100%;
        float: left
    }
    .gift-section-wrapper,
    .order-note-wrapper>div {
        margin: 0 auto;
        display: block;
        width: 250px
    }
    .cart-continue-shop-button {
        display: block;
        margin: 0 auto
    }
    .gift-section-wrapper,
    .order-note-wrapper>div {
        width: 95%
    }
    .order-summary-content .checkout-attributes textarea {
        width: 100%
    }
    #NewConfirm .items-wrapper .cart-page-item-wrapper .qty {
        width: auto;
        margin: 35px 10px 10px 0
    }
    #NewConfirm .items-wrapper .cart-item-row .unit-price {
        width: 120px;
        margin: 35px 0 0 0
    }
    #NewConfirm .items-wrapper .cart-item-row .unit-price,
    .delivery-address-list .saved-address-container>div,
    .delivery-list-page div {
        padding: 0
    }
    .edit-delete-buttons {
        margin-top: 10px
    }
    .delivery-billing-choose {
        margin-bottom: 20px
    }
    .add-new-address-button {
        float: none;
        margin: 0 auto;
        display: block
    }
    #Delivery .ui-dialog {
        width: 90% !important;
        top: 122px !important;
        position: fixed !important;
        height: 180px !important
    }
    .popup-new-adress-wrapper.ui-widget-content {
        top: 0 !important
    }
    #Delivery .ui-widget-content #editAddressForm,
    #Delivery .ui-widget-content #newAddressForm {
        overflow-x: hidden;
        height: 100px !important
    }
    .ui-widget-content .account-page .inputs input[type=text],
    .ui-widget-content .account-page select,
    .ui-widget-content .checkout-page .inputs input[type=text],
    .ui-widget-content .edit-address-form .inputs input[type=text],
    .ui-widget-content .edit-address-form .inputs select,
    .ui-widget-content .page.checkout-page select {
        width: 93%
    }
    .edit-address-form .save-address-button,
    .new-address-save-button {
        width: 100% !important
    }
    .edit-delete-buttons {
        width: 100%
    }
    .edit-delete-buttons .address-delete-button,
    .edit-delete-buttons .address-edit-button {
        width: 48%
    }
    .delivery-billing-choose {
        width: 270px;
        margin: 0 auto;
        display: block;
        float: none
    }
    .add-new-address-button {
        margin: 30px auto 0
    }
    #NewConfirm .cart-gift-section textarea,
    .checkout-data,
    .checkout-data .method-list,
    .payment-info-textbox {
        width: 100%
    }
    .payment-method-tab-content .checkout-havale label {
        width: auto
    }
    .checkout-data .payment-method li a,
    .payment-method-tab-content,
    .payment-method-tabs li .method-name {
        padding: 0 !important
    }
    .payment-credit-card select {
        width: 134px
    }
    .checkout-data .payment-method li {
        background: #f9f2df;
        padding-left: 10px !important
    }
    .checkout-data .method-list {
        margin: 0 0 20px 0 !important
    }
    #NewConfirm .cart-item-row .qty>span {
        width: auto;
        float: left
    }
    #NewConfirm .items-wrapper .order-review-data li.title {
        margin: 20px 0
    }
    #NewConfirm .terms-of-service {
        font-size: 13px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .container {
        max-width: 100%
    }
    div.main-page-instagram-title {
        padding: 0 10%
    }
    .header-affix {
        height: 122px
    }
    .header-wrapper {
        background: url(images/mobile-header-bg.jpg) repeat-x center top
    }
    .header-wrapper:after {
        display: none
    }
    .cart-wrapper .cart-cart {
        left: -10px;
        top: 6px;
        font-size: 11px
    }
    .header-affix.affix {
        position: fixed;
        width: 100%;
        z-index: 9999;
        top: 0
    }
    .header-affix.affix-top {
        z-index: 9999;
        position: relative
    }
    .header-affix.affix+.master-content {
        margin-top: 122px
    }
    .header-mobile-link {
        margin-left: 20px
    }
    .header-mobile-link .bell-campaign {
        left: 20px;
        max-width: calc(348px - 40px)
    }
    .bell-container .bell-campaign ul:before {
        left: 70px !important
    }
    .hamburger-icon-wrapper,
    .mobile-search-wrapper {
        padding: 0;
        float: left;
        width: 31px
    }
    .mobile-search-wrapper form {
        float: right
    }
    a.nav-expander:hover {
        cursor: pointer
    }
    a.nav-expander.fixed {
        position: fixed
    }
    .nav-expanded a.nav-expander.fixed {
        left: 10em
    }
    body.nav-expanded .header-affix {
        z-index: 9999
    }
    .mobile-search-wrapper .search-box-text {
        background: url(images/mobile-search-bg.jpg) no-repeat !important;
        width: 240px;
        height: 32px
    }
    .mobile-search-wrapper .search-box-button {
        top: 6px;
        background: url(images/search-box-button-mobile.png) no-repeat;
        background-size: contain;
        -webkit-background-size: contain;
        width: 30px !important;
        height: 20px !important;
        position: absolute
    }
    .mobile-search-wrapper {
        margin-top: 8px
    }
    .mobile-search-wrapper input.search-box-text[type=text] {
        color: #000
    }
    .flex-nav-next,
    .flex-nav-prev {
        display: none
    }
    .product-wrapper .button-wrapper {
        width: 100%
    }
    #Index .price-wrapper {
        /* width: 100%; */
        /* margin-bottom: 10px */
    }
    .product-wrapper .add-to-cart-button {
        float: left;
        margin-top:10px;
    }
    .kg-fiyat-kargo-bedava {
        text-align: left
    }
    .pb-ins-slider {
        width: 100%;
        display: flex;
        float: left;
        flex-wrap: wrap;
        flex-direction: row
    }
    .pb-instagram-alani {
        display: none;
        width: calc(50% - 21px)
    }
    .pb-instagram-alani:nth-child(-n+4) {
        display: block
    }
    .pb-ins-image-zoom {
        width: 100%;
        min-width: 160px
    }
    .pb-ins-image-zoom .pb-ins-slider-items {
        background-position: center
    }
    .slick-next,
    .slick-prev {
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        width: 45px;
        height: 45px;
        text-indent: -9999px;
        z-index: 100;
        cursor: pointer;
        top: 50%;
        margin-top: -22px;
        position: absolute;
        border: none
    }
    .slick-prev {
        background-image: url(images/homeproduct-prev-arrow.jpg);
        left: 0
    }
    .slick-next {
        background-image: url(images/homeproduct-next-arrow.jpg);
        right: 0
    }
    #Category .price {
        margin-left: 0
    }
    .slick-dots {
        position: relative;
        margin-top: 33px;
        margin-bottom: 48px;
        float: left;
        display: flex !important;
        width: 100%;
        justify-content: space-around;
        flex-direction: row
    }
    .mobile-banners-wrapper,
    .mobile-banners-wrapper div {
        padding: 0
    }
    .mobile-social-media-wrapper {
        background: url(images/mobile-social-bg.jpg) repeat-x;
        height: 140px
    }
    .mobile-social-media-wrapper img {
        margin: 25px auto 15px;
        display: block;
        width: 231px;
        height: auto
    }
    .mobile-social-media-wrapper li {
        float: left;
        margin-right: 30px
    }
    .mobile-social-media-wrapper li:last-child {
        margin-right: 0
    }
    .mobile-social-media-wrapper li a {
        background-repeat: no-repeat;
        width: 46px;
        height: 46px;
        text-indent: -9999px;
        display: block;
        -webkit-background-size: contain;
        background-size: contain
    }
    .mobile-social-media-wrapper .social-media-links {
        width: 200px;
        margin: 0 auto
    }
    .mobile-social-media-wrapper .facebook a {
        background-image: url(images/mobile-facebook-icon.png)
    }
    .mobile-social-media-wrapper .twitter a {
        background-image: url(images/mobile-twitter-icon.png)
    }
    .mobile-social-media-wrapper .instagram a {
        background-image: url(images/mobile-instagram-icon.png)
    }
    .kreatifdesign {
        margin-top: 20px
    }
    .kreatifdesign img {
        width: 78%;
        float: right
    }
    .copyrigt-orgin {
        display: block;
        margin: auto 0;
        margin-top: 20px
    }
    .copyrigt-orgin p {
        font-size: 10px;
        text-align: center;
        color: #a89f90
    }
    .footer-badge {
        margin-top: 30px
    }
    .footer-wrapper .bosch {
        left: 0;
        top: -100px;
        margin-left: 0
    }
    .credit-icon-wrapper {
        margin-left: 0;
        margin-top: 0;
        width: 100%
    }
    .credit-icon-wrapper ul {
        margin: -40px auto 0 40px;
        width: 100%;
        display: block;
        float: none
    }
    .credit-card,
    .footer-wrapper .credit-card {
        margin-left: 52px
    }
    .footer-wrapper .credit-card {
        background: transparent url(images/banners/bannerimage-picture-credit_card-136.png) no-repeat 0 0;
        background-size: 57%;
        width: 78%
    }
    .footer-wrapper .html5icon {
        margin: 10px 10px 0 100px;
        display: none
    }
    .footer-wrapper .rapidssl {
        display: none
    }
    .responsive-left-menu .mobile-social-media-wrapper {
        border-bottom: 6px solid #f26600
    }
    #Category .master-wrapper-main .container,
    #Search .master-wrapper-main .container {
        padding: 0
    }
    .two-column-right {
        padding: 0
    }
    .breadcrumb-wrapper {
        margin: 52px 0 0 0;
        height: 45px;
        background: #f26600;
        display: none
    }
    .orange-title-wrapper {
        padding: 0;
        margin: 60px 0 20px 0;
        height: 45px;
        background: #f26600
    }
    .orange-title-wrapper h1 {
        border: none;
        height: 45px;
        text-align: center;
        line-height: 45px;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        margin: 0
    }
    .breadcrumb-wrapper .act,
    .breadcrumb-wrapper .crumbcategory {
        width: 100%;
        height: 45px
    }
    .breadcrumb-wrapper .crumbcategory a,
    .breadcrumb-wrapper li.act a {
        height: 45px;
        text-align: center;
        line-height: 45px;
        font-size: 14px;
        color: #fff;
        font-weight: 700
    }
    .breadcrumb-wrapper .crumbcategory a:after {
        display: none
    }
    .breadcrumb-wrapper .act a:before,
    .breadcrumb-wrapper .crumbcategory a:before {
        content: '';
        background: url(images/portakalsprite.png) no-repeat -714px -852px;
        width: 8px;
        height: 14px;
        float: left;
        position: relative;
        top: 15px;
        left: 20px
    }
    .product-details-wrapper {
        width: 100%
    }
    .related-product-wrapper {
        padding: 0
    }
    .product-description-wrapper .page-title,
    .product-description-wrapper .product-description {
        text-align: center
    }
    .product-description-wrapper .stock {
        text-align: center;
        margin-bottom: 0
    }
    .product-details-wrapper {
        padding: 0
    }
    .badge-75-tl {
        margin: 0 auto;
        float: none;
        clear: both;
        display: block;
        position: relative;
        top: 40px
    }
    .product-detail-tabs-wrapper {
        width: 100%;
        margin: 30px 0 0 0
    }
    .product-detail-tabs .ui-tabs-panel {
        padding: 0 5px !important
    }
    .full-description img {
        width: 100% !important;
        height: auto !important
    }
    .product-details-wrapper .product-detail-tabs-wrapper a span {
        font-size: 11px !important
    }
    .related-product-wrapper h2 {
        font-size: 18px;
        padding: 0 35px;
        line-height: 24px;
        margin-bottom: 15px
    }
    .related-product-wrapper h2:after,
    .related-product-wrapper h2:before {
        display: none
    }
    .product-detail-tabs .ui-tabs-panel {
        border: none
    }
    .product-detail-bu-dogalligin-tamami {
        background-image: url(images/bu-dogalligin-tamami-mobile.png);
        width: 217px;
        height: 61px;
        -webkit-background-size: contain;
        background-size: contain
    }
    .product-detail-two-pictures img {
        width: 305px !important;
        margin: 0 0 10px 0;
        float: none
    }
    .product-urunlerim-nasil img {
        width: 100% !important
    }
    .product-detail .product-urunlerim-nasil {
        margin: 25px 0
    }
    .product-urunlerim-nasil img {
        width: 100%
    }
    .related-product-wrapper {
        margin: 30px 0 0 0
    }
    .related-product-wrapper .tabProductBottomWrapper {
        background: 0 0
    }
    #ProductDetails .mobile-banners-wrapper img {
        display: block;
        margin: 0 auto 10px
    }
    .page.category-page .button-wrapper,
    .page.search-page .button-wrapper {
        display: block;
        float: left;
        margin-top: 3px
    }
    .page.category-page .products-wrapper .tabProductName a,
    .page.category-page .products-wrapper .tabProductName h3,
    .page.search-page .products-wrapper .tabProductName a,
    .page.search-page .products-wrapper .tabProductName h3 {
        font-size: 15px
    }
    .page.category-page .tabProductBottomWrapper .tabProductShort a {
        line-height: 13px;
        font-size: 9px;
        /* white-space: nowrap; */
        /* overflow: hidden;
        text-overflow: ellipsis */

    }
   
   .catalog .tabProductShort span p{
        min-height: 59px;
    }
    
    .form-fields label,
    .login-page .returning-wrapper label,
    .opc .step-title {
        text-align: left
    }
    .login-page .returning-wrapper .inputs.reversed label {
        width: auto
    }
    .new-wrapper.register-block {
        margin-top: 10px
    }
    .form-actions .forgot-password {
        margin-left: 10px
    }
    .account-page .change-password-button,
    .account-page .save-customer-info-button,
    .address-edit-page .save-address-button,
    .login-page .forgot-password a,
    .login-page .login-button,
    .password-recovery-page .password-recovery-button,
    .registration-page .register-next-step-button {
        padding: 4px 10px;
        font-size: 13px
    }
    .new-wrapper.register-block .text {
        margin-bottom: 15px
    }
    .account-page .form-actions,
    .address-edit-page .form-actions,
    .login-page .form-actions,
    .password-recovery-page .form-actions,
    .registration-page .form-actions {
        padding: 20px 0
    }
    .login-page .form-actions .buttons {
        width: 271px;
        margin: 0 auto
    }
    .account-page .form-actions .buttons {
        width: 200px;
        margin: 0 auto
    }
    .form-fields label,
    .login-page .returning-wrapper label {
        width: 100%
    }
    .birthday-dropdowns label,
    .form-fields .inputs input[type=password],
    .form-fields .inputs input[type=text],
    .order-summary-content .cart-collaterals .checkout-attributes {
        width: 100%
    }
    .birthday-dropdowns select {
        width: 70px
    }
    .accept-privacy-policy,
    .captcha-box,
    .page.registration-page .form-fields,
    .page.registration-page .form-fields label {
        width: 100%
    }
    .accept-privacy-policy,
    .captcha-box {
        margin-left: 0
    }
    .page.account-page .form-actions .next-step-button-wrapper,
    .page.address-edit-page .form-actions .next-step-button-wrapper,
    .page.registration-page .form-actions .next-step-button-wrapper,
    .password-recovery-page .form-actions .next-step-button-wrapper {
        float: none
    }
    .account-page .change-password-button,
    .account-page .save-customer-info-button,
    .page.address-edit-page .form-actions .save-address-button,
    .password-recovery-page .password-recovery-button,
    .registration-page .register-next-step-button {
        margin: 0 auto;
        float: none;
        display: block
    }
    #OnePageCheckout .order-summary-content .items-wrapper .cart-item-row .picture,
    .order-summary-content .totals-button-wrapper,
    .order-summary-content .totals-row {
        padding: 0
    }
    .order-summary-content .checkout-attributes .textbox {
        width: 100%
    }
    .totals>.totals-button-wrapper {
        margin-left: 0;
        margin-bottom: 20px
    }
    #Cart .totals>.totals-button-wrapper .button-wrapper {
        width: 100%
    }
    .totals>.totals-button-wrapper .button-wrapper {
        width: 190px;
        margin: 0 auto 30px
    }
    .page.checkout-page .cart-footer,
    .page.checkout-page .checkout-data,
    .page.checkout-page .checkout-data li {
        padding: 0
    }
    .checkout-data label,
    .checkout-data select {
        width: 100%
    }
    .opc .step {
        padding: 15px 15px
    }
    .opc .buttons .back-link {
        margin: 0
    }
    .next-step-button-wrapper .next-step-button {
        float: right
    }
    .opc .buttons .please-wait {
        clear: both
    }
    .checkout-data .method-list {
        margin: 5px
    }
    .checkout-data .shipping-method .method-name input {
        float: left
    }
    .checkout-data .shipping-method .method-name label {
        width: auto;
        margin-left: 10px
    }
    .page.checkout-page .checkout-data #opc-shipping_method li {
        margin-bottom: 20px
    }
    .checkout-data .payment-method .payment-logo {
        margin-right: 10px
    }
    .checkout-data .payment-method .method-name label {
        width: auto
    }
    .checkout-data .items-wrapper .cart-item-row .name {
        width: 145px
    }
    .checkout-data .items-wrapper .cart-item-row div {
        float: left
    }
    .checkout-data .confirm-order {
        border: none
    }
    .order-details-page .order-details-area td {
        width: 100%;
        display: block
    }
    .page.order-details-page .cart-total {
        width: 100%
    }
    .page.order-details-page .cart-total .cart-total-left,
    .page.order-details-page .cart-total .cart-total-right {
        width: 50%;
        padding-bottom: 10px
    }
    .order-details-page .order-overview {
        margin-top: 20px
    }
    .order-details-page .order-details-area,
    .order-details-page .section {
        margin: 0
    }
    .account-page .page-title {
        margin-bottom: 0
    }
    .order-list-page .order-item {
        padding: 0
    }
    .order-list-page .order-list .order-item .buttons {
        float: left;
        margin-top: 10px
    }
    .login-page .checkout-as-guest-or-register-block ul {
        padding-left: 0;
        margin-bottom: 20px
    }
    .page.search-page {
        padding: 0
    }
    .page.search-page .page-title {
        padding: 10px
    }
    .search-page .search-input {
        margin: 10px;
        padding: 10px
    }
    .search-page .search-text {
        width: 100%
    }
    .search-page .search-input .buttons {
        text-align: left
    }
    .page.account-page {
        margin-bottom: 20px;
        margin-top: 50px
    }
    .address-list-page .address-list .address-item .buttons {
        float: left;
        margin-top: 10px
    }
    .edit-address label,
    .edit-address select {
        width: 100%
    }
    .change-password-page .inputs label,
    .password-recovery-page .inputs label {
        width: 100%
    }
    .password-recovery-page {
        padding: 0
    }
    .store-closed-page {
        padding: 0
    }
    .about-us-wrapper #content-pages-left {
        width: 100%
    }
    .about-us-wrapper #content-pages-right img,
    .about-us-wrapper img {
        height: auto;
        margin: 0 auto 20px;
        display: block
    }
    #content-pages-right {
        width: 100%;
        margin-left: 0;
        padding-top: 0
    }
    .page.topic-page {
        padding: 0
    }
    .finike-banner {
        width: 100% !important;
        height: auto !important
    }
    #content-pages,
    #content-pages-left {
        width: 100%
    }
    #media-page-wrapper .image-link {
        margin: 0 0 30px 2px
    }
    .media-banner img {
        height: auto
    }
    .content-pages-menu a {
        background: transparent url(images/health/saglik-menu-bg.png) no-repeat scroll left bottom
    }
    .mobile-banner-img {
        width: 100%;
        height: auto
    }
    .back-in-stock-subscription .subscribe-button {
        font-size: 11px
    }
    #Login .new-wrapper {
        margin-top: 20px
    }
    .otomatik-siparis-content {
        height: auto;
        display: inline-block;
        padding: 0;
        background: #f05f40
    }
    .oto-tabs-bg {
        width: 186px;
        height: auto;
        background-image: none;
        left: 50%;
        margin-left: -93px
    }
    .oto-tabs-bg a {
        float: left;
        clear: both
    }
    #oto-avantajlar {
        background-position: -492px 0
    }
    #RecurringProducts .tab-contents {
        width: 100%;
        margin: 0;
        left: 0;
        display: inline-block;
        height: auto
    }
    .otomatik-buton-alisverise-basla,
    .otomatik-buton-alisverise-basla:hover {
        margin: 0 0 0 -125px;
        background-size: cover;
        height: 48px;
        top: inherit;
        width: 250px;
        left: 50%;
        background-position: 0 0;
        bottom: 0;
        position: relative
    }
    .tab-contents .oto-has-image img {
        width: 250px
    }
    #oto-bottom,
    #oto-left,
    #oto-right,
    #oto-top {
        display: none
    }
    #otomatik-meyveler {
        position: relative
    }
    #tab-siparis-secenekleri ul {
        width: 100%;
        left: 0;
        margin-left: 0;
        padding: 10px
    }
    #tab-siparis-secenekleri ul a {
        font-size: 15px
    }
    .otomatik-avantajlar-ust-kisim p {
        left: 0 !important
    }
    .badge-haftalik-limon,
    .badge-haftalik-nar-16kg,
    .badge-haftalik-portakal-16kg,
    .badge-haftalik-portakal-36kg,
    .badge-haftalik-portakal-54kg,
    .badge-haftalik-portakal-sikmalik-54kg,
    .badge-haftalik-surpriz-36kg {
        position: relative;
        display: none
    }
    #fancybox-content {
        margin-top: 50px
    }
    .video-film-wrapper {
        width: 320px;
        height: 270px
    }
    .video-film {
        width: 300px;
        height: 250px
    }
    .video-film-wrapper {
        margin-top: 120px
    }
    #Login .login-button,
    #Login .register-button,
    .btn,
    .btn-primary,
    .password-recovery-button,
    .registration-page .register-next-step-button {
        width: 111px;
        height: 45px;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        background: #ee6a00 none repeat scroll 0 0;
        text-shadow: none;
        font-size: 15px;
        color: #fff;
        box-shadow: none
    }
    .btn-primary:disabled {
        background-color: #ee6a00 !important
    }
    #Login .forgot-password a {
        width: 150px;
        height: 45px;
        border: none;
        border-radius: 0;
        background: #939393;
        text-shadow: none;
        font-size: 15px;
        color: #373737;
        line-height: 45px;
        padding: 0;
        line-height: 45px
    }
    #Category .pager {
        position: relative;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        left: 50%;
        float: left
    }
    #Index .price.old-price::before {
        top: 9px;
        left: 0
    }
    .confirm-page .items-wrapper .cart-item-row {
        display: block
    }
    .confirm-page .items-wrapper .cart-item-row {
        padding: 10px 0 0 0
    }
    .cart-item-row .ui-widget-content .ui-spinner-down::after {
        margin-top: 1px
    }
    .cart-item-row .ui-widget-content .ui-spinner-up::after {
        margin-top: 5px
    }
    #NewConfirm .items-wrapper .cart-item-row .unit-price {
        font-size: 22px;
        color: #2e6734;
        font-weight: 700
    }
    #Cart .button-wrapper .btn {
        border-radius: 0 !important;
        margin-left: 0 !important
    }
    #Cart .button-wrapper .cart-continue-shop-button {
        width: 176px;
        background: #939393;
        color: #373737
    }
    .page.registration-page .form-fields label {
        text-align: left;
        width: 100%
    }
    .outofstock {
        float: left
    }
    #OnePageCheckout .buttons {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100px
    }
    .please-wait {
        position: absolute;
        bottom: -10px;
        width: 100%;
        right: 0
    }
    #billing-buttons-container .please-wait {
        bottom: 0
    }
    .back-link .btn {
        line-height: 38px
    }
    #Register .footer-wrapper,
    #Register .header-affix,
    #Register .sticky-footer {
        display: block
    }
    #Register .master-wrapper-page {
        overflow-x: hidden
    }
    #Register body {
        background: #fcf6eb
    }
    #Register .master-wrapper-main .container {
        padding: 0
    }
    #Register .register-tab-wrapper,
    #Register .register-wrapper {
        display: inline-block;
        height: auto;
        width: 100%;
        margin-top: 16px
    }
    #Register #login-tab {
        width: 100%
    }
    .register-tab-wrapper li {
        width: 50%
    }
    .register-tab-wrapper .ui-tabs-panel {
        padding: 10px 10px 0 !important
    }
    .facebook-connect-button,
    .register-tab-wrapper #login-tab .inputs input[type=password],
    .register-tab-wrapper #login-tab .inputs input[type=text] {
        width: 100%
    }
    .register-tab-wrapper .inputs input[type=password],
    .register-tab-wrapper .inputs input[type=text] {
        width: 94%
    }
    .page.registration-page .form-fields .newsletter label {
        width: 90%
    }
    .page.registration-page #Newsletter {
        margin: 6px 10px 0 0
    }
    .page.registration-page .form-fields .accept-privacy-policy label {
        width: auto
    }
    .login-page .customer-blocks,
    .login-page .returning-wrapper {
        padding: 0
    }
    .login-page .returning-wrapper .buttons {
        width: 100%
    }
    .page.registration-page .login-button {
        width: 46.6%
    }
    .page.registration-page .login-button {
        line-height: inherit
    }
    .register-tab-wrapper .inputs input[type=password],
    .register-tab-wrapper .inputs input[type=text] {
        background: #f1ece1
    }
    .cart-gift-section {
        float: left
    }
    .cart-gift-section .checkout-attributes {
        margin-top: 0
    }
    .gift-wrapper,
    .order-note-wrapper {
        width: 100%;
        float: left
    }
    .gift-section-wrapper,
    .order-note-wrapper>div {
        margin: 0 auto;
        display: block;
        width: 250px
    }
    .gift-section-wrapper,
    .order-note-wrapper>div {
        width: 100%
    }
    .order-summary-content .checkout-attributes textarea {
        width: 100%
    }
    #NewConfirm .cart-page-item-wrapper .name {
        padding: 0;
        width: 49%;
        margin: 0 10px 10px 0
    }
    #NewConfirm .items-wrapper .cart-item-row .unit-price,
    .delivery-address-list .saved-address-container>div,
    .delivery-list-page div {
        padding: 0
    }
    .edit-delete-buttons {
        margin: 10px auto;
        float: none
    }
    .edit-delete-buttons .address-edit-button {
        width: 47%
    }
    .edit-delete-buttons .address-delete-button {
        width: 46%
    }
    .delivery-billing-choose {
        margin-bottom: 20px
    }
    .add-new-address-button {
        float: none;
        margin: 0 auto;
        display: block
    }
    #Delivery .ui-dialog {
        width: 90% !important;
        top: 1% !important;
        position: fixed !important;
        height: 98% !important;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateZ(0)
    }
    #Delivery .ui-widget-content #editAddressForm,
    #Delivery .ui-widget-content #newAddressForm {
        height: 90% !important
    }
    .popup-new-adress-wrapper.ui-widget-content {
        top: 0 !important
    }
    #Delivery .ui-widget-content #editAddressForm,
    #Delivery .ui-widget-content #newAddressForm {
        overflow-x: hidden
    }
    .ui-widget-content .account-page .inputs input[type=text],
    .ui-widget-content .account-page select,
    .ui-widget-content .checkout-page .inputs input[type=text],
    .ui-widget-content .edit-address-form .inputs input[type=text],
    .ui-widget-content .edit-address-form .inputs select,
    .ui-widget-content .page.checkout-page select {
        width: 93%
    }
    .edit-address-form .save-address-button,
    .new-address-save-button {
        width: 100% !important
    }
    #NewConfirm .cart-gift-section textarea,
    .checkout-data,
    .checkout-data .method-list,
    .payment-info-textbox {
        width: 100%
    }
    .payment-method-tab-content .checkout-havale label {
        width: auto
    }
    .checkout-data .payment-method li a,
    .payment-method-tab-content,
    .payment-method-tabs li .method-name {
        padding: 0 !important
    }
    .payment-credit-card select {
        width: 134px
    }
    .credit-card-code {
        margin-left: 0
    }
    .checkout-data .payment-method li {
        background: #f9f2df;
        padding-left: 10px !important
    }
    .checkout-data .method-list {
        margin: 0 0 20px 0 !important
    }
    #NewConfirm .cart-item-row .qty>span {
        width: auto;
        float: left
    }
    .cart-gift-section {
        display: none
    }
    .order-summary-text {
        margin: 20px 0
    }
    #NewConfirm .items-wrapper .order-review-data li.title {
        margin: 20px 0
    }
    #NewConfirm .terms-of-service {
        font-size: 13px
    }
    .use-reward-points input[type=checkbox] {
        width: 20px;
        height: 20px
    }
    .use-reward-points input[type=checkbox]:after {
        margin: 4px;
        height: 10px;
        width: 10px
    }
    .use-reward-points .icheckbox_minimal-cream {
        margin: 4px 7px 14px 0
    }
}

.alısveris-devam-button-1 {
    display: none !important
}

@media only screen and (min-width:992px) {
    .alısveris-devam-button-1 {
        display: block !important
    }
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: inline-flex
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 33px;
    margin-bottom: 48px;
    float: left;
    clear: both
}

.slick-dots li {
    width: 10%;
    height: 3px;
    background: #c6c6c6 none repeat scroll 0 0;
    margin-right: 1px;
    float: left;
    text-indent: -9999px;
    cursor: pointer
}

@media(min-width:469px) {
    .slick-dots li {
        width: 10%
    }
}

.slick-dots li.slick-active {
    background: #f17700 none repeat scroll 0 0
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

ul.simple-pagination {
    list-style: none
}

.simple-pagination {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

.simple-pagination ul {
    float: left;
    width: 100%;
    text-align: center
}

.simple-pagination li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px
}

.compact-theme a,
.compact-theme span {
    float: left;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #aaa;
    border-left: none;
    min-width: 14px;
    padding: 0 7px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
    background: #efefef;
    background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
    background: -o-linear-gradient(top, #fff 0, #efefef 100%);
    background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
    background: linear-gradient(top, #fff 0, #efefef 100%)
}

.compact-theme a:hover {
    text-decoration: none;
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 0, #bbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(100%, #bbb));
    background: -webkit-linear-gradient(top, #efefef 0, #bbb 100%);
    background: -o-linear-gradient(top, #efefef 0, #bbb 100%);
    background: -ms-linear-gradient(top, #efefef 0, #bbb 100%);
    background: linear-gradient(top, #efefef 0, #bbb 100%)
}

.compact-theme li:first-child a,
.compact-theme li:first-child span {
    border-left: 1px solid #aaa;
    border-radius: 3px 0 0 3px
}

.compact-theme li:last-child a,
.compact-theme li:last-child span {
    border-radius: 0 3px 3px 0
}

.compact-theme .current {
    background: #bbb;
    background: -moz-linear-gradient(top, #bbb 0, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, #bbb 0, #efefef 100%);
    background: -o-linear-gradient(top, #bbb 0, #efefef 100%);
    background: -ms-linear-gradient(top, #bbb 0, #efefef 100%);
    background: linear-gradient(top, #bbb 0, #efefef 100%);
    cursor: default
}

.compact-theme .ellipse {
    background: #eaeaea;
    padding: 0 10px;
    cursor: default
}

.light-theme a {
    float: left;
    min-width: 27px;
    text-align: center;
    line-height: 27px;
    color: #af7c4d;
    font-size: 16px;
    font-weight: 500
}

.light-theme span {
    float: left
}

.light-theme a:hover {
    text-decoration: none;
    background: #fcfcfc
}

.light-theme .current {
    float: left;
    background: #f56b39;
    min-width: 27px;
    line-height: 27px;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.light-theme .ellipse {
    float: left;
    min-width: 27px;
    text-align: center;
    line-height: 27px;
    color: #af7c4d;
    font-size: 16px;
    font-weight: 500
}

.dark-theme a,
.dark-theme span {
    float: left;
    color: #ccc;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #222;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    background: #555;
    background: -moz-linear-gradient(top, #555 0, #333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(100%, #333));
    background: -webkit-linear-gradient(top, #555 0, #333 100%);
    background: -o-linear-gradient(top, #555 0, #333 100%);
    background: -ms-linear-gradient(top, #555 0, #333 100%);
    background: linear-gradient(top, #555 0, #333 100%)
}

.dark-theme a:hover {
    text-decoration: none;
    background: #444
}

.dark-theme .current {
    background: #222;
    color: #fff;
    border-color: #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2), 0 0 1px 1px rgba(0, 0, 0, .1) inset;
    cursor: default
}

.dark-theme .ellipse {
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    cursor: default
}

#pbBottom,
#pbCloseBtn,
#pbImage,
#pbOverlay {
    position: fixed;
    z-index: 9999
}

#pbOverlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    cursor: pointer
}

#pbCloseBtn {
    top: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: url(../imajlar/closebutton.html) no-repeat top left
}

.pbLoading {
    background: #000 url(../imajlar/loading.html) no-repeat center !important
}

#pbImage {
    border: none;
    background: #000 no-repeat;
    -moz-box-shadow: 0 0 40px #000;
    -webkit-box-shadow: 0 0 40px #000;
    box-shadow: 0 0 40px #000;
    cursor: move
}

#pbBottom {
    font-size: 10px;
    text-align: center;
    color: #eee;
    line-height: 1.4em;
    left: 50%;
    bottom: 10px;
    width: 400px;
    margin-left: -200px
}

#pbCaption {
    font-weight: 700;
    padding: 4px;
    display: inline-block;
    background-color: rgba(0, 0, 0, .7);
    zoom: 1
}

#pbNav {
    display: block;
    width: 200px;
    height: 65px;
    margin: auto;
    margin-top: 5px
}

#pbNextBtn,
#pbPrevBtn,
#pbZoomBtn {
    display: inline-block;
    width: 70px;
    height: 65px;
    outline: 0;
    text-indent: -9000px;
    background: url(../imajlar/navbtns.html) no-repeat
}

#pbPrevBtn {
    background-position: -70px 0;
    float: left
}

#pbPrevBtn.pbgreyed {
    background-position: 0 0
}

#pbNextBtn {
    background-position: -320px 0;
    float: right
}

#pbNextBtn.pbgreyed {
    background-position: -390px
}

#pbZoomBtn {
    width: 60px;
    background-position: -140px 0;
    float: left
}

#pbZoomBtn.pbgreyed {
    background-position: -200px 0
}

#pbZoomBtn.pbzoomed {
    background-position: -260px 0
}

.ps-container {
    -ms-touch-action: none;
    overflow: hidden !important
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block
}

.ps-container.ps-in-scrolling {
    pointer-events: none
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.ps-container>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    width: 8px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 8px
}

.ps-container:hover.ps-in-scrolling {
    pointer-events: none
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}

.icheckbox_minimal-cream,
.iradio_minimal-cream {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    width: 15px;
    height: 20px;
    background: url(images/input-set.png) no-repeat;
    border: none;
    cursor: pointer
}

.icheckbox_minimal-cream {
    width: 15px;
    height: 15px
}

.iradio_minimal-cream {
    width: 21px;
    height: 21px
}

.icheckbox_minimal-cream {
    background-position: 0 -3px
}

.icheckbox_minimal-cream.hover {
    background-position: 0 -3px
}

.icheckbox_minimal-cream.checked {
    background-position: -16px -3px
}

.icheckbox_minimal-cream.disabled {
    background-position: 0 -3px;
    cursor: default
}

.icheckbox_minimal-cream.checked.disabled {
    background-position: 0 -3px
}

.iradio_minimal-cream {
    background-position: -44px 0
}

.iradio_minimal-cream.hover {
    background-position: -44px 0
}

.iradio_minimal-cream.checked {
    background-position: -66px 0
}

.iradio_minimal-cream.disabled {
    background-position: -44px 0;
    cursor: default
}

.iradio_minimal-cream.checked.disabled {
    background-position: -44px 0
}

/*!fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license*/

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    color: #444;
    text-shadow: none;
    padding: 0 !important
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner,
.fancybox-outer {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading {
    position: fixed;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 8060;
    background: url(images/loading.gif) no-repeat center center;
    background-size: 30px;
    width: 100vw;
    height: 100vh
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(fancybox_loading.html) center center no-repeat
}

.fancybox-close {
    position: absolute;
    cursor: pointer;
    z-index: 8040;
    width:100px!important;
    height:44px!important;
    background: url(images/fancybox-new-close.png) no-repeat top center !important;
    background-size: 100% !important
}

.fancybox-close {
    top: 0;
    right: 0
}

@media(min-width:600px) {
    .fancybox-close {
        right: -48px
    }
}

@media(min-height:560px) {
    .fancybox-close {
        top: -42px;
        right: 0
    }
}
@media(max-width:600px) {
    .fancybox-close{
        width:50px!important;
        height:22px!important;
    } 
    .fancybox-close {
        top: -21px;
    }
}

.fancybox-wrap--certificate .fancybox-close {
    top: 0;
    right: 0
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(blank.html);
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    width: 50px;
    height: 50px;
    background: #fa4601 url(images/right-arrow.svg) no-repeat center center;
    background-size: 20px;
    border-radius: 50%;
    margin: 0;
    top: calc(50% - 25px);
    transform: rotate(180deg)
}

.fancybox-next span {
    right: 10px;
    width: 50px;
    height: 50px;
    background: #fa4601 url(images/right-arrow.svg) no-repeat center center;
    background-size: 20px;
    border-radius: 50%;
    margin: 0;
    top: calc(50% - 25px)
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}
.fancybox-wrap.no-bottom-title .fancybox-title{
    display:none;

}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -28px;
    z-index: 8050;
    text-align: center;
    width: 100%
}

.fancybox-title-float-wrap .child {
    font-family: var(--primary-font), sans-serif;
    display: inline-block;
    vertical-align: top;
    padding: 2px 15px;
    background: #fa4601;
    color: #fff;
    font-weight: 500;
    line-height: 24px;
    white-space: nowrap;
    width: 100%;
    float: left
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px
}

.ui-timepicker-div dl {
    text-align: left
}

.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0 0 0 5px
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 40%
}

.ui-timepicker-div td {
    font-size: 90%
}

.ui-tpicker-grid-label {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0
}

.ui-timepicker-div .ui_tpicker_unit_hide {
    display: none
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background: 0 0;
    color: inherit;
    border: none;
    outline: 0;
    border-bottom: solid 1px #555;
    width: 95%
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
    border-bottom-color: #aaa
}

.ui-timepicker-rtl {
    direction: rtl
}

.ui-timepicker-rtl dl {
    text-align: right;
    padding: 0 5px 0 0
}

.ui-timepicker-rtl dl dt {
    float: right;
    clear: right
}

.ui-timepicker-rtl dl dd {
    margin: 0 40% 10px 10px
}

.ui-timepicker-div.ui-timepicker-oneLine {
    padding-right: 2px
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
    display: none
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
    display: block;
    padding-top: 2px
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
    text-align: right
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
    display: inline-block;
    margin: 0
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
    content: ':';
    display: inline-block
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before {
    content: '.';
    display: inline-block
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
    display: none
}

/*! jQuery UI - v1.10.3 - 2013-12-16
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: 400
}

.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus {
    font-weight: 400;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: 400;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(images/animated-overlay.gif);
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: 700
}

.ui-widget-header a {
    color: #222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */

.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, .9);
    outline: 0 !important;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity.lity-opened {
    opacity: 1
}

.lity.lity-closed {
    opacity: 0
}

.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: 0 !important
}

.lity-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: 0 !important
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease
}

.lity-closed .lity-content,
.lity-loading .lity-content {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.lity-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    border: 0;
    background: 0 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    border: 0;
    background: 0 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close:active {
    top: 1px
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-iframe .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.lity-hide {
    display: none
}

/*!Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox*/

html.swipebox-html.swipebox-touch {
    overflow: hidden !important
}

#swipebox-overlay img {
    border: none !important
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%
}

#swipebox-slider {
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer
}

#swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle
}

#swipebox-slider .slide .swipebox-video-container {
    background: 0 0;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

#swipebox-slider .slide-loading {
    background: url(../img/loader.html) no-repeat center center
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%
}

#swipebox-bottom-bar {
    bottom: -50px
}

#swipebox-bottom-bar.visible-bars {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0)
}

#swipebox-top-bar {
    top: -50px
}

#swipebox-top-bar.visible-bars {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

#swipebox-title {
    display: block;
    width: 100%;
    text-align: center
}

#swipebox-close,
#swipebox-next,
#swipebox-prev {
    background-image: url(images/hakkimizda-galeri/icons.png);
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0
}

#swipebox-arrows {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px
}

#swipebox-prev {
    background-position: -32px 13px;
    float: left
}

#swipebox-next {
    background-position: -78px 13px;
    float: right
}

#swipebox-close {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 9999;
    background-position: 15px 12px
}

.swipebox-no-close-button #swipebox-close {
    display: none
}

#swipebox-next.disabled,
#swipebox-prev.disabled {
    opacity: .3
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: rightSpring .3s;
    animation: rightSpring .3s
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: leftSpring .3s;
    animation: leftSpring .3s
}

.swipebox-touch #swipebox-container:after,
.swipebox-touch #swipebox-container:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    content: ' ';
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    -webkit-box-shadow: inset 10px 0 10px -8px #656565;
    box-shadow: inset 10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    -webkit-box-shadow: inset -10px 0 10px -8px #656565;
    box-shadow: inset -10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
    opacity: 1
}

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1
}

@-webkit-keyframes rightSpring {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@keyframes rightSpring {
    0% {
        left: 0
    }
    50% {
        left: -30px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes leftSpring {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@keyframes leftSpring {
    0% {
        left: 0
    }
    50% {
        left: 30px
    }
    100% {
        left: 0
    }
}

@media screen and (min-width:800px) {
    #swipebox-close {
        right: 10px
    }
    #swipebox-arrows {
        width: 92%;
        max-width: 800px
    }
}

#swipebox-overlay {
    background: #0d0d0d
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    text-shadow: 1px 1px 1px #000;
    background: #000;
    opacity: .95
}

#swipebox-top-bar {
    color: #fff !important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif
}

#masterpass_specifity .mp-p0,
.mp-p0 {
    padding: 0 !important
}

#masterpass_specifity .mp-py0,
.mp-py0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#masterpass_specifity .mp-px0,
.mp-px0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

#masterpass_specifity .mp-m0,
.mp-m0 {
    margin: 0 !important
}

#masterpass_specifity .mp-m1,
.mp-m1 {
    margin: .25rem !important
}

#masterpass_specifity .mp-m2,
.mp-m2 {
    margin: .5rem !important
}

#masterpass_specifity .mp-m3,
.mp-m3 {
    margin: .75rem !important
}

#masterpass_specifity .mp-m4,
.mp-m4 {
    margin: 1rem !important
}

#masterpass_specifity .mp-m5,
.mp-m5 {
    margin: 1.25rem !important
}

#masterpass_specifity .mp-mx0,
.mp-mx0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

#masterpass_specifity .mp-mx1,
.mp-mx1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

#masterpass_specifity .mp-mx2,
.mp-mx2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

#masterpass_specifity .mp-mx3,
.mp-mx3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

#masterpass_specifity .mp-mx4,
.mp-mx4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

#masterpass_specifity .mp-mx5,
.mp-mx5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important
}

#masterpass_specifity .mp-my0,
.mp-my0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

#masterpass_specifity .mp-my1,
.mp-my1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

#masterpass_specifity .mp-my2,
.mp-my2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

#masterpass_specifity .mp-my3,
.mp-my3 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
}

#masterpass_specifity .mp-my4,
.mp-my4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

#masterpass_specifity .mp-my5,
.mp-my5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important
}

#masterpass-list-cards .mp-Masterpass_List {
    float: left;
    width: 100%;
    margin: 0 !important
}

#masterpass-list-cards .mp-Masterpass_List li {
    float: left;
    width: 100%;
    margin: 0 0 5px !important;
    padding: 0 !important;
    border: 1px solid #e0e0e0;
    transition: all .2s linear
}

#masterpass-list-cards .mp-Masterpass_List li:last-child {
    margin: 0 !important
}

#masterpass-list-cards .mp-Masterpass_List li.mp-Masterpass_ListCard-Selected {
    border-color: #f7670f
}

#masterpass-list-cards .mp-Masterpass_List .radio {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px
}

#masterpass-list-cards .mp-Masterpass-Card_Label {
    float: left;
    width: calc(100% - 30px);
    padding: 0;
    font-family: var(--primary-font), sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #663000;
    line-height: 25px
}

#masterpass-list-cards .mp-Masterpass-Card_Label input[type=radio] {
    float: left;
    width: 20px;
    height: 20px;
    margin: 2.5px 5px 2.5px 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0;
    opacity: 1 !important;
    position: relative !important;
    border-radius: 50%
}

#masterpass-list-cards .mp-Masterpass-Card_Label input[type=radio]:after {
    content: "";
    float: left;
    margin: 4px;
    width: 10px;
    height: 10px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear;
    border-radius: 50%
}

#masterpass-list-cards .mp-Masterpass-Card_Label input[type=radio]:checked:after {
    opacity: 1
}

.mp-Button {
    background-color: #f76c0f;
    border: none;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: var(--primary-font), sans-serif
 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: 35px;
    padding-left: 20px;
    padding-right: 20px
}

.mp-Button:hover {
    background-color: #ff6a27
}

.mp-Button_small {
    height: 30px;
    font-size: 12px;
    font-weight: 400
}

.mp-Button-center {
    margin-left: auto;
    margin-right: auto
}

.mp-Button-my10px {
    margin-top: 10px;
    margin-bottom: 10px
}

.mp-Masterpass_Logo {
    float: left;
    margin-bottom: 10px;
    clear: both;
    width: 165px
}

.mp-Masterpass-Link {
    float: left;
    width: 100%
}

.mp-Masterpass-Link_Option {
    float: left;
    width: 100%;
    font-family: var(--primary-font), sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 15px;
    line-height: 20px;
    border: 1px solid #d9ceb6;
    color: #663000
}

.mp-Masterpass-Link_Option label {
    float: left;
    width: calc(100% - 30px);
    padding: 0;
    font-family: var(--primary-font), sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #663000;
    line-height: 25px
}

.mp-Masterpass-Link_Option label input[type=radio] {
    float: left;
    width: 20px;
    height: 20px;
    margin: 2.5px 5px 2.5px 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0;
    opacity: 1 !important;
    position: relative !important;
    border-radius: 50%
}

.mp-Masterpass-Link_Option label input[type=radio]:after {
    content: "";
    float: left;
    margin: 4px;
    width: 10px;
    height: 10px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear;
    border-radius: 50%
}

.mp-Masterpass-Link_Option label input[type=radio]:checked:after {
    opacity: 1
}

.mp-Masterpass-Link_Option img {
    height: 24px;
    margin: 0 5px 5px 0
}

.mp-Masterpass-Link_Option-Selected {
    border-color: #ec4a00
}

.mp-Masterpass-ListCards {
    border: 1px solid #d9ceb6;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.mp-Masterpass-ListCards p {
    float: left;
    width: 100%;
    line-height: 20px;
    font-family: var(--primary-font), sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #663000
}

.mp-Masterpass-ListCards img {
    max-height: 20px;
    float: left;
    margin-right: 10px
}

.mp-Masterpass_ListCard {
    border: solid 1px #ddd;
    padding: 5px
}

.mp-Masterpass_ListCard:not(.mp-Masterpass_ListCard-Selected):hover {
    border-color: #000
}

.mp-Masterpass_ListCard-Selected {
    border-color: #ec4a00
}

.mp-Masterpass_DeleteCard {
    color: #d9ceb6;
    position: absolute;
    right: 10px;
    top: 10px;
    height: 25px;
    line-height: 25px;
    width: 25px;
    text-align: center;
    background: 0 0;
    border: 1px solid #d9ceb6;
    color: #000;
    font-family: var(--primary-font), sans-serif
 !important;
    font-weight: 600;
    font-size: 10px !important;
    padding: 0
}

.mp-Masterpass-Card_Label {
    display: block
}

.mp-Card {
    margin: 20px 0;
    max-width: 100%
}

.mp-Card .form-row {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.mp-Card .form-row.credit-card-date {
    width: calc((100%/3) * 2);
    padding-right: 2.5px
}

.mp-Card .form-row.credit-card-code {
    width: calc((100%/3));
    padding-left: 2.5px
}

.mp-Card label {
    float: left;
    width: 100%;
    font-family: var(--primary-font), sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #663000
}

.mp-Card .form-row__input {
    float: left;
    width: 100%
}

#masterpassCardName .payment-info-textbox,
.mp-Card .form-row .payment-info-textbox-card-code,
.mp-Card .form-row__input .payment-info-textbox {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #d9ceb6 !important;
    height: 41px;
    padding: 10px;
    line-height: 19px;
    margin: 0;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500;
    background: #fff !important;
    font-family: var(--primary-font), sans-serif
 !important;
    box-shadow: none
}

.mp-Card .date-dropdown {
    float: left;
    width: calc(50% - 2.5px);
    position: relative;
    border: 1px solid #d9ceb6;
    height: 41px;
    position: relative
}

.mp-Card .date-dropdown:first-child {
    margin-right: 2.5px
}

.mp-Card .date-dropdown:last-child {
    margin-left: 2.5px
}

.mp-Card .date-dropdown:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(images/angle-arrow-down.svg) no-repeat center center;
    background-size: 10px;
    width: 39px;
    height: 100%;
    z-index: 1
}

.mp-Card .date-dropdown select {
    float: right;
    width: 100%;
    border: none;
    border-radius: 0;
    margin: 0;
    height: 39px;
    padding: 10px 39px 10px 10px;
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: 0 0;
    position: relative;
    z-index: 2;
    font-family: var(--primary-font), sans-serif

}

.mp-Card .date-dropdown select option {
    font-weight: 500
}

#saveformasterpass {
    width: 100%;
    padding: 0
}

#saveformasterpass .checkbox {
    float: left;
    margin: 0
}

#saveformasterpass .checkbox label {
    float: left;
    font-size: 13px;
    color: #663000;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    line-height: 14px;
    padding: 0
}

#saveformasterpass .checkbox input[type=checkbox] {
    float: left;
    width: 14px;
    height: 14px;
    margin: 0 5px 16px 0;
    background: 0 0;
    border: 1px solid #d9ceb6;
    -webkit-appearance: none;
    outline: 0;
    position: initial
}

#saveformasterpass .checkbox input[type=checkbox]:after {
    content: "";
    float: left;
    margin: 3px;
    width: 6px;
    height: 6px;
    background: #d9ceb6;
    opacity: 0;
    transition: all .2s linear
}

#saveformasterpass .checkbox input[type=checkbox]:checked:after {
    opacity: 1
}

#saveformasterpass .checkbox label img {
    height: 14px;
    margin-bottom: 5px
}

#saveformasterpass .checkbox label a {
    color: #663000;
    font-weight: 600 !important
}

#masterpass_specifity .continue-warning-message {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #8c8c8c;
    font-family: var(--primary-font), sans-serif;
    display: none
}

#masterpassCardName {
    float: left;
    width: 100%;
    margin: 15px 0
}

#masterpassCardName #masterpass-card-save {
    float: left;
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: #f76710;
    font-family: var(--primary-font), sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 30px;
    line-height: 41px;
    text-shadow: none;
    letter-spacing: .5px;
    margin: 15px 0
}

#masterpassCardName p {
    float: left;
    width: 100%;
    font-family: var(--primary-font), sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #8c8c8c;
    line-height: 18px
}

.mp-Card .radio {
    padding-left: 0
}

.mp-ErrorList {
    list-style-type: disc;
    list-style-position: inside
}

.mp-ErrorList li {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500
}

.mp-Masterpass_Warning {
    clear: both;
    text-align: center;
    padding: .75rem 0;
    color: red;
    font-weight: 500
}

.mp-Lightbox {
    background-color: #fff;
    max-width: 440px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto
}

.mp-Lightbox_Icon {
    color: #fff;
    background-color: #b1b1b1;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    text-align: center
}

.mp-Lightbox_Icon-Error {
    margin: 10px auto;
    background: red
}

.mp-Lightbox_Icon::before {
    font-size: 38px
}

@media(min-width:576px) {
    .mp-Lightbox_Icon {
        width: 100px;
        height: 100px;
        line-height: 100px
    }
    .mp-Lightbox_Icon::before {
        font-size: 32px
    }
}

.mp-Lightbox_Text {
    font-size: 20px;
    line-height: 1.2
}

@media(min-width:576px) {
    .mp-Lightbox_Text {
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: 500;
        margin-top: 13px
    }
}

#lightbox-sms-dogrulama .mp-Lightbox_Input,
#lightbox-telefon-dogrulama-text {
    float: left;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #d9ceb6 !important;
    height: 41px;
    padding: 10px;
    line-height: 19px;
    margin: 0 0 10px !important;
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 500;
    background: #fff !important;
    font-family: var(--primary-font), sans-serif
 !important;
    box-shadow: none;
    letter-spacing: 1px
}

.mp-Lightbox_Text-success {
    color: #090
}

.mp-Lightbox_Text-small {
    font-size: 18px
}

.mp-Lightbox_Spacer {
    height: 20px
}

.mp-Lightbox_Error {
    color: red
}

.mp-Lightbox_Input {
    width: 100%;
    border: solid 1px #c7c7c7;
    margin-bottom: 0 !important
}

.mp-Lightbox_Button {
    width: 100%;
    background-color: #f7670f;
    border: none;
    border-radius: 3px;
    color: #fff;
    padding: 0;
    float: left;
    line-height: 35px;
    -webkit-appearance: none;
    font-weight: 500;
    text-transform: uppercase
}

.mp-Lightbox_Button:hover {
    background-color: #da5121;
    color: #fff
}

.mp-Lightbox_Button-Half {
    width: calc(50% - 5px)
}

.mp-Lightbox_Button-Half.js-resend-button {
    float: right
}

.mp-Lightbox_Timer {
    font-size: 18px;
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500
}

.mp-Lightbox_Band {
    text-align: right;
    position: relative;
    padding-top: 15px;
    padding-bottom: 25px;
    padding: 15px 10px 25px;
    min-height: 70px;
    margin-top: 15px;
    background: #02000b;
    background: linear-gradient(to right, #02000b 0, #788785 100%)
}

.mp-Lightbox_Band::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background: #ffdc4c;
    background: linear-gradient(to right, #ffdc4c 0, #6d0506 100%)
}

.mp-Lightbox_Band img {
    max-width: 150px;
    height: auto
}

iframe[name=securePostIframe] {
    max-width: 100%;
    max-height: 550px
}

@media(min-height:650px) {
    iframe[name=securePostIframe] {
        max-height: unset
    }
}