body {
    font-family: 'Merriweather', serif;
    background: #f3eae0;
}

* {
    font-family: 'Merriweather', serif;
}

img {
    max-width: 100%;
}

a {
    color: #000;
    text-decoration: none !important;
    transition: 0.3s ease all;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #363636;
}

a:hover {
    color: #f08117;
    text-decoration: none !important;
}

*:focus {
    box-shadow: unset !important;
    outline: unset !important;
}

svg.iconset {
    position: absolute;
    pointer-events: none;
}

.container.newrow {
    padding-left: 5px;
    padding-right: 5px;
}

.container.newzero {
    padding-left: 0px;
    padding-right: 0px;
}

.row.newzero > div {
    padding-left: 0px;
    padding-right: 0px;
}

.row.newzero {
    margin-left: -0px;
    margin-right: -0px;
}

.row.newrow > div {
    padding-left: 5px;
    padding-right: 5px;
}

.row.newrow {
    margin-left: -5px;
    margin-right: -5px;
}

.btn {

}

.btn.btn-md {

}

.btn.btn-lg {

}


.btn.btn-lg.btn-round {

}

.btn.btn-sm {
}

.btn.btn-dark {

    font-weight: bold;

    border: 0px;

    padding: 13px 26px;
}

.btn.btn-dark:not(:disabled):not(.disabled):hover, .btn.btn-dark:not(:disabled):not(.disabled):focus, .btn.btn-dark:not(:disabled):not(.disabled):active {

}

.btn.btn-light {

}

.btn.btn-light:not(:disabled):not(.disabled):hover, .btn.btn-light:not(:disabled):not(.disabled):focus, .btn.btn-light:not(:disabled):not(.disabled):active {

}

.btn.btn-danger {

}

.btn.btn-danger:not(:disabled):not(.disabled):hover, .btn.btn-danger:not(:disabled):not(.disabled):focus, .btn.btn-danger:not(:disabled):not(.disabled):active {

}

.btn.btn-warning {

}

.btn.btn-warning:not(:disabled):not(.disabled):hover, .btn.btn-warning:not(:disabled):not(.disabled):focus, .btn.btn-warning:not(:disabled):not(.disabled):active {

}

.btn-round {

}

.btn.btn-border.btn-warning {

}

.btn.btn-border.btn-default {

}

.btn.btn-border.btn-default:not(:disabled):not(.disabled):hover, .btn.btn-border.btn-default:not(:disabled):not(.disabled):focus, .btn.btn-border.btn-default:not(:disabled):not(.disabled):active {

}

.btn.btn-border.btn-light {

}

.btn.btn-border.btn-light:not(:disabled):not(.disabled):hover, .btn.btn-border.btn-light:not(:disabled):not(.disabled):focus, .btn.btn-border.btn-light:not(:disabled):not(.disabled):active {

}

header {

    display: flex;

    flex-direction: column;

    padding: 15px 0px;

    align-items: center;

    position: absolute;

    left: 0px;

    right: 0px;

    top: 0px;

    z-index: 2;
}

header .logo {

    text-align: center;
}

header .logo img {

    height: 125px;
}

header .menu {

    margin-top: 25px;
}

header .menu ul {

}

header .menu ul > li {

}

header .menu ul > li > a {

    color: #231f20;

    padding: 10px 0px;

    margin: 0px 20px;

    position: relative;

    display: block;
}

header .menu ul > li > a:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 6px;
    height: 1px;
    background: #231f20;
    width: 0px;
    transition: 0.3s ease all;
}

header .menu ul > li:hover > a {

}

header .menu ul > li:hover > a:before {

    width: 100%;
}

section.mainbanner {

    position: relative;

    background-color: #f3eae0;

    z-index: 1;
}

section.mainbanner .img {

    padding-bottom: 40%;

    background-position: center top;

    background-repeat: no-repeat;

    position: relative;

    z-index: 9;
}

