@import url('https://fonts.googleapis.com/css?family=Muli:400,400i,600,700,800&display=swap&subset=latin-ext');


body {
    font-family: 'Muli', sans-serif !important;
    letter-spacing: 0px;
    background: #f4f4f4;

}


a {
    color: #222
}

a:hover {
    text-decoration: line-through
}


.navbar-brand {
    padding: 3px 0px !important
}


.katbaslik {
    position: absolute;
    bottom: 50px;
    color: #000;
    background: #fff;
    padding: 15px 25px;
    font-size: 18px;
    display: none
}


.blok1 {
    margin-bottom: 20px
}

.blok2 {
    background: #273352;
    color: #fff;
    padding: 40px
}

.blok2 p {
    color: #fff
}


.homeblok1 {
    background: rgba(41, 41, 41, 0.2901960784313726);
    color: #fff;
    padding: 20px
}

.homeblok2 {
    background: rgba(189, 10, 16, 0.64);
    color: #fff;
    padding: 20px
}


.home-four {
    position: relative;
    background: #e8e8e8
}

.home-four h2 {
    color: #666
}


.business-header {

    height: 65vh;

    min-height: 500px;

    background: url('../images/urun2.jpg') center center no-repeat scroll;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

    padding-top: 8%;

    max-width: 1980px;

    margin: auto;

    border-bottom: 3px solid #c50000;

    border-top: 1px solid #999;


}


p {
    font-size: 16px;
    line-height: 28px;
    color: #555
}


.card {

    height: 100%;

}


h1 {
    font-size: 45px
}

h2 {
    font-size: 40px
}

.bizhediye h2 {
    font-size: 17px
}

h3 {
    font-size: 22px
}


.background-gray {
    background: #f1f1f1
}

.background-img {
    padding: 35px 0px
    color: #fff
}

.background-img p {
    color: #fff
}


.sldbutton {


    color: #ffffff !important;

    border-width: 1px !important;

    border-color: #FAC312;

    border-radius: 100px;

    letter-spacing: 1px;

    font-size: 15px;


    font-weight: 600 !important;

    text-transform: uppercase !important;

    background-color: #c50000;
    width: 200px;
    text-align: center;
    padding: 25px;

    margin-top: 40px;

}

.sliderbox {
    color: #fff;
    font-size: 60px;
    xbackground: rgba(0, 0, 0, 0.41);
    padding: 40px;
}

.sliderbox h2 {
    color: #fff;
    font-size: 60px;
    margin-bottom: 20px;
}

.sliderbox p {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
}


.sliderAlani {
    width: 80%
}


.ortablok2 h3 {
    margin: 25px 0px !important;
}

.ortablok h3 {
    margin: 25px 0px !important;
    color: #fff
}

.ortablok p {
    margin: 25px 0px !important;
    color: #fff;
    font-size: 15px;
    font-weight: 400
}


.parallax {

    background-image: linear-gradient(180deg, rgba(21, 21, 20, 0.59) 0%, rgba(21, 21, 20, 0.59) 100%), url("../images/homebannerorta.jpg");

    height: 100%;

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;


}


.parallax3 {

    background-image: url("../images/homebannerorta.jpg");

    height: 100%;


    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;


}


.parallax-content {

    width: 50%;

    margin: 0 auto;

    color: #FFF;

    padding-top: 50px;

}


.m10 {
    margin: 10px
}

.m30 {
    margin: 30px
}

.m50 {
    margin: 50px
}

.m70 {
    margin: 70px
}


.p10 {
    padding: 10px 0px
}

.p30 {
    padding: 30px 0px
}

.p50 {
    padding: 50px 0px
}

.p70 {
    padding: 70px 0px
}

.p90 {
    padding: 90px 0px
}


.navbar-default {

    font-size: 1.0em;

    font-weight: 400;

    border: 0px;

    border-radius: 0px;

    margin: 0px;

    background: transparent !important;

    box-shadow: none !important;

}


.navbar-default .navbar-nav > li > a {

    color: #fff;

    border: none;

    font-size: 15px;

    text-shadow: none;

}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background: transparent !important
}


.navbar-default .navbar-nav > li > a:hover {

    color: #ebebeb;

}


.navbar-default .navbar-brand {

    color: #002433;

    padding: 0px;

}


.navbar-default .navbar-brand:hover {

    color: #ffffff;

    text-shadow: 1px -1px 8px #000;

}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    background-color: #000 !important;

    color: white;

}


.navbar-default .navbar-toggle {

    border: none;

    background: #ccc;

}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border: none;

}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: #313131;

}


.navbar-default .navbar-toggle .icon-bar {

    background-color: #ffffff;

}


.dropdown-menu {

    background-color: #313131;

    color: white;

    border: 0px;

    border-radius: 2px;

    padding-top: 10px;

    padding-bottom: 10px;

    min-width: 175px;

}


.dropdown-menu > li > a {

    background-color: #313131;

    color: white;

}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    background-color: #313131;

    color: white;

}


.dropdown-menu > li > a:hover {
    background: #B40000 !important;
}


.dropdown-menu .divider {

    height: 1px;

    margin: 9px 0;

    overflow: hidden;

    background-color: #313131;

}


.navbar-default .navbar-nav .open .dropdown-menu > li > a {

    color: #ffffff;

}


@media (max-width: 767px) {

    .dropdown-menu > li > a {

        background-color: #313131;

        color: #ffffff;

    }

    .dropdown-menu > li > a:hover {

        color: #ffffff;

    }


    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {

        color: #666;


    }


    .dropdown-menu .divider {

        height: 1px;

        margin: 9px 0;

        overflow: hidden;

        background-color: #005577;

    }

}

/* END Media Query */


.sliderAlani {
    margin-bottom: 13px;
}

.catBannerUst {
    display: none
}

/* KATEGORİ LİSTELEME SAYFALARINDAKİ banner GİZLER*/


a {
    color: #333
}


.catsepetekle {
    padding: 5px 10px;
    width: 90%;
    margin: 5px auto;
    background: #0abb61;
    text-align: center;
    border-radius: 3px;
}

.catsepetekle i {
    color: #fff;
    font-size: 18px;
}

.catsepetekle a {
    color: #fff;
    font-size: 13px;
}


.hizliincele {
    padding: 5px 10px;
    width: 90%;
    margin: 5px auto;
    background: #2461e4;
    text-align: center;
    border-radius: 3px;
}

