/*
Theme Name: Mavigen Digital Agency
Version: 4.0
Description: Designed by <a href="http://www.mavigen.com">Mavigen Digital Agency</a>
Author: Mavigen Digital Agency
Author URI: http://www.mavigen.com
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body, html {font-family: "Roboto", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;font-variation-settings:
    "wdth" 100;color: #3F3F40;overflow-wrap:break-word;font-size:0.9rem}
body{overflow-x:hidden;background:#fcfaf7}

a {text-decoration: none;}
a:hover, a:focus {text-decoration: none!important;}

a:focus, input:focus, textarea:focus, select:focus, button:focus {outline: none!important;box-shadow: none!important;}
ul{ list-style:none; padding:0; margin:0; }


::placeholder{color:rgba(72,72,72,0.5)!important;}
input::placeholder{color:rgba(72,72,72,0.5)!important;}
input::placeholder{color:rgba(72,72,72,0.5)!important;}

input:focus,
textarea:focus,
select:focus,
radio:focus,
checkbox:focus{ outline: none !important; box-shadow: none !important; border-color: #555!important; }

ul{ list-style:none; padding:0; margin:0; }
h1,h2,h3,h4,h5,h6,p{margin:0;}

:root{--swiper-theme-color:#64cd59!important}


/************* ÖZEL FONT *************/
body,
input,
textarea,
.form-control{ font-family: 'Poppins', sans-serif;font-weight:500!important;border-radius:0!important}


/*------------- TRANSITION -------------*/
header,
.fixedhead,
header a,
header .bottom nav .nav-item,
footer .social li,
footer  .social li .iconArea,
footer li a,
.productList li .inner,
.productDetail .productAttributes .btn-sm,
.tabBox .buttonArea li,
header .middle .search-and-buttons .searchArea,
footer .mobileApps li,
.orderWhatsapp{-webkit-font-smoothing: antialiased;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}


/************* FONT AWESOME *************/
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
header .bottom nav .dropdown-toggle:after,
header .myPageDropdown .dropdown-toggle:after,
.breadcrumb>li+li:before,
.subContent .container .row>aside .inner .widget .wList li a:before{display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;font-family: "Font Awesome 5 Free";}

