/* Header Categories Style */
.slider-categories {
    width: 250px;
    margin-bottom: -5px;
}

.slider-categories-header {
    border: 1px solid #ebebeb;
    background-color: #ffffff;
    color: #000000 !important;
}

.slider-categories-header svg {
    fill: #000000;
}

.categories-menus {
    width: 250px;
}

.categories-menus>li {
    display: block;
}

.categories-menus>li>a {
    background-color: #ffffff;
    padding: 11px 15px;
    border: 1px solid #ebebeb;
    color: #333333;
    transition-duration: 0.1s;
    transition-timing-function: linear;
}

.categories-menus>li:hover>a {
    color: #000000;
    background-color: #f2f2f2;
}

.categories-menus>li>.categories_st_side,
.categories-menus>li>.categories_mega_side {
    left: 250px;
}


/* Header Style */
.header-desktop-call-i svg {
    fill: #dfd3cb;
}

.header-desktop-call-i {
    color: #dfd3cb;
}

.header-desktop-call-t {
    color: #dfd3cb;
}

.header-desktop-call-t a {
    color: #dfd3cb;
}

.header-desktop-call-t a:hover {
    text-decoration: none;
    color: #dfd3cb;
}

.header-desktop-navbutton-box a {
    color: #000000;
}

.header-desktop-navbutton-box a:hover {
    color: #e9e186;
}


.header-desktop-navbutton-box a svg {
    fill: #254635;
}

.header-desktop-navbutton-box a svg:hover {
    fill: #ff0000;
}

.header-desktop-main-div {
    padding: 15px 3%;
    border-bottom: 1px solid #ffffff;
}

.topheader-desktop-main-div {
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size: 11px;
}

.topheader-desktop-main-left a {
    padding: 6px;
    color: #444141;
    font-weight: 300;
}

.topheader-desktop-main-left a:hover {
    color: #000000;
    text-decoration: none;
}

.topheader-desktop-main-right a {
    padding: 6px;
    color: #444141;
    font-weight: 300;
}

.topheader-desktop-main-right a:hover {
    color: #000000;
    text-decoration: none;
}

.topheader-lang-currency-box {
    border-left: 1px solid #ffffff;
}

.topheader-lang-currency-box a {
    padding: 6px 13px;
}

.dropdown-menu.currency-drop.dropdown-menu:before {
    content: '';
    height: 11px;
    width: 11px;
    position: absolute;
    background-color: #fff;
    top: -7px;
    right: 15px;
    border-top: #ffffff solid 1px;
    border-left: #ffffff solid 1px;
    transform: rotate(45deg);
}

.dropdown-menu.currency-drop {
    margin-top: 0;
    margin-right: -1px !important;
    border-radius: 0 !important;
    border: 1px solid #ffffff !important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05) !important;
}

.topheader-html-main {
    background-color: #;
    padding: px 0;
    color: # !important;
}

.topheader-html-main span {
    color: # !important;

}

.topheader-html-main a {
    color: #;
}

.topheader-html-main a:hover {
    color: #;
    text-decoration: none;
}

/*  <========SON=========>>> Header Style SON */


/* Dropdown Style */
.dropdown-menu {
    border: 1px solid #ebebeb !important;
}