.catsepethizliinceleekle i {
    color: #fff;
    font-size: 18px;
}

.hizliincele a {
    color: #fff;
    font-size: 13px;
}


.urunegit {
    padding: 5px 10px;
    width: 90%;
    margin: 5px auto;
    background: #999;
    text-align: center;
    border-radius: 3px;
}

.urunegit a {
    color: #fff;
    font-size: 13px;
}


form {
    padding: 10px !important;
}


.suggest {

    float: left;

    width: 100%;

    padding: 5px 20px !important;

    background: #fff;
}


.suggest .checkbox {
    display: inline-block;
    margin-right: 10px;
    text-transform: capitalize !important
}

.suggest p {
    font-size: 14px;
    text-transform: capitalize !important
}


.btn-search {

    background: transparent;

    border-radius: 4px;

    color: #777;

    margin-top: -2px;

    margin-left: -78px;


}


.s-box {
    width: 88%;

    padding: 8px;

    border-radius: 30px;

    border: 1px solid #e0e0e0;

    background: #faf9f9;
}


.btn-search:link, .btn-search:visited {

    color: #fff;

}

.btn-search:active, .btn-search:hover {

    background: #1c1c1c;

    color: #fff;

    border-radius: 30px;

}


/* show objects being animated */

.animated {

    visibility: visible;


    -webkit-animation-fill-mode: both;

    -moz-animation-fill-mode: both;

    -ms-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;


    -webkit-animation-duration: 1s;

    -moz-animation-duration: 1s;

    -ms-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;


    -webkit-animation-play-state: running;

    -moz-animation-play-state: running;

    -ms-animation-play-state: running;

    -o-animation-play-state: running;

    animation-play-state: running;

}


/* CSS Animations (extracted from http://glifo.uiparade.com/) */

.block {

    height: 5em;

    line-height: 5em;

    width: 10em;

    background: #464646;

    color: #fdfdfd;

    text-align: center;

    margin: 1em auto;

    text-shadow: 0 0 1px #333; /* so one can see fadeBgColor properly */

}


.animatable {


    /* initially hide animatable objects */

    visibility: hidden;


    /* initially pause animatable objects their animations */

    -webkit-animation-play-state: paused;

    -moz-animation-play-state: paused;

    -ms-animation-play-state: paused;

    -o-animation-play-state: paused;

    animation-play-state: paused;

}


/* show objects being animated */

.animate-in {

    visibility: visible;


    -webkit-animation-fill-mode: both;

    -moz-animation-fill-mode: both;

    -ms-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;


    -webkit-animation-duration: 1s;

    -moz-animation-duration: 1s;

    -ms-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;


    -webkit-animation-play-state: running;

    -moz-animation-play-state: running;

    -ms-animation-play-state: running;

    -o-animation-play-state: running;

    animation-play-state: running;

}


.animate-out {

    visibility: visible;


    -webkit-animation-fill-mode: both;

    -moz-animation-fill-mode: both;

    -ms-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;


    -webkit-animation-duration: 1s;

    -moz-animation-duration: 1s;

    -ms-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;


    -webkit-animation-play-state: running;

    -moz-animation-play-state: running;

    -ms-animation-play-state: running;

    -o-animation-play-state: running;

    animation-play-state: running;


    -webkit-animation-direction: reverse;

    -moz-animation-direction: reverse;

    -ms-animation-direction: reverse;

    -o-animation-direction: reverse;

    animation-direction: reverse;

}


.animate-out:after {

    content ''

    letter-spacing: inherit;

}


/* CSS Animations (extracted from http://glifo.uiparade.com/) */

@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

    }
    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

    }

}


@-moz-keyframes fadeInDown {

    0% {

        opacity: 0;

        -moz-transform: translateY(-20px);

    }


    100% {

        opacity: 1;

        -moz-transform: translateY(0);

    }

}


@-o-keyframes fadeInDown {

    0% {

        opacity: 0;

        -o-transform: translateY(-20px);

    }


    100% {

        opacity: 1;

        -o-transform: translateY(0);

    }

}


@keyframes fadeInDown {

    0% {

        opacity: 0;

        transform: translateY(-20px);

    }

    100% {

        opacity: 1;

        transform: translateY(0);

    }

}


@-webkit-keyframes fadeIn {

    0% {

        opacity: 0;

    }

    20% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}


@-moz-keyframes fadeIn {

    0% {

        opacity: 0;

    }

    20% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}


@-o-keyframes fadeIn {

    0% {

        opacity: 0;

    }

    20% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}


@keyframes fadeIn {

    0% {

        opacity: 0;

    }

    60% {

        opacity: 0;

    }

    20% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@-webkit-keyframes bounceInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-2000px);

    }

    60% {

        -webkit-transform: translateX(20px);

    }


    80% {

        -webkit-transform: translateX(-5px);

    }


    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

    }

}


@-moz-keyframes bounceInLeft {

    0% {

        opacity: 0;

        -moz-transform: translateX(-2000px);

    }


    60% {

        -moz-transform: translateX(20px);

    }


    80% {

        -moz-transform: translateX(-5px);

    }


    100% {

        opacity: 1;

        -moz-transform: translateX(0);

    }

}


@-o-keyframes bounceInLeft {

    0% {

        opacity: 0;

        -o-transform: translateX(-2000px);

    }


    60% {

        opacity: 1;

        -o-transform: translateX(20px);

    }


    80% {

        -o-transform: translateX(-5px);

    }


    100% {

        opacity: 1;

        -o-transform: translateX(0);

    }

}


@keyframes bounceInLeft {

    0% {

        opacity: 0;

        transform: translateX(-2000px);

    }


    60% {

        transform: translateX(20px);

    }


    80% {

        transform: translateX(-5px);

    }


    100% {

        opacity: 1;

        transform: translateX(0);

    }

}

@-webkit-keyframes bounceInRight {

    0% {

        opacity: 0;

        -webkit-transform: translateX(2000px);

    }


    60% {

        -webkit-transform: translateX(-20px);

    }


    80% {

        -webkit-transform: translateX(5px);

    }


    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

    }

}