section.mainbanner .container {

    position: absolute;

    left: 0px;

    right: 0px;

    top: 0px;

    bottom: 0px;
}

section.mainbanner .content {

    position: absolute;

    right: 120px;

    bottom: 160px;

    overflow: hidden;


    width: 510px;

    text-align: right;
}

section.mainbanner .content .text {

    color: #231f20;

    font-size: 50px;

    font-weight: bold;

    line-height: 64px;

    position: relative;
    left: -400px;

    transition: 0.3s ease all, 0.1s 0.5s ease z-index;

    opacity: 0;

    animation: bannertext 2s forwards 0s 1;
    text-align: right;
    z-index: 1;
}

@keyframes bannertext {
    0% {
        left: -400px;
        opacity: 0;
    }

    99% {
        left: 0px;
        opacity: 1;
    }
    100% {
        left: 0px;
        opacity: 1;
        z-index: 10;
    }


}

section.kategorilist {

    background: #353031;
}

section.kategorilist .kategori:before {
    content: '';
    background: rgb(65, 62, 63);
    background: linear-gradient(90deg, rgba(65, 62, 63, 1) 50%, rgba(35, 31, 32, 1) 50%);
    position: absolute;
    right: -1px;
    top: 0px;
    bottom: 0px;
    width: 2px;
}

section.kategorilist .row > div:first-child .kategori:after {
    content: '';
    background: rgb(65, 62, 63);
    background: linear-gradient(90deg, rgba(65, 62, 63, 1) 50%, rgba(35, 31, 32, 1) 50%);
    position: absolute;
    left: -1px;
    top: 0px;
    bottom: 0px;
    width: 2px;
}

section.kategorilist .kategori {

    display: flex;

    padding: 0px 50px;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    min-height: 300px;

    position: relative;
}

section.kategorilist .kategori:hover {
    background: rgb(198, 151, 86);
    background: linear-gradient(180deg, rgba(198, 151, 86, 1) 0%, rgba(56, 50, 50, 1) 100%);
}

section.kategorilist .kategori .icon {

    background: #fff;

    width: 150px;

    height: 150px;

    -webkit-mask-position: center;

    -webkit-mask-repeat: no-repeat;

    -webkit-mask-size: 100%;
}

section.kategorilist .kategori span {

    color: #fff;

    font-size: 18px;

    line-height: 21px;

    font-weight: bold;

    margin-top: 20px;
}

section.urunlerslider {

    padding: 80px 0px;

    background: #fff;
}

section.urunlerslider .urun {
    overflow: hidden;
}

section.urunlerslider .urun .img {

    text-align: center;
}

section.urunlerslider .swiper-slide .img img {
    opacity: 0;
}

section.urunlerslider .swiper-slide.swiper-slide-active .img img {
    opacity: 1;
}

section.urunlerslider .urun .content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    height: 100%;

    justify-content: center;

    overflow: hidden;
}

section.urunlerslider .urun .title {

    color: #231f20;

    font-size: 40px;

    line-height: 44px;

    margin-bottom: 30px;

    position: relative;

    left: -100%;

    transition: 0.3s 0.1s ease all;
}

section.urunlerslider .urun .title b {

    font-weight: bold;

    display: block;
}

section.urunlerslider .urun .slogan {

    color: #9acb34;

    font-size: 18px;

    letter-spacing: -0.5px;

    font-weight: 300;

    margin-bottom: 20px;

    left: -100%;

    transition: 0.3s 0.3s ease all;

    position: relative;
}

section.urunlerslider .urun p {

    color: #353031;

    font-size: 18px;

    line-height: 25px;

    letter-spacing: -0.5px;

    font-weight: 300;

    margin-bottom: 30px;

    transition: 0.3s 0.5s ease all;

    position: relative;

    left: -100%;

    padding-right: 30px;
}