.dropdown-menu.cart-drop {
    border-radius: 1px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.dropdown-menu.user-drop {
    border-radius: 1px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.dropdown-menu.bell-drop {
    border-radius: 1px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.dropdown-menu:before {
    content: '';
    height: 11px;
    width: 11px;
    position: absolute;
    background-color: #fff;
    top: -7px;
    right: 9px;
    border-top: #ebebeb solid 1px;
    border-left: #ebebeb solid 1px;
    transform: rotate(45deg);
}

/*  <========SON=========>>> Dropdown Style SON */


/* Desktop Dropdown Menu */
.top-level-menu-main-div {
    background-color: #ffffff;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    z-index: 99;
}

.top-level-menu {
    justify-content: center;
}

.top-level-menu>li {
    background: none;
    margin-right: 0;
    margin-left: 0;
}

.top-level-menu>li:hover {
    background-color: #254635;
}

.top-level-menu>li span {
    color: #254635;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 500;
}

.top-level-menu>li:hover span {
    color: #ffffff;
}

.topmenu-arrow-left,
.topmenu-arrow-right {
    background-color: #ebebeb;
}


.second-level-menu {
    width: 210px;
    background-color: #ffffff;
    padding: 5px;
}

.second-level-menu>li {
    border-bottom: 1px solid #ffffff;
    padding: 9px;
}

.second-level-menu>li:hover {
    background: #254635;
}

.second-level-menu>li p {
    color: #254635;
    font-size: 13px;
}

.second-level-menu>li:hover p {
    color: #ffffff;
}

.third-level-menu {
    left: 200px;
    width: 200px;
    margin-left: 200px;
    background-color: #ffffff;
    padding: 5px;
}

.third-level-menu>li {
    padding: 8px 12px;
    border-bottom: 1px solid #ffffff;
}

.third-level-menu>li:hover {
    background: #ebebeb;
}

.second-level-menu>li>.third-level-menu li p {
    color: #000000;
    font-size: 13px;
}

.second-level-menu>li>.third-level-menu li:hover p {
    color: #000000;
}

.top-level-menu li:hover>ul {
    border-top: 1px solid #ebebeb;
}


.sablon2-level-menu {
    background-color: #ffffff;
}

.sablon2-level-menu-left-item-h {
    color: #000000 !important;
    border-bottom: 1px solid #ebebeb;

}


.sablon2-level-menu-left-item-h img {
    border: 1px solid #ebebeb;
}


.sablon2-level-menu-left-item-s {
    color: #171717 !important;
}

.sablon2-level-menu-left-item-s:hover {
    text-decoration: underline !important;
}


.sablon2-level-menu {}

/*  <========SON=========>>> Desktop Dropdown Menu SON */


body {
    background-color: #ffffff !important
}

#return-to-top {
    background-color: #254635;
    bottom: 50px;
    border-radius: 0
}

#return-to-top:hover {
    background-color: #254635
}

#return-to-top i {
    color: #fff
}

#return-to-top:hover i {
    color: #fff
}

.header-desktop-search1 form input {

    border: 1px solid #ebebeb;
    color: #333333;
    background-color: #ffffff;
}

.header-desktop-search1 form input::placeholder {
    color: #999999;
}

.header-desktop-search1 form input:-ms-input-placeholder {
    color: #999999;
}

.header-desktop-search1 form input::-ms-input-placeholder {
    color: #999999;
}

.header-desktop-search1 form input:focus {
    border: 1px solid #7d7d7d !important;
    box-shadow: 0 22px 10px 0 rgba(0, 0, 0, .02) !important;
}

.header-desktop-search1 form button {
    color: #5c5c5c
}


/* Footer */
.footer-module-main-div {
    border-top: 1px solid #fff;
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    padding: 50px 0;
    margin: 0px 0 0 0;
}

.footer-module-box-telif {
    width: 90%;
    font-family: 'Open Sans', sans-serif;
    color: #4a4a4a;
}

.footer-module-box-social a {
    display: block;
    color: #000000;
    padding: 10px 14px;
    box-sizing: border-box;
    line-height: 15px;
    font-size: 15px;
}

.footer-module-box-social a:first-child {
    padding-left: 0;
}

.footer-module-header-text {
    color: #000000;
}

.footer-module-contact-box {
    color: #4a4a4a;
}

.footer-module-contact-box a {
    color: #4a4a4a;
}

.footer-module-workhour-div {
    color: #4a4a4a;
}

.footer-module-links-div a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    color: #4a4a4a;
}

.ticaret-kutulari-inside {
    font-family: 'Roboto', sans-serif;
    border: 1px solid #fff;
    background-color: #ffffff;
}

.ticaret-kutu-box {
    border-right: 1px solid #fff;
}

@media screen and (max-width:410px) and (min-width:321px) {
    .ticaret-kutu-box {
        border-right: 0 !important;
        border-bottom: 1px solid #fff;
    }

    .ticaret-kutu-box:last-child {
        border-bottom: 0 !important;
    }
}


/* Ürün Detay */
#urundetaytabs .ui-tabs-active a {
    background-color: #254635 !important;
    color: #ffffff !important;
}

#urundetaytabs {
    font-family: 'Inter', sans-serif;
}

.urun-detay-main {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff;
}


/* Genel Modal */
.modal-content {
    font-family: 'Open Sans', Sans-serif !important;
}


/* hizmet detay sağ butonlar */
.hizmetler-detay-right-box {
    border: 1px solid #ffffff;
    border-left: 6px solid #d43867;
    background-color: #ffffff;
    color: #000000;
}