@-moz-keyframes bounceInRight {

    0% {

        opacity: 0;

        -moz-transform: translateX(2000px);

    }


    60% {

        -moz-transform: translateX(-20px);

    }


    80% {

        -moz-transform: translateX(5px);

    }


    100% {

        opacity: 1;

        -moz-transform: translateX(0);

    }

}


@-o-keyframes bounceInRight {

    0% {

        opacity: 0;

        -o-transform: translateX(2000px);

    }


    60% {

        -o-transform: translateX(-20px);

    }


    80% {

        -o-transform: translateX(5px);

    }


    100% {

        opacity: 1;

        -o-transform: translateX(0);

    }

}


@keyframes bounceInRight {

    0% {

        opacity: 0;

        transform: translateX(2000px);

    }


    60% {

        transform: translateX(-20px);

    }


    80% {

        transform: translateX(5px);

    }


    100% {

        opacity: 1;

        transform: translateX(0);

    }

}

@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

    }
    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

    }

}


@-moz-keyframes fadeInUp {

    0% {

        opacity: 0;

        -moz-transform: translateY(20px);

    }


    100% {

        opacity: 1;

        -moz-transform: translateY(0);

    }

}


@-o-keyframes fadeInUp {

    0% {

        opacity: 0;

        -o-transform: translateY(20px);

    }


    100% {

        opacity: 1;

        -o-transform: translateY(0);

    }

}


@keyframes fadeInUp {

    0% {

        opacity: 0;

        transform: translateY(20px);

    }


    100% {

        opacity: 1;

        transform: translateY(0);

    }

}

@-webkit-keyframes bounceIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(.3);

    }

    50% {

        -webkit-transform: scale(1.05);

    }


    70% {

        -webkit-transform: scale(.9);

    }


    100% {

        opacity: 1;

        -webkit-transform: scale(1);

    }

}


@-moz-keyframes bounceIn {

    0% {

        opacity: 0;

        -moz-transform: scale(.3);

    }


    50% {

        -moz-transform: scale(1.05);

    }


    70% {

        -moz-transform: scale(.9);

    }


    100% {

        opacity: 1;

        -moz-transform: scale(1);

    }

}


@-o-keyframes bounceIn {

    0% {

        opacity: 0;

        -o-transform: scale(.3);

    }


    50% {

        -o-transform: scale(1.05);

    }


    70% {

        -o-transform: scale(.9);

    }


    100% {

        opacity: 1;

        -o-transform: scale(1);

    }

}


@keyframes bounceIn {

    0% {

        opacity: 0;

        transform: scale(.3);

    }


    50% {

        transform: scale(1.05);

    }


    70% {

        transform: scale(.9);

    }


    100% {

        opacity: 1;

        transform: scale(1);

    }

}

@-webkit-keyframes moveUp {

    0% {

        opacity: 1;

        -webkit-transform: translateY(40px);

    }
    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

    }

}


@-moz-keyframes moveUp {

    0% {

        opacity: 1;

        -moz-transform: translateY(40px);

    }


    100% {

        opacity: 1;

        -moz-transform: translateY(0);

    }

}


@-o-keyframes moveUp {

    0% {

        opacity: 1;

        -o-transform: translateY(40px);

    }


    100% {

        opacity: 1;

        -o-transform: translateY(0);

    }

}


@keyframes moveUp {

    0% {

        opacity: 1;

        transform: translateY(40px);

    }


    100% {

        opacity: 1;

        transform: translateY(0);

    }

}


@-webkit-keyframes fadeBgColor {

    0% {

        background: none;

    }

    70% {

        background: none;

    }

    100% {

        background: #464646;

    }

}

@-o-keyframes fadeBgColor {

    0% {

        background: none;

    }

    70% {

        background: none;

    }

    100% {

        background: #464646;

    }

}

@keyframes fadeBgColor {

    0% {

        background: none;

    }

    70% {

        background: none;

    }

    100% {

        background: #464646;

    }

}


.animate-in.animationDelay, .animate-out.animationDelay {

    animation-delay: .4s;

    -webkit-animation-delay: .4s;

}

.animate-in.animationDelayMed, .animate-out.animationDelayMed {

    animation-delay: 1.2s;

    -webkit-animation-delay: 1.2s;

}

.animate-in.animationDelayLong, .animate-out.animationDelayLong {

    animation-delay: 1.6s;

    -webkit-animation-delay: 1.6s;

}

.animate-in.fadeBgColor, .animate-out.fadeBgColor {

    -webkit-animation-name: fadeBgColor;

    -moz-animation-name: fadeBgColor;

    -o-animation-name: fadeBgColor;

    animation-name: fadeBgColor;

}

.animate-in.bounceIn, .animate-out.bounceIn {

    -webkit-animation-name: bounceIn;

    -moz-animation-name: bounceIn;

    -o-animation-name: bounceIn;

    animation-name: bounceIn;

}

.animate-in.bounceInRight, .animate-out.bounceInRight {

    -webkit-animation-name: bounceInRight;

    -moz-animation-name: bounceInRight;

    -o-animation-name: bounceInRight;

    animation-name: bounceInRight;

}

.animate-in.bounceInLeft, .animate-out.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    -moz-animation-name: bounceInLeft;

    -o-animation-name: bounceInLeft;

    animation-name: bounceInLeft;

}

.animate-in.fadeIn, .animate-out.fadeIn {

    -webkit-animation-name: fadeIn;

    -moz-animation-name: fadeIn;

    -o-animation-name: fadeIn;

    animation-name: fadeIn;

}

.animate-in.fadeInDown, .animate-out.fadeInDown {

    -webkit-animation-name: fadeInDown;

    -moz-animation-name: fadeInDown;

    -o-animation-name: fadeInDown;

    animation-name: fadeInDown;

}

.animate-in.fadeInUp, .animate-out.fadeInUp {

    -webkit-animation-name: fadeInUp;

    -moz-animation-name: fadeInUp;

    -o-animation-name: fadeInUp;

    animation-name: fadeInUp;

}

.animate-in.moveUp, .animate-out.moveUp {

    -webkit-animation-name: moveUp;

    -moz-animation-name: moveUp;

    -o-animation-name: moveUp;

    animation-name: moveUp;

}


.down-center {

    text-align: center;

    margin-top: 200px;

    position: absolute;

    z-index: 20;

    cursor: pointer;

    left: 50%;

    margin-left: -20px;
}

.down-center img {

    position: relative;
}


/*FOOTER*/