section.urunlerslider .urun .btn {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: #9acb34;
    border: 0px;
    padding: 11.5px 38px;
    border-radius: 5px;
    opacity: 0;
    transition: 0.3s 0.6s ease all;
}

section.urunlerslider .swiper-slide-active .urun .title {

    left: 0px;
}

section.urunlerslider .swiper-slide-active .urun .slogan {

    left: 0px;
}

section.urunlerslider .swiper-slide-active .urun p {

    left: 0px;
}

section.urunlerslider .swiper-slide-active .urun .btn {

    opacity: 1;
}

section.urunlerslider .swiper-slide {

    opacity: 0;
}

section.urunlerslider .swiper-slide.swiper-slide-active {

    opacity: 1;
}

section.urunlerslider .container {

    position: relative;
}

section.urunlerslider .swiper-nav {

}

section.urunlerslider .swiper-nav .swiper-btn-prev {

    position: absolute;

    left: -40px;

    width: 40px;

    height: 40px;

    top: 50%;

    transform: translateY(-50%);

    background: #a2a2a2;

    cursor: pointer;
    -webkit-mask-image: url(../img/svg/arrow.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    transition: 0.3s ease all;


}

section.urunlerslider .swiper-nav .swiper-btn-next {

    position: absolute;

    right: -40px;

    width: 40px;

    height: 40px;

    top: 50%;

    transform: translateY(-50%) rotate(180deg);

    background: #a2a2a2;

    cursor: pointer;

    -webkit-mask-image: url(../img/svg/arrow.svg);

    -webkit-mask-size: 100%;

    -webkit-mask-position: center;

    -webkit-mask-repeat: no-repeat;
    transition: 0.3s ease all;
}

section.urunlerslider .swiper-nav > div:hover {
    background: #9ccc39;
}

section.cayseruveni {

    max-width: 100%;

    overflow-x: hidden;

    background: url(../img/seruvenbg.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position: center;

    position: relative;

    z-index: 1;
}

section.cayseruveni:before {
    content: '';
    background: rgb(198, 151, 86);
    background: linear-gradient(
            0deg, rgba(198, 151, 86, 0) 0%, rgba(45, 41, 42, 1) 100%);
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 210px;
    z-index: 3;
}

section.cayseruveni:after {
    content: '';
    background: rgb(198, 151, 86);
    background: linear-gradient(180deg, rgba(198, 151, 86, 0) 0%, rgba(45, 41, 42, 1) 100%);
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 210px;
    z-index: 3;
}

section.cayseruveni .seruvenler {

}

section.cayseruveni .seruvenler:before {
    content: '';
    background: url(../img/yapraksol.png);
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 2560px;
    background-repeat: repeat-y;
    background-position: left center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    pointer-events: none;
    animation: yapraksol2 500s linear infinite;
}

@keyframes yapraksol1 {
    from {
        background-position: 0 0;
    }
    /*use negative width if you want it to flow right to left else and positive for left to right*/
    to {
        background-position: 0 10000px;
    }
}

@keyframes yapraksol2 {
    0% {
        background-position: 0 0;
    }
    25% {
        background-position: 0 2500px;
    }
    50% {
        background-position: 0 5000px;
    }
    75% {
        background-position: 0 7500px;
    }
    100% {
        background-position: 0 10000px;
    }


}

@keyframes yaprsag {
    0% {
        background-position: right 0;
    }
    25% {
        background-position: right 2500px;
    }
    50% {
        background-position: right 5000px;
    }
    75% {
        background-position: right 7500px;
    }
    100% {
        background-position: right 10000px;
    }


}

section.cayseruveni .seruvenler:after {
    content: '';
    background: url(../img/yapraksag.png);
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 2560px;
    background-repeat: repeat-y;
    background-position: right center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    pointer-events: none;
    animation: yaprsag 2000s linear infinite;
}

section.cayseruveni .seruvenler .seruven {

    position: relative;

    z-index: 2;
}

section.cayseruveni .seruvenler .seruven:nth-child(1) {

    margin-bottom: -40px;
}

section.cayseruveni .seruvenler .seruven:nth-child(5) {
    margin-top: -50px;
}

section.cayseruveni .seruvenler .seruven .img {
}


section.cayseruveni .seruvenler .seruven:nth-child(odd) .img {
    display: flex;
    justify-content: flex-end;
}

section.cayseruveni .seruvenler .seruven:nth-child(even) .img {
    display: flex;
    justify-content: flex-start;
}

section.cayseruveni .seruvenler .seruven:nth-child(1) .img {
    display: block;
}

section.cayseruveni .seruvenler .seruven .img img {
    max-width: unset;
}

section.cayseruveni .seruvenler .seruven .content {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;
}

section.cayseruveni .seruvenler .seruven .content p {

    color: #fff;

    font-size: 18px;

    line-height: 25px;

    font-weight: 300;

    margin: 0px;
}

section.cayseruveni .seruvenler .text {

    color: #fff;

    font-size: 18px;

    text-align: center;

    margin: 20px 8.333333% 70px;

    font-weight: 300;

    position: relative;

    z-index: 4;
}

section.cayseruveni h1 {

    color: #f3eae0;

    font-size: 40px;

    text-align: center;

    font-weight: bold;

    padding: 45px 0px;

    position: relative;

    z-index: 4;
}

section.bloglarlist {

    padding: 50px 0px;
    background: url(../img/blogpattern.png) #f3eae0;
}

section.bloglarlist h2 {

    text-align: center;

    color: #353031;

    font-size: 40px;

    font-weight: bold;

    margin-bottom: 30px;
}

section.bloglarlist .blog {

    margin-bottom: 30px;

    display: block;
}

section.bloglarlist .blog .img {

    overflow: hidden;

    padding-bottom: 116%;

    position: relative;
}

section.bloglarlist .blog .img img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    transition: 0.3s ease all;
}

section.bloglarlist .blog:hover .img img {
    transform: translate(-50%, -50%) scale(1.2) rotate(5deg);
}

section.bloglarlist .blog .title {

    color: #353031;

    font-size: 20px;

    font-weight: bold;

    margin-top: 30px;

    display: block;
}

section.bloglarlist .blog p {

    color: #353031;

    font-weight: 300;

    line-height: 20px;
}

footer {

    background: #231f20;

    padding: 75px 0px 50px;
}

footer .links {

    margin-top: 30px;
}

footer .links a {

    color: #f3eae0;

    display: inline-block;

    margin-right: 30px;
}

footer .links a:hover {

    color: #dbaa5d;
}

footer .sosyal {

    padding: 60px 0px;

    vertical-align: middle;

    display: inline-block;

    margin-right: 20px;
}

footer .sosyal a {

    display: inline-block;

    fill: #faf1e7;

    margin-right: 10px;
}

footer .sosyal a:hover {

    fill: #b68e4f;
}

footer .sosyal a .icon {

    width: 40px;

    height: 40px;
}

footer .tuketici {
    font-family: 'Montserrat', sans-serif;
    display: inline-block;

    vertical-align: middle;

    color: #faf1e7;
}

footer .tuketici span {

    color: #dbaa5d;

    font-weight: 600;
}

footer .tuketici a {

    color: #fff;
}

footer .ozmay {

    display: flex;

    align-items: center;
}

footer .ozmay img {

    margin-right: 15px;
}

footer .ozmay p {

    color: #f3eae0;

    margin: 0px;

    line-height: 20px;
}

footer .logo {

    text-align: right;

    margin-bottom: 30px;
}

footer .logo img {

    height: 95px;
}

footer .copyright {

    text-align: right;

    color: #f3eae0;

    line-height: 22px;

    margin-bottom: 30px;
}

footer .copyright span {

    color: #c79856;

    display: block;
}

footer .ebulten {

    text-align: right;

    margin-bottom: 30px;
}

footer .ebulten span {

    color: #f3eae0;

    font-size: 13px;

    font-weight: bold;

    margin-bottom: 10px;

    display: block;
}

footer .ebulten form {

    position: relative;

    display: block;
}

footer .ebulten form input::-webkit-input-placeholder {
    color: #f3eae0;
    font-size: 13px;
    font-weight: 300;
    opacity: 1;
}

footer .ebulten form input:-ms-input-placeholder {
    color: #f3eae0;
    font-size: 13px;
    font-weight: 300;
    opacity: 1;
}

footer .ebulten form input::placeholder {
    color: #f3eae0;
    font-size: 13px;
    font-weight: 300;
    opacity: 1;
}

footer .ebulten form input {

    display: block;

    width: 100%;

    border: 1px solid #f3eae0;

    background: transparent;

    padding: 6px 95px 6px 10px;

    border-radius: 4px;

    color: #f3eae0;

    font-size: 13px;

    height: 38px;

    font-weight: 300;
}

footer .ebulten form button {

    position: absolute;

    right: 0px;

    top: 0px;

    color: #231f20;

    font-size: 13px;

    font-weight: bold;

    background: #c79856;

    border: 0px;

    bottom: 2px;

    top: 2px;

    right: 2px;

    border-radius: 3px;

    padding: 5px 10px;

    cursor: pointer;

    z-index: 1;

    text-align: center;
}

footer .imza {

    color: #f3eae0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;

    letter-spacing: -1px;

    text-align: right;
}

footer .imza a {

    color: #f3eae0;

    border-bottom: 1px solid #ffffff00;

    font-weight: bold;
}

footer .imza a:hover {
    border-bottom: 1px solid #fff;
}

section.banner {
    background: url(../img/banner2.png);
    padding-bottom: 29%;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: -90px;
    z-index: -1;
    position: relative;
}

section.kategorilist2 {

    background: #353031;
}

section.kategorilist2 .kategori:before {
    content: '';
    background: rgb(65, 62, 63);
    background: linear-gradient(90deg, rgba(65, 62, 63, 1) 50%, rgba(35, 31, 32, 1) 50%);
    position: absolute;
    right: -1px;
    top: 0px;
    bottom: 0px;
    width: 2px;
}

section.kategorilist2 .row > div:first-child .kategori:after {
    content: '';
    background: rgb(65, 62, 63);
    background: linear-gradient(90deg, rgba(65, 62, 63, 1) 50%, rgba(35, 31, 32, 1) 50%);
    position: absolute;
    left: -1px;
    top: 0px;
    bottom: 0px;
    width: 2px;
}

section.kategorilist2 .kategori {

    display: flex;

    position: relative;

    height: 115px;

    align-items: center;

    justify-content: center;
}

section.kategorilist2 .kategori:hover, section.kategorilist2 .kategori.active {
    background: rgb(198, 151, 86);
    background: linear-gradient(180deg, rgba(198, 151, 86, 1) 0%, rgba(56, 50, 50, 1) 100%);
}

section.kategorilist2 .kategori .icon {

    background: #fff;

    width: 80px;

    height: 80px;

    -webkit-mask-position: center;

    -webkit-mask-repeat: no-repeat;

    -webkit-mask-size: 100%;

    margin-right: 15px;
}

section.kategorilist2 .kategori span {

    color: #fff;

    font-size: 18px;

    line-height: 21px;

    font-weight: bold;
}

section.urunlerimiz {
    background: url(../img/blogpattern.png) #f3eae0;
    padding: 60px 0px;
}

.urunler {
}

.urunler .urun {

    background: #fff;

    display: block;

    margin-top: 80px;

    margin-bottom: 40px;

    border-radius: 5px;

    height: 325px;

    border-color: #f0ba65;

    padding: 0px 20px;
}

.urunler .urun .img {

    text-align: center;

    margin-bottom: -50px;

    position: relative;

    top: -80px;
}

.urunler .urun .img img {
    width: auto;
    display: inline-block;
    max-height: 245px;
}

.urunler .urun .title {

    display: block;

    color: #f0ba65;

    font-size: 20px;

    letter-spacing: -1px;

    font-weight: bold;
}

.urunler .urun .desc {

    display: block;

    color: #231f20;

    font-size: 18px;

    font-weight: 300;

    letter-spacing: -1px;
}

.urunler .urun .gr {

    font-family: 'Montserrat', sans-serif;

    display: block;

    color: #231f20;

    font-size: 18px;

    line-height: 24px;

    letter-spacing: -1px;

    font-weight: 500;
}

.urunler .urun:hover {

    border-bottom: 18px solid #f0ba65;
}

section.kapidaodeme {
    min-height: 130px;
    background: #353031;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.kapidaodeme .text {

    color: #f3eae0;

    font-size: 18px;

    text-align: center;

    letter-spacing: -1px;

    line-height: 29px;
}

section.bannertitle {
    background: #353031;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.bannertitle h1 {

    text-align: center;

    color: #ffffff;

    font-size: 31px;

    font-weight: bold;

    margin: 0px;
}

section.bloglar {
    background: url(../img/blogpattern.png) #f3eae0;
    padding: 60px 0px;
}

section.bloglar .blog {

    display: flex;

    margin-bottom: 25px;
}

section.bloglar .blog:hover {

    background: #fff;
}

section.bloglar .blog .img {

    width: 170px;

    height: 170px;

    overflow: hidden;

    position: relative;

    background: #fff;

    min-width: 170px;
}

section.bloglar .blog .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

section.bloglar .blog .content {

    display: flex;

    justify-content: center;

    flex-direction: column;

    padding: 0px 18px;
}

section.bloglar .blog .content .title {

    color: #353031;

    font-size: 20px;

    font-weight: bold;
}

section.bloglar .blog .content p {

    margin: 0px;

    color: #353031;

    line-height: 24px;

    font-weight: 300;
}

.pagination {

    text-align: center;

    display: block;

    padding: 50px 0px 20px;
}

.pagination a {

    display: inline-flex;

    margin: 5px;

    color: #ffffff;

    font-weight: bold;

    letter-spacing: -1px;

    background: #231f20;

    padding: 5.5px 14.5px;

    align-items: center;

    font-family: 'Montserrat', sans-serif;

    justify-content: center;

    border-radius: 4px;
}

.pagination a:hover, .pagination a.active {

    background: #c79856;
}

section.blogdetay {
    background: url(../img/blogpattern.png) #f3eae0;
    padding: 60px 0px;
}

section.blogdetay {

}

section.blogdetay .content {

}

section.blogdetay .content p {

    color: #353031;

    font-weight: 300;

    line-height: 20px;
}

section.blogdetay .content h2 {
    font-size: 17px;
    font-weight: bold;
}

section.blogdetay .paylas {

    padding: 40px 0px;
}

section.blogdetay .paylas a {

    background: #231f20;

    display: inline-flex;

    padding: 10px 25px;

    color: #ffffff;

    font-size: 18px;

    justify-content: center;

    margin-right: 10px;
}

section.blogdetay .paylas a span {

}

section.blogdetay .paylas a .icon {

    height: 30px;

    width: 30px;

    fill: #fff;

    margin-right: 10px;
}

section.blogdetay .paylas a:hover {

    background: #c79856;
}

section.sayfa {
    background: url(../img/blogpattern.png) #f3eae0;
    padding: 60px 0px;
}

section.sayfa .content {

}

section.sayfa .content h2 {

    color: #353031;

    font-size: 22px;

    font-weight: bold;
}

section.sayfa .content p {

    color: #353031;

    font-weight: 300;

    line-height: 24px;
}

section.sayfa .content .markalar {

    padding: 30px 0px 40px;
}

section.sayfa .content .markalar .marka {

    display: flex;

    align-items: center;

    height: 160px;
}

section.sayfa .content .markalar .marka img {

}

.fotogaleri {

    padding: 30px 0px;
}

.fotogaleri .galeri {

    display: block;

    position: relative;

    margin-bottom: 10px;
}

.fotogaleri .galeri .img {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding-bottom: 100%;
}

.fotogaleri .galeri .overlay {

    left: 10px;

    right: 10px;

    top: 10px;

    bottom: 10px;

    background: #00000087;

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 18px;

    transition: 0.3s ease all;

    opacity: 0;

    transform: scale(0);
}

.fotogaleri .galeri:hover .overlay {

    opacity: 1;

    transform: scale(1);
}

.videolar {

    padding: 30px 0px;
}

.videolar .video {

    display: block;

    position: relative;

    margin-bottom: 10px;
}

.videolar .video .img {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding-bottom: 55%;
}

.videolar .video .overlay {

    left: 10px;

    right: 10px;

    top: 10px;

    bottom: 10px;

    background: #00000087;

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 18px;

    transition: 0.3s ease all;

    opacity: 0;

    transform: scale(0);
}

.videolar .video:hover .overlay {

    opacity: 1;
    transform: scale(1);
}

section.iletisim {
    background: url(../img/blogpattern.png) #f3eae0;
    padding: 60px 0px;
}

section.iletisim .adres {

    position: relative;

    padding-left: 20px;

    margin-bottom: 40px;
}

section.iletisim .adres:before {
    content: '';
    width: 2px;
    background: #353031;
    top: 0px;
    bottom: 0px;
    position: absolute;
    left: 0px;
}

section.iletisim .adres .title1 {

    color: #353031;

    font-size: 20px;

    line-height: 24px;

    font-weight: bold;

    margin-bottom: 10px;
}

section.iletisim .adres .title2 {

    color: #353031;

    font-size: 16px;

    line-height: 24px;

    font-weight: bold;
}

section.iletisim .adres p {

    color: #353031;

    font-size: 16px;

    line-height: 24px;

    font-weight: 300;
}

section.iletisim .adres a {
    display: inline-block;
    margin-right: 20px;
}

section.iletisim .tuketici {

    padding-left: 20px;

    font-weight: 600;

    color: #353031;

    display: flex;

    align-items: center;

    margin-bottom: 30px;

    font-family: 'Montserrat', sans-serif;
}

section.iletisim .tuketici a {

    font-size: 24px;

    font-weight: 600;

    color: #353031;

    margin-left: 5px;
}

section.iletisim .form {

    background: #353031;

    padding: 40px 0px;

    margin-bottom: 420px;
}

section.iletisim .form h2 {

    color: #c79856;

    font-size: 20px;

    font-weight: bold;
}

section.iletisim .form form {

}

section.iletisim .form .form-control {

    border: 2px solid #fff;

    height: 50px;

    margin-bottom: 20px;
    transition: 0.3s ease all;
}


section.iletisim .form .form-control::-webkit-input-placeholder {
    color: #939598;
    font-weight: 300;
    opacity: 1;
}

section.iletisim .form .form-control:-ms-input-placeholder {
    color: #939598;
    font-weight: 300;
    opacity: 1;
}

section.iletisim .form .form-control::placeholder {
    color: #939598;
    font-weight: 300;
    opacity: 1;
}


section.iletisim .form .form-control:focus {
    border: 2px solid #f0b864;
}

section.iletisim .form textarea.form-control {

    height: 190px;
}

section.iletisim .form .btn-warning {

    background: #c79856;

    color: #000;

    border: 0px;

    padding: 11.5px 52px;

    font-weight: bold;

    font-size: 18px;

    border-radius: 6px;
}

section.iletisim .konum {

    background: #c79856;

    border-radius: 6px;

    overflow: hidden;

    margin-bottom: -480px;

    margin-top: 30px;
}

section.iletisim .konum h3 {

    color: #353031;

    font-size: 20px;

    font-weight: bold;

    margin: 35px 20px 30px;
}

section.iletisim .konum .map {

}

section.iletisim .konum .map #maps {

    width: 100%;

    height: 580px;
}