.hizmetler-detay-right-box:hover {
    background-color: #d43867;
    color: #ffffff;
    border: 1px solid #d43867;
    border-left: 6px solid #d43867;
}

.hizmetler-detay-right-box-act {
    border: 1px solid #d43867;
    border-left: 6px solid #d43867;
    background: #d43867;
}

/* Pricing Tabs Ayar */

/* pricing */
.pricing-tablolar-module-main-div {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    font-family: 'Roboto Condensed', sans-serif;
    background: #f3f6f9;
    padding: 20px 0;
    margin: 0px 0;
}

.pricing-tab-system ul {
    background-color: #d63766;
    border-radius: 100px;
}

.pricing-tab-system a:first-child {
    border-radius: 100px 0 0 100px !important;
}

.pricing-tab-system a:last-child {
    border-radius: 0 100px 100px 0 !important;
}

.pricing-tab-system a {
    color: #ffffff;
    font-size: 18px;
}

.pricing-tab-system a.active {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.pricing-tab-system a:hover {
    background-color: #ffffff;
    color: #000000;
}


@media screen and (max-width:1000px) and (min-width:0) {
    .pricing-tab-system a {
        border-radius: 100px !important;
    }

    .pricing-tab-system a:first-child {
        border-radius: 100px !important;
    }

    .pricing-tab-system a:last-child {
        border-radius: 100px !important;
    }
}

/*  <========SON=========>>> Pricing Tabs Ayar SON */

/* Pre Loader */
.preload-main {
    display: flex;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    background: #d9f6ff;
    overflow: hidden;
    top: 0;
    left: 0;
}

.loader {
    position: relative;
}

/*  <========SON=========>>> Pre Loader SON */


/* Mobil Tema */
.mobile-top-header-main {
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
}

.mobil-top-header-currency,
.mobil-top-header-lang {
    border-left: 1px solid #ffffff;
}

.swiper-top-header .swiper-slide a {
    color: #444141;
}

.swiper-top-header .swiper-slide a:hover {
    color: #000000;
    text-decoration: none;
}

.mobil-header-select-area {
    color: #444141;
}

.mobil-header-select-area:hover {
    color: #000000;
    text-decoration: none;
}

.mobile-header-main-area {
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
}

.mobile-header-icons {
    color: #000000 !important;
}

.mobile-header-bars {
    color: #333333;
    border: 1px solid #ffffff;
    background-color: #f9f9f9;
    border-radius: 5px;
}

.mobile_side_wrap_in_close label {
    background-color: #000000;
    color: #ffffff;
}

.mobile_side_wrap {
    background-color: #ffffff;
}

.mobile_side_wrap_in_search input {
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    color: #333333;
}

.mobile_side_wrap_in_search button {
    color: #333333;
}

.mobile_side_wrap_in_search input:focus {
    border: 1px solid #ebebeb !important;
}

.mobile_side_wrap_in_footer {
    background-color: #cccccc;
    border: 1px solid #ebebeb;
}

.mobile-menu-categories-main {
    border-top: 1px solid #ebebeb;
}

.mobile-menu-categories-main #categories-parent-main ul li a {
    color: #000000;
    border-bottom: 1px solid #ebebeb;
}

.mobile-menu-categories-main #categories-parent-main ul li a:hover {
    color: #000000;
    background-color: #d9c9bf;
}

.mobile-menu-categories-main #categories-parent-main ul li a i {
    color: #000000;
}

.mobile-menu-categories-main #categories-parent-main ul li a i:hover {
    color: #000000;
    background-color: #d9c9bf;
}

.fixed-foot-navigation {
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.fixed-foot-navigation-in-box {
    color: #404040
}

.fixed-foot-navigation-in-box:hover {
    color: #404040;
    text-decoration: none;
}

/*  <========SON=========>>> Mobil Tema SON */


.gc-display-area {
    border: 1px solid #ebebeb !important
}


.cat-detail-products-box-cart-2 button {
    background-color: #3a3963;
    color: #ffffff;
}

.cat-detail-products-box-cart-2 svg {
    fill: #ffffff;
}

.realyButton {
    cursor: pointer;
    padding: 15px;
    background: #254635
}

.realyButton a {
    text-decoration: none;
    font-size: 15px;
    color: #fff !important;
    font-weight: 500;
}