.footer-bs {

    background-color: #fff;

    padding: 20px 40px;

    color: color: #333;

    margin-bottom: 20px;

    border-bottom-right-radius: 6px;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 6px;

    margin-top: 50px;

}

.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns {
    padding: 10px 25px;
}

.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns {
    border-color: transparent;
}

.footer-bs .footer-brand h2 {
    margin: 0px 0px 10px;
}

.footer-bs .footer-brand p {
    font-size: 14px;
    color: #333;
}


.footer-bs .footer-nav ul.pages {
    list-style: none;
    padding: 0px;
}

.footer-bs .footer-nav ul.pages li {
    padding: 5px 0px;
}

.footer-bs .footer-nav ul.pages a {
    color: #333;
    font-weight: bold;
    text-transform: capitalize;
}

.footer-bs .footer-nav ul.pages a:hover {
    color: #333;
    text-decoration: none;
}

.footer-bs .footer-nav h4 {

    font-size: 18px;

    text-transform: capitalize;

    letter-spacing: 1px;

    margin-bottom: 10px;

}


.footer-bs .footer-nav ul.list {
    list-style: none;
    padding: 0px;
}

.footer-bs .footer-nav ul.list li {
    padding: 5px 0px;
}

.footer-bs .footer-nav ul.list a {
    color: #333;
    font-size: 13px;
    letter-spacing: 0px;
}

.footer-bs .footer-nav ul.list a:hover {
    color: #333;
    text-decoration: none;
}


.footer-bs .footer-social ul {
    list-style: none;
    padding: 0px;
}

.footer-bs .footer-social h4 {

    font-size: 18px;

    text-transform: capitalize;

    letter-spacing: 1px;

}

.footer-bs .footer-social li {
    padding: 5px 4px;
}

.footer-bs .footer-social a {
    color: #333;
}

.footer-bs .footer-social a:hover {
    color: #333;
    text-decoration: none;
}


.footer-bs .footer-ns h4 {

    font-size: 18px;

    text-transform: capitalize;

    letter-spacing: 0px;

    margin-bottom: 10px;

}

.footer-bs .footer-ns p {
    font-size: 13px;
    color: #333;
    line-height: 19px;
    letter-spacing: 0px
}


.navbar-right {
    margin-right: -15px !important
}


.sidebar-nav {


}

.sidebar-nav ul {

    padding: 0;

    margin: 0;

    list-style: none;


}


.sidebar-nav .metismenu {


    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}


.metismenu span {
    float: right
}


.sidebar-nav .metismenu li + li {

    margin-top: 5px;

}


.sidebar-nav .metismenu li:first-child {

    margin-top: 5px;

}

.sidebar-nav .metismenu li:last-child {

    margin-bottom: 5px;

}


.sidebar-nav .metismenu > li {

    /*-webkit-box-flex: 1;

    -ms-flex: 1 1 0%;

    flex: 1 1 0%;*/

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

}

.sidebar-nav .metismenu a {

    position: relative;

    display: block;

    padding: 13px 15px;

    color: #adb5bd;

    outline-width: 0;

    transition: all .3s ease-out;

}


.sidebar-nav .metismenu ul a {

    padding: 10px 15px 10px 30px;

}


.sidebar-nav .metismenu ul ul a {

    padding: 10px 15px 10px 45px;

}


.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus,
.sidebar-nav .metismenu a:active {

    color: #f8f9fa;

    text-decoration: none;

    background: #0b7285;

}

.firsatbaslik {
    padding: 7px;
    margin-bottom: 10px;
    background: #f4f4f4;
}


a.incelebuton {
    background: #ebebeb;

    padding: 4px 12px;

    margin-top: 6px;

    height: 40px;

    border-radius: 4px;

    background: #2461E4;

    color: #fff
}


.fiyat {
    font-size: 17px;
    margin-bottom: 8px;
    font-weight: 500
}


.rightSlidex {

    float: left;

    width: 225px;

    height: 430px;

    margin: 0 0 0px 0;

    padding: 0 0 0px;


    z-index: 9999999;

}

.rightSlidex h2 {

    float: left;

    width: 220px;

    height: 34px;

    background: #f4f4f4;

    color: #fff;

    line-height: 32px;

    padding: 5px 0 0 10px;

    color: #f60;

    display: block;

    font-size: 14px;

}

.rightSlidex h2 img {

    float: left;

    z-index: 1;

    margin: 0 3px 0 13px;


}

.containerx {

    float: left;


    width: 222px;

    z-index: 0;

    text-align: center;

    background: #fff;

    padding: 3px;

}


.carouselx {


    float: left;

    width: 215px;


    position: relative;

    z-index: 15;


}


.carouselx img {
    max-height: 210px;
}


.carouselx table {
    display: none;
}


.carouselx ul li {

    float: left;

    z-index: -10;


}

.disPro {

    display: block;

    height: 40px;

    text-decoration: none;

    color: #444;

    font-size: 12px;

}

.disProFirsat {

    display: block;

    height: 47px;

    text-decoration: none;

    color: #444;

    font-size: 12px;

    margin-bottom: 10px;

    overflow: hidden;

}

.crossit {

    text-decoration: line-through;

    color: #666;

}

.discounted {

    color: #666;

    font-size: 18px;

    line-height: 1;

    font-weight: 700;

}


.prevs {


    display: block;

    width: 28px;

    padding: 13px 1px;

    height: 40px;

    position: absolute;

    z-index: 100;

    bottom: 0;

    top: 100px;

    border-radius: 0px 30px 30px 0px;

    left: -2px;

    background: rgba(41, 31, 31, 0.47);

}


.prevs i {
    color: #fff
}

.nexts {


    display: block;

    width: 28px;

    padding: 13px 1px;

    height: 40px;

    position: absolute;

    z-index: 100;

    bottom: 0;

    top: 100px;

    border-radius: 30px 0px 0px 30px;

    bottom: 0;

    right: -1px;

    background: rgba(41, 31, 31, 0.47);

}

.nexts i {
    color: #fff
}


@media (max-width: 768px) {

    .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns {
        border-left: solid 1px
        color: #333;
    }

    .navbar-right {
        margin-right: 5px !important
    }

    .s-box {
        width: 90% !important;
    }

    .sliderAlani {
        width: 100%
    }


}