section.urundetay {

    padding: 10px 0px 50px;

    background: url(../img/blogpattern.png) #f3eae0;
}

section.urundetay .uruncontent {

    background: #f4f4f4;

    margin-top: -130px;

    overflow: hidden;

    border-bottom-right-radius: 6px;

    border-bottom-left-radius: 6px;
}

section.urundetay .uruncontent .img {

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 550px;

    padding: 60px 0px;
}

section.urundetay .uruncontent .img img {

}

section.urundetay .uruncontent .content {

    padding: 70px 60px;
}

section.urundetay .uruncontent .content .title1 {

    color: #231f20;

    font-size: 40px;

    font-weight: bold;

    letter-spacing: -1px;

    line-height: 44px;
}

section.urundetay .uruncontent .content .title2 {

    color: #231f20;

    font-size: 40px;

    font-weight: 300;

    letter-spacing: -1px;

    line-height: 44px;

    margin-bottom: 30px;
}

section.urundetay .uruncontent .content .aciklama {

    color: #353031;

    font-size: 18px;

    line-height: 25px;

    font-weight: 300;

    border-bottom: 1px solid #231f20;

    padding-bottom: 30px;

    margin-bottom: 30px;
}

section.urundetay .uruncontent .content .slogan {

    color: #9acb34;

    font-size: 18px;

    font-weight: 300;

    line-height: 25px;

    letter-spacing: -0.5px;

    margin-bottom: 20px;
}