/************* BOOTSTRAP ICON *************/
header .mainNav .nav-item.dropdown .dropdown-toggle:after,
header .bottom nav .nav-item.dropdown .dropdown-toggle:after{display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

/*ince*/
{ font-weight:400; }

/*kalın*/
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
header .bottom nav .dropdown-toggle:after,
header .myPageDropdown .dropdown-toggle:after,
.breadcrumb>li+li:before,
.subContent .container .row>aside .inner .widget .wList li a:before{font-weight: 900; }


.custom-input-group .custom-grey-bg,
.custom-input-group .custom-red-bg,
.custom-input-group .custom-orange-bg{padding:0 10px;background:#bfbfbf;color:#484848;background:#efefef;border: 1px solid #ced4db;min-width : 154px}
.custom-input-group .custom-grey-bg>div,
.custom-input-group .custom-red-bg>div,
.custom-input-group .custom-orange-bg>div{min-height:calc(1.5em + .75rem + 2px)}
.custom-input-group .custom-grey-bg em{margin-right:5px}
.custom-input-group button,
.custom-input-group input[type="submit"],
.custom-input-group input[type="button"]{padding-top:0;padding-bottom:0}

.custom-input-group .custom-red-bg{color:#fff;background:#EC2029;border-color:#EC2029}
.custom-input-group .custom-orange-bg{background:#FCCE5B;border-color:#FCCE5B}

.custom-input-group .custom-grey-bg.m-w-auto{min-width:auto!important;border:0}

.alert{border-radius:0}

.btnCustom{border: 0;line-height: normal;padding:10px 20px;font-size: 14px;border-radius: 0;width:auto;justify-content:flex-start;align-items:baseline;font-weight:600;display:inline-block}
    .btnCustom em{margin-left:0;margin-right:10px}

.toggleButton{border: 0;line-height: normal;padding:10px 12px;font-size: 14px;border-radius: 0;width:100%;justify-content:flex-end;align-items:baseline}
.toggleButton em{margin-left:0;margin-right:10px}
.toggleButton div{text-align:left}
.toggleButton .right{font-size:11px;margin-left:10px;margin-right:0;margin-left:auto;white-space:nowrap}
.toggleButton .right em{margin-right:0}

.btnYellow{background:#FCCE5B;color:#3F3F40}
  a.btnYellow{color:#3F3F40}
  a:hover.btnYellow{color:#3F3F40}
  
.btnDark{background:#626567;color:#fff}
  a.btnDark{color:#fff}
  a:hover.btnDark{color:#fff}
  
.btnGreen{background:#4cae4c;color:#fff}
  a.btnGreen{color:#fff}
  .btnGreen:hover{color:#fff}

.btnOnlyborder{position:relative;background:transparent;color:#3F3F40}
.btnOnlyborder:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ced4db}
  a.btnOnlyborder{color:#3F3F40}
  a:hover.btnOnlyborder{color:#3F3F40;background:#efefef;}

.btnCustom.btn-sm{padding: 8px 14px;font-size: 12px}

.swiper-slide img{width:100%}

.searchBox{position:fixed;width:100%;height:100%;left:0;top:0;z-index:-400;align-items:center;justify-content:center;opacity:0;display:flex;
-webkit-font-smoothing: antialiased;-webkit-transition: all .05s;-moz-transition: all .05s;-o-transition: all .05s;-ms-transition: all .05s;transition: all .05s;}
.searchBox .mobile_closeArea{position:fixed;width:100%;height:100%;background: rgba(255, 255, 255, 0.4);backdrop-filter: blur(10px);}
.searchBox .closeBtn{width:32px;height:32px;line-height:32px;text-align:center;background:#3a3b3c;color:#fff;font-size:12px;font-weight:600;position:fixed;z-index:10;top:10px;right:10px;border-radius:100px;cursor:pointer;box-shadow:0px 4px 14px rgba(0, 0, 0, 0.1)}

    .searchBox .searchArea{position:fixed;display:flex;width:80%;z-index:10;background:#fff;flex-wrap:wrap}
        .searchBox .searchArea input[type="text"]{background: transparent;height: 34px;width: 100%;float: left;padding: 0 10px 0 34px;border: 1px solid #EDEEF1;z-index: 1;font-size: 10px;color: #3F3F40;font-weight: 500;border-bottom:0}
        .searchBox .searchArea input[type="submit"]{background: #64cd59;color: #fff;border: none;height: 34px;padding: 0 20px;font-size: 12px;font-weight: 500;width:100%}
            .searchBox .searchArea em{position: absolute;left: 0;color: #3F3F40;width: 34px;height: 34px;font-size: 12px;line-height: 34px;text-align: center;z-index: 0}

.scrolls{ margin:-200px; position:absolute; opacity:0; }


.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content:"\f060"!important}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content:"\f061"!important}
.swiper-button-next:after, .swiper-button-prev:after{font-family: "Font Awesome 5 Free"!important}

  .swiper-button-prev,
  .swiper-button-next{width:auto;background:#181818;width:45px!important;height:45px!important;border-radius:100px;outline:none}
  .swiper-button-prev:after,
  .swiper-button-next:after{color:#fff;font-size:15px!important}

/*-------------------------------------------- HEADER --------------------------------------------*/
    header{box-shadow: 0px 0 0 rgba(0, 0, 0, 0);background:#fff}
    header .announcement-bar{background:#383838;color:#fff;font-size:1.1rem;padding:7px}
    header .container{z-index:2;position:relative}

    /*------HEADER TOP ------*/
    header .top{background:#F5F7FA;display:none}
    header .topLinks{}
    header .topLinks li{display:inline-block;line-height:26px;margin-right:12px;}
        header .topLinks li a{color:#100C0D;font-size:12px;font-weight:400}
    /*------ /END HEADER TOP ------*/

    /*------HEADER MIDDLE ------*/
    header .middle.container{display:flex;justify-content: space-between;z-index:3}

    header .middle .navbar-brand{order:1;}
    header .middle .search-and-buttons{order:2;}

    header .middle .search-and-buttons .searchArea{order:1}
    header .middle .search-and-buttons .buttons{order:2}

    header .middle .navbar-brand{margin:0;padding:0}
    header .middle .navbar-brand img{height:100px}

    header .middle .search-and-buttons{display: flex;align-items: center;justify-content: space-between;width:100%;position:relative}
    header .middle .search-and-buttons .searchArea{position:relative;width:100%;padding:0 30px;width: 100%;padding: 0 0 0 30px;position: absolute;z-index: 20;background: #fff;height: 100%;align-items: center;justify-content: center;display: flex;right:0;width:10%;opacity:0;z-index:-111}
    header .middle .search-and-buttons .searchArea .box{display:flex;position:relative;width:100%;height:100%;display: flex;align-items: center;}
        header .middle .search-and-buttons .searchArea input[type="text"]{background:transparent;border:0;height:34px;width:100%;float:left;padding:0 10px 0 34px;color:#6C6C6C;z-index:1;font-size:0.8rem;color:#3F3F40;font-weight:500;height:100%}
        header .middle .search-and-buttons .searchArea input[type="submit"]{background:#64cd59;color:#f2f2f2;border:none;height:34px;padding:0 20px;font-size:12px;font-weight:500}
            header .middle .search-and-buttons .searchArea .box>em{position:absolute;left:0;color:#3F3F40;width:34px;height:34px;font-size:12px;line-height:34px;text-align:center;z-index:0;top:50%;margin-top:-16px}
            
            header .middle .search-and-buttons .searchArea .closeBtnX{font-size: 1.7rem;padding:0 10px;display: flex;align-items: center;cursor:pointer;}
            header .middle .search-and-buttons .searchArea .closeBtnX em{display:contents}

            header .middle .search-and-buttons .searchArea.animateSearch{opacity:1!important;width:100%!important;z-index:2}

    header .infoArea{position:relative;display:flex;justify-content:space-between;align-items:stretch;min-height:34px;}
    header .infoArea #searchBtn,
    header .infoArea .mobile_searchBtn{font-size:1.4rem;padding:6px 6px;display:flex;align-items:center;cursor:pointer;}

          /*Dropdown Open*/
          header .infoArea .dropdown .dropdown-menu{visibility: hidden;opacity: 0;display:block!important;margin-top:-3px;left:auto;right:0}
          header .infoArea .dropdown.open .dropdown-menu{margin-top:-1px;-webkit-font-smoothing: antialiased;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
          header .infoArea .dropdown.open .dropdown-menu{display: block;visibility: visible;opacity: 1}

          header .infoArea .myPageDropdown{margin-right:0}
          header .infoArea .myPageDropdown .dropdown-toggle{background:transparent;font-size:12px;font-weight:600;text-align:left;padding:6px 6px}
          header .infoArea .myPageDropdown .dropdown-toggle span{display:block;font-size:10px;font-weight:400}
          header .infoArea .myPageDropdown .dropdown-toggle em{font-size:1.7rem;color:#272727}
          header .infoArea .myPageDropdown .dropdown-toggle{position:relative;display: flex;justify-content: center;align-items: center;height:100%}
          header .infoArea .myPageDropdown .dropdown-toggle:after {content: "\f107";border: none!important;position: absolute;font-size: 12px;height: 100%;top: 0;display: flex;align-items: center;right: 0;padding: 0 7px;margin-left: 0;display:none;}
          header .infoArea .myPageDropdown .dropdown-menu ul{font-size:13px;line-height:normal}
          header .infoArea .myPageDropdown .dropdown-menu ul li a{display: block;padding: .15rem .1rem;clear: both;font-weight: 400;text-align: inherit;white-space: nowrap;color:#8D919B}
          header .infoArea .myPageDropdown .dropdown-menu ul li a:hover{color: #212529}
          header .infoArea .myPageDropdown .dropdown-menu{border-radius:0;border:0;background:#F5F7FA;padding:20px;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}

          /*INFO BUTTON HOVER*/
          header .infoArea .cart a:hover,
          header .infoArea .myPageDropdown.open{background:#F5F7FA;color:#212529!important}

          header .infoArea .cart a,
          header .infoArea .cart a:hover{color:#3F3F40!important;}

          header .infoArea .cart a{position:relative;padding:0 6px;font-size:12px;font-weight:600;height:32px;display:block;height:100%}
              header .infoArea .cart #sepetburaya{display:flex;justify-content:center;align-items:center;height:100%}
              header .infoArea .cart .icon{position:relative;padding-right:0;display:flex;align-items:center}
              header .infoArea .cart .icon .count{/*position:absolute;right:0;top:50%;margin-top:-14px;width:14px;height:14px;line-height:14px;background:#272727;border-radius:100px;color:#fff;border:1px solid #fff;font-weight:800;*/font-size:1rem;text-align:center;padding:4px}
              header .infoArea .cart .icon em{font-size:1.7rem;color:#272727}
    /*------ /END HEADER MIDDLE ------*/



    /*------HEADER NAV ------*/
    header .mainNav{font-size:16px;font-weight:500}
    header .mainNav .nav-item .nav-link{padding-top:0;padding-bottom:0;padding-right:1.7rem;padding-left:1.7rem;line-height:44px;color:#272727!important}
    header .mainNav .nav-item.dropdown .dropdown-toggle{padding-right:2rem}
    header .mainNav .nav-item.dropdown .dropdown-toggle:after{content: "\f282";border: none!important;position: absolute;font-size: 12px;height: 100%;top: 0;display: flex;align-items: center;right: 0;padding: 0 7px;margin-left: 0}
    header .mainNav .dropdown .dropdown-menu{visibility: hidden;opacity: 0;display:block!important;margin-top:-3px}
    header .mainNav .dropdown.open .dropdown-menu{margin-top:0;-webkit-font-smoothing: antialiased;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
    header .mainNav .dropdown.open .dropdown-menu{display: block;visibility: visible;opacity: 1}

    header .mainNav .dropdown-menu{margin-top: 0;border-radius:0;border:0;background:#fff;padding:20px;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
    header .mainNav .dropdown-menu .dropdown-item{padding:0 10px}

    header .mainNav .nav-item:hover,
    header .mainNav .nav-item.open,
    header .mainNav .nav-item.active{background:#fff}

    header .mainNav .nav-item:hover .nav-link,
    header .mainNav .nav-item.open .nav-link,
    header .mainNav .nav-item.active .nav-link{color:#212529!important}

    /*SubCats*/
    header .mainNav .nav-item .subCats {font-size:13px}
    header .mainNav .nav-item .subCats li a{display: block;padding: .15rem .1rem;clear: both;font-weight: 400;text-align: inherit;white-space: nowrap;color:#5b5b5b}
    header .mainNav .nav-item .subCats li a:hover{color: #212529}

    /*AllCats*/
    header .mainNav .allCategories .nav-link{border-left:1px solid #fff;border-right:1px solid #fff}
    header .mainNav .allCategories .nav-link i{font-size:14px;margin-right:5px}

    header .mainNav .allCategories .allCats{width:1170px;box-shadow:none}
    header .mainNav .allCategories .allCats:before{content:'';width:200vw;height:100%;position:absolute;left:-50vw;z-index:-1;top:0;background:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}

    header .mainNav .allCategories .catsContainer{display: flex;flex-wrap: wrap}
      header .mainNav .allCategories .catsContainer>li{flex: 1 0 20%;margin-bottom:20px}
      header .mainNav .allCategories .catsContainer>li .catName{font-size:14px;margin-bottom:5px}
      header .mainNav .allCategories .catsContainer>li .catName a{color:#212529}
    /*------/END HEADER NAV ------*/


    /*------HEADER BOTTOM ------*/
    header .bottom{background:#fff;position:relative}

    header .bottom .mobileButtons{}
    header .bottom .mobileButtons button{background:#EC2029;border:0;color:#fff;line-height: 40px;padding: 0 10px;font-size: 14px;border-radius:0;background:#64cd59;color:#fff;}

    header .bottom .searchBtn {float:left;}
    header .bottom .menuToggle {float:right;cursor: pointer;position:relative;}
    
    header .bottom nav{font-size:13px}
    header .bottom nav .nav-item .nav-link{padding-top:0;padding-bottom:0;padding-right:.7rem;padding-left:.7rem;line-height:44px;color:#272727!important}
    header .bottom nav .nav-item.dropdown .dropdown-toggle{padding-right:20px}
    header .bottom nav .nav-item.dropdown .dropdown-toggle:after{content: "\f282";border: none!important;position: absolute;font-size: 12px;height: 100%;top: 0;display: flex;align-items: center;right: 0;padding: 0 7px;margin-left: 0}
    header .bottom nav .dropdown .dropdown-menu{visibility: hidden;opacity: 0;display:block!important;margin-top:-3px}
    header .bottom nav .dropdown.open .dropdown-menu{margin-top:0;-webkit-font-smoothing: antialiased;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
    header .bottom nav .dropdown.open .dropdown-menu{display: block;visibility: visible;opacity: 1}

    header .bottom nav .dropdown-menu{margin-top: 0;border-radius:0;border:0;background:#fff;padding:20px;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
    header .bottom nav .dropdown-menu .dropdown-item{padding:0 10px}

    header .bottom nav .nav-item:hover,
    header .bottom nav .nav-item.open,
    header .bottom nav .nav-item.active{background:#fff}

    header .bottom nav .nav-item:hover .nav-link,
    header .bottom nav .nav-item.open .nav-link,
    header .bottom nav .nav-item.active .nav-link{color:#212529!important}

    /*SubCats*/
    header .bottom nav .nav-item .subCats {font-size:13px}
    header .bottom nav .nav-item .subCats li a{display: block;padding: .15rem .1rem;clear: both;font-weight: 400;text-align: inherit;white-space: nowrap;color:#272727}
    header .bottom nav .nav-item .subCats li a:hover{color: #212529}

    /*AllCats*/
    header .bottom nav .allCategories .nav-link{border-left:1px solid #fff;border-right:1px solid #fff}
    header .bottom nav .allCategories .nav-link i{font-size:14px;margin-right:5px}

    header .bottom nav .allCategories .allCats{width:1170px;box-shadow:none}
    header .bottom nav .allCategories .allCats:before{content:'';width:200vw;height:100%;position:absolute;left:-50vw;z-index:-1;top:0;background:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}

    header .bottom nav .allCategories .catsContainer{display: flex;flex-wrap: wrap}
      header .bottom nav .allCategories .catsContainer>li{flex: 1 0 20%;margin-bottom:20px}
      header .bottom nav .allCategories .catsContainer>li .catName{font-size:14px;margin-bottom:5px}
      header .bottom nav .allCategories .catsContainer>li .catName a{color:#212529}
    /*------ /END HEADER BOTTOM ------*/

.fixedhead{box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);}
/*-------------------------------------------- / END HEADER --------------------------------------------*/

    /*--- TITLEAREA ---*/
    .mainContent .titleArea{display:flex;align-items:baseline;justify-content:flex-start;margin-bottom:20px}
        .mainContent .titleArea .miniTitle{font-weight: normal;font-size: 12px;color: #3F3F40}
            .mainContent .titleArea .miniTitle a{color:#F4AC2A}
        .mainContent .titleArea h1{color:#4A4F59;font-weight:600;font-size: 26px;margin-right:10px}
    /*--- / END TITLEAREA ---*/

/*------------- BANNER -------------*/
  .bannerArea{width: 100%; overflow:hidden;position:relative; height: 70vh;/*;margin-top:144px*/}
  .bannerArea .swiper-slide > a{width:100%}
  .bannerArea img{/*width:100%;*/object-fit: cover;object-position: 50% 50%; height: 70vh;}
  .bannerArea video { width: 100%; object-fit: cover;object-position: 50% 50%; height: 70vh; }
  .bannerArea .v_Vid { width:100%;overflow:hidden;height: 70vh; }
  .bannerArea .swiper-slide{position:relative}
  .bannerArea .container {position: absolute;height: 100%;display:flex;align-items:center}

  .bannerArea .swiper-container {width: 100%;height: auto;}
  .bannerArea .swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
    
  .bannerArea .textArea {position: absolute;left: 0;z-index: 2;max-width:45%;background:rgba(255,255,255,0);backdrop-filter: blur(10px);padding: 24px}
  .bannerArea .textArea span{color:#F4AC2A;}
  .bannerArea .textArea h1 {font-size: 36px;margin-bottom: 20px;color:#3F3F40;font-weight: 400;}
  .bannerArea .textArea h1 span {font-weight: 900}
  .bannerArea .textArea .summary{font-size: 16px;color: #272727;font-weight:400;line-height:normal}
  .bannerArea .textArea p {font-size: 16px;color: #272727;font-weight:400;line-height:normal;margin-bottom:20px}
  .bannerArea .textArea p span{font-weight:700}
  .bannerArea .textArea .more{background:#FCCE5B;color:#3F3F40;padding:8px 18px;font-size:13px;display:table;border-radius:100px;font-weight:600;margin-top:25px}
  .map_canvas iframe { width:100% !important }
  .orderWhatsapp{background: linear-gradient(180deg, #44EC63 0%, #1BC93F 100%);padding:14px 10px;color:#fff;font-size:1rem;font-weight:600;margin-top:6px;display:inline-block;}
  .orderWhatsapp:hover{color:#fff;opacity:0.9;margin-top:4px}

/*------------- / END BANNER -------------*/

/*------------- SHOPPING ICONS -------------*/
.infoIcons{padding-top:20px;padding-bottom:10px}
.infoIcons .row{margin-left:-1px;margin-right:-1px}
.infoIcons .row>div{padding-left:1px;padding-right:1px;padding-top:1px;padding-bottom:1px}
.infoIcons .row>div .inner{background:#F5F7FA;padding:20px 20px;display:flex;align-items:center;height:100%}
.infoIcons .row>div .inner .iconArea{font-size:26px;margin-right:10px;color:#626567}
  .infoIcons .row>div .inner .iconArea em{display:block}
.infoIcons .row>div .inner .textArea strong,
.infoIcons .row>div .inner .textArea span{display:block}
.infoIcons .row>div .inner .textArea strong{font-size:12px;color:#4A4F59;font-weight:600}
.infoIcons .row>div .inner .textArea span{font-size:10px;color:#7C818C;font-weight:400}
/*------------- / END SHOPPING ICONS -------------*/

/*------------- FEATURED CATS -------------*/
.featuredCats{/*margin-top:10px;margin-bottom:40px*/padding:30px 0 10px}
.featuredCats .outsideArrow{position:relative}
  .featuredCats .outsideArrow .swiper-button-prev{left:-65px}
  .featuredCats .outsideArrow .swiper-button-next{right:-65px}
.featuredCats .swiper-slide{margin-top:0!important}
.featuredCats .slideArea a{display:block}
.featuredCats .slideArea img{width:100%;display:block}
.featuredCats .slideArea .imageArea img{/*border-radius:100px*/}
.featuredCats .slideArea .catTitle{font-size: 14px;color:#272727;text-align:center;padding:14px 6px}
/*------------- / END FEATURED CATS -------------*/

    /*--- TITLEAREA ---*/
    .featuredProducts .titleArea{margin-bottom:40px}
    /*--- / END TITLEAREA ---*/


.featuredProducts{background:url(../../assets/images/featuredProducts.jpg) no-repeat left bottom #F5F7FA;padding-top:74px;padding-bottom:90px}
.featuredProducts .slideArea img{width:100%;display:block}
.featuredProducts .slideArea .swiper-slide{height:auto;padding:0!important}
.featuredProducts .slideArea .swiper-slide .inner .imageArea{background:#F6F7F9;}

.featuredProducts .outsideArrow{position:relative}
  .featuredProducts .outsideArrow .swiper-button-prev{left:-65px}
  .featuredProducts .outsideArrow .swiper-button-next{right:-65px}


.productList .row{margin-left:-10px;margin-right:-10px}
.productList li{padding-left:10px;padding-right:10px}
.productList li .inner{background:#fff;height:100%;border:1px solid #E7E9F0;box-shadow:rgba(0, 0, 0, 0) 0px 10px 15px -3px, rgba(0, 0, 0, 0) 0px 4px 6px -2px}
.productList li .inner a{display:block}
.productList li img{width:100%}
.productList li .textArea{padding:20px 20px 15px}
  .productList li .textArea h3{color:#4A4F59;font-size:14px;margin-bottom:5px}
  .productList li .textArea p{color:#7c818c;font-size:12px}
.productList li .priceArea{padding:15px 20px 20px;color:#4A4F59}

.productList li .priceArea .discoundArea{display:flex;font-size:12px;align-items:center;margin-bottom:10px}
.productList li .priceArea .discoundArea .percent{background:#f90909;color:#fff;padding:7px 10px;margin-right:8px;font-size:12px}
.productList li .priceArea .discoundArea .right{padding:0;font-size:10px}
.productList li .priceArea .oldPrice{position:relative;display:block;padding:0 4px;font-size:12px;}
.productList li .priceArea .oldPrice em{font-size:10px}
.productList li .priceArea .oldPrice:before{content:'';position:absolute;top:50%;margin-top:-0.5px;left:0;width:100%;height:1px;background:#7c818c}

.productList li .button{background: #FCCE5B;color: #3F3F40;border: none;height: 34px;padding: 0 20px;font-size: 12px;font-weight: 500;display: flex;align-items: center;justify-content: center;margin: 0 14px 14px;cursor:pointer;}
.productList li .button em{margin-right:5px}

.branches{padding:60px 0 80px}
.branches .titleArea{text-align:center;flex-direction:column;padding-bottom:20px}
.branches .titleArea h3{display:block;width:100%;font-weight:600;padding-bottom:5px}
.branches .titleArea p{display:block;width:100%}
.branches img{width:100%}
.branches .sb_list .sb_text{padding:20px 0;font-size:1.7rem;line-height:normal;}
.branches .sb_list .sb_text .sb_title{font-weight:600;padding-bottom:8px}
.branches .sb_list .sb_text .sb_desc{font-size:1.1rem;display:grid;}
.branches .sb_list .sb_text .sb_desc a{margin-top:6px;padding-top:4px;display:block;color:#3F3F40;font-weight:600}

.de_sube{font-size:1.1rem;line-height:171%}
.de_sube .su_img img{width:100%}
.de_sube a{color:#3F3F40}

/*------------- FOOTER LOGOS -------------*/
.footerLogos{padding:10px 0 20px;}
.footerLogos .imageArea{background:#F5F7FA;}
.footerLogos .imageArea img{width:100%}
/*------------- / END FOOTER LOGOS -------------*/

.hiddenH100Pagination{display:flex;top:0;bottom:0!important;opacity:0;width:100%}
.hiddenH100Pagination span{width:100%;height:100%;border-radius:0}


/*------------- FOOTER -------------*/
  footer{font-size:12px;font-weight:400}

     /*--- TOP ---*/
    footer .top .container{padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-top: 2px solid #F5F7FA;text-align:center}
    footer .top .firmInfo{margin-right:auto!important}

    footer .top .firmInfo{margin:0 10px;font-size:12px;font-weight:500;color:#272727}
        footer .top .firmInfo .firmName{font-size:14px;font-weight:600;margin:4px 0 4px}
        footer .top .firmInfo .firmAddress{margin:0 0 3px}

    footer .top .firmContact{margin:0 0 10px;text-align:right;font-size:12px;font-weight:500;color:#272727}
        footer .top .firmContact .cTitle{font-size:14px;font-weight:600;margin:0 0 4px}
        footer .top .firmContact .cPhone{color:#272727;display:block;margin:0 0 3px}
        footer .top .firmContact .cMail{color:#272727;display:block;margin:0 0 3px}

        footer .top .subscribeAndLogos{padding:0 20px;color:#272727;margin:0 auto;}
            footer .top .subscribeAndLogos .subscribe .sTitle{font-size: 14px;font-weight: 600;margin: 0 0 10px}
            footer .top .subscribeAndLogos .subscribe form{display:flex}
            footer .top .subscribeAndLogos .subscribe input[type="text"]{background:transparent;border:1px solid #EDEEF1;height:34px;padding:0 10px;font-weight:500;font-size:10px;color:#1D2530;width:470px}
            footer .top .subscribeAndLogos .subscribe input[type="button"]{background:#64cd59;color:#fff;font-weight:600;font-size:12px;padding:0 20px;border:0;height:34px;line-height:34px}
    /*--- / End TOP ---*/

    /*--- / End MIDDLE ---*/
    footer .middle{background:#F5F7FA;padding:40px 0 50px}
        footer .middle .fTitle{font-size:14px;color:#4A4F59;font-weight:600;margin-bottom:10px}
        footer .middle .fNavi,
        footer .middle .social{padding-top:34px}

    footer .middle .about{line-height:24px;max-width: 25%;color:#7C818C}
    footer .middle .about img{display:block;margin-bottom:10px}
        footer .mobileApps{padding:0!important}
        footer .mobileApps h5{font-size: 14px;color: #4A4F59;font-weight: 600;margin-bottom: 10px;}
        footer .mobileApps {opacity: 1;}
        footer .mobileApps li a {background: #000;border-radius: 0;padding: 10px 15px;color: #fff;display: flex;align-items: center;}
        footer .mobileApps li a i {float: left;font-size: 30px;margin-right: 10px;}
        footer .mobileApps li.googlePlay a i {font-size: 26px;}
        footer .mobileApps li a .tex {float: left;}
        footer .mobileApps li a .tex span,
        footer .mobileApps li a .tex strong {display: block;}
        footer .mobileApps li a .tex strong {font-weight: 800;font-size: 14px;line-height: 22px;}
        footer .mobileApps li a .tex span {font-weight: 600;font-size: 9px;line-height: 12px;}
        footer .mobileApps li:hover {transform: scale(1.1);}

    footer .middle .fNavi{padding-left:40px;padding-right:40px}
    footer .middle .fNavi .fLinks li{padding:4px 0}
    footer .middle .fNavi .fLinks li a{color:#7C818C}
    footer .middle .fNavi .fLinks li:hover a{color:#212529}

    footer .middle .social{padding-left:40px}

      /*--- Social ---*/
      footer .social li{position:relative;padding:4px 0}
          footer .social li a{display:flex;align-items:center;color:#7C818C;white-space:nowrap}
          footer .social li:hover a{color:#212529}
          footer .social li i{height:38px;line-height:38px;display:block}

          footer  .social li .iconArea{font-size:12px;width:26px;height:26px;line-height:26px;position:relative;color:#C7C7C7;text-align:center;margin-right:7px;display:flex;align-items:center;justify-content:center}
              footer  .social li .iconArea em{align-self:center;z-index:1;font-size:13px}
              footer  .social li .iconArea:after{content:'';position:absolute;width:100%;height:100%;background:#EAEAEA;border-radius:100px;left:0;top:0;z-index:0}
                  footer  .social li:hover .iconArea{color:#fff}
                  footer  .social li:hover .iconArea:after{background:#C7C7C7;}

          footer .social li:hover .iconArea.whatsapp:after{ background:#25D366}
          footer .social li:hover .iconArea.facebook:after{ background:#37589A}
          footer .social li:hover .iconArea.twitter:after{ background:#4DABF0}
          footer .social li:hover .iconArea.youtube:after{ background:#E32B28}
          /*footer .social li.instagram:hover{ background: #d6249f;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}*/
          footer .social li:hover .iconArea.google:after{ background:#E32B28}
          footer .social li:hover .iconArea.linkedin:after{ background:#007AB7}
          footer .social li:hover .iconArea.pinterest:after{ background:#CD1C21}
          footer .social li:hover .iconArea.vimeo:after{ background:#00B7EC}
          footer .social li:hover .iconArea.behance:after{ background:#009BFF}
          footer .social li:hover .iconArea.rss:after{ background:#E96E00}

          footer .social li:hover .iconArea.instagram:after {background-image:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}
      /*--- / End Social ---*/
    /*--- / End MIDDLE ---*/

     /*--- Bottom ---*/
    footer .bottom .container{padding-top:20px;padding-bottom:20px;display:flex;justify-content:space-between;align-items:center}
        footer .bottom .copyright{font-size:12px;color:#C5C5C5;font-weight:400;line-height:auto}
            footer .bottom .copyright span{color:#7C818C;padding:0 20px;}
        footer .bottom .mavigen{}
            footer .bottom .mavigen img{display:block;height:16px}
    /*--- / End Bottom ---*/
/*------------- / END FOOTER -------------*/



/*------------- SUB CONTENT -------------*/
.subContent{margin-bottom:40px;position:relative;z-index:0;/*margin-top:144px*/}
.subContent>.container{background:#fff;padding-top:20px;}
.subContent>.container>.row{margin-left:-10px;margin-right:-10px}
    .subContent .container>.row aside,
    .subContent .container>.row section{padding-left:10px;padding-right:10px}

    /*--- TITLEAREA ---*/
    .subContent .titleArea{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding:14px 0px 14px;flex-wrap:wrap;border-bottom:2px solid #F5F7FA;margin-bottom:20px}
    .subContent .titleArea h1{max-width:100%}
        .subContent .titleArea .miniTitle{font-weight: normal;font-size: 12px;color: #3F3F40}
            .subContent .titleArea .miniTitle a{color:#F4AC2A}
        .subContent .titleArea h1{color:#4A4F59;font-weight:600;font-size: 26px;margin-right:10px}
    /*--- / END TITLEAREA ---*/


    /*--- BREADCRUMB ---*/
    .breadcrumbArea{position:relative;z-index:1;/*border:1px solid #F5F7FA*/}
    .breadcrumb{/*padding:13px 15px;*/padding:0;margin-bottom:20px;list-style:none;background-color:transparent;border-radius:4px;font-size:12px;font-weight:600}
    .breadcrumb>li{float:left;position:relative;padding:0 12px}
    .breadcrumb>li+li:before{padding:0 5px;color:#4A4F59;content:"/";position:absolute;left:-4px;top:2px;padding:0;font-size:10px}
    .breadcrumb>li:first-child{padding-left:0}
    .breadcrumb>li:last-child{padding-right:0}
    .breadcrumb>.active{color:#ec2329}
    .breadcrumb{ margin: 0; padding-left: 0; padding-right: 0;float:left; }
    .breadcrumb a{ color: #4A4F59;font-weight:500;}
    /*--- / END BREADCRUMB ---*/

    /*--- SUB BANNER ---*/
    .subBanner{position:relative;width:100%;display:flex;align-items:flex-end;justify-content:center;}
    .subBanner img{object-fit: cover;object-position: 50% 50%;width:100%;height:400px}

    .subBanner .container{position:absolute;display: flex;background:rgba(255,255,255,1);backdrop-filter: blur(10px);padding-top:0}
    .subBanner .titleArea{display:flex;align-items:center;justify-content:space-between;width:100%;padding: 24px 8px 24px;flex-wrap:wrap;border-bottom:2px solid #F5F7FA;margin-bottom:0}
        .subBanner .titleArea .miniTitle{font-weight: normal;font-size: 12px;color: #3F3F40;padding:3px 0}
            .subBanner .titleArea .miniTitle a{color:#8D919B}
        .subBanner .titleArea h1{color:#4A4F59;font-weight:600;font-size: 24px;margin-right:10px}

    .subBanner .breadcrumbArea{margin:0;border:0}
    .subBanner .breadcrumb{padding:0}
    /*--- / END SUB BANNER ---*/

    /*------ ASIDE ------*/
    .subContent .container .row>aside .inner{border:1px solid #E7E9F0;background:#fff;width:100%}

    .subContent .container .row>aside .inner .widget{padding:0 18px 18px}
    .subContent .container .row>aside .inner .widget .wTitle{font-size:16px;border-bottom:1px solid #E7E9F0;padding:10px 18px;margin-left:-18px;margin-right:-18px;margin-bottom:10px}

        .subContent .container .row>aside .inner .widget .wList ul {font-size:13px}
        .subContent .container .row>aside .inner .widget .wList li hr{margin:5px 0;border-top:1px solid #F5F7FA}
        .subContent .container .row>aside .inner .widget .wList li a{display: block;padding:3px 0;clear: both;font-weight: 400;color:#8D919B;position:relative;padding-left:10px}
        .subContent .container .row>aside .inner .widget .wList li a:hover{color: #212529}
        .subContent .container .row>aside .inner .widget .wList li a:before{content:"\f054";position:absolute;font-size:8px;left:0;top:7px}
    /*------ / END ASIDE ------*/

    /*------ CONTENT ------*/
        .subContent .container .row>section{z-index:10;position:relative;}


        /******* ------ PRODUCT LIST ------ *******/
        .pageProductlist .breadcrumbArea,
        .pageProductlist .titleArea{display:none}
        .pageProductlist .productList{font-size:14px}
        .pageProductlist .productList .grid .item{padding-left: 10px;padding-right: 10px;}
        .pageProductlist .productList .grid .item .picArea{border:1px solid #eee;position:relative;}
        .pageProductlist .productList .grid .item .picArea img{display:block;width:100%;}
        .pageProductlist .productList .grid .item .picArea .item-image-hover{position:absolute;width: 100%;left: 0;top: 0px;height: 100%;opacity:0;}
            .pageProductlist .productList .grid .item .picArea:hover .item-image-hover{opacity:1}

        .pageProductlist .productList .grid .item .textArea{padding:13px 0;}
            .pageProductlist .productList .grid .item .textArea h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-size:15px;color:#FD8C25;font-weight:700;padding:0 0 6px;}
            .pageProductlist .productList .grid .item .textArea p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-size:13px;color:#6C6C6C;font-weight:500;padding:6px 0 0;}

        .pageProductlist .productList .grid .item .priceArea{color:#FD8C25;font-weight:700;font-size:26px;margin:0 0 10px;line-height:40px;}
            .pageProductlist .grid .item .priceArea i{font-size:24px;}

            .pageProductlist .grid .item .currentPrice{font-size:28px;float:left;}
                .pageProductlist .grid .item .currentPrice i{font-size:24px!important;}

            .pageProductlist .grid .item .oldPrice{color:#ff6060;float:right;text-decoration:line-through;font-size:28px;}
                .pageProductlist .grid .item .oldPrice i{font-size:24px!important;}

        .pageProductlist .productList .grid .item .button{height:36px;line-height:36px;background:#eee;color:#444;font-weight:700;font-size:16px;text-align:center;cursor:pointer;}
            .pageProductlist .productList .grid .item .button i{font-size:14px;margin-right:5px;}

        .pageProductlist .productList .grid .item .button:hover{background:#62A730;color:#fff;}

        .pageProductlist .productList li:hover .inner{box-shadow:rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px}
        /******* ------ / END PRODUCT LIST ------ *******/


        /******* ------ PRODUCT DETAIL ------ *******/
        .productDetail .swiper-container-thumbs .swiper-slide{cursor:pointer}
        .productDetail .swiper-container-thumbs .swiper-slide img{border:2px solid #fff}
        .productDetail .swiper-container-thumbs .swiper-slide-thumb-active img{border:2px solid #FCCE5B}

        .productDetail .btn, 
        .productDetail .btn-sm{border-radius:0}
        .productDetail .alert{font-size:12px}

        .productDetail .line{width:100%;height:1px;background:#F5F7FA;margin:15px auto;box-sizing:border-box;}

        .productDetail h2{color: #4A4F59;font-weight: 300;font-size: 14px;padding: 10px 0;width: 100%;opacity: 0.7}

        .productDetail .descArea{font-size: 14px;margin-bottom: 20px;margin-top: 0}

.o_secenekleri.row{margin-right: -5px;margin-left: -5px;}
.o_secenekleri label{font-size: 0.85rem;cursor:pointer;margin:5px!important;border-color:#d9d9d9}
.o_secenekleri input[type="radio"]:checked + label {background-color: #6c757d !important;color: white !important;border-color: #272727 !important;border-width: 1px; }
.o_secenekleri .btn-outline-secondary:hover {border-color: #272727;color: #343434;background-color:transparent;}
.o_secenekleri .input-group .btn-outline-secondary {width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;padding: 0;}

            /*--- PRICE AREA ---*/
                .productDetail .priceArea h2{border:0;margin:0;padding-bottom:0;font-size:14px}
                .productDetail .priceArea .discoundArea{display:flex;align-items:stretch;margin-bottom:10px}
                .productDetail .priceArea .discoundArea .percent{background:#f90909;color:#fff;padding:0 14px;margin-right:8px;font-size:16px}
                .productDetail .priceArea .discoundArea .percent div{display:flex;align-items:center;justify-content:center;height:100%}

                .productDetail .priceArea .discoundArea .right{padding:4px 0 0;font-size:12px}
                .productDetail .priceArea .oldPrice{position:relative;display:block;padding:0 4px;font-size:18px;color:#9e9e9e;font-weight:600;text-align:center;display:table}
                .productDetail .priceArea .oldPrice:before{content:'';position:absolute;top:50%;margin-top:-0.5px;left:0;width:100%;height:1px;background:#9e9e9e;z-index:-1}

                .productDetail .priceArea .currentPrice{font-size:32px;font-weight:600}
            /*--- / END PRICE AREA ---*/

            /*--- BUTTON AREA ---*/
                .productDetail .buttonArea{margin:0 -5px}
                .productDetail .buttonArea a{margin:0 5px}
            /*--- / END BUTTON AREA ---*/


            /*--- QUANTITY AREA ---*/
                .productDetail .productAttributes .input-group{width:auto}
                .productDetail .productAttributes .btn-sm{color:#484848!important;background:#bfbfbf;align-items:center;height:100%;display:flex;padding:0 12px;font-size:10px}
                .productDetail .productAttributes .btn-sm:hover{background:#d6d6d6}

                .productDetail .productAttributes .form-control{height:auto;text-align:center;padding:0;border-top:2px solid #bfbfbf;border-bottom:2px solid #bfbfbf;position:relative}
                .productDetail .productAttributes .form-control input{border:0;background:transparent;max-width:40px;text-align:center;padding:0 0 15px;font-size:12px;height:100%;z-index:1}
                .productDetail .productAttributes .form-control span{display:block;font-size:8px;padding-bottom: 2px;position:absolute;width:100%;bottom:0;z-index:0}
            /*--- / END QUANTITY AREA ---*/

            /*--- TAB BOX ---*/
            .tabBox{ border:1px solid #CACACA; }

            .tabBox .buttonArea{background:#626567;position:relative;font-size:14px}
                .tabBox .buttonArea:after{content:'';width: 100%;height:1px;background:#CACACA;position:absolute;left:0;bottom:0;}

            .tabBox .buttonArea li{padding:14px;float:left;border-right:1px solid #CACACA;position:relative;cursor:pointer;color:#fff}
            .tabBox .buttonArea li.selected,
            .tabBox .buttonArea li:hover{background:#fff;z-index:2;color:#212529}

            .tabBox .tabContent{padding:20px 14px}
            .tabBox .tabContent .content:first-child{display:block}
            .tabBox .tabContent .content {display:none;font-size:14px}
            .tabBox .tabContent .commentList li{ border-bottom: 1px solid #eee;padding:0 0 10px;margin: 0 0 10px;font-size:14px}
                .tabBox .tabContent .commentList li:last-child{border-bottom:0;margin:;padding: 0}

            .tabBox .tabContent .commentList li .subject{font-weight:600;font-size: 14px; margin: 0 0 6px; }
            .tabBox .tabContent .commentList li .namesurname{font-weight:600;text-align: right; font-size: 12px; margin: 6px 0 0; }
            /*--- / END TAB BOX ---*/
        
        figure.zoomFN{background-position: 50% 50%;background-size:300%;background-repeat:no-repeat;position: relative;overflow: hidden;cursor: zoom-in;}
        figure.zoomFN img:hover {opacity: 0;}
        figure.zoomFN img {transition: opacity 0.5s;display: block;width: 100%;}
        /******* ------ / END PRODUCT DETAIL ------ *******/

        /******* ------ USER PAGES ------ *******/
        .pageForgotpassword .sub-title{margin-bottom:10px}
        /******* ------ / END USER PAGES ------ *******/

        .sub-title{padding:10px 0px;border-bottom:2px solid #F5F7FA;margin-bottom:10px;font-size:20px}
        .sub-title.noBorder{border:0}

        /******* ------ CART PAGES ------ *******/
        .pageCart .item-total-col,
        .pageCart .item-price-col{font-weight:500;white-space:nowrap}
        .pageCart .item-total-col .item-price-special{color:#EC2029;}
        .pageCart table input{padding:6px 10px;text-align:center;}
        .pageCart a{color:#212529}
        .pageCart table input.adet{;width:50px}
        .pageCart table .btn{color:#fff}

        .cartBottomText{width:100%; float:left; margin:10px 0px;}

        .cartBottomText .customCBox{width:18%; margin:1%; padding:1%; border:1px solid #eee; float:left}
            .cartBottomText .customCBox .picArea img{width:100%;}
            .cartBottomText .customCBox .productName{width:100%; float:left; margin-top:10px}
            .cartBottomText .customCBox .priceArea{width:100%; float:left; margin-top:10px;font-weight:700;font-size:18px;}
                .cartBottomText .customCBox .priceArea i{font-size:14px;margin-right:4px;}

            .cartBottomText .customCBox .btnArea{font-weight:700;}
                .cartBottomText .customCBox .btnArea .delete{color:#EC2029;}

        .pageCart .btnGroup{margin-left:-6px;margin-right:-6px}
        .pageCart .btnGroup a,
        .pageCart .btnGroup input[type="button"]{margin:0 6px 6px}


        .pageCart form.row{margin-left:-10px;margin-right:-10px}
        .pageCart form>div{padding-left:10px;padding-right:10px}


        .pageCart .summary .inner{border:1px solid #dee2e6;padding:16px}
        .pageCart .summary .d-flex{font-size:12px}
        .pageCart .summary .d-flex .name{opacity:0.6}
        .pageCart .summary .d-flex .price{font-size:14px}

        .pageCart .summary .totalPrice .price{font-size:26px}

        .pageCart .summary .campaign .form-control{font-size:12px}
        .pageCart .summary .campaign .btn{font-size:12px}
        .pageCart .summary .btn-sm{font-size:12px}

        .pageOrder .custom-input-group .custom-grey-bg{min-width:154px!important}
        .pageOrder .custom-input-group .custom-grey-bg.m-w-auto{min-width:auto!important}

        .pageOrdersummary #toplamTutar{font-size: 26px;}
        .pageOrdersummary .custom-input-group .custom-grey-bg{min-width:20%!important}

        .pagePay .custom-input-group .custom-grey-bg{min-width:154px!important}
        .pagePay .custom-input-group .custom-grey-bg.m-w-auto{min-width:auto!important}

        .oldOrder .item-price{font-size:16px;font-weight:500}
        .oldOrder .item-price-special{color:#EC2029;font-weight:500;font-size:20px}
        .oldOrder strong{font-weight:600}
        /******* ------ / END CART PAGES ------ *******/

         
        /******* ------------------ ------  HAZIRLANMAYAN ESKI ------------------ *******/
                /*-------------------------------------------- BLOG --------------------------------------------*/
                        .subContent .container .row>section .blogList .titleArea{line-height:50px;padding:0 15px;}
                            .subContent .container .row>section .blogList .titleArea h2{color:#5FA530;font-size:16px;float:left;font-weight:900;}
                            .subContent .container .row>section .blogList .titleArea .all{float:right;font-size:12px;color:#1F1D1E;font-weight:500;}

                        .subContent .container .row>section .blogList .grid .item{padding-left: 10px;padding-right: 10px;}
                        .subContent .container .row>section .blogList .grid .item .picArea{border:1px solid #eee;}
                        .subContent .container .row>section .blogList .grid .item .picArea img{padding:2px;display:block;width:100%;}

                        .subContent .container .row>section .blogList .grid .item .textArea{padding:13px 0;}
                            .subContent .container .row>section .blogList .grid .item .textArea h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-size:15px;color:#0e0e0e;font-weight:700;padding:0 0 6px;}
                            .subContent .container .row>section .blogList .grid .item .textArea p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-size:13px;color:#6C6C6C;font-weight:500;padding:6px 0 0;}

                        .subContent .container .row>section .blogList .grid .item .button{height:36px;line-height:36px;background:#eee;color:#444;font-weight:700;font-size:16px;text-align:center;cursor:pointer;}
                            .subContent .container .row>section .blogList .grid .item .button i{font-size:14px;margin-right:5px;}

                        .subContent .container .row>section .blogList .grid .item .button:hover{background:#62A730;color:#fff;}
                /*-------------------------------------------- / END BLOG --------------------------------------------*/
                    /*-------------------------------------------- GALLERY LIST --------------------------------------------*/
                    .subContent .galleryList .grid .item{padding-left: 10px;padding-right: 10px;}
                        .subContent .galleryList .grid .item .picArea{border:1px solid #eee;}
                        .subContent .galleryList .grid .item .picArea img{padding:2px;display:block;width:100%;}

                        .subContent .galleryList .grid .item .picArea .buttonArea{position: absolute;top: 50%;z-index: 20;left: 50%;margin-left: -20%;margin-top: -16%;opacity:0;}
                        .subContent .galleryList .grid .item .picArea:hover .buttonArea{opacity:1}
                            .subContent .galleryList .grid .item .picArea .bigPic,
                            .subContent .galleryList .grid .item .picArea .externalLink{background: #FD8C25;width: 30px;height: 30px;float: left;margin: 0 5px;text-align: center;font-size: 12px;line-height: 30px;}

                            .subContent .galleryList .grid .item .picArea .bigPic a,
                            .subContent .galleryList .grid .item .picArea .externalLink a{color:#fff!important;}

                        .subContent .galleryList .grid .item .textArea{padding:13px 0;}
                            .subContent .galleryList .grid .item .textArea h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-size:15px;color:#FD8C25;font-weight:700;padding:0 0 6px;}
                            .subContent .galleryList .grid .item .textArea p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-size:13px;color:#6C6C6C;font-weight:500;padding:6px 0 0;}
                    /*-------------------------------------------- / END GALLERY LIST --------------------------------------------*/
        /******* ------------------ / END HAZIRLANMAYAN ESKI ------------------ *******/

    /*------ / END CONTENT ------*/

/*------------- / END SUB CONTENT -------------*/

table.centered,
table.centered th{text-align:center}

table{border-collapse: collapse;border-spacing: 0;border: 1px solid #CACACA;width:100%}
table thead th{font-weight:400;font-size:12px;padding:.60rem!important}
table td, table th{padding:4px 8px;border:1px solid #CACACA}

table thead tr th {padding:10px;border-right: 1px solid #CACACA;background: #fafafa;border-bottom: 1px solid #CACACA}
table tfoot > tr > td{padding:10px;border-right: 1px solid #CACACA;background: #fafafa;border-bottom: 1px solid #CACACA}
table td em, table th em{margin:0}


.mTo5{ margin-top: 5px!important}
.mTo10{ margin-top: 10px!important}
.mTo20{ margin-top: 20px!important}
.mTo30{ margin-top: 30px!important}
.mTo40{ margin-top: 40px!important}
.mTo50{ margin-top: 50px!important}
.mTo60{ margin-top: 60px!important}

.mBo0{margin-bottom:0!important}
.mBo5{margin-bottom:5px!important}
.mBo10{margin-bottom:10px!important}
.mBo15{margin-bottom:15px!important}
.mBo12{margin-bottom:12px!important}
.mBo20{margin-bottom:20px!important}
.mBo30{margin-bottom:30px!important}
.mBo40{margin-bottom:40px!important}
.mBo50{margin-bottom:50px!important}
.mBo60{margin-bottom:60px!important}
.mBo70{margin-bottom:70px!important}


.pTo10{padding-top:10px;}
.pTo20{padding-top:20px;}
.pTo30{padding-top:30px;}
.pTo40{padding-top:40px;}
.pTo50{padding-top:50px;}
.pTo60{padding-top:60px;}
.pTo70{padding-top:70px;}
.pTo80{padding-top:80px;}

.pBo10{padding-bottom:10px;}
.pBo20{padding-bottom:20px;}
.pBo30{padding-bottom:30px;}
.pBo40{padding-bottom:40px;}
.pBo50{padding-bottom:50px;}
.pBo60{padding-bottom:60px;}
.pBo70{padding-bottom:70px;}
.pBo80{padding-bottom:80px;}

.pL0{padding-left:0}

.pR0{padding-right:0}


.collapseOnlyMobile{flex-flow: row nowrap;justify-content: flex-start;}
.collapseOnlyMobile .collapse{display: block;flex-basis: auto}

@media (max-width: 1440px){

}
@media (max-width: 1366px){

}

@media (max-width: 1550px){
     .featuredCats .outsideArrow .swiper-button-next {
        right: 0;
        top: -60px;
        width: 30px !important;
        height: 30px !important;
    }

    .featuredCats .outsideArrow .swiper-button-prev {
        right: 44px;
        top: -60px;
        width: 30px !important;
        height: 30px !important;
        left: inherit;
    }

    .featuredProducts .outsideArrow .swiper-button-next {
        right: 0;
        top: -40px;
        width: 30px !important;
        height: 30px !important;
        display: flex !important;
    }

    .featuredProducts .outsideArrow .swiper-button-prev {
        right: 44px;
        top: -40px;
        width: 30px !important;
        height: 30px !important;
        left: inherit;
        display: flex !important;
    }

}

@media (max-width: 1280px){   
    .bannerArea{height: 40vh;}
    .bannerArea img{height: 40vh;}
    .bannerArea video{height: 40vh;}
    .bannerArea .v_Vid { height: 40vh; }
}

@media (min-width: 1200px) {
    .container {max-width: 1440px;}
}

@media (max-width: 1025px){
    .collapseOnlyMobile .collapse{display:none}
    .collapseOnlyMobile .collapse.show{display:block}

    header,
    header.fixedhead{position:relative!important;}

    header .bottom nav .allCategories .allCats{width:90vw}
    header .bottom nav .allCategories .allCats:before{width:100%;left:0}

    .navbar .collapse{flex-wrap: wrap}
    .navbar .navbar-nav{display: contents}

    .bannerArea,
    .subContent{margin-top:0!important;}

    .subContent{margin-bottom:30px}

    .bannerArea .swiper-button-prev{left:-20px;}
    .bannerArea .swiper-button-next{right:-20px}

    .bannerArea,
    .subBanner{position:relative; height: auto !important;}

    .subBanner{flex-wrap:wrap}
    .subBanner img{height:150px}
    .subBanner .container{position:relative}
    .subBanner .titleArea{flex-direction: column;align-items: flex-start;padding:15px 0 10px}
    .subContent .titleArea h1,
    .subBanner .titleArea h1{order:2}
    .subContent .titleArea h1{margin-top:6px;margin-right:0}

    footer .middle .d-flex{flex-wrap: wrap}

    .featuredProducts .outsideArrow .swiper-button-prev,
    .featuredProducts .outsideArrow .swiper-button-next{display:none}

    .featuredProducts{padding-top:44px;padding-bottom: 46px}
    .featuredProducts .titleArea{margin-bottom: 26px}

    .bannerArea{height: 38vh;}
    .bannerArea img{height: 38vh;}
    .bannerArea video{height: 38vh;}
    .bannerArea .v_Vid { height: 38vh; }
}

@media (max-width: 1020px){
    .container{max-width:100%;}

    .bannerArea img{width:100%;}
    /*.bannerArea .swiper-wrapper{background: #383838;}*/
    .bannerArea .swiper-slide{flex-wrap: wrap;background:transparent}
    .bannerArea .swiper-slide>a{flex: 1 0 100%;}

    /*.bannerArea .container{position:relative;flex: 1 0 100%;height:auto;padding-left:30px;padding-right:30px}*/
    .bannerArea .textArea{position:relative;max-width:100%;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}
    .bannerArea .textArea h1{font-size:24px;margin-bottom:10px}
    .bannerArea .textArea .summary,
    .bannerArea .textArea p{font-size:15px;margin-bottom:5px;line-height:normal}
    .bannerArea .textArea .more{margin-top:10px}
    .bannerArea .swiper-pagination{display:none}
}
@media (max-width: 992px){
  .fixedhead{background:transparent}
  header .middle .search-and-buttons .searchArea{display:none}

  footer .middle .about{max-width:100%}
  footer .middle .fNavi{padding-left:10px;padding-right:10px;flex: 1 0 50%}
  footer .middle .social{padding-left:10px;padding-right:10px;flex: 1 0 50%}
  footer .top .subscribeAndLogos .subscribe input[type="text"] {
    width: 220px;
  }
}

@media (max-width: 768px){
  header .bottom .container{padding:0}
  header .allCategories{display:none}
  header .bottom nav>div{background: rgba(0,0,0,0.07)}
  header .bottom nav>div .navbar-nav{padding:12px 12px 20px}
  header .bottom nav .nav-item.dropdown .dropdown-toggle:after{height:auto;right: 10px}
  header .bottom nav .dropdown .dropdown-menu{opacity:1;visibility:visible;padding:15px;margin-top:0}
  header .bottom nav .dropdown-menu{box-shadow:none;background:#f6f6f6;background:rgba(0,0,0,.1)}
  /*header .bottom nav .nav-item .subCats li a{color:rgba(255,255,255,0.7)}*/

  header .bottom nav .nav-item:hover, header .bottom nav .nav-item.open{background:rgba(0,0,0,.14)}
  header .bottom nav .nav-item:hover .nav-link, header .bottom nav .nav-item.open .nav-link,header .bottom nav .nav-item .subCats li a:hover{color:#fff!important}

  header .infoArea .cart a{padding:0 2px 0 8px}
  header .infoArea .myPageDropdown .dropdown-toggle{padding-left:8px;padding-right:8px}
  header .infoArea .myPageDropdown .dropdown-toggle{padding-right:8px}
  header .infoArea .myPageDropdown .dropdown-toggle em{margin-right:0}
  header .infoArea .myPageDropdown .dropdown-toggle:after{font-size:8px;display:none}
  header .infoArea .myPageDropdown .dropdown-menu{display:none!important}

  .w-md-100{flex:1 1}
}

@media (max-width: 640px){
  .productAttributes{width:100%}
  .productDetail .buttonArea{margin:30px 0 0;width:100%}
  .productDetail .buttonArea .btnCustom{margin-bottom:10px;width:100%;margin-left:0;margin-right:0}

  .bannerArea{height: 35vh;}
  .bannerArea img{height: 35vh;}
  .bannerArea video{height: 35vh;}
  .bannerArea .v_Vid { height: 35vh; }
}

@media (max-width: 475px){
  .infoIcons .row>div .inner{padding:15px 20px}
  .infoIcons .row>div .inner .iconArea{font-size:24px}

  .bannerArea .textArea h1{font-size:16px;}
  .bannerArea .textArea p{font-size:12px;}
  .bannerArea .textArea .more { margin-top: 15px; padding: 5px 10px; font-size: 10px; }

  footer .middle{padding-bottom:20px}

  footer .bottom .container{flex-wrap:wrap;flex:1 0 100%;text-align:center;padding-top:15px;padding-bottom:15px}
  footer .bottom .copyright{width:100%}
  footer .bottom .mavigen{width:100%}
    footer .bottom .mavigen img{margin:5px auto 0}

    .bannerArea{height: 30vh;}
    .bannerArea img{height: 30vh;}
    .bannerArea video{height: 30vh;}
    .bannerArea .v_Vid { height: 30vh; }
}

@media (max-width: 375px){
}

@media (max-width: 320px){
}

#Fone {position:fixed !important;position:absolute;width:100%;top:0px;*top:0px;_top:expression(document.compatMode=='CSS1Compat'? document.documentElement.scrollTop+0+'px' : body.scrollTop+'px');z-index:999999;height:120%;float:left;}
#Fone2{opacity:0.5;filter:alpha(opacity=50);height:100%;width:100%;background-color:#232323;position:absolute;top:0px;left:0px;}
#Fone3 {z-index:999998;position:relative;margin-top:50px}

.kategori001 { border: solid; padding: 10px; background: #ffffff; border-radius: 10px; color: #000; margin-top: 10px; display: inline-block; border: 1px solid #b3b3b3; }
.kategori001sel { padding: 10px; background: #eee; border-radius: 10px; color: #000; margin-top: 10px; display: inline-block;}