/*.navbarmenu{width: 100%; background: #bf087f; background-image: linear-gradient(90deg,rgb(192, 8, 127),#7a024f);}*/

.navbarmenu {
    width: 100%;
    background: #fff;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
}

.navbar-nav {
    margin: 0px !important;
}

.navbar {
    min-height: 45px !important
}


.drop_menu li a {
    color: #333 !important
}

.allcattext {
    width: 225px;
    background: #f4f4f4;
    font-size: 17px;
    padding-left: 10px;
    color: #333
}

.allcattext li:hover {
    background: #ebebeb;
}

li.allcattext a {
    color: #333 !important;
    font-size: 15px !important;
}

.allcattext i {
    margin-right: 10px;
}

.allcattext i .fa-caret-down {
    color: #ccc
}


.pageout {
    margin-top: 10px;
}


a:hover {
    text-decoration: none
}

a {
    outline: none
}

button {
    outline: none
}


.dropdown-menu > li > a {
    padding: 7px 20px
}

.dropdown-menu > li > a:hover {
    background: #364044
}

.home-price {
    font-size: 14px;
    margin-top: -20px;
}


.loginForm td {
    padding: 3px;
}

.loginForm input {
    width: 140px;
}


.sp-login-input {
    width: 100% !important;
    margin: 10px !important;
}


.sistembaslik {
    font-size: 17px;
    font-weight: 600;
}

.indirimbox {
    display: none
}


.gf_input, .loginForm input {

    width: 120 xp;

    border: 1px solid #aedae4;

    margin-bottom: 2px;

    height: 22px;

    padding-top: 4px;

    padding-left: 3px;

    padding-right: 3px;

}


.gf_select {

    width: 120 xp;

    border: 1px solid #aedae4;

    padding: 4px;

}


.gf_textarea {

    width: 300px;

    height: 100px;

    border: 1px solid #aedae4;

    margin-bottom: 2px;

    padding-top: 4px;

    padding-left: 3px;

    padding-right: 3px;

}

.loginInput {

    float: right;

    width: 93px;

    border: 1px solid #aedae4;

    margin-bottom: 9px;

    height: 22px;

    padding-top: 4px;

    padding-left: 3px;

    padding-right: 3px;

}


.mobilsearch {
    padding-bottom: 15px;
}

.bilgisayfalari ul {
    margin: 0;
    padding: 0
}

.bilgisayfalari ul li {
    padding: 6px 10px;
    display: block;
    border-bottom: 1px solid #f4f4f4
}


.leftCat {
}

.leftCat ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.leftCat ul li {
    border-bottom: 1px solid #f4f4f4;
    padding: 7px 20px;
}


.generatedForm td {
    padding: 3px;
}

.generatedForm {
    font-family: Arial, Helvetica, sans-serif;
    width: auto;
}

.generatedForm .td1, .generatedForm .td2 {
    font-weight: bold;
}

.generatedForm .td1 {
    width: 150px;
}

#gf_acceptRules {
    width: 500px;
}


body {
    margin: 0;
    padding: 0
}

a {
    color: #333
}


#filterContainer ul {
    padding-left: 15px;
}


.solblok {
    background: #fff;
    box-shadow: 0px 0px 2px #ccc;
    margin-bottom: 10px;
    width: 95%
}

.solblokfull {
    background: #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.solblokfullinfo {
    background: #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 96%
}

.sagblok {
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0px 0px 2px #ccc;
}

.detayblok {
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0px 0px 2px #e4e4e4;
    position: relative
}

.detayboxright {
    background: #f7f7f7;
    padding: 20px;
    min-height: 520px
}

.detayboxright h3 {
    font-size: 18px;
    line-height: 27px;
}

.detayboxright h1 {
    font-size: 20px;
    line-height: 17px;
    margin-top: 1px;
}

.bilal h2 {
    font-size: 20px;
    line-height: 17px;
    margin-top: 1px;
}

.detayboxleft {
    padding-bottom: 20px;
    min-height: 500px;
}

.d-piyasafiyat {
    text-decoration: line-through;
    font-size: 17px;
}

.d-fiyat {
    font-size: 13px;
    font-weight: 500;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #ebebeb;
    padding: 5px 12px;
    margin: 5px -13px;
}

.d-fiyat2 {
    font-size: 13px;
    font-weight: 500;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #ebebeb;
    padding: 5px 12px;
    margin: 5px -13px;
}

.d-fiyat3 {
    font-size: 13px;
    font-weight: 500;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #ebebeb;
    padding: 5px 12px;
    margin: 5px -13px;
}

.d-fiyat span {
    font-size: 25px;
    font-weight: 500;
    text-decoration: line-through
}

.d-fiyat2 span {
    font-size: 25px;
    font-weight: 500;
    color: #c50000
}

.d-fiyat3 span {
    font-size: 25px;
    font-weight: 500;
    color: #558c00
}

.d-urunaciklama {
    margin: 15px 0px;
}

.d-marka {
    font-weight: 500;
    font-size: 13px;
    color: #23b123
}

.d-kargo {
    font-size: 12px;
    margin: 10px 0px
}

.d-sepetbtn {
    cursor: pointer;
    border-radius: 4px;
    padding: 12px;
    width: 200px;
    background: #00a93c;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 15px 0px
}

.indirimbox {
    font-size: 21px;
    background: url(images/indirimbg.png) no-repeat;
    height: 150px;
    color: #fff;
    text-align: center;
    height: 83px;

    width: 60px;
    position: absolute;
    z-index: 9999;
    background-size: 100%;
    right: 40px;
    padding-top: 10px
}

.ind {
    font-size: 13px;
}

.infobox {
    background: #fff;
    padding: 10px;
    border: 1px solid #ebebeb;
    font-size: 13px;
    margin-top: 25px;
    color: #999;
}

.infobox i {
    color: #999;
    margin-bottom: 7px;
    text-align: center
}

.urunhakkindabaslik {
    padding-bottom: 15px;
    font-size: 22px;
}

.slogan {
    font-size: 13px !important;
    margin: 0px !important
}

.number, .title {
    margin: 0px !important
}


.whatsapp_tabela {
    margin: 4px
}

.whatsapp_tabela .wrap {
    border: 1px solid #ebebeb;
    width: 100%
}


.UrunSecenekleri {
    padding: 5px 12px;
    background: #f9f9f8
}