section.urundetay .uruncontent .content .agirlik {

    color: #353031;

    font-size: 20px;

    line-height: 25px;

    font-family: 'Montserrat', sans-serif;
}

section.urundetay .uruncontent .content .agirlik b {

    font-weight: bold;
}

section.urundetay .uruncontent .content .odeme {

    color: #6d6e71;

    font-size: 14px;

    line-height: 20px;

    font-weight: 300;

    margin-top: 40px;
}

.benzerurunler {

    margin-top: 60px;

    position: relative;
}

.benzerurunler:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -50px;
    height: 200px;
    background: #353031;
}

.benzerurunler h2 {
    color: #231f20;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: -0.5px;
    text-align: center;
    margin-bottom: 60px;
}


.benzerurunler .urunler {

    position: relative;
}

.benzerurunler .owl-benzerurunler-nav {

}

.benzerurunler .owl-benzerurunler-nav .prev-btn {

    position: absolute;

    left: -60px;

    width: 40px;

    height: 40px;

    top: 50%;

    transform: translateY(-50%);

    background: #a2a2a2;

    cursor: pointer;

    -webkit-mask-image: url(../img/svg/arrow.svg);

    -webkit-mask-size: 100%;

    -webkit-mask-position: center;

    -webkit-mask-repeat: no-repeat;

    transition: 0.3s ease all;
}

.benzerurunler .owl-benzerurunler-nav .next-btn {

    position: absolute;

    right: -60px;

    width: 40px;

    height: 40px;

    top: 50%;

    transform: translateY(-50%) rotate(180deg);

    background: #a2a2a2;

    cursor: pointer;

    -webkit-mask-image: url(../img/svg/arrow.svg);

    -webkit-mask-size: 100%;

    -webkit-mask-position: center;

    -webkit-mask-repeat: no-repeat;

    transition: 0.3s ease all;
}

.benzerurunler .owl-benzerurunler-nav > div:hover {
    background: #9ccc39;
}

@media only screen and (max-width: 579px) {
}

@media only screen and (min-width: 580px) and (max-width: 767px) {
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

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