/* MENU STYLE */
.menu_nav{display: block;width: 100%;}
.top_bar{display: flex;width: 100%;height: 38px;align-items: center;justify-content: space-between;background-color: var(--topbar_color);    position: relative;
    z-index: 10;}
.top_row{display: flex;width: 100%;height: 100%; align-items: center;justify-content: space-between;}

.top_ul_contact{display: flex;align-items: center;}
.top_ul_contact > li{display: flex;}
.top_contact_a{display: flex;align-items: center; padding: 10px;color: #fff;font-size: 0.9rem;transition: 0.5s all;}
.top_contact_a > i{padding-right:5px;}

.top_social_ul{display: flex;align-items: center;}
.top_social_ul > li{display: flex;}
.top_social_a{display: flex;padding: 10px 5px;color: #fff;font-size: 0.9rem;transition: 0.5s all;}
.top_contact_a:hover, .top_social_a:hover{color: #000;transition: 0.5s all;}
.language_li{position: relative;}
.language_a{display: flex;width: 25px;}
.language_img{width: 100%;object-fit: contain;}
.language_body{position: absolute;z-index: 9;right: 0; padding-top: 20px;width: 35px; display: flex;visibility: hidden;opacity: 0;pointer-events: none;transition: 0.5s all;}
.language_body > ul{

  margin-top: 10px;
  border-radius: 5px;
  padding: 3px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 1px 7px 0px #000;
}
.ul_language{display: block;width: 100%;}
.ul_language > li{display: flex;align-items: center;justify-content: center; padding: 3px 0; width: 100%;}
.ul_language > li > a{display: flex;align-items: center;width: 25px; overflow: hidden;}
.ul_language > li > a > img{width: 100%;height: 100%; object-fit: cover;}
.language_a:hover + .language_body, .language_body:hover{visibility: visible;opacity: 1;pointer-events: auto;transition: 0.5s all;}

.menu_bar{display: flex; width: 100%;height: 120px;box-shadow:0px 2px 10px 0px #3b3b3b;transition: 0.5s all; background-color: var(--menubg1);}
@media (max-width: 1055px) {.menu_bar{height: 100px;}}
.menu_bar_fixed{position: fixed;z-index: 99;top: 0;transition: 0.5s all;}
.menu_bar_scroll{height: 70px;transition: 0.5s all;}
.menu_row{display: flex;width: 100%;height: 100%;align-items: center;}
.logo{display: flex;max-width: 400px;width: 100%; height: 100%;align-items: center;}
.logo2{display: flex; justify-content: center; align-items: center; text-align: center;}
.logo_width{max-width: 200px;    margin: 0px auto; }
.logo_img{max-width: 100%;height: 95%;object-fit: contain;}
.menu_ul{display: flex;width: 100%;justify-content: flex-end;align-items: center;}
.alt_menu_li{position: relative;}
.menu_a{position: relative; display: flex;padding: 15px 0;margin: 0 10px;font-size: 1.1rem; color: var(--menubglitext1); -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}
.menu_a:hover{color: var(--menubglitexthover); -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}
.menu_a:before {position: absolute; content: ""; left: 0px; bottom: 0; width: 0%; height: 2px; opacity: 0; background-color: var(--menubglitexthover); -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; } 
.menu_a:hover::before{opacity: 1; width: 100%; } 
.menu_a_active{color: var(--menubglitexthover) !important;}
.menu_a_active:before {position: absolute; content: ""; left: 0px; bottom: 0;opacity: 1; width: 100%; height: 2px; background-color: var(--menubglitexthover); -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; } 

.menu_a_sepet, .menu_a_login{position: relative; display: flex;justify-content: center;align-items: center; padding: 15px 0;margin: 0 10px; color: #000;}
.menu_a_sepet > img, .menu_a_login > img{max-width: 26px !important ; width: 26px !important; height: 26px; object-fit: contain;filter: var(--filtre-color);}
.sepet_count{position: absolute; top: 3px; right: -10px; width: 22px; height: 22px; text-align: center; padding: 0 5px; font-size: 0.7rem; background: var(--sepet-btn-bg); color: #fff; border-radius: 50px; flex-shrink: 0;}


.mobil_menu_body{display: flex;}
/* mobil ico */
.mobil_icon_body{display: none;filter: filter: var(--filtre-color);}
@media (max-width: 992px) {
  .menu_bar_scroll{height: 60px;transition: 0.5s all;}
  .logo_width{max-width: 150px;}
  .top_contact_a > span{display: none;}
  .mobil_icon_body{display: block;position: relative;}
  .mobil_icon_body svg {height: 100%; position: absolute; width: 100%; }
  .icon_box {height: 60px; width: 60px; }
  .mobil_burger {filter: url(#gooeyness); }
  .rotate_x {transform: scale(0); transition: transform 400ms; } 
  .border {fill: none; stroke: black; stroke-width: 6px; stroke-linecap: round; stroke-linejoin: round; transform-origin: 50%; transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms; }
  .rotate_x .border {stroke-width: 5.5px; }
  .active .border {transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms; }
  .active .rotate_x {transform: scale(1); transition: transform 400ms 350ms; }
  .ico_style .border {transition: stroke-dasharray 400ms 100ms, stroke-dashoffset 400ms 100ms, transform 400ms 100ms; }
  .ico_style .border1 {stroke-dasharray: 40 40;    filter: var(--filtre-color); }
  .ico_style .border2 {stroke-dasharray: 21 39;    filter: var(--filtre-color); }
  .ico_style .border3 {stroke-dasharray: 21 39;    filter: var(--filtre-color); } 
  .ico_style .border4 {stroke-dasharray: 40 40;    filter: var(--filtre-color); } 
  .ico_style .rotate_x {transition: transform 400ms 50ms; }
  .active.ico_style .border {transition: stroke-dasharray 400ms, stroke-dashoffset 400ms, transform 400ms;     filter: var(--filtre-color);} 
  .active.ico_style .border1 {stroke-dasharray: 1 40; stroke-dashoffset: -33px; }
  .active.ico_style .border2 {stroke-dasharray: 5 39; stroke-dashoffset: -37px; }
  .active.ico_style .border3 {stroke-dasharray: 5 39; stroke-dashoffset: -37px; }
  .active.ico_style .border4 {stroke-dasharray: 1 40; stroke-dashoffset: -33px; }
  .active.ico_style .rotate_x {transition: transform 400ms 50ms; }

  .mobil_menu_body{position: fixed;top: 100px;z-index: 99;right: -100%;top: 138px;display: block; width: 100%;height: 100%; visibility: hidden;opacity: 0;pointer-events: none;transition: 0.5s all;}
  .mobil_menu_body_top{top: 61px;transition: 0.5s all;}
  .mobil_menu_body_active{background-color: #fff;right: 0;overflow-y: auto; visibility: visible;opacity: 1;pointer-events: auto;transition: 0.5s all;}
  .sm_menu_a{color: var(--mobilmenutext1);}
  .body_no_scroll{overflow: hidden;}

}

/* login dropdown menu */
.user{position: relative;}
.box1{position:absolute;z-index: 99;right: 0; min-width: 200px; max-width: 280px;padding-top: 5px;visibility: hidden;opacity: 0;pointer-events: none;transition: 0.5s all;}
.user:hover ~ .box1, .box1:hover{visibility: visible;opacity: 1;pointer-events: auto;transition: 0.5s all;}
.box1_span{position: absolute; display: block;width: 16px; height:16px;transform: rotate(45deg);background: #fff; top: -9px;right:15px;z-index: 2; border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; }
.box1_body{position:relative;display: flex;width: 100%;height: auto; background: #fff;z-index:1;top: 0; border: 1px solid #d7d7d7;border-radius: 10px;padding: 8px;}
.ul_box1{width: 100%;}
.ul_box1 > li > a{display: flex;padding: 5px 8px;font-size: 0.9rem;color: #000;align-items: center;}
.ul_box1 > li > a:hover{color: var(--temacolor);}

/*---------------------------------------------------*/


.news-section {position: relative; padding: 80px 0px 80px; } 
.product-block .inner-box {position: relative; border-radius: 6px; background-color: #ffffff; -webkit-transition: all 300ms linear; transition: all 300ms linear; min-height: 380px; } 
.product-block .inner-box .image-box {position: relative; margin: 0px; padding-top: 0px; } 
.product-block .inner-box .image-box img {position: relative; width: 100%; display: block; height: 180px; border-top-left-radius: 6px; border-top-right-radius: 6px; object-fit: cover; }
.satir_1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
.satir_2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
.satir_3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
.filters {overflow: hidden; }

.products-section .filters .filter-tabs {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.products-section .filters li {flex-shrink: 0; }

.main_slider_area .sm_text {color: #6bb53a;} 
.main_slider_area .slider_button .view_all_btn:before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; background-color: #6bb53a; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); border-radius: 5px; } 
.btn-style-three {background-color: var(--delivery-section-btnbg); color: var(--delivery-section-btntxt); } 
.btnred {background-color: #a41a13; color: #fff; } 
.btnred:before {border: 2px solid #a41a13; } 

@media only screen and (max-width: 767px) {
    .xsgizle{display: none;}
}


/*Duyuru css*/
.duyuru_box {position: relative; margin-bottom: 40px; padding: 20px 20px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 13px 0px #e8e8e8; box-shadow: 0px 0px 13px 0px #e8e8e8; font-family: sans-serif;}
.duyuru_box h3{font-family: sans-serif; margin-bottom: 0px;font-size: 25px;}
.centery{display: flex !important; align-content: center; align-items: center; }
.dyrimg{height: 40px;filter: invert(70%) sepia(6%) saturate(4111%) hue-rotate(52deg) brightness(89%) contrast(85%);}
.mb5{margin-bottom: 5px;}
@media only screen and (max-width: 767px) { 
.duyuru_box h3 {font-family: sans-serif; margin-bottom: 0px; font-size: 20px; }
}

/*Filitre duyuru*/
.filters{width: calc(100% - 50px) !important;}
.fiters_box{ display: flex; flex-wrap: nowrap;margin-bottom: 40px;}
.sol{display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #e1e1e1; width: 38px; height: 38px; cursor: pointer; margin-right: 5px; }
.sag{display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #e1e1e1; width: 38px; height: 38px; cursor: pointer; margin-left: 5px;}
.sol:hover,.sag:hover{ background-color: var(--temacolor); }
.sol:hover,.sag:hover img{  filter: invert(82%) sepia(79%) saturate(0%) hue-rotate(230deg) brightness(108%) contrast(106%);}
.sag img,.sol img{height: 20px;}
.products-section .filters {margin-top: 0px; margin-bottom: 0px; }
.filter{display: flex !important; align-items: center; padding: 0px !important;}
@media only screen and (max-width: 767px) { .sag img, .sol img {height: 15px; } }
.swiper-button-disabled{display: none !important;}
.sidebar-news {position: relative; margin-bottom: 40px; padding: 20px 28px; background-color: #ffffff;  text-align: center; border-radius:8px; } 
.fixed-header .sticky-header .logo{height: 76px; } 
.fixed-header .sticky-header .logo img{max-height: 100%; height: 100%; }
.iletisim_btn_ul{display: flex;flex-wrap: wrap; width: 100%;}
.iletisim_btn_ul > li{float: left;}
.iletisim_btn1{display: inline-block;padding:10px;font-size: 0.9rem;background-color: #c10202;color: #fff;margin-right: 10px; transition: 0.5s all;}
.iletisim_btn1:hover{background-color: #d70202;color: #fff;transition: 0.5s all;}
.iletisim_btn2{display: inline-block;padding:10px;font-size: 0.9rem;background-color: #0c71d9;color: #fff;margin-right: 10px;transition: 0.5s all;}
.iletisim_btn2:hover{background-color: #1bbf07;color: #fff;transition: 0.5s all;}
.iletisim_btn3{display: inline-block;padding:10px;font-size: 0.9rem; background-color: green;color: #fff;margin-right: 10px;transition: 0.5s all;}
.iletisim_btn3:hover{background-color: #1bbf07;color: #fff;transition: 0.5s all;}
@media (max-width: 768px){.iletisim_btn1{ margin-bottom:5px } }


/* COOKIE */
@media (min-width: 768px){
.cookie_body {display: flex; align-items: center; position: fixed; bottom: 20px; left: 20px; z-index: 320; min-height: 100px; padding: 10px; width: 500px; background-color: #000000a3;  color: #fff; border-radius: 10px; transition: 0.5s all; }
}
.cookie_link{display:inline-block;padding: 8px 14px;background-color: var(--temacolor);border-radius: 5px;color: #FFFFFF;margin: 5px;}
.cookie_link:hover, .cookie_close:hover{color: #ffffff;}
@media (max-width: 768px){
.cookie_body{display: flex;align-items: center; position: fixed;bottom: 0;left: 0;z-index: 320; min-height: 100px;width: 100%;background-color: #000000a3; box-shadow: 0px 0px 2px var(--temacolor); color: #fff; transition: 1s all;}
.cookie_link{display:inline-block;padding: 8px 14px;background-color: var(--temacolor);border-radius: 5px;color: #FFFFFF;margin: 5px;}
.cookie_link:hover, .cookie_close:hover{color: #ffffff;}
}
.cookie_content{display: flex;align-items: center;flex-wrap: wrap;justify-content: center; max-width: 1320px;width: 100%;height: 100%;margin: 0 auto;}
.cookie_content_body{display:flex;align-items: center;flex-wrap: wrap;}.cookie_text{font-size: 0.9rem;margin: 5px;}
.cookie_close{display:inline-block;padding: 8px 14px;background-color: #FCA311;border-radius: 5px;color: #FFFFFF;margin: 5px;}
.cokigizle{bottom: -100%; transition: 1s all; }
.cookie_text a {color:#62b9f7 ;}
/*Loader*/
  .loader_rolling {width: 10px; height: 10px; border-radius: 50%; display: block; margin:15px auto; position: relative; color: #FFF; left: -100px; box-sizing: border-box; animation: shadowRolling 2s linear infinite; }
  @keyframes shadowRolling {
    0% {box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
    12% {box-shadow: 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
    25% {box-shadow: 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
    36% {box-shadow: 120px 0 white, 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0); }
    50% {box-shadow: 130px 0 white, 120px 0 white, 110px 0 white, 100px 0 white; }
    62% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white; }
    75% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white; }
    87% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white; }
    100% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0); }
  }
 .form_loader{z-index: 10000; position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; background: #020306a6; justify-content: center; align-content: center; flex-wrap: wrap;display:none; font-size: 1rem;}
 .loadet_text{color: #fff;}
 /*Loader*/

/* WHATSAPP ICON  */
@-webkit-keyframes cptCircle {0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);transform: rotate(0) scale(.5) skew(1deg);opacity: .01} 30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);transform: rotate(0) scale(.7) skew(1deg);opacity: .5} 100% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .01} }
@keyframes cptCircle {0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);transform: rotate(0) scale(.5) skew(1deg);opacity: .01 } 30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);transform: rotate(0) scale(.7) skew(1deg);opacity: .5} 100% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .01} }
@-webkit-keyframes cptCircleFill {0% {-webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg);opacity: 0} 50% {webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .2} 100% {-webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg); opacity: .2} }
@keyframes cptCircleFill {0% {-webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg);opacity: 0} 50% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .2} 100% { -webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg);opacity: .2} }
#wp_callback {position: fixed; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; bottom: 20px; left: 40px; z-index: 1; }
.wp_circle, .wp_cpt_circle_fill {position: absolute; border-radius: 100%; -webkit-transition: all .5s; transition: all .5s; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-animation-delay: 2s; animation-delay: 2s }
.wp_circle {width: 120%; height: 120%; background-color: transparent; border: 2px solid #189d0e; -webkit-animation: cptCircle 2.2s infinite ease-in-out; animation: cptCircle 2.2s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.wp_cpt_circle_fill {width: 100%; height: 100%; background-color: #189d0e; border: 2px solid transparent; -webkit-animation: cptCircleFill 2.3s infinite ease-in-out; animation: cptCircleFill 2.3s infinite ease-in-out; box-shadow: 0 0 2px 0 #189d0e!important;}
.wp_btn {position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: center center no-repeat #189d0e; box-shadow: 0 0px 4px 1px rgb(0 0 0 / 20%); background-size: 30px; border-radius: 100%; cursor: pointer;color: #fff;}
.wp_btn > i {opacity: 0; visibility: hidden; -webkit-transition: all .6s cubic-bezier(.55, 0, .1, 1); transition: all .6s cubic-bezier(.55, 0, .1, 1); -webkit-transform: perspective(400px) rotateY(-180deg) scale(.4) translate3d(-50%, -50%, 0); transform: perspective(400px) rotateY(-180deg) scale(.4) translate3d(-50%, -50%, 0); z-index: 1; width: 45%; height: 45%; font-size: 16px; }
.wp_btn > img {vertical-align: middle;width: 50%;}
@media (max-width: 768px) { 
#wp_callback {position: fixed; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; bottom: 15px; left: 15px; z-index: 1; }
}

.footer_menu{width: 100%; display: flex; justify-content: center;}
.footer_menu ul{ text-align: center; }
.footer_menu ul li{ float: left; margin-right: 10px;}
.footer_menu ul li a{color: var(--temacolor);}
.footer_menu ul li a:hover{color: var(--temacolor); transition: 0.5s all;}
.main-footer .footer-widget h4:before {background-color: var(--temacolor); }
.main-footer .footer-bottom .purchase {color: var(--temacolor); }

/*Lang DropdownCss*/
.lang-btn>.dropdown{background: inherit!important; display: flex; align-items: center; height: auto; width: 25px; margin-left: 10px; }
.lang-btn>.dropdown >.dropdown-menu{background-color: inherit!important; border: none; min-width:  inherit !important; width: auto !important; padding:5px 0px ; }
.lang-btn>.dropdown >.btn-dropdown{background: inherit!important; }


/*Menu Css*/
.navbar-toggler {display: inline-block; z-index: 12; width: 50px; height: 40px; float: none; padding: 0px; text-align: center; border-radius: 0px; }
.navbar-header .navbar-toggler .icon-bar {position: relative; background: #000; height: 2px; width: 26px; display: block; margin: 0 auto; margin: 5px 11px; }
.navbar-header {position: relative; float: none; display: block; text-align: right; width: 100%; padding: 10px 0px 10px; right: 0px; height: 70px;    top: 15px; }
.others-option{position: relative; float: right; display: flex; height: 95px; position: relative; justify-content: center; align-items: center; text-align: center; margin-left: 20px; }
.right-col > .others-option{  height: 76px;  }
.option-item1{width: 46px;}
.option-item2{width: 48px;}
.option-item3{display: none;}
.cart-btn{position: relative; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%;}
.cart-btn img{width: 32px; }
.cart-btn > .count{position: absolute; display: flex;justify-content: center; text-align: center; right: 5px; top: -1px; width: 19px; height: 19px; line-height: 2; border-radius: 50%; color: #fff; background-color: red; font-size: 10px; font-weight: 600; }
.option-item > .login{}
.login img{width: 32px; }

@media only screen and (max-width: 855px) {
  .option-item3{display: block;}
  .navbar-toggler .icon{color: #000; }
  .others-option{ height: 70px; }  

}

/* MOBİL MENU */
@media(max-width: 855px) {
.body_no_scroll{overflow: hidden;}
.mobil_menu_bar{position: fixed;z-index: 15; top: 0;right: -100%;width: 100%;height: 100vh;background-color: var(--mobilmenubg1);opacity: 0;padding-top: 50px;visibility: hidden;pointer-events: none;transition: 0.5s all;}
.mobil_menu_bar_active{right: 0%;opacity: 1;visibility: visible;pointer-events: auto;transition: 0.5s all;overflow-y: scroll;}

.mobil_menu1{display: flex;width: 100%;justify-content: center;flex-wrap: wrap;}
.mobil_menu1 > li{display: flex;width: 100%;justify-content: center;margin: 0 !important;padding-left: 30px;}
.mobil_menu1 > li::before{bottom: 0 !important;}
.mobil_menu1 > li > a{display: flex;width: 100%;justify-content: center;padding: 10px !important;}
.mobil_exit_btn{display: block; position: absolute;top: 20px;right: 5%;width: 35px;height: 35px;background-color: transparent;font-size: 2rem;color: var(--mobil_exit_btn);}
}


/* Login Modal */
.modal-title-h5{font-size: 23px;color: #000;}
.form-control {border-radius: 2px; font-size: 14px; } 
label {font-size: 13px; margin: 0 0 3px; } 
.modal-content {border: medium none; border-radius: 2px; } 
.login-modal-right {padding: 27px; } 
.login-icons {border: medium none; border-radius: 2px; cursor: pointer; font-size: 12px; font-weight: 500; text-transform: uppercase; } 
.login-footer-tab .nav-link {background: #ececec none repeat scroll 0 0 !important; border: medium none; border-radius: 2px !important; margin: 10px 3px 0 2px; padding: 7px 20px; } 
.login-footer-tab .nav {border: medium none; display: inline-flex; } 
.login-with-sites p {margin: 0 0 7px; } 
.login-with-sites {margin-bottom: 10px; } 
.modal-backdrop.show {opacity: 0.7; } 
.login_btn{background: #12a300; color: #fff; border: none; } 
.login_btn:hover{ color: #fff;  } 
.singup_btn{background: #ff5e00; color: #fff; border: none; } 
.gizle{display: none !important;}
#giris_yap_frm > .form-group{margin-bottom: 8px;}
.register-modal{    margin: 0px auto;}
.modal-dialog{max-width: 800px; }
.modal-400{max-width: 400px; }
@media only screen and (min-width: 650px) { .modal-600{width: 600px; } }
@media only screen and (min-width: 850px) { .modal-800{width: 800px; } }
.sifremi_unuttum_btn{display: block; margin-top: 5px; display: flex; align-items: center; color:#b1b1b1 ; }

/*COLOR CSS*/

.sec-title h2{color: var(--sec-title-h2);font-weight: 600;}
.btn-style-five{background: var(--urun-btn); }
.product-block .inner-box .lower-content .price {color: var(--urun-btn); font-weight: 700; }
.ekle-btn .add_icon{display: none; font-size: 21px;}
@media(max-width: 568px) {
.ekle-btn{width: 100%;}
.ekle-btn .txt{display: none;}
.ekle-btn .add_icon{display: block;}
}

.delivery-section { background-color: var(--delivery-section-bg); }
.delivery-section .content-column .title{color: var(--delivery-section-txt);}
.delivery-section .content-column h1{color: var(--delivery-section-txt);}
.delivery-section .content-column .text p{color: var(--delivery-section-txt);}


@media only screen and (max-width: 767px) {
.product-block .inner-box .lower-content .lower-box .theme-btn {border-radius: 0px 0px 5px 5px !important; }
}

/*Urun Modal */
.urun-modal{ margin: 0px auto; border-radius: 16px !important; min-height: 315px;}
.modal-dialog{max-width: 800px;}
.modal-400{width: 400px; }

.urun_btn{display: block;background-color: var(--urun-btn); color: #fff; border-radius: 25px; padding: 15px 25px; text-align: center; font-size: 18px; font-weight: 600;} 
.urun_btn:hover{background-color: var(--urun-btn); color: #fff; }

.urun-modal-header{position: relative; padding: 15px 15px; color: #000; }
.urun-modal-header > .close{position: absolute; top: 15px; right: 15px;opacity:1; }
.urun-modal-header > .close > img{width: 22px; }
.urun-modal-footer{margin: 0px; padding: 20px 10px; justify-content: center; align-items: center; background-color: #fff; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }

.urun-modal-content{background-color: #f5f3f1; }
.urun_info_box{background-color: #fff;}
.urun_title{font-size: 25px;}
.aciklama{color:#979797;}
.urun_adet{display: flex; justify-content: center; align-items: center; width: 25px; }
.daha_fazla{color: #125fca; margin-bottom: 10px; display: block;} 
.daha_fazla:hover{color: var(--temacolor); }

.stepbox{display: flex; background-color: var(--urun-btn); color: #fff; border-radius: 25px; padding: 15px 15px; text-align: center; font-size: 18px; font-weight: 600; }
@media(max-width: 560px) {.stepbox{font-size: 15px; } }
.stepback{border-right: 1px solid #fff; color: #fff; font-weight: 500; padding-right: 10px; }
.stepnext{color: #fff; font-weight: 500; padding-left: 5px; }
.urun-btn1{color: #fff; font-weight: 500; padding-left: 5px; }
.stepback:hover,.stepnext:hover,.urun-btn1:hover{color: #fff;}
.alert-zorunlu{display: block; background-color: #ffc107; color: #343a40; border-radius: 5px; padding: 10px 15px; font-size: 18px; font-weight: 500;transition: 1s; }


/* Forms styles */
.container_check {display: block; position: relative; padding-left: 30px; line-height: 1.7; margin-bottom: 8px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 400; } 
.container_check input {position: absolute; opacity: 0; cursor: pointer; }
.container_check input:checked ~ .checkmark {background-color: var(--temacolor); border: 2px solid transparent; -webkit-box-shadow: 0px 0px 0px 2px rgba(229, 71, 80, 0.3); -moz-box-shadow: 0px 0px 0px 2px rgba(229, 71, 80, 0.3); box-shadow: 0px 0px 0px 2px rgba(229, 71, 80, 0.3); } 
.container_check .checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; border: 2px solid #d2d8dd; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.container_check .checkmark:after {content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } 
.container_check:hover .checkmark {border: 2px solid var(--temacolor); } 
.container_check input:checked ~ .checkmark:after {display: block; } 
.container_radio {display: block; position: relative; padding-left: 30px; line-height: 1.6; margin-bottom: 8px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 400; } 
.container_radio input {position: absolute; opacity: 0; } 
.container_radio input:checked ~ .checkmark {border: 2px solid var(--temacolor); -webkit-box-shadow: 0px 0px 0px 2px rgba(229, 71, 80, 0.3); -moz-box-shadow: 0px 0px 0px 2px rgba(229, 71, 80, 0.3); box-shadow: 0px 0px 0px 2px rgba(229, 71, 80, 0.3); } 
.container_radio input:checked ~ .checkmark:after {opacity: 1; } 
.container_radio .checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; border: 2px solid #d2d8dd; background-color: #fff; border-radius: 50%; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.container_radio .checkmark:after {display: block; content: ""; position: absolute; opacity: 0; top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background: var(--temacolor); } 
.container_radio:hover .checkmark {border: 2px solid var(--temacolor); } 
.container_radio .checkmark.active {
    border: 2px solid var(--temacolor);
    box-shadow: 0px 0px 0px 2px rgba(229,71,80,0.3);
}
.container_radio .checkmark.active:after {
    opacity: 1;
}

.form-control {padding: 10px; height: 40px; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid #d2d8dd; } 
.form-control:focus {border-color: #ccc; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.05); } 
.form-group {position: relative; } 
.error_message {font-weight: 500; color: #e3464c; }
.varyant_title{margin-bottom: 10px; margin-top: 15px;}
.varyant_title:first-child {margin-top: 0px;}
.zorunlu{color: #e55a02;}

/* Mobil app indir  */
.delivery-sectionapp{background-color: #fff; }
.delivery-sectionapp .content-column .text p {  color: #000;}
.delivery-sectionapp .content-column h2  {  position: relative; color: #000; font-size: 50px; z-index: 1; font-weight: 700; line-height: 1.1em; margin-top: 10px; font-family: "Poppins", sans-serif;}
.theme-btn img{ height: 60px; }
.appsimg{max-height: 450px;}

#message {position: fixed; width: 100%; top: 20px; display: none; z-index: 100;}
.msg_alert {background-color: #19b333 !important; display: flex; justify-content: center; margin: 0 auto; width: 260px; color: #fff; padding: 8px 10px; font-weight: 500; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 30%); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 30%); }


/*Modal css*/
  .modal-overlay {display: none ;}   
  .modal-overlay.is-open {display: none !important; align-content: center; align-items: center; position: fixed; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; padding: 5rem; background: rgba(0, 0, 0, .75);text-align: center;  display: flex !important; z-index: 99999; }   
  .modal-button-close {position: absolute; top: 0; right: 0; background-color: #a40301; color: #fff; padding: 5px 10px;cursor: pointer; }
  .is-open > .modal-content{background-color: #fff; width: 500px; margin-left: auto; margin-right: auto; overflow: hidden; }
  .modal_body{width: 100%; height: 100%; padding: 10px; min-height: 200px;}
  .modal_body h3{font-family: sans-serif; margin-bottom: 0px;font-size: 25px;}
  @media(max-width: 750px) {
  .modal-overlay.is-open{padding:0px !important; }
  }
/*Modal css*/

.stripe_btn {display: flex; justify-content: center; align-content: center; width: 100%; padding: 15px; border-radius: 50px; background: var(--temacolor); color: #fff; }

.news-section2{position: relative; padding: 80px 0px 20px; background-color: #f3f3f3; }


.teslim_modal{border-radius: 10px;}
.teslimsekli_box1{background-color: #34fd34;}
.teslimsekli_box{cursor: pointer; color: #000 !important;}
.teslimsekli_box:hover{background-color: #15dd15;}


@media(max-width: 568px) {
  .product-block .inner-box .lower-content h4 {margin-bottom: 2px; }
  .product-block .inner-box .lower-content h4 a {font-size: 15px; }
  .product-block .inner-box .lower-content .text {font-size: 12px;}
  .product-block .inner-box .lower-content .price{font-size: 18px;}
  .product-block .inner-box .image-box img{height: 120px;}
  .product-block{padding: 0px 3px; margin-bottom: 6px;}
  .product-block .inner-box{min-height: 250px;}
  .fiters_box {margin-bottom: 20px; }
}
@media(max-width: 750px) {
.mdl-adet-box{display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 10px;padding: 0px;}
.mdl-btn-box{padding: 0px;}
}



.outer-box .order {position: relative; color: #dedddc; font-size: 16px; font-weight: 500; line-height: 2em; padding-left: 25px; border-left: 1px solid rgba(255, 255, 255, 0.4); -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s; }
.outer-box .order span a {color: #dd2d33;}
.outer-box .order span a:hover{color:var(--menubglitexthover);}
.outer-box .order span a {position: relative; color: var(--menubglitext1); font-size: 25px; font-weight: 700; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }


/* CONTACT-FIXED UL  */
.fix_contant_ul{position: fixed;z-index: 50;bottom: 10px;left: 10px;}
@-webkit-keyframes cptCircle {0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);transform: rotate(0) scale(.5) skew(1deg);opacity: .01} 30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);transform: rotate(0) scale(.7) skew(1deg);opacity: .5} 100% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .01} }
@keyframes cptCircle {0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);transform: rotate(0) scale(.5) skew(1deg);opacity: .01 } 30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);transform: rotate(0) scale(.7) skew(1deg);opacity: .5} 100% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .01} }
@-webkit-keyframes cptCircleFill {0% {-webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg);opacity: 0} 50% {webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .2} 100% {-webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg); opacity: .2} }
@keyframes cptCircleFill {0% {-webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg);opacity: 0} 50% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .2} 100% { -webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg);opacity: .2} }
/* wp btn */
.callback {position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px;z-index: 1; }
.callback .circle,.callback .circle_fill {position: absolute; border-radius: 100%; -webkit-transition: all .5s; transition: all .5s; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-animation-delay: 2s; animation-delay: 2s }
.callback .circle {width: 120%; height: 120%; background-color: transparent; -webkit-animation: cptCircle 2.2s infinite ease-in-out; animation: cptCircle 2.2s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.callback .circle_fill {width: 100%; height: 100%; border: 2px solid transparent; -webkit-animation: cptCircleFill 2.3s infinite ease-in-out; animation: cptCircleFill 2.3s infinite ease-in-out; }
.callback .btn_nnt {position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;box-shadow: 0 0px 4px 1px rgb(0 0 0 / 20%); background-size: 30px; border-radius: 100%; cursor: pointer;}
.callback .btn_nnt > i {opacity: 0; visibility: hidden; -webkit-transition: all .6s cubic-bezier(.55, 0, .1, 1); transition: all .6s cubic-bezier(.55, 0, .1, 1); -webkit-transform: perspective(400px) rotateY(-180deg) scale(.4) translate3d(-50%, -50%, 0); transform: perspective(400px) rotateY(-180deg) scale(.4) translate3d(-50%, -50%, 0); z-index: 1; width: 45%; height: 45%; font-size: 16px; }
.callback .btn_nnt > img {vertical-align: middle;width: 30px; }
.callback .circle.wp{ border: 2px solid #189d0e;}
.callback .circle_fill.wp{background-color: #189d0e;box-shadow: 0 0 2px 0 #189d0e!important;}
.callback .btn_nnt.wp{background: center center no-repeat #189d0e;color: #fff;}
.callback .btn_nnt.wp > img {vertical-align: middle;width: 30px;filter: invert(100%) sepia(24%) saturate(1%) hue-rotate(32deg) brightness(102%) contrast(102%);}

.callback .circle.tel{ border: 2px solid #2196F3;}
.callback .circle_fill.tel{background-color: #2196F3;box-shadow: 0 0 2px 0 #2196F3!important;}
.callback .btn_nnt.tel{background: center center no-repeat #2196F3;color: #fff;}
.callback .circle.insta{ border: 2px solid #833ab4;}
.callback .circle_fill.insta{  background: #833ab4;box-shadow: 0 0 2px 0 #833ab4!important;}
.callback .btn_nnt.insta{background: center center no-repeat #833ab4;color: #fff;}
.callback .btn_nnt.insta > img {vertical-align: middle;width: 100%;}

.callback .circle.tikytok{ border: 2px solid #833ab4;}
.callback .circle_fill.tikytok{  background: #833ab4;box-shadow: 0 0 2px 0 #833ab4!important;}
.callback .btn_nnt.tikytok{background: center center no-repeat #833ab4;color: #fff;}
.callback .btn_nnt.tikytok > img {vertical-align: middle;width: 100%;}