.urunSecimTable {
    background: #fff
}

.urunSecimTable {
    font-weight: normal;
    border: 1px solid #e4e4e4;
    margin: 25px 0px
}

.UrunSecenekleriHeader {
    font-weight: 400 !important;
}


.basket-right ul {
    padding: 5px;
}

.coupon-code {
    border: dashed 1px #999;
    width: 58% !important;
    border: 1px dashed #999;
    height: 40px;
}


.sf-text-label {
    font-size: 16px;
    font-weight: 400
}


.catBaslik {
    padding: 15px;
}


.BreadCrumb {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    padding: 7px 0px;
}

label {
    font-weight: 400 !important
}

.filitreBaslik {
    margin-bottom: 12px;
}


.header-top {
    height: 40px;
    padding: 8px 0px;
    background: #858d95
}

.header {
    padding: 15px 0px
}


.navbck {
    background: #3b444d
}

.navbck a {
    color: #fff
}


.urunListLiteTR td {
    text-align: left
}


.header {
    padding: 5px 0px;
    height: 80px;
    background: #fff
}

.carousel-inner {
    margin-bottom: 15px;
}

.siteinfo {
    border: 1px solid #e2e2e2;
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 51%, rgb(255, 255, 255) 100%);
    padding: 20px 0px 5px 0px;
    min-height: 60px;
}

.surprizFirsat {
    background: #f9c800;

    color: #333;

    border: 1px solid #ebebeb;

    padding: 27px;

    font-size: 18px;

    text-align: center;

    height: 80px;
}


.usersbar i {

    margin: 0px 5px 0px 10px;

}


.usersbar {

    color: #666

}


.infoLeft {

    padding: 0px;

}


.infoLeft li {

    display: block;

    float: right;

    padding-right: 15px

}


.infoLeft li a {

    color: #666;

    text-decoration: none;

    font-size: 12px;

}


.sldBanner {

    margin-bottom: 10px;

}


.headerinfo p {

    font-size: 14px;

}


.homeurunList {

    background: #fff;

    padding: 2;

    border: 1px solid #e6e6e6;

    margin-bottom: 10px;

    min-height: 350px;

}


.owl-nav {

    display: none

}


.urunbaslik {

    font-size: 12px;

    line-height: 17px;

    margin: 10px 0px 5px 0px;

    height: 33px;

    overflow: hidden;

    font-weight: 500

}


.urunlistfiyat {

    font-size: 18px;

    color: #d81919

}


.urunlistpiyasafiyat {

    font-size: 14px;

    text-decoration: line-through;

    color: #999;

    height: 19px

}


.homebaslik {

    background: #fff;


    color: #333;

    width: 235px;

    margin: 5px 0px 0px 0px;

    padding: 12px;

    font-size: 17px;

    font-weight: 400;


}


.homecatbaslik {

    background: rgba(255, 255, 255, 0.82);

    color: #333;

    width: 90%;

    margin: 5px 0px 0px 0px;

    padding: 12px;

    font-size: 17px;

    font-weight: 600;

    position: absolute;

    bottom: 10px;


}


.homeproduct {

    padding-top: 1px;

    height: 300px;

    border-right: 1px dashed #ddd;

    border-bottom: 1px dashed #ddd;

    text-align: left;

}

.bizozel {

    padding-top: 35px;


}


.homeproduct h4 {
    height: 185px;
}


.mobilTop {

    border-bottom: 1px solid #333;

    padding: 15px;

    color: #999;

    margin-bottom: 10px;

}


.mobilCat p {

    color: #ebebeb;

    padding: 5px 15px;

}

.mobilinfo p {

    color: #ebebeb;

    padding: 5px 15px;

    margin-top: 20px;

    font-size: 16px

}


.mobilCat li a {

    font-size: 13px;

    color: #999;

    text-shadow: none

}


.mobilinfo li a {

    font-size: 13px;

    color: #999;

    text-shadow: none

}


.footerinfo i {
    margin-bottom: 25px;
    color: #8a8e96
}

.footerinfo h4 {
    font-size: 16px;

    margin: 0px 0px 5px 0px;

    font-weight: 700;
}

.footerinfo p {
    font-size: 12px;
    line-height: 15px;
}

.footertext {
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 30px
}


.urunozelliktabs > .tabs-left, .tabs-right {

    border-bottom: none;


    padding-bottom: 10px;

}

.ozellik-list {
    padding: 7px 20px;
    font-size: 16px
}

.ozellik-list i {
    margin-right: 10px;
    color: #0284ec
}

.ozellik-list h3 {
    font-weight: bold
}


.tab-content {
    padding: 20px;
    min-height: 400px !important;
    border: 1px solid #ebebeb;
    margin-left: -1px;
    background: #fff
}


.urunozelliktabs > .tabs-left {

    border-right: 1px solid #ebebeb;

}

.urunozelliktabs > .tabs-right {

    border-left: 1px solid #ddd;

}

.urunozelliktabs > .tabs-left > li, .tabs-right > li {

    float: none;

    margin-bottom: 0px;

}

.urunozelliktabs > .tabs-left > li {

    margin-right: -1px;


}

.urunozelliktabs > .tabs-right > li {

    margin-left: -1px;

}

.urunozelliktabs > .tabs-left > li.active > a,
.urunozelliktabs > .tabs-left > li.active > a:hover,
.urunozelliktabs > .tabs-left > li.active > a:focus {

    border-bottom-color: #ebebeb !important;

    border-right-color: transparent;

    background: #fff;

    z-index: 999;

}


.urunozelliktabs > .tabs-right > li.active > a,
.urunozelliktabs > .tabs-right > li.active > a:hover,
.urunozelliktabs > .tabs-right > li.active > a:focus {

    border-bottom: 1px solid #ddd;

    border-left-color: transparent;

}

.urunozelliktabs > .tabs-left > li > a {

    border-radius: 4px 0 0 4px;

    margin-right: 0;

    display: block;

    background: #eae9e9;

    font-size: 15px;

    padding: 12px;

    margin-bottom: 2px;

}

.urunozelliktabs > .tabs-left > li > a > i {
    margin-right: 7px
}


.urunozelliktabs > .tabs-right > li > a {

    border-radius: 0 4px 4px 0;

    margin-right: 0;

}

.urunozelliktabs > .sideways {

    margin-top: 50px;

    border: none;

    position: relative;

}

.urunozelliktabs > .sideways > li {

    height: 20px;

    width: 120px;

    margin-bottom: 100px;

}

.urunozelliktabs > .sideways > li > a {

    border-bottom: 1px solid #ddd;

    border-right-color: transparent;

    text-align: center;

    border-radius: 4px 4px 0px 0px;

}

.urunozelliktabs > .sideways > li.active > a,
.urunozelliktabs > .sideways > li.active > a:hover,
.urunozelliktabs > .sideways > li.active > a:focus {

    border-bottom-color: transparent;

    border-right-color: #ddd;

    border-left-color: #ddd;

}

.urunozelliktabs > .sideways.tabs-left {

    left: -50px;

}

.urunozelliktabs > .sideways.tabs-right {

    right: -50px;

}

.urunozelliktabs > .sideways.tabs-right > li {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

}

.urunozelliktabs > .sideways.tabs-left > li {

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

}


.slideanim {
    visibility: hidden;
}

.slide {

    animation-name: slide;

    -webkit-animation-name: slide;

    animation-duration: 1s;

    -webkit-animation-duration: 1s;

    visibility: visible;

}

@keyframes slide {

    0% {

        opacity: 0;

        transform: translateY(70%);

    }

    100% {

        opacity: 1;

        transform: translateY(0%);

    }

}

@-webkit-keyframes slide {

    0% {

        opacity: 0;

        -webkit-transform: translateY(70%);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0%);

    }

}


/*left menu*/


/* define a fixed width for the entire menu */

.navigation {

    width: 100%;

    padding: 10px 20px;

}


/* reset our lists to remove bullet points and padding */

.mainmenu, .submenu {

    list-style: none;

    padding: 0;

    margin: 0;

}


/* make ALL links (main and submenu) have padding and background color */

.mainmenu a {

    display: block;

    background-color: #fff;

    text-decoration: none;

    padding: 5px 0px;

    color: #000;

}


/* add hover behaviour */

.mainmenu a:hover {

    background-color: #f4f4f4;

    padding-left: 10px

}


/* when hovering over a .mainmenu item,

  display the submenu inside it.

  we're changing the submenu's max-height from 0 to 200px;

*/


.mainmenu li:hover .submenu {

    display: block;

    max-height: 200px;

}


/*

  we now overwrite the background-color for .submenu links only.

  CSS reads down the page, so code at the bottom will overwrite the code at the top.

*/


.submenu a {

    background-color: #f9f9f9;

    padding-left: 10px;

    font-size: 13px

}


/* hover behaviour for links inside .submenu */

.submenu a:hover {

    background-color: #666;

}


/* this is the initial state of all submenus.

  we set it to max-height: 0, and hide the overflowed content.

*/

.submenu {

    overflow: hidden;

    max-height: 0;

    -webkit-transition: all 0.5s ease-out;

}


/*HOVER URUN EFEKT*/


.hovereffect {

    width: 100%;

    height: 100%;

    float: left;

    overflow: hidden;

    position: relative;

    text-align: left;

    cursor: default;

    padding-top: 10px;


}


.hovereffect h2 a {
    color: #fff
}


.hovereffect .overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    overflow: hidden;

    left: 0;

    background-color: rgba(255, 255, 255, 0.7);

    top: -100px;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all 0.1s ease-out 0.5s;

    transition: all 0.1s ease-out 0.5s;

}


.hovereffect:hover .overlay {

    opacity: 1;

    filter: alpha(opacity=100);

    top: 0px;

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

    font-size: 16px;

    font-weight: 400;

}


.hovereffect img {

    display: block;

    position: relative;

}


.hovereffect h2 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    position: relative;

    font-size: 17px;

    padding: 10px;

    border-radius: 5px;

    margin: 120px 15px;

    background: rgba(0, 67, 216, 0.68);

    -webkit-transform: translateY(-200px);

    -ms-transform: translateY(-200px);

    transform: translateY(-200px);

    -webkit-transition: all ease-in-out 0.1s;

    transition: all ease-in-out 0.1s;

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

    font-size: 14px;

    font-weight: 400;

}


.hovereffect:hover h2 {

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

    font-size: 14px;

    font-weight: 400;

}


.hovereffect a.info {

    display: inline-block;

    text-decoration: none;

    padding: 7px 14px;

    text-transform: uppercase;

    margin: 50px 0 0 0;

    background-color: transparent;

    -webkit-transform: translateY(-200px);

    -ms-transform: translateY(-200px);

    transform: translateY(-200px);

    color: #000;

    border: 1px solid #000;

    -webkit-transition: all ease-in-out 0.3s;

    transition: all ease-in-out 0.3s;

}


.hovereffect a.info:hover {

    box-shadow: 0 0 5px #fff;

}


.hovereffect:hover a.info {

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

    box-shadow: 0 0 5px #000;

    color: #000;

    border: 1px solid #000;

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

}


.coupon-box {
    margin-top: -5px;
}


/* CSSTerm.com Simple Horizontal DropDown CSS menu */


.drop_menu {

    padding: 0;

    margin: 0;

    list-style-type: none;

    height: 38px;

}


.drop_menu li {

    float: left;


}


.drop_menu li span {

    float: right;

    font-size: 18px;
    padding-top: 3px;

}


.drop_menu li a {

    padding: 13px;

    display: block;

    color: #333;

    text-decoration: none;

    font-size: 15px;

}

/* Submenu */


.drop_menu li > ul {

    position: absolute;

    left: -9999px;

    top: -9999px;

    list-style-type: none;

    z-index: 999;

    background: #f4f4f4;


    display: block;

    -moz-animation: flipInX .3s ease-in;

    -webkit-animation: flipInX .3s ease-in;

    animation: flipInX .3s ease-in;

}


.drop_menu li:hover {

    position: relative;


    color: #666;

}


.drop_menu li:hover > ul {

    left: 0px;

    top: 48px;

    background: #f4f4f4;

    padding: 0px;

    z-index: 9999;


}


ul.drop_menu ul li:hover > ul {

    display: block;

    -moz-animation: flipInX .3s ease-in;

    -webkit-animation: flipInX .3s ease-in;

    animation: flipInX .3s ease-in;

}


.drop_menu ul li {

    border-bottom: 1px solid #ebebeb;

    color: #fff

}


.drop_menu ul li a {

    padding: 6px 15px;

    display: block;

    width: 290px;

    text-indent: 15px;

    background-color: #f4f4f4;

    font-size: 14px !important;


    color: #444;

    box-shadow: 0px 1px 2px #ddd

}


.drop_menu li:hover ul li a:hover {

    background: #ebebeb;

    color: #333

}


/*KREDİ KARTLARI*/


.genel_taksitDiv .taksitTopHeader {

    text-align: center;

    background-color: #5f6d82 !important;

    color: #FFFFFF;

    padding: 10px;

    font-size: 15px;

    font-weight: 400;

    border-bottom: 1px solid #fff;

}


.genel_taksitDiv td {
    font-weight: 400 !important
}

.genel_taksitDiv .pesin td {
    background: #dde3e6
}

.genel_taksitDiv .td1, .genel_taksitDiv .td2, .genel_taksitDiv .td3 {

    text-align: center;

    height: 30px;

    border-top: 1px solid #f7f7f7;
}


.genel_taksitDiv .taksitHeader {
    padding: 7px
}


.taksittablosu {

    float: left;

    width: 32% !important;

    padding-right: 5px;

    padding-bottom: 10px;

    height: 435px;

    border: 1px dashed #ebebeb;

    background: #fff;

}


.taksittablosu:nth-child(2) {

    background: #f8f8f8;

}


#form1 .label {
    color: #333
}


.sf-form-input, .sf-form-textarea, .sf-form-select {
    box-shadow: none;
    border: 1px solid #ddd !important;
}


@media (max-width: 960px) {

    .leftCat ul {
        display: none;
    }

    .leftCat select {
        display: inline-block;
        width: 100%;
        border: none;
        padding: 7px 15px;
        height: 35px;
        background: #fff;
        font-weight: bold;
        outline: none;
    }

    .temarenksecim {
        display: none
    }

    .navbar-brand {
        padding-left: 20px;
    }

    .formlinefix {
        background: none;
    }

    .sliderAlani {
        width: 100%
    }

}


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

    .leftCat select {
        display: none
    }


}


.lmenu {
    width: 225px;
    border: 1px solid #ebebeb
}


.leftMenu {

    float: left;

    width: 225px;


    position: relative;


}

.leftMenu h2 {

    width: 184px;

    height: 19px;

    background: url("img/headBg.png") left top no-repeat;

    color: #fff;

    padding: 2px 0 5px 10px;

}

.leftMenu ul {

    float: left;

    position: relative;

    padding: 0px;

    margin: 0px !important


}

.leftMenu ul li.mainLi {

    float: left;

    width: 223px;


    border-bottom: 1px solid #f4f4f4;

    background: #fff url("img/menubg.jpg") left top no-repeat;


    z-index: 100;

}


.leftMenu ul li.mainLi a {

    display: block;

    color: #333;

    text-decoration: none;


    padding-right: 0px;

    font-size: 15px;

    padding: 9px 10px;


    position: relative;

}

.leftMenu ul li.mainLi a:hover {

    color: #000;

}


.leftMenu ul li.mainLi:hover {

    background-position: left -6px;

}

.leftMenu ul li.allCategories {

    background-position: left -48px;

}

.leftMenu ul li.allCategories:hover {

    background-position: left -48px;

}


.catBox {

    position: absolute;

    top: -2px;

    margin-left: 225px;

    width: 723px;

    height: 431px;

    background: #fff;
url("img/catBox.png") left top no-repeat;

    z-index: 9999;

    display: none;

    border: 1px solid #ebebeb;

    border-left: none;


}

.leftMenu .cbLeft {

    line-height: 1;

    border-bottom: 0 none;

    padding-top: 20px;

    padding-left: 6px;

    border: none;

    width: 200px;

}

.leftMenu .cbLeft ul {
    border: none
}

.leftMenu .cbLeft li {

    height: 20px;

    font-weight: 700;

    line-height: 17px;

}

.leftMenu ul.cbLeft li a {

    display: block;

    font-size: 13px;

    padding-left: 15px;

    line-height: 22px;

    color: #333;

    font-weight: normal;

    background: url("img/header.gif") -697px -143px no-repeat;

}

.leftMenu ul.cbLeft li a:hover {

    color: #000;

}


.leftMenu ul.cbLeft li h4 a {

    padding-left: 10px;

    color: #333;

    font-weight: 700;

    background-position: -708px -143px;

}

ul.cbRight {

    float: right;

    width: 554px;

    margin: 21px 11px 0 0;

    border-bottom: 0 none;

}

ul.cbRight li {

    float: left;

    width: 102px;

    height: 138px;

    margin-right: 1px;

    border: none;

    border: 1px solid #ebebeb;

    text-align: center;

    margin-bottom: 2px;

}

ul.cbRight li:hover {
    border: 1px solid #069;
}

ul.cbRight li p {

    width: 102px;

    text-align: center;

}

.leftMenu ul li.mainLi p a {

    padding: 3px;

    font-size: 11px;

}

.leftMenu ul li.mainLi a.cbImg {

    display: block;

    width: 102px;

    height: 100px;

    padding: 0;


}

.kat-urun {
    float: left;
    width: 510px;
}

.kat-urun ul li {
    float: left;
    text-align: center;
    background: #fff;
    padding: 4px;
    height: 185px !important;
    width: 113px !important;
    border: 1px solid #ebebeb !important;
    margin-right: 3px;
    margin-top: 8px;
    margin-left: 5px;
}

.kat-urunbaslik {
    overflow: hidden;
    height: 35px;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 13px !important;
}

.onecikanbaslik {
    text-align: left;
    margin: 5px 5px;
    20px 10px;
    font-weight: bold;
}


.ssk {
    padding: 3px !important;
}


.banka img {

    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

}


.sknslider {
    border: 1px solid #ebebeb
}


.homeurunList .owl-carousel.owl-blog {
    padding: 15px;
}

.owl-blog .slick-blog-item p {
	font-size: 12px;
	line-height: 18px;
}

.owl-blog .slick-blog-item h3 {
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 0px;
}
.owl-blog .slick-blog-item h4 {
	font-size: 14px;
	margin-bottom: 5px;
}
.slick-blog-item {
	border: 1px solid #fafafa;
	padding: 10px;
	box-shadow: 0px 0px 5px #e4e4e47d;
}