@charset "utf-8";
@import "https://fonts.googleapis.com/css2?family=Overpass:wght@100;200;300;400;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap";
@font-face {  font-family: "Caramello";  src: url("../fonts/caramello.woff") format("woff"), url("../fonts/caramello.woff2") format("woff2");  font-weight: normal;  font-style: normal;  font-display: swap;  }


body, html {font-family: 'Overpass', sans-serif;font-weight: 400;font-size: 1rem;}
b, strong {font-weight: 600;}
.table td, .table th {padding: 5px .75rem;vertical-align: middle;width: 2px;border-bottom: 1px solid #dee2e6;}
ul, li {display: block;padding: 0;margin: 0;}
a {text-decoration: none !important;cursor: pointer;color: #333}
a:hover {color: #000000}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
.form-control {-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s;transition: all ease-in-out .2s;display: block;width: 100%;max-width: 100%;line-height: 18px;padding: 10px 12px;border: 1px solid;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border-color: rgba(0, 0, 0, 0.1);background-color: #ecf0f1;font-size: 15px;font-family: "Overpass", sans-serif;height: auto;}
.form-control:focus, .custom-select:focus {background-color: white;border-color: rgba(0, 0, 0, 0.2);outline-width: 0;}
textarea.form-control {height: auto;min-height: 75px}
.btn, label {cursor: pointer;}
.has-cursor {cursor: pointer;}
.custom-select, .form-control {border-radius: 0;background-color: transparent;border-width: 2px;}
.etic-select {position: relative;width: 100%;height: 42px!important;border-radius: 0;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);-webkit-appearance: none;-moz-appearance: none;background-position: right 50%;background-repeat: no-repeat;}
.form-control.is-invalid {border-color: #d9534f;}
.form-control.is-valid {border-color: #5cb85c;color: #000 !important;}
.input-group-addon {border-radius: 0;border: 2px solid rgba(0, 0, 0, 0.1);border-left: 0;background: transparent;}
.border-radius-0 {border-radius: 0 !important;}
.border-radius-100 {border-radius: 100%!important;}
button:focus {outline: none;}
.h-100px {height: 100px;}
img{max-width: 100%;}
.box-shadow-pink-light {box-shadow: 0 8px 16px 6px #fcecf3 !important;}
.btn, label {font-size: 12px;font-family: "Overpass", sans-serif;cursor: pointer;}
.input-group-btn {position: relative;font-size: 0;white-space: nowrap;}
.input-group-addon, .input-group-btn {white-space: nowrap;vertical-align: middle;}
.input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child)>.btn, .input-group-btn:not(:first-child)>.btn-group>.btn, .input-group-btn:not(:first-child)>.dropdown-toggle, .input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn, .input-group-btn:not(:last-child)>.btn:not(:first-child) {border-bottom-left-radius: 0;border-top-left-radius: 0;height: 100%;}


.productsLoader {text-align: center;}
.productsLoader .loader {width: 68px;height: 68px;border-radius: 50%;display: inline-block;border-top: 4px solid #66bc47;border-right: 4px solid transparent;animation: rotation 0.5s linear infinite;}
.productsLoader .loader:after {content: '';position: absolute;left: 0;top: 0;width: 68px;height: 68px;border-radius: 50%;border-bottom: 4px solid #ed1c24;border-left: 4px solid transparent;}

@keyframes rotation { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} }

.customPadding #contentBody {
    padding-top: 34px;
}

/* ------------------ for Bootstrap ------------------ */

/* -- For Bootstrap -- */

.fs-8 { font-size: 8px; } .fs-9 { font-size: 9px; } .fs-10 { font-size: 10px; } .fs-11 { font-size: 11px; } .fs-12 { font-size: 12px; } .fs-13 { font-size: 13px; } .fs-14 { font-size: 14px; } .fs-15 { font-size: 15px; } .fs-16 { font-size: 16px; } .fs-18 { font-size: 18px; } .fs-19 { font-size: 19px; } .fs-20 { font-size: 20px; } .fs-22 { font-size: 22px; } .fs-24 { font-size: 24px; } .fs-28 { font-size: 28px; } .fs-32 { font-size: 32px; } .col-55 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .wp-85 {} .wp-95 { width: 95px;} .wp-100 { width: 100px;} .wp-110 { width: 110px;}


@media (min-width: 576px) {
    .col-sm-55 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .fs-sm-8 { font-size: 8px; } .fs-sm-9 { font-size: 9px; } .fs-sm-10 { font-size: 10px; } .fs-sm-11 { font-size: 11px; } .fs-sm-12 { font-size: 12px; } .fs-sm-13 { font-size: 13px; } .fs-sm-14 { font-size: 14px; } .fs-sm-15 { font-size: 15px; } .fs-sm-16 { font-size: 16px; } .fs-sm-18 { font-size: 18px; } .fs-sm-19 { font-size: 19px; } .fs-sm-20 { font-size: 20px; } .fs-sm-22 { font-size: 22px; } .fs-sm-24 { font-size: 24px; } .fs-sm-28 { font-size: 28px; } .fs-sm-32 { font-size: 32px; }
}

@media (min-width: 768px) {
    .col-md-55 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .fs-md-8 { font-size: 8px; } .fs-md-9 { font-size: 9px; } .fs-md-10 { font-size: 10px; } .fs-md-11 { font-size: 11px; } .fs-md-12 { font-size: 12px; } .fs-md-13 { font-size: 13px; } .fs-md-14 { font-size: 14px; } .fs-md-15 { font-size: 15px; } .fs-md-16 { font-size: 16px; } .fs-md-18 { font-size: 18px; } .fs-md-19 { font-size: 19px; } .fs-md-20 { font-size: 20px; } .fs-md-22 { font-size: 22px; } .fs-md-24 { font-size: 24px; } .fs-md-28 { font-size: 28px; } .fs-md-32 { font-size: 32px; }
}

@media (min-width: 992px) {
    .col-lg-55 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .fs-lg-8 { font-size: 8px; } .fs-lg-9 { font-size: 9px; } .fs-lg-10 { font-size: 10px; } .fs-lg-11 { font-size: 11px; } .fs-lg-12 { font-size: 12px; } .fs-lg-13 { font-size: 13px; } .fs-lg-14 { font-size: 14px; } .fs-lg-15 { font-size: 15px; } .fs-lg-16 { font-size: 16px; } .fs-lg-18 { font-size: 18px; } .fs-lg-19 { font-size: 19px; } .fs-lg-20 { font-size: 20px; } .fs-lg-22 { font-size: 22px; } .fs-lg-24 { font-size: 24px; } .fs-lg-28 { font-size: 28px; } .fs-lg-32 { font-size: 32px; }
}

@media (min-width: 1200px) {
    .container { max-width: 1300px; } .col-xl-55 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .fs-xl-8 { font-size: 8px; } .fs-xl-9 { font-size: 9px; } .fs-xl-10 { font-size: 10px; } .fs-xl-11 { font-size: 11px; } .fs-xl-12 { font-size: 12px; } .fs-xl-13 { font-size: 13px; } .fs-xl-14 { font-size: 14px; } .fs-xl-15 { font-size: 15px; } .fs-xl-16 { font-size: 16px; } .fs-xl-18 { font-size: 18px; } .fs-xl-19 { font-size: 19px; } .fs-xl-20 { font-size: 20px; } .fs-xl-22 { font-size: 22px; } .fs-xl-24 { font-size: 24px; } .fs-xl-28 { font-size: 28px; } .fs-xl-32 { font-size: 32px; }
}

@media (min-width: 1700px) {
    .container {max-width: 1500px;} .col-xxl-55 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col-xxl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }.px-xxl-3{ padding-right: 1rem!important; padding-left: 1rem!important;}
}

.d-initial { display: initial !important; }
.darkBack:before {content: '';position: fixed;width: 100vw;height: 100vh;z-index: 17;background: rgba(0, 0, 0, 0.6);left: 0;top: 0;}

/*--column--*/

.mm-6column:after, .mm-6column:before, .mm-3column:after, .mm-3column:before {content: "";display: table;clear: both;}
.mm-6column, .mm-3column {float: left;position: relative;}
.mm-6column {width: 50%;}
.mm-3column {width: 25%;}
.responsive-img {display: block;max-width: 100%;}
.left-images {margin-right: 25px;}
.left-images, .left-categories-list {float: left;}
.left-images>p {background: none repeat scroll 0 0 #ff7f50;display: block;font-size: 18px;line-height: normal;margin: 0;padding: 5px 14px;}
.mm-view-more {background: none repeat scroll 0 0 #ff7f50;color: #fff;display: inline !important;line-height: normal;padding: 5px 8px !important;margin-top: 10px;}
.drop-down>a:after {content: "";margin-left: 5px;background: url(../../images/menuDown.svg);width: 13px;height: 13px;display: inline-block;vertical-align: middle;}
.card-block {-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1.25rem;}
.modal-open {overflow: hidden;}
.hidden-xs-up {display: none;}
.modal-backdrop {z-index: 0 !important;}
.modal {cursor: initial;}
.maps iframe{width: 100%;margin-bottom: -50px;height: 100%;min-height: 350px;}

/*MediaQuerys*/

@media (max-width: 600px) {
    .menu {display: none;}
    .xs-menu li a {padding: 0;}
    .xs-menu-cont {display: block;}
}

/* -- For Bootstrap End -- */


/* Animation */

.animated { animation-duration: 1s; animation-fill-mode: both; }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
.fadeIn {animation-name: fadeIn; }


/*---------- Mega Menu ---------- end*/


/* ------------------ header ------------------ */

.removedContent #header { position: static; width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height: auto !important; }
#header {position: fixed;z-index: 18;background: white;left: 0;top: 0;width: 100%;margin: 0 auto;}
#headerTop {background: white;z-index: 8;position: relative;line-height: 37px;color: #000;border-bottom: 1px solid #ededed;}
#header.active {position: fixed;top: 0;left: 0;width: 100%;margin: 0 auto;box-shadow: 0 0 30px 30px rgb(0 0 0 / .05);}
#header #headerCenter {position: relative;z-index: 7;background: white;transition: all .3s ease;}


/* new css */

#contentBody {padding-top: 164px;}
#headerTop ,#headerCenter {}
#headerCenter .leftContent>div>ul {font-size: 14px;position: relative;display: inline-block;cursor: pointer;color: #7e7e7e;padding-right: 19px;vertical-align: middle;}
#headerCenter .leftContent ul>li>ul {position: absolute;z-index: 999;top: 100%;visibility: hidden;min-width: 150px;margin-top: 10px;transition: .3s;opacity: 0;background-color: #fff;box-shadow: -1px 10px 80px -15px rgba(0,0,0,.3);left: 0;}
#headerCenter .leftContent ul>li:hover>ul {margin-top: 0;opacity: 1;visibility: visible;}
#headerCenter .leftContent ul>ul>li>a {font-size: 14px;display: block;padding: 8px 15px;transition: .3s;color: #7e7e7e;border: none;background: none;}
#headerCenter .leftContent ul>li>ul>li>a {font-size: 14px;display: block;padding: 0 15px;transition: .3s;color: #7e7e7e;border: none;background: none;line-height: 2.2;text-align: left;}
#headerCenter .leftContent ul>li>ul>li:hover>a ,#headerCenter .leftContent  ul>li>ul>li>a.active {color: #333;}
#headerCenter .leftContent>div>ul>li:after {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(../../images/down.svg);width: 15px;height: 15px;}
#headerCenter .leftContent>div>ul + ul:before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #d8d8d8;width: 2px;height: 17px;}
#headerCenter .leftContent>div>ul + ul {padding-left: 15px;margin-left: 15px;}
#headerCenter .leftContent>div>ul.noContent>li:after {opacity: 0;}
#headerCenter .leftContent ul>li>ul>li:hover>a {padding-left: 20px;}
#headerCenter .leftContent a {padding: 0;font-size: 14px;color: #7e7e7e;}
#headerCenter .leftContent .seperator {margin: 0 5px;padding: 0;color: #d8d8d8;}
#headerTop .rightContent .socials a {display: inline-block;color: rgb(119, 119, 119);width: 30px;text-align: center;}
#headerTop .rightContent .socials a:hover {color: #333;}
#headerTop .rightContent .socials {border-left: 2px solid #d8d8d8;line-height: 1;}
#headerTop .rightContent .socials li {display: inline-block;}
#headerCenter #logo img {width: 270px;}
#header.active #headerCenter #logo img {}
#headerCenter .userContent>li {display: inline-block;margin-left: 25px;}
#headerCenter .userContent a img {}
#headerCenter .userContent a.btn-sepet img {}
#header.active #headerTop {display: none;}
#logo {padding: 35px 0;}
#header.active #logo {padding: 10px 0;position: relative;z-index: 5;}
.headContent h1 {font-size: 38px;font-weight: 400;color: #333;position: relative;z-index: 5;margin: 0;text-transform: uppercase;}
.headContent h3 {font-family: "Caramello" , sans-serif;font-weight: 400;font-style: normal;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 100px;color: #feebe7;margin: 0;}
.headContent {margin-bottom: 50px;margin-top: 150px;}

.eticArama .js-searchResult.dropdown-menu {display: none !important;}
.eticArama {max-width: 50px;transition: all 0.2s ease-in-out;height: 82px;min-width: 788px;border-radius: 0;position: relative;border: 2px solid #333;border-left: 0;border-right: 0;border-top: 0;}
.eticArama input {outline: none;max-width: 100%;width: 100%;height: 100%;padding: 0 70px 0 0;margin: 0;border: 0;background: #ffffff;color: #8a8a8a;z-index: 1;border-radius: 0 !important;font-size: 47px;outline: 0 !important;box-shadow: none !important;}
.eticArama #js-aramaYap2,.eticArama .closebutton {position: absolute;right: 3px;top: 50%;margin: 0;text-align: center;font-size: 38px !important;speak: none;transition: all 0.2s ease-in-out;color: #000000;border: none;z-index: 22;padding: 0 20px;transform: translateY(-50%);height: calc(100% - 6px);background: transparent;}
.eticArama #js-aramaYap2:hover {background: #000;}
.eticArama select {width: 180px;height: 98%;border-radius: 50px;padding: 13px 10px 13px 30px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 5;background: white !important;border: 0;border-right: 1px solid #eaece9;transition: all .1s ease-in-out;font-weight: 600;font-size: 15px;-webkit-appearance: none;text-align: center !important;color: #000;}
.eticArama select:hover {background: #eeeeee;}
.eticArama .dropdown {color: #000;height: 100%;border-radius: 50px;z-index: 5;background: white !important;border-right: 1px solid #eee;transition: all .1s ease-in-out;font-weight: 600;font-size: 15px;-webkit-appearance: none;text-align: center !important;display: inline-block;}
.eticArama .dropdown>button {border: 0;height: calc(100% - 0px);background: transparent;font-weight: 600;font-size: 15px;min-width: 174px;border-radius: 50px;color: #21252a;}
.eticArama .dropdown>button:hover, .eticArama .dropdown>button:focus, .eticArama .dropdown>button:Active {background: #f26d64;color: white;}
.eticArama .dropdown-menu {margin-top: 0;border-radius: 20px 20px;border: 1px solid #eaece9;min-height: 220px !important; /* display: block !important; */overflow: hidden; /* width: 245px; *//* height: 300px; */overflow-y: scroll;}
.eticArama .dropdown>button:before {content: "\f0ca";font-family: "font awesome 5 pro" , sans-serif;font-weight: 300;margin-right: 10px;}
.eticArama .dropdown-menu li {position: relative;font-size: 12px;text-transform: uppercase;margin-bottom: 5px;cursor: pointer;padding: 0 20px;}
.eticArama .dropdown-menu li:before {content: "\f054";font-family: "font awesome 5 pro" , sans-serif;font-weight: 300;font-size: 12px;margin-right: 10px;transition: all .3s ease;}
.eticArama .dropdown-menu li:hover:before {margin-right: 15px;}
.eticArama .dropdown>button:after {content: "\f078";border: 0;margin: 0;width: auto;height: auto;font-family: "font awesome 5 pro" , sans-serif;font-weight: 300;font-size: 12px;margin-left: 8px;}
.scrollbar-macosx>.scroll-element.scroll-y {z-index: 10000 !important;}
.eticArama .dropdown.show .dropdown-menu {display: block !important;}
.eticArama .scroll-wrapper {height: 100% !important;width: 100% !important;max-height: calc(100% - 20px) !important;margin-top: 10px;}
.scrollbar-macosx>.scroll-element .scroll-bar, .scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {opacity: 0.7 !important;}
.eticArama2 {transition: all 0.2s ease-in-out;height: 47px;border-radius: 50px;border: 1px solid #eaece9;padding: 0 3px;}
.eticArama2 button {margin: 0;text-align: center;font-size: 18px !important;speak: none;transition: all 0.2s ease-in-out;border: none;z-index: 11;padding: 0 20px;border-radius: 50px;background: #f26d64;height: calc(100% - 6px);margin-top: 3px;}


#js-eticArama-ara {position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;z-index: 99999;background: white;align-items: center;justify-content: center;display: flex;transform: translateX(100%);transition: .6s;}
#js-eticArama-ara.opened {transform: translateX(0);}



/* ---------- Mega Menu ---------- */


#menu {background: #ffffff;position: relative;height: 100%;margin: 0;}
#menu > ul > li { list-style: none; display: inline-block; color: #fff; }
#menu > ul > li > a {text-decoration: none;color: #646468;display: block;font-weight: 600;font-size: 14px;text-transform: uppercase;padding: 0 24px;transition: all 0.5s ease;line-height: 61px;}
#menu > ul > li:last-child > a { border: none; }
#menu > ul > li > a:hover {color: #f26d64;transition-duration: 0.3s;}
#menu > ul > li > a:hover::after { color: #f26d64; }
#menu > ul > li > ul {background: rgb(0 0 0 / .9);transition: all .3s ease;left: 0;margin-top: 0;position: absolute;padding: 0;box-sizing: border-box;opacity: 0;visibility: hidden;transform: translateY(20px);width: 100%;min-width: 220px;}
#menu > ul > li:hover > ul { transform: translateY(0); opacity: 1; visibility: visible; }
#menu > ul > li > .mega-menu {width: 100%;max-width: 100%;}
#menu > ul > li.basicMenuItem { position: relative; }
#menu > ul > li > .mega-menu .category-img  {border: 1px solid #eee;width: 100%;}
#menu > ul > li > .mega-menu .categories-list {display: inline-block;margin-bottom: 20px;}
#menu > ul > li > .mega-menu .categories-list .head { padding: 0; font-size: 16px; text-transform: uppercase; display: block; width: 100%; margin-bottom: 10px !important; color: #f26d64; font-weight: 700; }
#menu > ul > li > .mega-menu .categories-list ul {box-sizing: border-box;}
#menu > ul > li > .mega-menu .categories-list ul > a { padding: 0; border-left: none; margin: 5px 0; }
#menu > ul > li > .mega-menu .categories-list ul li { }
#menu > ul > li > ul.basic-menu > li + li {border-top: 1px solid #333333;}
#menu > ul > li > ul.basic-menu > li {padding: 10px 14px;}

#menu .listItem {font-size: 15px;margin: 0;display: block;transition: all .1s ease-in-out;line-height: 1.6;color: white;}
#menu .listItem:hover { transform: translateX(6px); }

/* #header.active #menu {max-height: 0;border-width: 0;overflow: hidden;} */

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

/* new mobile menu */


#mobileMenu{margin-left: 15px;display: inline-block;vertical-align: middle;}
#mobileMenu .toggle_icon {width: 44px;height: 44px;background: #919191;border-radius: 5px;padding: 11px;}
#mobileMenu .toggle_icon i{display:block;width: 100%;height: 2px;border-radius: 3px;background: #ffffff;transition: all 0.7s;margin: 4px 0 0 0;}
#mobileMenu .toggle_icon i:nth-child(1){transition-delay:50ms;width: 50%;}
#mobileMenu .toggle_icon i:nth-child(2){transition-delay:100ms;width: 75%;}
#mobileMenu .toggle_icon i:nth-child(3){transition-delay:150ms;width: 50%;margin-left: auto;margin-right: 0;}
#mobileMenu .toggle_icon i:nth-child(4){transition-delay:250ms;background: transparent;opacity:0;transform: translateY(-12px);}
#mobileMenu .toggle_icon i:nth-child(4):before{content:'';height: 2px;background: #ffffff;display: block;position: absolute;width: 100%;transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),background .3s .3s cubic-bezier(.4,0,.2,1);transform: rotate(45deg) scaleX(.8) translateX(-75%);}
#mobileMenu .toggle_icon i:nth-child(4):after{content:'';height: 2px;background: #ffffff;display: block;position: absolute;width: 100%;transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),background .3s .3s cubic-bezier(.4,0,.2,1);transform: rotate(-45deg) scaleX(.8) translateX(75%);}
#mobileMenu.active .toggle_icon i{transform: translateX(-50px);opacity:0;}
#mobileMenu.active .toggle_icon i:nth-child(2) {transform:  translateX(50px);opacity: 0;}
#mobileMenu.active .toggle_icon i:nth-child(4):before{transform: rotate(45deg) scaleX(.7) translateX(0);}
#mobileMenu.active .toggle_icon i:nth-child(4):after{transform: rotate(-45deg) scaleX(.7) translateX(0);}
#mobileMenu.active .toggle_icon i:nth-child(4){opacity:1;transform: translateY(-12px);}


/* mobile container  */


#mobileMenu .mobile_container, #mobileMenu .mobile_container>ul , #mobileMenu .mobile_content {position: fixed;left: 0;top: 0;width: 80vw;height: 100%;z-index: 9999;background: white;padding: 70px 15px 15px 15px;text-align: left;transition: all .2s ease-in-out;transform: translateX(-100%);}
#mobileMenu .mobile_container li {font-size: 16px;text-transform: uppercase;font-weight: 700;padding: 9px 0;}
#mobileMenu.active .mobile_container, #mobileMenu .mobile_container>ul.active, #mobileMenu.active .mobile_content {transform: translateX(0);box-shadow: 0 0 60px 20px rgb(0 0 0 / .1);}
#mobileMenu .mobile_container li {}
#mobileMenu .mobile_container li:not(.is_logo):not(.heads) {border-bottom: 1px solid #e1e1e1;}
#mobileMenu .mobile_container .heads {position: fixed;top: 0;left: 0;width: 100%;color: black;padding: 0 0 0 60px;align-items: center;display: flex;justify-content: space-between;background: #f8f8f8;}
#mobileMenu .mobile_container .heads i {margin-top: 0;float: none;background: #000;width: 50px;height: 50px;color: white;display: flex;align-items: center;justify-content: center;}
#mobileMenu .mobile_container>ul {}
#mobileMenu .mobile_content {}
#mobileMenu .login_content {width: calc(100% - 30px);position: absolute;z-index: 9999;bottom: 15px;left: 0;right: 0;margin: 0 auto;}
#mobileMenu .login_content .loginBtn {display: flex;align-items: center;justify-content: center;}
#mobileMenu .login_content .loginBtn li {text-align: center;width: 50%;}
#mobileMenu .login_content .loginBtn a {padding: 10px 0;display: block;font-size: 14px;text-transform: uppercase;background: #f26d64;color: #fff;font-weight: 700;}
#mobileMenu .login_content .loginBtn li a i {margin-right: 7px;}
#mobileMenu .login_content .loginBtn li + li {}
#mobileMenu .login_content .loginBtn li + li>a {background: #f2f2f2;color: #000;}
#mobileMenu .login_content .siteLangs .item a , #mobileMenu .login_content .currency a {border: 1px solid #dedede;border-radius: 50%;width: 35px;height: 35px;text-align: center;line-height: 35px;text-transform: uppercase;font-size: 14px;margin: 0 5px;display: inline-block;}
#mobileMenu .login_content .siteLangs .item.active a , #mobileMenu .login_content .currency li.active a {background: #dedede;color: white;}
#mobileMenu .login_content .siteLangs , #mobileMenu .login_content .currency {display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}
#mobileMenu .mobile_container li a {display: block;}
#mobileMenu .mobile_container li a:after {display: none;}
#mobileMenu .mobile_container li i {float: right;vertical-align: middle;margin-top: -20px;}
#mobileMenu .mobile_container .heads i.come_back {position: absolute;left: 0;background: transparent;color: #000;font-size: 22px;}
#mobileMenu .mobile_container .heads.is_logo {padding: 0 0 0 20px;}
#mobileMenu .mobile_container .heads.is_logo img{width: 140px;}

.alt_list ul {border: 0 !important;}


/* new mobile menu end */

#slogan>.container {min-height: 400px;background: url(../../images/sloganBg.jpg);background-position: center center;background-size: cover;align-items: center;display: flex;justify-content: center;margin-bottom: 150px;padding: 40px 15px;}
#slogan img {max-width: 410px;}
#slogan h6 {color: #151413;font-size: 16px;line-height: 1em;margin-bottom: 30px;}
#slogan h1 span {color: #f26d64;}
#slogan h1 {font-size: 49px;margin: 0;margin-bottom: 30px;}
.btn-submit2 {padding: 12px 65px;font-size: 16px;font-style: normal;font-weight: 600;border: 2px solid #f26d64;border-radius: 50px;background: transparent;color: #f26d64;transition: all .3s;}
.btn-submit2:hover , .btn-submit2:focus , .btn-submit2:active {background: #f26d64;color: white;}


#js-eticArama-ara .closed {font-size: 51px;position: absolute;top: 30px;right: 47px;padding: 0;transition: .6s;color: #333;border: none;background: none;cursor: pointer;width: 50px;height: 50px;text-align: center;line-height: 0;}
#js-eticArama-ara .closed:hover {transform: rotate(90deg);}


/* new css end */


.anasayfabanner .item {position: relative;}
.anasayfabanner .item a {display: block;overflow: hidden;padding-bottom: 50%;position: relative;}
.anasayfabanner .item img {transition: all 0.4s ease-in-out;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}
.anasayfabanner .item:hover img {}
.anasayfabanner .item a span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 1px solid #fff;z-index: 6;border-top: 0;border-bottom: 0;transition: all 0.35s;}
.anasayfabanner .item a span.second {opacity: 0;border: 1px solid #fff;border-left: 0;border-right: 0;width: 0;height: calc(100% - 60px);}
.anasayfabanner .item a:hover span.second {width: calc(100% - 60px);opacity: 1;}
.anasayfabanner .item a:hover span.first {height: calc(100% - 60px);opacity: 1;}
.anasayfabanner .item a span.first {width: calc(100% - 60px);height: 0;}
.anasayfabanner {}
.anasayfabanner .item a:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: black;z-index: 4;transition: all .35s;opacity: 0;}
.anasayfabanner .item a:hover:before {opacity: .4;}


/* ------------------ urun Listele ------------------ */

.EticProduct .counter, .eticCounter {position: absolute;left: 3%;top: 50%;background: #484848;opacity: 1;width: 94%;color: white;font-size: 0.8em;text-align: center;z-index: 6;border-radius: 4px;transition: all 0.5s ease;transform: translateY(-50%);}
.EticProduct:hover .counter {opacity: 0;}
.EticProduct .counter div+div, .eticCounter div+div {border-left: 1px solid #555;}
.eticCounter {position: relative;top: auto;left: auto;transform: none;}
.eticCounter>div>div:last-child {border-left: 0;border-top: 1px solid #555;}
.EticProduct {position: relative;}
.owl-item, .EticProduct {position: relative;z-index: 1;}
.owl-item:hover, .EticProduct:hover {z-index: 8;}
.EticProduct .card {margin: 0;border-radius: 0;position: relative;background: transparent;}
.js-hizliEkle {background: #fff;padding: 11px 20px;border: 1px solid #F18d47;border-radius: 30px;text-transform: uppercase;font-weight: 600;color: #F18d47;transition: 0.8s;}
.js-hizliEkle:hover {background: #F18d47;color: #fff;transition: 0.8s;}


/* ------------------ owl-thumb css ------------------ */
.owl-thumb-item.active {opacity: 1;}
.owl-thumb-item {display: inline-block;border: none;background: none;padding: 0;opacity: 0.7;margin: 0 7px;outline: 0 !important;box-shadow: none; /* max-width: calc(14% - 15px); */}
.owl-thumb-container {text-align: center;margin-top: 15px;margin-bottom: 15px;}
.EticProduct:hover .card:before {opacity: 1;}
/*.EticProduct.notStock .image>a:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url(../../images/tukendi.png);z-index: 6;background-position: center center;background-size: 73%;background-repeat: no-repeat;background-color: rgba(255, 255, 255, 0.68);} */
.EticProduct .card-block .card-title {margin: 0 auto;font-size: 17px;font-weight: 400;line-height: 1.6;transition: all .6s;}
.EticProduct .card-block .varyant_info {color: #d3122a;font-size: 10px;font-weight: 500;line-height: 1.3;transition: all .6s;position: absolute;left: 0;top: 29px;opacity: 0;}
.EticProduct:hover .card-block .varyant_info {opacity: 1;top: 17px;}
.EticProduct:hover .card-block .variantHover .card-title {opacity: 0;transform: translateY(-10px);}
.EticProduct:hover .card-block>a:not(.variantHover) .card-title {color: #000000;}
.EticProduct .starz {margin: 0;}
.EticProduct .starz i {font-size: 12px;margin-left: 2px;color: #b7b7b7;}
.EticProduct a:not(.btn) {color: black;display: block;position: relative;}
.EticProduct .image {position: relative;}
.EticProduct .image>a {padding-bottom: 133%;height: 0;position: relative;overflow: hidden;border: 1px solid rgb(236 236 236);}
.EticProduct .image picture {position: absolute;left: 50%;top: 50%;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.EticProduct .image picture:nth-of-type(2) {position: absolute;opacity: 0;left: 50%;top: 50%;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.EticProduct:hover .image picture:nth-of-type(2) {opacity: 1;z-index: 5;}
.EticProduct .card-block {padding: 15px 0;position: relative;}
.EticProduct .card-block .discount {display: inline-block;font-size: 12px;font-weight: 600;line-height: 1;text-decoration: line-through;color: #aaa;vertical-align: middle;}
.EticProduct .card-block .discount.hidden-xs-up {opacity: 0 !important;}
.EticProduct .card-block .priceDiscount {font-size: 14px;font-weight: 600;line-height: 1;color: #333;padding: 13px 0 0 0!important;}
.EticProduct .counter, .eticCounter {position: absolute;left: 2%;top: 30%;background: #484848;opacity: 1;width: 96%;color: white;font-size: 0.8em;text-align: center;z-index: 6;border-radius: 4px;transition: all 0.5s ease;transform: translateY(-50%);display: none;}
.EticProduct:hover .counter {opacity: 0;}
.EticProduct .counter div+div, .eticCounter div+div {border-left: 1px solid #555;}
.eticCounter {position: relative;top: auto;left: auto;transform: none;}
.eticCounter>div>div:last-child {border-left: 0;border-top: 1px solid #555;}
.EticProduct .isList {display: none;}
.EticProduct .product-label {position: absolute;display: block;left: 20px;top: 20px;font-size: 10px;text-transform: uppercase;z-index: 8;/* width: calc(100% - 20px); */}
.EticProduct.hasList .product-label {right: calc(50% + 10px);}
.EticProduct .product-label span.discount_rate {background-color: #98d8ca;}
.EticProduct .btn-hover-group {height: 90px;background: white;z-index: 7;-moz-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;-webkit-transition: all 0.35s ease 0s;transition: all 0.35s ease 0s;width: 100%;margin: 0 auto;}
.EticProduct .btn-hover-group hr {position: absolute;width: 100%;z-index: 1;left: 0;top: 23px;margin: 0;}
.EticProduct .btn-hover-group .btn {text-align: center;border: 1px solid;transition: all 0.3s ease 0s;padding: 13px 20px;width: 100%;max-width: 170px;float: none;display: inline-block;font-weight: 700;line-height: 20px;background: #f18d47;color: #fff;font-size: 14px;position: relative;z-index: 2;text-transform: uppercase;}
.EticProduct .btn-hover-group .btn:hover, .EticProduct .btn-hover-group .btn:focus, .EticProduct .btn-hover-group .btn:active {background: #FFF !important;color: #f26d64;border-color: #f26d64;border: 1px solid;}
.EticProduct .btn-hover-group .btn2 {box-sizing: unset;line-height: 20px;color: #434343;font-size: 12px;font-weight: 600;cursor: pointer;background: none;margin: 0 10px;display: inline-block;padding: 0;text-align: center;border: none;border-radius:0;transition: all 0.3s ease 0s;outline: 0 !important;}
.EticProduct .btn-hover-group .btn2:hover {color: #f18d47;}
.EticProduct .card>.hizliGorunum {left: 50%;top: 41.2%;position: absolute;transform: translateX(-50%) translateY(-50%);z-index: 7;opacity: 0;transition: all 0.5s ease;}
.EticProduct:hover .card>.hizliGorunum {opacity: 1}
.EticProduct .card>.hizliGorunum>span {display: none;}
#js-urunHizliGorunum .loading {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: white;z-index: 2;}
#js-urunHizliGorunum .loading i {position: absolute;left: 50%;top: 50%;transform: translate3d(-50%, -50%, 0);z-index: 3;font-size: 32px;}
.filter_group .btn-simple {padding: 0;}
#js-urunHizliGorunum .owl-thumb-container {display: none;}
.owl-nav {display: block !important;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position: absolute;top: calc(50% - 45px);z-index: 4;display: block;height: 50px;width: 50px;background-image: none;text-align: center;color: #555;margin: 0;border: 5px solid #eeeeee;background: #fff;transform: translate(0, -50%);transition: all 0.3s ease 0s;border-radius: 50% 50% 50% 50%;left: 10px;cursor: pointer;}
.owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i {position: absolute;width: 100%;height: 100%;left: 0;top: 0;font-size: 16px;font-weight: 300;align-items: center;display: flex;justify-content: center;}
.owl-carousel .owl-nav button.owl-next {left: auto;right: 10px;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-prev:hover {color: #555;border: 5px solid #dadada;}
.EticProduct.hasList   .card-block .varyant_info {width: 100%;text-align: center;}
.EticProduct.hasList:hover .card-block .varyant_info {top: 12px;}


/* ------------------ Kategori sayfasi ------------------ */


.banner { width: 100%; background-size: cover; background-repeat: no-repeat; padding-bottom: 15.625%; }
.js-get-IsimList .btn:hover, .js-get-FiyatList .btn:hover, .js-get-IsimList .btn.active, .js-get-FiyatList .btn.active { color: #aaa; border-radius: 0; }
.js-get-ListGorunum .btn:hover, .js-get-ListGorunum .btn.active { color: black; }
.sidebar { position: absolute; bottom: 0; left: 0; top: 0; z-index: 1000; padding: 20px; overflow-x: hidden; overflow-y: auto; border-right: 1px solid #eee; }
.topFilters {background: #ececec;padding: 10px;border-radius: 20px;font-size: 14px;}

.topFilters .btn-simple {border: 1px solid #bfbfbf;background-color: initial;padding: 0 5px;transition: 0.2s;border-radius: 100%;font-size: 11px;color: #bfbfbf;width: 18px;height: 18px;line-height: 20px;}
.topFilters .btn-simple:hover {background-color: #F44336;color: white;border-color: #F44336;}
.topFilters small { color: dimgray; }
.topFilters span { color: #e53d4b; }
.customMobileFilter > div + div { border-left: 1px solid #e6e6e6; }
.customMobileFilter { width: 100%; background-color: #fff; border-radius: 3px; color: #414141; font-size: 13px; padding: 0; margin: 15px auto; }
.customMobileFilter .js-get-ListGorunum a { padding: 0; font-size: 22px; height: 40px; width: 40px; line-height: 40px; display: inline-block; float: none; max-width: 50%; margin: 0; }
.customMobileFilter .js-get-ListGorunum .active, .customMobileFilter .js-get-ListGorunum a:hover { background: #f18d47; color: white; }
.customMobileFilter > div { display: table-cell; vertical-align: middle; line-height: 40px; height: 40px; }
.customMobileFilter > div > a { position: relative; display: inline-block; color: inherit; }
.customMobileFilter > .ListGorunum { margin: 0; padding: 0; }
.mobileOpened { transform: translateX(0) !important; }
.mobileClosed { position: absolute; line-height: 40px; width: 40px; right: 5px; top: 50%; font-size: 22px; z-index: 2; cursor: pointer; transform: translate(0, -50%); font-weight: 300 !important; text-align: right; }
.js-mobileFilter .custom-control-indicator { top: calc(50% - 0.5rem); }
.priceSearch { max-width: 70px; }
#js-fiyatAraligison ~ button { display: inline-block; font-weight: 700; line-height: 20px; background: #f18d47; transition: all 0.3s ease 0s; text-transform: capitalize; padding: 9px 18px; border: 0; font-size: 14px; width: auto; min-width: auto; }
#js-fiyatAraligison ~ button:hover, #js-fiyatAraligison ~ button:focus, #js-fiyatAraligison ~ button:active { background: #a2a2a2; }
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active { color: #1d1e1f; text-decoration: none; background-color: #f7f7f9; }
.etic-custom-list-group { font-size: 14px; }
.etic-custom-list-group ul {margin-bottom: 1rem;border: 1px solid #eee;padding: 12px 20px 15px 20px;}
.etic-custom-list-group li.active h4 {font-size: 16px;text-transform: uppercase;display: block;width: 100%;padding: 0 0 3px 0;line-height: 31px;margin-bottom: 1px !important;color: #f26d64;font-weight: 700;}
.etic-custom-list-group li.active:first-child { background: white; border: 0; color: #333; padding-bottom: 0; }
.etic-custom-list-group label {width: 100%;margin: 5px 0 5px 0;font-weight: 400;font-size: 14px;align-items: center;display: flex;}
.etic-custom-list-group .list-group-item { border: transparent; padding: 0; background: transparent; }
.etic-custom-list-group a {width: 100%;background: transparent;padding: 5px 0;transition: all 0.3s;text-align: left;color: #646464;font-size: 15px;}
.etic-custom-list-group a:hover, .etic-custom-list-group li.active a { /*background:#f26d64;*/ color: #f26d64; }
.page-item.active .page-link { background-color: #f26d64; border-color: #f26d64 }
.page-item .page-link { width: 38px; height: 38px; border-radius: 50% !important; line-height: 36px; padding: 0; text-align: center; margin: 0 1px }
.colorbox { position: absolute; left: 3px; top: 3px; width: calc(100% - 6px); height: calc(100% - 6px); display: block; }
.list-group.list-group-flush.mobile_head { border: 0; padding: 10px 0; }
.custom-checkbox-dark .custom-control-input ~ .custom-control-indicator { background-color: white; border: 2px solid #dedede; box-shadow: none; border-radius: 0; background-size: 70%; background-position: center center; background-repeat: no-repeat; }
.custom-checkbox-dark .custom-control-input:hover ~ .custom-control-indicator, .custom-checkbox-dark .custom-control-input:focus ~ .custom-control-indicator, .custom-checkbox-dark .custom-control-input:active ~ .custom-control-indicator { background-color: #f26d64; border-color: #f26d64; }
.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-indicator {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");background-size: 70%;background-position: center center;background-repeat: no-repeat;background-color: #f26d64;border-color: #f26d64;}
.custom-control-indicator { position: absolute; top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ddd; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 50% 50%; background-size: 50% 50%; }


/* filter Type 2 */

#filterType2{}
#filterType2>div {border-top: 1px solid #eee;padding: 0;border-bottom: 1px solid #eee;margin-bottom: 30px;position: relative;}
#filterType2 .dropdown-toggle::after {content: "\f078";font-family: "font awesome 5 pro",sans-serif;border: 0;margin: 0 0 0 6px;vertical-align: middle;line-height: 1;height: 14px;width: 12px;transition: all .3s ease;}
#filterType2 .list_dropdown .btn:not(.btn-submit) {line-height: 42px;font-size: 14px;position: relative;color: #090909;background: transparent;text-transform: uppercase;border-radius: 0;display: flex;align-items: center;justify-content: space-between;border: 0;border-right: 1px solid #eee;padding: 0 20px;}
#filterType2 .list_dropdown .dropdown-menu {background-color: #fff;padding: 20px;min-width: 270px;border-radius: 0;border: 1px solid #DDD;margin-top: 0;left: -1px;}
#filterType2 .list_dropdown .dropdown-menu a {padding: 0;font-size: 15px;font-weight: normal;color: #292929;}
#filterType2 .list_dropdown .dropdown-menu li + li {margin-top: 10px;}


/* filter Type 2 End */

/* mobile Filter */

.customFilter:before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(0,-50%);width: 1px;height: 54px;background: #eee;}
.customFilter {position: relative;}
.filter-btn {font-size: 12px;text-transform: uppercase;}
#js-mobileFilter {position: fixed;width: 100%;left: 15px;top: 0;overflow: scroll;z-index: 9999;max-height: 100%;border-radius: 0;background-color: white;overflow-x: hidden;transition: all .5s ease;transform: translateX(-100%);height: 100%;align-content: flex-start;padding-bottom: 30px;}
#js-mobileFilter.mobileOpened {transform: translateX(0) !important;}
#js-mobileFilter .filterHeader {display: flex;align-items: center;justify-content: space-between;padding: 20px 0;text-transform: uppercase;font-size: 17px;border-bottom: 1px solid #eee;margin-bottom: 30px;}
#js-mobileFilter .list_dropdown {width: 50%;text-align: center;}
#js-mobileFilter .list_dropdown .btn:not(.btn-submit) {width: 100%;border-bottom: 1px solid #DDD;padding: 0 10px;font-size: 11px;border-left: 1px solid #DDD;}
#js-mobileFilter .js-mobileAppend {display: block !important;width: 50%;float: left;margin: 0 !important;}
#js-mobileFilter .js-mobileAppend .dropdown , #js-mobileFilter .js-mobileAppend .dropdown .btn {width: calc(100% - 5px) !important;margin: 0 auto !important;}
#js-mobileFilter .js-mobileAppend .dropdown .btn {background: #eee;}


/* hesabim sayfasi */


.head3 { font-size: 18px; text-transform: uppercase; }
.nav-pills .nav-link:hover, .nav-pills .nav-link.active { background-color: #f18d47; color: white; }


/* giris sayfasi */

.customLoginContent {max-width: 500px;background: white;margin: 0 auto;padding: 50px;border-radius: 5px;}
.customLoginContent .head3 {text-align: center;font-weight: 700;margin-bottom: 35px;}
.customLoginContent .form-group {margin-bottom: 1.5rem;}
.social_login_content {position: relative;text-align: center;margin-top: 45px;}
.bg-fb { background: #3a5286; border: 1px solid #2f4c89; }
.socialBtn.bg-gg { background: #eb4335; color: white !important; border: solid 1px #bc352a; }
.social_login_content .social_border span { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: white; padding: 10px; color: #bdbdbd; font-size: 13px; }
.socialBtn { color: white !important; display: table; padding: 0; width: 140px; }
.socialBtn * { display: inline-block !important; }
.socialBtn i { width: 36px; border-right: 1px solid white; border-right: 1px solid #304989; height: 36px; line-height: 36px; float: left; }
.socialBtn > span { float: left; line-height: 36px; padding: 5px 10px; text-align: left; }
.socialBtn.bg-gg > span > span:nth-child(2) { color: #ffffff; }
.socialBtn.bg-gg i { border-right: solid 1px #bc352a; }
.socialBtn > span > span:nth-child(1) { font-weight: bold; }
.social_border hr { border-top: 1px solid #e9e9e9; }
.nothing_content {background: #f2f2f2;border: 1px solid #e7e7e7;padding: 15px;margin-top: 20px;border-radius: 5px;font-size: 14px;}
.orange_color { color: #ff7e09; }
.text-underline { text-decoration: underline; }
.socialBtn:hover { opacity: 0.8; }
.bg-gg i { color: white; }
.socialBtn > span > span { display: block !important; line-height: 1.3; }
.socialBtn > span > span:nth-child(2) { font-size: 10px; color: #bbd1ff; }
.loginLogo {width: 300px;}
.navigation {margin-top: 30px;}

/* ------------------ urun Detay ------------------ */

#tabUrunAciklamasi table {border: 1px solid #e2e2e2;max-width: 700px;}
#tabUrunAciklamasi td {border: 1px solid #e2e2e2 !important;font-size: 14px;padding: 9px 6px;}
#tabUrunAciklamasi tr:nth-child(odd) {background: #f3f3f3;}

@media (max-width: 576px) {
    .addcartbuttons~.btn {line-height: 30px;padding: 8px 5px;font-size: 13px;}
    .addcartbuttons~.btn i {display: none;}
}
.addcartbuttons {min-width: 119px;position: relative;display: inline-flex;height: 45px;border: 1px solid #eeee;border-radius: 50px;justify-content: space-between;}
.addcartbuttons input.form-control {border: 0;padding: 0;color: #484848;height: 100%;outline: 0;border-radius: 0;float: left;display: block;background: transparent;font-weight: 600; /* width: 50px; */min-width: 50px;}
.addcartbuttons button {float: left;padding: 8px 15px !important;text-align: center;border: 0;height: 100%;background-color: transparent;color: #000;outline: 0;cursor: pointer;line-height: 1;display: inline-block;border-radius: 5px 0 0 5px;font-weight: 600;}
.addcartbuttons button:focus {box-shadow: none;}
.addcartbuttons button:hover, .addcartbuttons button:active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$msVal)";filter: alpha(opacity=70);opacity: .7;box-shadow: none;}
.addcartbuttons button:last-child {border-radius: 0 5px 5px 0;}
.js-sepeteEkle {transition: all 0.3s ease 0s;border-radius: 25px;background: #f18d47;color: white;padding: 12px 70px;text-transform: uppercase;font-weight: 600;font-size: 15px;}
.js-sepeteEkle:hover, .js-sepeteEkle:focus, .js-sepeteEkle:active {border-color: #a2a2a2;background: #a2a2a2;}
.addcart_content>span {font-weight: 600;color: #000;}
#fiyatfavori {border: 1px solid #eee;border-left: 0;border-right: 0;padding: 15px 0;}
#fiyatfavori .btn.btn-simple {padding: 8px 0;margin-right: 30px;font-size: 15px;}
#fiyatfavori .btn.btn-simple i {font-size: 18px;}
.addthiscontainer .at-resp-share-element .at-share-btn {background: transparent !important;}
.addthiscontainer .at-resp-share-element .at-share-btn * {fill: black !important;width: 28px !important;height: 22px !important;}
div#resimlerim {min-height: 450px;}
.EticProductDetailStars .fa-star {color: #a9a9a9;position: relative;margin-left: 3px;font-size: 16px;vertical-align: middle;}
.EticProductDetailStars .fa-star.fas, .EticProduct .starz i.fas, .comment_content .starz i.fas {color: #f5c103;}
.EticProductDetailStars>div>i {line-height: 1.25;padding: 0.5rem 0;}
.EticProductDetailPrice {line-height: 25px;}
.EticProductDetailTransfer {min-height: 30px;line-height: 22px;}
.EticProductDetailTransfer span {background: #026ebb;color: white;}
.EticProductDetailPrice small {color: #333}
.EticProductDetailinfo b:first-child {display: inline-block;width: 124px;color: #424345;}
.EticProductDetailinfo {color: #000;}
.EticProductDetailinfo b~strong {display: inline-block;margin-right: 5px;}
.EticProduct .product-label span {right: 0;text-align: center;position: relative;border: none;border-radius: 50%;color: white;margin: 0;font-size: 14px;font-weight: 500;background-color: #98d8ca;width: 48px;height: 48px;align-items: center;display: flex;justify-content: center;line-height: 1;margin-bottom: 7px;}
.EticProduct .product-label span.newest {background-color: #f26d64;}
.EticProduct .product-label span.out {background: #333;}
.EticProduct .rightLabels>a {transition: .3s;width: 40px;height: 40px;display: block;margin-top: 5px;opacity: 0;margin-bottom: 0;position: relative;}
.EticProduct .rightLabels {position: absolute;right: 20px;top: 20px;z-index: 5;}
.EticProduct .rightLabels>a .icon {width: 40px;height: 40px;display: block;background: #f8f9fa;padding: 7px;box-shadow: -7px 6px 15px -3px rgb(0 0 0 / .1);}
.EticProduct .rightLabels>a .text {background: #333;position: absolute;right: 100%;top: 50%;transform: translateY(-50%);color: white;transition: .3s;font-size: 12px;padding: 2px 11px;opacity: 0;box-shadow: 4px 4px 8px rgb(0 0 0 / .3);white-space: nowrap;visibility: hidden;}
.EticProduct:hover .rightLabels>a {margin-top: 0;opacity: 1;margin-bottom: 5px;}
.EticProduct .rightLabels>a .text:before {content: "";position: absolute;left: 100%;top: 50%;transform: translateY(-50%);border: 6px solid;border-color: transparent transparent transparent #333333;}
.EticProduct .rightLabels>a:hover .text {right: calc(100% + 12px);opacity: 1;visibility: visible;}
.owl-thumb-item.active { opacity: 1; }
.owl-thumb-item {display: inline-block;border: none;background: none;padding: 0;opacity: 0.7;margin: 0 7px;outline: 0 !important;box-shadow: none;width: 11%;transition-delay: 0s;}


.EticProduct.hasList .product-label {right: calc(50% + 10px);}
.EticProduct span.has_shipping {}
.EticProductDetailStars .Pro_head {font-size: 25px;margin: 0;margin-bottom: 5px;line-height: 1.2;}
.EticProductDetailStars .Pro_head p {min-width: 105px;margin: 0;vertical-align: middle;display: block;}
.EticProductDetailPrice h4 {color: #f26d64;display: inline-block;}
.EticProductDetailPrice h4~del {font-size: 15px;}
#urunBilgisi .taksits {font-size: 14px;font-weight: 500;}
.counter-detail {margin: 0 8px;padding: 5px 0px;width: calc(25% - 16px);background-color: antiquewhite;border-radius: 5px;}

#urunBilgisi .minibox, #urunDetaylari .minibox {width: 70px;min-height: 30px;line-height: 21px;padding: 8px 10px;text-align: center;font-size: 14px;color: #ffffff;position: absolute;right: 20px;top: 15px;background: #13a439;font-weight: 600 !important;}
#urunBilgisi .hasDiscount, #urunDetaylari .hasDiscount {width: 70px;height: 70px;line-height: 70px;padding: 0;text-align: center;font-size: 20px;font-weight: 600 !important;border-radius: 50%;background: transparent;border: 1px dashed #f26d64;color: #f26d64;}
#stars.has-danger i[class*='fa'] {color: #d9534f;}
.EticProduct .image:not(.not_hovereds)>a img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all .9s;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.EticProduct .image:not(.not_hovereds)>a:hover img:nth-child(1) {opacity: 0;}
.EticProduct .image>a img:nth-child(2) {opacity: 0;}
.EticProduct .image>a:hover img:nth-child(2) {opacity: 1;}
img.anasayfaUrunHover:nth-of-type(1):hover img.anasayfaUrunHover:nth-of-type(2) {display: block;}
.fs-18 {font-size: 18px;}

#paytr_taksit_tablosu{clear: both;font-size: 12px;/* max-width: 1200px; */text-align: center;font-family: Arial, sans-serif;}
#paytr_taksit_tablosu::before {display: table;content: " ";}
#paytr_taksit_tablosu::after {content: "";clear: both;display: table;}
.taksit-tablosu-wrapper{margin: 5px;width: calc(25% - 10px);padding: 10px;cursor: default;text-align: center;display: inline-block;border: 1px solid #e1e1e1;}
.taksit-logo img{max-height: 28px;padding-bottom: 10px;}
.taksit-tutari-text{float: left;width: 50%;color: #000000;margin-bottom: 5px;font-size: 12px;}
.taksit-tutar-wrapper{display: inline-block;background-color: #fff;width: 100%;}
.taksit-tutar-wrapper:hover{background-color: #e8e8e8;}
.taksit-tutari{float: left;width: 50%;padding: 6px 0;color: #474747;border: 2px solid #f5f5f5;font-size: 11px;}
.taksit-tutari-bold{font-weight: bold;}
@media all and (max-width: 600px) {.taksit-tablosu-wrapper {}}

@media(max-width: 992px){
    .taksit-tablosu-wrapper{width: calc(50% - 10px);}
}

@media(max-width: 768px){
    .taksit-tablosu-wrapper{width: calc(50% - 10px);}
}

/* listeGorunumu */


.EticProduct.hasList .isList { display: block; }
.EticProduct.hasList .card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; align-items: center; position: relative; }
.EticProduct.hasList .card > div {-webkit-box-flex: 0;-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;position: static;text-align: center;}
.EticProduct.hasList .btn-hover-group .btn { width: auto; margin-top: 0; }
.EticProduct.hasList .card > .hizliGorunum { left: auto; top: auto; opacity: 1; right: 1rem; transform: none; bottom: 1rem; }
.EticProduct.hasList .card > .hizliGorunum > span { display: initial }
.EticProduct.hasList .ucretsizkargo { top: 70px; }
.EticProduct.hasList .card > div:nth-child(1) { border-right: 1px solid #eee; }


/* hazir form butonu */


.btn-submit {outline: none;height: 40px;text-align: center;border-radius: 5px;color: white;text-shadow: none;font-size: 14px;font-weight: bold;cursor: pointer;transition: all 0.25s ease;background: #f26d64;border: 2px solid #f26d64;text-transform: uppercase;line-height: 1.6;}
.btn-submit:active { letter-spacing: 1px; }
.btn-submit:after { content: attr(text); }
.btn-submit.onclic { width: 40px; border-color: #bbbbbb; border-width: 3px; font-size: 0; border-left-color: #1ECD97; animation: rotating 2s 0.25s linear infinite; border-radius: 50% !important; background: transparent; height: 40px; }
.btn-submit.onclic:after { content: ""; }
.btn-submit.onclic:hover { color: #1ECD97; background: white; }
.btn-submit.validate { font-size: 13px; color: white; background: #1ECD97; border-color: #1ECD97; }
.btn-submit.validate:after { font: normal normal normal 14px/1 FontAwesome; content: "\f00c"; }
.btn-submit.novalidate { font-size: 13px; color: white; background: #cd3330; border-color: #cd3330; }
.btn-submit.novalidate:after { font: normal normal normal 14px/1 FontAwesome; content: "\f00d"; }
.btn-outline-hizli-sepet { /* width: 100%; */ color: #fff; background: #f26d64; border: 1px solid #f26d64; border-radius: 30px; padding: 10px 20px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.btn-outline-hizli-sepet:hover { background: #fff; color: #f26d64; }
.btn-outline-hizli-sepet:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 126, 9, 0.25); }
.btn-outline-satinal { /* width:100%; */ background: #98d8ca; color: #fff; border: 1px solid #98d8ca; border-radius: 30px; padding: 10px 20px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.btn-outline-satinal:hover { background: #fff; color: #98d8ca; }
.btn-secondary { color: #292b2c; background-color: #fff; border-color: #ccc; }
.btn-secondary:hover { color: #292b2c; background-color: #e6e6e6; border-color: #adadad; }
.btn-warning { color: #fff; background-color: #ce8500; border-color: #ce8500; }
.breadcrumb-item + .breadcrumb-item::before { content: "\f054"; font-family: "font awesome 5 pro",sans-serif; font-weight: 300; font-size: 10px; }
.breadcrumb { background: white; border-radius: 0; border: 1px solid #eee; }
.clearNowrap { white-space: normal; }
.custom-file-control::before { content: "\f016"; font-family: 'font awesome 5 pro',sans-serif; font-weight: 600; }
.custom-file-control::after { content: "Dosya Sec.."; }
.has-primary .form-control { border-color: #0275d8; }
.has-gray .form-control { border-color: #666; }
.has-border, .custom-shadow-and-border { border: 1px solid #ddd; }
.custom-control-description {user-select: none;padding-top: 0;color: #646464;vertical-align: middle;font-size: 15px;font-weight: normal;color: #292929;line-height: 1;}
.breadcrumb-item { color: #aaa; cursor: pointer; text-transform: uppercase; font-weight: 600; font-size: 13px; }
.breadcrumb-item:hover, .breadcrumb-item.active { color: #010101 }
.btn-simple { border: none; background: none; text-decoration: none; color: #666666; font-size: 13px; }
.btn-simple:hover, .btn-simple:focus, .btn-simple:active, .btn-simple.active { color: #9e9e9e; box-shadow: none; }
.btn-circle { width: 38px; height: 38px; line-height: 38px; padding: 0 !important; border-radius: 50%; text-align: center; overflow: hidden; }
.form-control ~ span.error_messages, .custom-select ~ span.error_messages { position: absolute; left: 15px; top: 0; width: calc(100% - 30px); height: 100%; border: 2px solid #d9534f; }
.has-danger .custom-control .custom-control-description, .has-danger .custom-control .custom-control-description a { color: #d9534f; }
.btn, .btn:hover, .btn:focus, .btn:active { box-shadow: none !important; }
.content_area {min-height: 500px;padding: 20px 20px;border: 1px solid #eee;font-size: 15px;line-height: 1.5;font-weight: 300;}
@keyframes rotating { from {transform: rotate(0deg); } to {transform: rotate(360deg); } }
.btn-submit:hover, .btn-submit:focus, .btn-submit:active { color: #f26d64; border-color: #f26d64; background: transparent !important; }
.btn-submit.btn-sm {height: auto;padding: 3px 9px;font-size: 11px;font-weight: 400;}
.btn-submit.btn-block { width: 100%; }
.btn-danger { outline: none; height: 45px; text-align: center; border-radius: 5px; color: white; /* letter-spacing: 1px; */ text-shadow: none; font-size: 16px; font-weight: bold; cursor: pointer; transition: all 0.25s ease; background: #f26d64; border: 2px solid #f26d64; text-transform: uppercase; line-height: 1.8; }
.btn-danger:hover, .btn-submit:focus, .btn-submit:active { color: #f26d64; border-color: #f26d64; background: transparent !important; }
.btn-danger.btn-block { width: 100%; }
.custom-file-label::after { content: attr(before-text); }
form .form-group .form-control ~ i { position: absolute; left: 15px; top: 1px; width: 38px; height: 38px; text-align: center; font-size: 15px; line-height: 38px; color: #a3a3a3 }
form .form-group .form-control.hasIcon { padding-left: 38px; }
.custom-select { background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath fill='%23555' d='M423.7,718c42.3,42.5,110.5,42.8,153.1,0l389.1-391.1c42.3-42.5,27.1-76.9-31.4-76.9H66c-59.6,0-74,34.1-31.4,76.9L423.7,718z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-size: 10px; }
.btn-sepet {position: relative;text-transform: capitalize;color: #000;text-decoration: none !important;display: block;vertical-align: middle;font-size: 14px;font-weight: 400;}
.addthiscontainer .at-resp-share-element .at-share-btn { background: transparent !important; }
.addthiscontainer .at-resp-share-element .at-share-btn * { fill: black !important; width: 28px !important; height: 22px !important; }
ul.cart-dropdown-menu { display: none; list-style: none; min-width: 300px; position: absolute; right: 0; padding: 1rem; margin: 20px 0 0 0; background: #f8f9fa; z-index: 1; border-radius: 5px; transition: 0.8s; /* max-height: 400px; */ /* overflow: scroll; */ }
ul.cart-dropdown-menu:before { content: ''; z-index: 99; position: absolute; top: -15px; right: 25px; width: 36px; height: 36px; background: #f8f9fa; transform: rotate(45deg); border-radius: 2px; /* border-left: 6px solid #3544ee; */ /* border-right: 6px solid transparent; */ /* border-bottom: 6px solid transparent; */ }
#cart-button:hover ul.cart-dropdown-menu { transition: 0.8s; display: block; }
.cart-dropdown-item { max-height: 450px; overflow: scroll; }
.EticTabs {font-weight: 600 !important; justify-content: center; display: block !important; padding-left: 15px; }
.EticTabs .nav-link { color: #333; margin-bottom: -1px; transition: all 0.2s; border-top: 1px solid transparent; font-size: 16px; padding: 15px 15px; }
.EticTabs .nav-link.active, .EticTabs .nav-link:hover { background: #f26d64; color: white; }
.card-custom-header { color: #333; background: transparent; }
.fill { min-height: 100%; height: 100%; }


/* ------------------ sepet ------------------ */


#js-sepetListesi .adetinput { max-width: 60px; min-width: 40px; }
.cartRemove i { opacity: 0; transition: all 0.5s }
tr:hover .cartRemove i { opacity: 1 }
#sf_sepet div#cardSum > div > div:first-child > *:nth-child(2n):not(:last-child):not(hr) { background: rgba(0, 0, 0, 0.05); padding: 5px 0; margin: 5px 0 !important; }
#promosyon a:hover, #hediyeceki a:hover, #promosyon a:focus, #hediyeceki a:focus, #promosyon a:active, #hediyeceki a:active { color: #555 }
#js-kargobedava { font-size: 13px; }
div#cardSum .card-block p > b:nth-of-type(1) { display: inline-block; }
.cart_empties > span:nth-child(2) { font-size: 14px; font-weight: 600; color: #000; }
.cart_empties > span:nth-child(3) { position: absolute; top: -16px; right: 4px; width: 23px; height: 17px; background: #f18d47; color: white !important; font-size: 11px !important; line-height: 16px !important; text-align: center; }
.cart_empties > span:nth-child(3):before { content: ''; position: absolute; bottom: -6px; left: 4px; width: 0; height: 0; border-left: 6px solid #f18d47; border-right: 6px solid transparent; border-bottom: 6px solid transparent; }
.has-border, .custom-shadow-and-border { border: 1px solid #eee; }
.btn-cupon { border-radius: 0 100% 100% 0; padding: 10px 15px; border: 2px solid rgba(26, 29, 31, 0.1); margin-left: -2px; }


/* -------- SWEETALERT -------- */


.swal2-popup { background-color: initial; }
.swal2-container.swal2-shown {background-color: rgba(255, 255, 255, 0.93);}
.swal2-show { animation: none; }
#sf_urun .swal2-modal {left: 0; top: 0; width: 100% !important; position: absolute; border-radius: 0; height: 100%; background-color: rgba(255, 255, 255, .9) !important; -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
.swal2-container { overflow: hidden !important; }
.shoppingInformationCart { position: fixed; left: 0; top: 0; z-index: 1100; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .9); }
.shoppingInformationCartInside { position: absolute; left: 50%; top: 50%; line-height: 56px; color: #777; font-size: 22px; letter-spacing: 1px; text-transform: uppercase; text-align: center; transform: translate(-50%, -50%) }
.cartCheckmarkCircle { float: left; stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #55d847; fill: none; animation: stroke 0.6s cubic-bezier(.65, 0, .45, 1) 2 }
.red .cartCheckmarkCircle { stroke: #d83f3f; }
.cartCheckmark { width: 56px; height: 56px; border-radius: 50%; display: block; stroke-width: 2; stroke: #fff; stroke-miterlimit: 10; margin: 10% auto 0; box-shadow: inset 0 0 0 #55d847; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; }
.cartCheckmark.red { box-shadow: inset 0 0 0 #d83f3f; animation-name: fillred; }
.cartCheckmarkCheck { transform-origin: 50% 50%; /*stroke-dasharray: 48;*/ stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(.65, 0, .45, 1) 0.8s forwards }
@keyframes stroke { 100% { stroke-dashoffset: 0 } }
@keyframes scale { 0%, 100% { transform: none } 50% { transform: scale3d(1.1, 1.1, 1) } }
@keyframes fill { 100% { box-shadow: inset 0 0 0 30px #55d847 } }
@keyframes fillred { 100% { box-shadow: inset 0 0 0 30px #d83f3f } }


@media (max-width: 768px) {
    .shoppingInformationCartInside { line-height: 26px; font-size: 16px; }
}


.swal2-icon {border: none;margin-bottom: 0;}
.swal2-popup .swal2-title, .swal2-popup #swal2-content {color: #777;font-weight: 400;margin: 0 0 15px 0;text-transform: uppercase;}
.swal2-icon .swal2-icon-text { text-transform: uppercase; }
.swal2-popup #swal2-content {font-size: 17px;line-height: 1.5;}
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; }
.js-siparisGorseli .uploadImg {position: absolute;left: 0;bottom: 100%;width: 250px;margin-top: 10px;border-radius: 15px;border: 2px solid#dedede;padding: 10px;background: white;transform: scale(0);transition: all .3s ease;}
.js-siparisGorseli {position: relative;}
.js-siparisGorseli .input-group-btn {position: relative;overflow: hidden;}
.js-siparisGorseli .btn-file {background: #98d8ca;color: white;padding: 12px 20px;border-radius: 0;}
.js-siparisGorseli .uploadImg:before {content: "";position: absolute;left: 30px;top: calc(100% - 6px);background: white;width: 15px;height: 15px;transform: rotate(45deg);border-bottom: 2px solid #dedede;border-right: 2px solid #dedede;}
.js-siparisGorseli .uploadImg img {border-radius: 15px;position: relative;z-index: 5;}
.js-siparisGorseli:hover .uploadImg , .js-siparisGorseli.active .uploadImg {transform: scale(1);}

/* ------------------ footer ------------------ */

#footer {background: #000;}
#footer #footerTop h4 {position: relative;font-size: 15px;font-weight: bold;text-transform: uppercase;margin-bottom: 15px;display: inline-block;color: black;}
#footer #footerTop {padding: 60px 15px;background: url(../../images/sloganBg.jpg);background-position: center center;background-size: cover;}
#footer #footerTop ul.menuList li a {display: inline-block;line-height: 24px;font-size: 13px;font-weight: 300;transition: all 0.1s ease-in-out;color: #000000;}
#footer #footerTop ul.menuList li a:hover {color: #000000;transform: translateX(5px);}
#footer #footerCenter {line-height: 34px;color: #000;padding: 40px 0;font-size: 12px;background: white;}
#footer #footerCenter a {color: black;font-weight: 600;}
#footer .newsletter_general .ebultenBolumu {color: black;position: relative;z-index: 5;}
#footer .newsletter_general .ebultenBolumu .newsletter_content {border: 1px solid #6c675b;border-radius: 0;position: relative;overflow: hidden;height: 55px;display: inline-block;vertical-align: middle;min-width: 500px;}
#footer .newsletter_general .ebultenBolumu .newsletter_content input {font-size: 17px !important;background: transparent;width: 100%;height: 100% !important;border: 0; /*! padding: 0 15px; */color: black;padding: 0 25px !important;font-weight: 300 !important;}
#footer .newsletter_general .ebultenBolumu .newsletter_content button {position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 100%;padding: 0 21px;background: transparent !important;color: black !important;border: 0;outline: 0;font-size: 16px;border-left: 1px solid #6c675b;border-radius: 0;text-align: center;}
#footer .newsletter_general {background: transparent;position: relative;border-radius: 5px;overflow: hidden;padding: 45px 0 0 0;}
#footer .newsletter_general .ebultenBolumu .newsletter_content input::placeholder {color: #000;}
#footer .socials {font-size: 15px;padding: 0 0;display: inline-block;vertical-align: middle;}
#footer .socials li {display: inline-block;}
#footer .socials li a {height: 40px;width: 40px;display: block;line-height: 38px;transition: all 0.2s;margin: 0 3px;text-align: center;font-weight: 400 !important;background: transparent !important;color: #000 !important;border: 1px solid rgb(203, 198, 181);}
#footer .socials li a:hover {box-shadow: 0 0 0 0 transparent;background: white !important;color: #000 !important;}
#footer .socials li a i {vertical-align: middle;}
#footer #footerBottom {background: white;padding: 15px 0;}
#footer #footerBottom .copy, #footer #footerBottom .etic {font-size: 13px;display: block;}
#footer #footerBottom .etic a {font-weight: bold;color: #000;}
.footerContact a {display: inline-block;font-size: 16px;}
.footerContact a i {margin-right: 8px;font-size: 18px;}

#diffirence .item h5 {margin: 0;text-transform: uppercase;font-size: 16px;color: #4b4b4b;font-weight: 700;}
#diffirence .item p {font-size: 13px;max-width: 282px;color: #4b4b4b;margin: 7px 0 0 0 ;}
#diffirence .container>div {padding: 40px 0;}


/* ------------------ tek varyanttaki kutular ------------------ */


.varyant_control { display: inline-flex; position: relative; border: 4px solid #eee; background: #dee2e6; margin: 10px 10px 10px 0.25rem; padding: 0.5rem 0.75rem; min-width: 105px !important; text-align: center; min-height: 33px; }
.varyant_control:hover { border: 4px solid rgba(40, 167, 68, 0.6) !important; }
.varyant_control input { display: block; position: absolute; width: 100%; height: 100%; padding: 0; margin: 0; left: 0; top: 0; cursor: inherit; z-index: 12; }
input.custom-control-input:disabled { cursor: no-drop; }
.custom-control-input-checked { border: 4px solid rgba(40, 167, 68, 0.6) !important; cursor: inherit; }
input[type=radio] { border: 4px solid rgba(40, 167, 68, 0.6) !important; cursor: inherit; }
.custom-checkbox-varyant { position: relative; padding: 0.25rem 0.7rem; margin-right: 0.25rem; min-width: 37px !important; text-align: center; min-height: 33px; }
.custom-checkbox-varyant .custom-control-indicator { left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: 1px solid #dfdfdf; background: transparent; transition: all .1s ease-in-out; }
.custom-checkbox-varyant .custom-control-input:checked ~ .custom-control-indicator, .custom-checkbox-varyant .custom-control-input:hover ~ .custom-control-indicator { background-color: #f26d64; border-color: #f26d64; }
.custom-checkbox-varyant .custom-control-description { line-height: 25px; z-index: 2; position: relative; transition: all .1s ease-in-out; }
.custom-checkbox-varyant input:hover ~ .custom-control-description, .custom-checkbox-varyant input:focus ~ .custom-control-description, .custom-checkbox-varyant input:active ~ .custom-control-description, .custom-checkbox-varyant .custom-control-input:checked ~ .custom-control-description { color: white !important; }
.custom-radio .custom-control-indicator { background-size: 70%; background-repeat: no-repeat; background-position: center center; border: 2px solid #dedede; width: 1.4rem; height: 1.4rem; top: -0.05rem; }
.custom-checkbox-varyant.circle .custom-control-indicator, .custom-checkbox-varyant.circle { width: 37px; height: 37px; border-radius: 50% !important; }
.custom-radio .custom-control-indicator:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-49%, -49%); background: #f26d64; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 50%; opacity: 0; }
.custom-control-input:checked ~ .custom-control-indicator:before, .nav-link.active .custom-control-indicator:before, .nav-link:hover .custom-control-indicator:before { opacity: 1; }

ul.pagination { display: inline-flex; }
.page-item .page-link { color: #f26d64; }
.page-item.active .page-link { background-color: #f26d64; border-color: #f26d64; }
.watchCounter { display: inline-block; position: absolute; right: 10px; top: 10px; }

/* custom materialize control */

.custom-control-indicator-materialize:before , .custom-control-indicator-materialize:after {content: "";}
.custom-control-indicator-materialize:before , .custom-control-indicator-materialize:after {content: '';position: absolute;top: 0;left: 0;width: 18px;height: 18px;z-index: 0;border: 2px solid rgba(0, 0, 0, 0.1);border-radius: 1px;margin-top: 3px;-webkit-transition: .2s;transition: .2s;}
input:checked ~ .custom-control-indicator-materialize:before {top: -2px;left: -1px;width: 8px;height: 17px;border-top: 2px solid transparent;border-left: 2px solid transparent;border-right: 2px solid #f18d47;border-bottom: 2px solid #f18d47;-webkit-transform: rotate(40deg);transform: rotate(40deg);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}
input:checked ~ .custom-control-indicator-materialize:after {border: 0;-webkit-transform: scale(0);transform: scale(0);}

/* custom materialize control end*/

/* ------------------ resimli varyanttaki kutular ------------------ */


.custom-checkbox-varyant3 { position: relative; padding: 0.25rem 0.7rem; margin-right: 0.25rem; min-width: 104px !important; text-align: center; min-height: 33px; }
.custom-checkbox-varyant3 .custom-control-indicator { left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: 3px solid #ddd; background: transparent; transition: all .1s ease-in-out; border-radius: 3px; }
.custom-checkbox-varyant3 .custom-control-input:checked ~ .custom-control-indicator { background-color: white; border-color: #519546; }
.custom-checkbox-varyant3 .custom-control-input:hover ~ .custom-control-indicator { background-color: white; border-color: #919191; }
.custom-checkbox-varyant3 .custom-control-description {z-index: 2; position: relative; transition: all .1s ease-in-out; line-height: 14px; font-size: 13px; }
.custom-radio .custom-control-indicator { background-size: 70%; background-repeat: no-repeat; background-position: center center; border: 2px solid #f26d64; }
.custom-control.custom-radio { padding-left: 1.8rem; }


/* -------- siparis tamamla sayfasi ------*/


/* ------------------ siparis ------------------ */


.addressSelectItem { position: relative; }
.addressSelectItem > .text { padding-right: calc(75px - 1.5rem); }
.addressSelectItem > .text span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }
.addressSelectItem > a { position: absolute; right: 0; top: 0; transform: translateY(0%); width: 50px; height: 100%; border-left: 1px solid #eceeef; background: white; }
.addressSelectItem > a > i { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.addressSelectItem > a:hover { background: #343434; color: white; }
.custom-control-indicator.halfTop { top: calc(50% - 0.5rem); }
.hasScroll { max-height: 250px; overflow-y: scroll !important; }
.js-yeniekle { cursor: pointer }
.kodiptal { background: transparent; border: 0; opacity: .5; position: absolute; right: 3px; top: 3px; }
#sf_sepet[data-icerik="giris"] #diffirence, #sf_sepet[data-icerik="giris"] #contacts, #sf_sepet[data-icerik="giris"] #header .user_content, #sf_sepet[data-icerik="giris"] .marks, #sf_girisyap #diffirence, #sf_girisyap #contacts, #sf_girisyap #header .user_content, #sf_girisyap .marks, #sf_yeniuyelik #diffirence, #sf_yeniuyelik #contacts, #sf_yeniuyelik #header .user_content, #sf_yeniuyelik .marks, #sf_siparis #diffirence, #sf_siparis #contacts, #sf_siparis #header .user_content, #sf_siparis .marks { display: none !important; }
#sf_sepet[data-icerik="giris"] #headerCenter > div > div, #sf_girisyap #headerCenter > div > div, #sf_siparis #headerCenter > div > div, #sf_yeniuyelik #headerCenter > div > div { justify-content: center !important; text-align: center !important; }
#sf_sepet[data-icerik="giris"] #headerCenter > div > div > div:not(#logo), #sf_girisyap #headerCenter > div > div > div:not(#logo), #sf_siparis #headerCenter > div > div > div:not(#logo), #sf_yeniuyelik #headerCenter > div > div > div:not(#logo) { display: none !important; }


iframe#paytriframe { min-height: 1020px !important; }



/* Shopping Card */


#shoppingCard {overflow-x: hidden;position: fixed;right: 15px;top: 0;width: 410px;text-align: left;height: 100%;background: white;box-shadow: 0 5px 15px rgba(0,0,0,.15);padding: 20px;z-index: 100;transition: all .4s ease;cursor: auto;transform: translateX(100%);}
#shoppingCard .headContent {margin-bottom: 40px;}
#shoppingCard h3 {text-transform: uppercase;font-size: 18px;color: #666;display: flex;align-items: center;justify-content: space-between;font-weight: 700;margin: 0;}
#shoppingCard h3 img {cursor: pointer;}
#shoppingCard.opened {transform: translateX(0);}
#shoppingCard dl {padding: 0;margin: 0;position: relative;overflow: hidden;}
#shoppingCard dt {/* background: #ffffff none repeat scroll 0 0; */font-weight: normal;margin: 6px 0;position: relative;border: 1px solid #E2E2E2;}
#shoppingCard .cart-images {display: inline-block;margin-right: 15px;width: 100px;position: relative;overflow: hidden;height: 107px;border-right: 1px solid #dedede;vertical-align: middle;}
#shoppingCard .cart-images img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;z-index: 1;height: 100%;object-fit: cover;object-position: center center;}
#shoppingCard .cart-info {text-shadow: 1px 1px #f9f9f9;display: inline-block;width: calc(100% - 145px);vertical-align: middle;}
#shoppingCard .product-name {display: block;text-align: left;text-transform: uppercase;font-weight: 600;margin-bottom: 2px;padding: 0;font-size: 12px;line-height: 1.5;color: #3a3939;}
#shoppingCard .price {font-size: 14px;font-weight: bold;}
#shoppingCard a {font-size: 14px;transition: all 0.3s ease-in-out 0s;}
#shoppingCard .remove_link {transition: all 0.2s ease-in-out 0s;outline: none;display: block;font-size: 11px;font-weight: 600;text-align: center;padding: 2px 0;line-height: 13px;position: absolute;right: 10px;transform: translateY(-50%);top: 50%;text-transform: uppercase;background: white;z-index: 2;color: #E2E2E2;opacity: 1;}
#shoppingCard .no_products {font-size: 17px;font-weight: normal;margin: 0;padding: 0;text-shadow: 1px 1px #f9f9f9;color: rgb(30, 30, 30);letter-spacing: 1px;}
#shoppingCard .product-cat {text-transform: uppercase;font-size: 10px;font-weight: 300;margin-top: 0;margin-bottom: 2px;line-height: 15px;color: #aaa;letter-spacing: 1px;display: none;}
#shoppingCard .product-list {position: relative;overflow: auto;height: calc(100% - 39px);}
#shoppingCard .addcontent {display: flex;align-items: center;margin-top: 5px;position: relative;width: 91px;}
#shoppingCard .addcontent button {border: 1px solid #c7c7c7;width: 30px;height: 30px;background: transparent;border-radius: 0;padding: 0;font-size: 18px;font-weight: 700;color: #c7c7c7;align-items: center;display: flex;justify-content: center;cursor: pointer;}
#shoppingCard .addcontent input {width: 30px;padding: 0;border: 1px solid #c7c7c7;height: 30px !important;color: #666;font-size: 16px !important;text-align: center;}
#shoppingCard .addcontent button:nth-child(1) {border-right: 0;}
#shoppingCard .addcontent button:nth-child(3) {border-left: 0;}
#shoppingCard .bottom-content span {text-transform: uppercase;font-size: 18px;font-weight: 700;display: block;color: rgb(30, 30, 30);}
#shoppingCard>div:nth-child(1) {height: calc(100% - 97px);}
#shoppingCard>div:last-child {background: white;position: relative;z-index: 5;}
#shoppingCard .addcontent.loadingBar:before,#shoppingCard dl.loadingBar:before {content: "\f3f4";font-family: "font awesome 5 pro";position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;justify-content: center;display: flex;animation: a 2s infinite linear;z-index: 5;font-size: 19px;}
#shoppingCard .addcontent.loadingBar:after ,#shoppingCard dl.loadingBar:after{content: "";background: rgb(255 255 255 / 0.8);position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;justify-content: center;display: flex;z-index: 3;}
#shoppingCard .products .remove_link:hover {/* opacity: 1; */color: #ff7e09;}
#shoppingCard dl:nth-child(odd) > dt {background: #fafafa;}
#shoppingCard dl:last-child > dt {margin-bottom: 0;}
.btn-submit.customHover {background: transparent;color: #ff7e09;}
.btn-submit.customHover:hover , .btn-submit.customHover:focus,.btn-submit.customHover:active {background: #ff7e09 !important;color: white;border-color: #ff7e09 !important;}


/* Shopping Card End */


/* new order page */



#orderPage {position: relative;min-height: 100vh;}
#orderPage>.orderWrapper {width: 90%;max-width: 1100px;margin: 0 auto;padding-top: 62px;}
#orderPage:before {content: "";position: absolute;right: 0;top: 0;width: 45.4%;height: 100%;box-shadow: 1px 0 0 #e1e1e1 inset;}
#orderPage #paymentTabs {border-bottom: 0;margin-bottom: 30px;}
#orderPage #paymentTabs li {margin-bottom: 0;padding: 0;}
#orderPage #paymentTabs a , #orderPage .customLink {padding: 0;border-radius: 0;background-color: transparent;position: relative;border: 0;font-weight: 400;color: rgb(51, 51, 51);font-size: 12px;font-family: "Raleway" , sans-serif;line-height: 26px;vertical-align: middle;}
#orderPage #paymentTabs a.active {color: rgb(51, 51, 51);font-weight: 600;}
#orderPage #paymentTabs a.disabled {cursor: no-drop;}
#orderPage #paymentTabs li + li>a:before {content: "";width: 20px;height: 14px;background-image: url("../../images/chevron_breadcrumb.svg");background-size: 10px;background-repeat: no-repeat;background-position: center center;display: inline-block;vertical-align: sub;}
#orderPage .custom-control-indicator {transition: all 0.2s ease-in-out;width: 18px;height: 18px;border-radius: 4px;border-width: 1px;border-color: #c6c6c6;background-color: #f9f9f9;}
#orderPage .custom-control-indicator:before {content: "";background: url("../../images/checkbox.svg");width: 18px;height: 18px;position: absolute;left: -1px;top: -1px;background-repeat: no-repeat;background-position: center center;transform: scale(0);transition: all 0.2s ease-in-out 0.1s;border-radius: 4px;background-color: #333333;}
#orderPage .custom-control-input:checked ~ .custom-control-indicator:before {transform: scale(1);}
#orderPage .head_order {color: #333333;font-weight: 400;font-family: "Raleway" , sans-serif;font-size: 18px;display: flex;align-items: center;justify-content: space-between;}
#orderPage .head_order span {font-size: 14px;}
#orderPage .order_text {color: rgb(84, 84, 84);font-family: "Raleway", sans-serif;font-size: 14px;line-height: 18px;}
#orderPage .leftFrame {padding-right: 76px;}
#orderPage .rightFrame {padding-left: 30px;}
#orderPage .form-control:not(.default) {height: 46px !important;color: #333333 !important;border-color: #d9d9d9;border-radius: 5px;transition: all 0.2s ease-out;padding-left: 11px !important;border-width: 1px;font-family: "Raleway" , sans-serif;background-color: transparent !important;}
#orderPage .form-control ~ label {font-size: 14px;color: #737373;font-weight: 400;font-family: "Raleway",sans-serif;text-transform: none;margin: 0;position: absolute;top: 50%;transform: translateY(-50%);left: 12px;transition: all 0.2s ease-out;}
#orderPage .form-control.not_empty ~ label, #orderPage select.form-control ~ label {top: 12px;font-size: 12px;animation: opacityShow 2s;}
#orderPage .form-control.not_empty:not(.default), #orderPage select.form-control:not(.default) {font-size: 14px !important;padding-top: 27px;padding-left: 11px;animation: colorShow 2s;}
#orderPage select.form-control {padding: 18px 0 0 9px !important;background: none !important;-webkit-appearance: none;-moz-appearance: none;}
#orderPage select.form-control~.caret {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);height: 19px;border-left: 1px rgba(179,179,179,0.5) solid;width: 31px;text-align: center;align-items: center;display: flex;justify-content: center;}
#orderPage .form-control:focus {border-color: #333333;box-shadow: 0 0 0 1px #333333;}
#orderPage .form-opener , #orderPage #header #headerCenter .items {display: none !important;}
.customOrderLabel {font-size: 14px;color: #525252;font-weight: 400 !important;font-family: "Raleway" , sans-serif;}
.customOrderControl.custom-control {padding-left: 1.5rem;margin-right: 15px;}
.customOrderControl  .custom-control-description {color: #525252;font-size: 14px;font-weight: 400;font-family: "Raleway" , sans-serif;}
.customHr {border-top: 1px solid rgba(174,174,174,0.34);margin: 20px 0;}
#orderPage .custom-radio .custom-control-indicator , #orderPage .custom-radio .custom-control-indicator:before {border-radius: 50%;}
.customOrderControl.custom-control.customSm {padding-left: 1.2rem;margin-right: 12px;min-height: 1.1rem;}
#orderPage .customOrderControl.custom-control.customSm .custom-control-indicator, #orderPage .customOrderControl.custom-control.customSm .custom-control-indicator:before {width: 15px;height: 15px;background-size: 51%;top: 0;}
#orderPage .customOrderControl.custom-control.customSm .custom-control-description {font-size: 12px;}
@keyframes opacityShow{ from {opacity:0;} to {opacity:1;} }
@keyframes colorShow{ from {color:white;} to {color:#333333;} }


#orderPage .customDropdown>.dropdown-toggle {width: 100%;height: 46px;font-family: "Raleway" , sans-serif;background: #c6c6c6;font-size: 14px;font-weight: 600;color: white;padding: 0 25px;display: flex;align-items: center;justify-content: space-between;border-radius: 4px;}
#orderPage .customDropdown .dropdown-menu { width: 100%; border-radius: 4px; border-color: #d9d9d9; padding: 0; }
#orderPage .customDropdown .dropdown-menu .dropdown-item +  .dropdown-item { border-top: 1px solid #d9d9d9; }
#orderPage .customDropdown .dropdown-menu .dropdown-item { padding: 10px 15px; }


#orderPage #loginTabs .nav-link {font-family: "Raleway" , sans-serif;background: #c6c6c6;font-size: 14px;font-weight: 600;color: white;padding: 12px 8px;border-radius: 4px;border: 0;transition: all .15s ease-in-out;text-align: center;}
#orderPage #loginTabs { border: 0; }
#orderPage #loginTabs .nav-link:hover , #orderPage #loginTabs .nav-link:focus , #orderPage #loginTabs .nav-link:active , #orderPage #loginTabs .nav-link.active { background: #333333; }
#orderPage .orderSocialBorder span {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);background: #f8f8f8;padding: 10px;color: #bdbdbd;font-size: 13px;}
#orderPage .orderSocialBorder {position:relative;}


#orderPage .productList .product .img {width: 65px;height: 65px;border-radius: 8px;background: #fff;position: relative;}
#orderPage .productList .product .img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;border-radius: 8px;width: 100%;object-fit: cover;object-position: center center;}
#orderPage .productList .product .img:after {content: '';display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 8px;border: 1px rgba(0,0,0,0.1) solid;z-index: 2;}
#orderPage .productList .product .img .badges {font-size: 12px;font-weight: 600;white-space: nowrap;text-align: center;border-radius: 50%;background-color: rgba(114,114,114,0.9);color: #fff;min-width: 21px;height: 21px;position: absolute;right: -7px;top: -7px;z-index: 3;line-height: 1.7;}
#orderPage .productList .product .head {font-size: 14px;font-weight: 600;font-family: "Raleway" , sans-serif;display: block;color: rgb(50, 50, 50);}
#orderPage .productList .product .category {font-size: 12px;font-weight: 400;font-family: "Raleway" , sans-serif;display: block;color: rgb(112, 112, 112);}
#orderPage .orderPrice span {font-size: 14px;font-weight: 600;font-family: "Raleway" , sans-serif;color: #323232;}
#orderPage .orderPrice span.discount {font-size: 12px;color: #ababab;text-decoration: line-through;font-weight: 400;}
#orderPage .productList .product {margin-bottom: 10px;}
#orderPage .productList {max-height: 400px;position: relative;overflow-x: hidden;overflow-y: auto;padding-top: 15px;}


#orderPage .btnOrder {height: 46px;font-family: "Raleway" , sans-serif;background: #c6c6c6;font-size: 14px;font-weight: 600;color: white;padding: 0 25px;border-radius: 4px;border: 1px solid #c6c6c6;}
#orderPage .btnOrder:hover , #orderPage .btnOrder:focus , #orderPage .btnOrder:active {background: #333333;}
#orderPage .btnOrder.bgSuccess { background-color: #28a745; border-color: #28a745; }
#orderPage .btnOrder.bgOrange { background: #ff6000; border-color: #ff6000; }
#orderPage .btnOrder.bgOrange:hover , #orderPage .btnOrder.bgOrange:focus , #orderPage .btnOrder.bgOrange:active { background: transparent; border-color: #ff6000; color: #ff6000; }


#orderPage .orderInfo .head {color: #333333;font-weight: 400;font-family: "Raleway" , sans-serif;font-size: 14px;}
#orderPage .orderInfo .detail {font-family: "Raleway", sans-serif;font-size: 14px;font-weight: 600;}
#orderPage .totalPrice .head {font-size: 16px;}
#orderPage .totalPrice .detail {font-size: 24px;}
#orderPage .btn.btnStep {color: white;font-family: "Raleway", sans-serif;font-size: 14px;font-weight: 600;background-color: #333333;padding: 17px 24px;border-radius: 5px;}
#orderPage .btn.btnStep:hover ,#orderPage .btn.btnStep:focus ,#orderPage .btn.btnStep:active {background: #1a1a1a;}
#orderPage .js-prevStep img {width: 9px;display: inline-block;vertical-align: baseline;margin-right: 2px;}
#orderPage .js-prevStep {font-size: 14px;font-family: "Raleway", sans-serif;color: #333333;}
#orderPage .js-prevStep:hover , #orderPage .js-prevStep:focus , #orderPage .js-prevStep:active {color: #212121;}
#orderPage .js-prevStep.getNone {opacity: 0 !important;visibility: hidden;user-select: none;pointer-events: none;}


#orderPage #orderPaymentType {border-radius: 4px;position: relative;border: 0;}
#orderPage #orderPaymentType>li>a {padding: 12px 0;font-size: 13px;text-align: center;border: 0;background: #c6c6c6;border-radius: 4px;color: white;font-family: "Raleway", sans-serif;margin: 5px;transition: all .1s ease-in-out;font-weight: bold;}
#orderPage #orderPaymentType>li>a.active , #orderPaymentType>li>a:hover, #orderPaymentType>li>a:focus, #orderPaymentType>li>a:active {background: #333333;color: white;}
#orderPage #orderPaymentTypeContent {border: 1px solid #d9d9d9;border-radius: 4px;padding: 15px;}
#orderPage .customText {color: #525252;font-size: 14px;font-weight: 700;font-family: "Raleway" , sans-serif;display: block;margin-bottom: 15px;}


#orderPage .customBanks {margin-bottom: 20px;}
#orderPage .customBanks:hover .custom-control-description {color: #000;}
#orderPage .customImg{display: block;border: 1px solid #dedede;position: relative;overflow: hidden;border-radius: 5px;padding: 0 0 65px 0;width: 120px;}
#orderPage .customImg img {position: absolute;width: calc(100% - 25px);height: auto;left: 50%;transform: translate(-50%,-50%);top: 50%;}
#orderPage .customBanks .text {font-size: 14px;}
#orderPage .customBanks .text>* {display: block;line-height: 1.3;font-weight: 400;}
#orderPage .orderFont , #orderPage .orderFont * {font-family: "Raleway" , sans-serif !important;}


#orderPage .infoTooltip {position: absolute;right: 0;top: 50%;transform: translate(0,-50%);width: 50px;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#orderPage .infoTooltip .toolText {position: absolute;transition: all 0.3s cubic-bezier(0.3, 0, 0, 1);background-color: rgba(51,51,51,0.9);color: white;border-radius: 4px;font-size: 12px;font-family: "Raleway" , sans-serif;width: 240px;padding: 9px 12px;bottom: 100%;transform-origin: center 120%;opacity: 0;visibility: hidden;transform: rotateX(20deg) scale(0.8);}
#orderPage .infoTooltip .toolText:before {content: "";position: absolute;top: 100%;border: 6px solid;left: 50%;transform: translateX(-50%);border-color: rgba(51,51,51,0.9) transparent transparent transparent;}
#orderPage .infoTooltip img {width: 15px;filter: brightness(0) invert(0.7);}
#orderPage .infoTooltip:hover .toolText {opacity: 1;visibility: visible;transform: rotateX(0deg) scale(1);}


#orderPage .resultContent .item {border: 1px solid lightgray;border-radius: 4px;padding: 12px 16px;}
#orderPage .resultContent .resultAddress {margin-top: 15px;}
#orderPage .resultContent .resultAddress .line {font-size: 14px;padding: 6px 0;}
#orderPage .resultContent .resultAddress .line + .line {border-top: 1px solid lightgray;}
#orderPage .customBg{background-color: #fff8de;}
#orderPage.orderComplated:before {display: none;}
#orderPage.orderComplated .leftFrame {padding-right: 15px;}
#orderPage.orderComplated .leftFrame.mx-auto>div:nth-child(1) {text-align: center;}

/*
#orderPage .promotionContent {color: #333333 !important;border: 1px solid #d9d9d9;border-radius: 5px;transition: all 0.2s ease-out;font-family: "Raleway" , sans-serif;background-color: transparent !important;}

#orderPage .promotionContent>a {height: 46px !important;border-color: #d9d9d9;border-radius: 5px;transition: all 0.2s ease-out;border-width: 1px;font-family: "Raleway" , sans-serif;padding: 11px 13px;color: #737373;font-size: 14px;display: flex;align-items: center;justify-content: space-between;}
#orderPage .promotionContent > div > div {
    margin: 0 8px 13px 8px;
}
 */


@media(max-width:992px){
    #orderPage>.orderWrapper{width:100%;}
    #orderPage>.orderWrapper>div{margin:0;}
    #orderPage .leftFrame , #orderPage .rightFrame{padding: 15px;}
    #orderPage .infoTooltip .toolText{ right: 0; }
    #orderPage:before{opacity:0;}
    #orderPage .infoTooltip .toolText:before{ left: auto; right: 13px; }
}



/* new order page end */

/* users Page */


.userOrdersPageContent > .item + .item {border-top: 1px solid #dedede;}
.userOrdersPageContent > .item .orderStatus {display: inline-block;background: #dc3545;padding: 10px 20px;color: white;font-size: 14px;text-transform: uppercase;border-radius: 7px;margin-bottom: 30px;}
.userOrdersPageContent > .item {padding: 30px 0;}
.userOrdersPageContent > .item .orderStatus.yellow , .userOrderModal h6.yellow {background: #d39e00;}
.userOrdersPageContent > .item .orderStatus.green , .userOrderModal h6.green {background: #218838;}
.userOrdersPageContent > .item .orderStatus.darkblue  , .userOrderModal h6.darkblue{background: #0062cc;}
.userOrdersPageContent > .item .orderStatus.softBlue  , .userOrderModal h6.sortBlue{background: #138496;}
.userOrdersPageContent > .item .list-group {}
.userOrdersPageContent > .item .list-group>li {padding: 9px 0;border-top: 1px solid #dedede;border-bottom: 0;font-size: 14px;}
.userOrdersPageContent > .item .list-group>li:last-child {border-bottom: 1px solid #dedede;}
.userOrdersPageContent > .item img {max-height: 50px;}
.userOrderModal h2 {font-size: 18px;}
.userOrderModal table {font-size: 12px;}
.userOrderModal table td , .userOrderModal table th {padding: 6px 0;}
.userOrderModal h6 {display: inline-block;background: #dc3545;padding: 7px 10px;color: white;font-size: 12px;text-transform: uppercase;border-radius: 7px;margin-bottom: 9px;}

/* users Page End */

/* blog page */

.blogList .item .img {display: block;position: relative;height: 0;padding-bottom: 70%;border-radius: 0;}
.blogList .item .img img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;position: absolute;left: 0;top: 0;}
.blogList .item .img:before {content: "";position: absolute;right: -10px;top: -10px;width: 100%;height: 100%;z-index: 0;border: 5px solid #c7c7c7;}
.blogList .item .text {position: absolute;bottom: 0;left: 0;width: 100%;padding: 25px 15px;z-index: 5;color: white;background: rgb(0 0 0 / 0.7);transition: all .5s ease;max-height: 67px;overflow: hidden;}
.blogList .item {position: relative;display: block;}
.blogList .item .text h5 {margin: 0 0 20px 0;font-size: 18px;font-weight: 700;transition: all .3s ease;}
.blogList .item .text p {margin: 0;font-size: 14px;line-height: 1.2;margin-top: 10px;}
.blogList .item .text .date {display: block;font-size: 10px;margin-top: 6px;}
.blogList .item:hover .text h5 {margin: 0 0 10px 0;}
.blogList .item:hover .text {max-height: 157px;}

.blogDetail {border: 1px solid #eee;background: white;}
.blogDetail .img {width: 100%;display: block;position: relative;height: 0;padding-bottom: 29%;border-radius: 0;}
.blogDetail .img img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;position: absolute;left: 0;top: 0;}
.blogDetail .blogTitle {position: absolute;z-index: 5;bottom: 0;left: 0;margin: 0;padding: 20px;color: white;font-size: 30px;font-weight: 700;display: flex;width: 100%;align-items: center;justify-content: space-between;}
.blogDetail .img:before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;background: linear-gradient(180deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%, rgb(0 0 0 / 70%) 100%);}
.blogDetail .blogTitle span {font-size: 14px;}


/* blog page end */

#sf_urun .swal2-modal { left: 0; top: 0; width: 100% !important; position: absolute; border-radius: 0; height: 100%; background-color: rgba(255, 255, 255, .9) !important; -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
#sf_urun .swal2-container { overflow: hidden !important; }
.shoppingInformationCart { position: fixed; left: 0; top: 0; z-index: 1100; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .9) }
.shoppingInformationCartInside { position: absolute; left: 50%; top: 50%; line-height: 56px; color: #777; font-size: 22px; letter-spacing: 1px; text-transform: uppercase; text-align: center;transform: translate(-50%, -50%) }
.cartCheckmarkCircle { float: left; stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #55d847; fill: none; animation: stroke 0.6s cubic-bezier(.65, 0, .45, 1) 2 }
.red .cartCheckmarkCircle { stroke: #d83f3f; }
.cartCheckmark { width: 56px; height: 56px; border-radius: 50%; display: block; stroke-width: 2; stroke: #fff; stroke-miterlimit: 10; margin: 10% auto 0; box-shadow: inset 0 0 0 #55d847; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both }
.cartCheckmark.red { box-shadow: inset 0 0 0 #d83f3f; animation-name: fillred; }
.cartCheckmarkCheck { transform-origin: 50% 50%; /*stroke-dasharray: 48;*/ stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(.65, 0, .45, 1) 0.8s forwards }

@keyframes stroke { 100% { stroke-dashoffset: 0 } }
@keyframes scale { 0%, 100% { transform: none } 50% { transform: scale3d(1.1, 1.1, 1) } }
@keyframes fill { 100% { box-shadow: inset 0 0 0 30px #55d847 } }
@keyframes fillred { 100% { box-shadow: inset 0 0 0 30px #d83f3f } }



.karsilastirButon{position: fixed;top: 50%;left: 0;width: 70px;height: 50px;background-color: #f26d64;z-index: 25;color: #fff;cursor: pointer;text-align: center;line-height: 67px;border-radius: 0 60px 60px 0;padding: 0 4px 0 0;}
.karsilastirButon::before{content: attr(data-count);position: absolute;top: 4px;right: 28px;width: 17px;height: 17px;border-radius: 50%;background-color: white;line-height: 1.6;color: #000;font-size: 12px;}
.karsilastirButon:hover .onIzleme{left: 59px;opacity: 1;visibility: visible;}
.karsilastirButon .onIzleme{transition: all .2s ease-in-out;position:absolute;top: 0;left: 79px;width: 290px;color:#000;background: white;border: 2px solid #dedede;border-radius: 5px;padding: 10px 10px;line-height: 1.3;cursor: initial;opacity: 0;visibility: hidden;}
.karsilastirButon .onIzleme h4{text-transform: uppercase;font-size: 16px;margin-bottom: 15px;border-bottom: 1px solid #dedede;padding-bottom: 10px;}
.karsilastirButon .onIzleme li img{width: 70px;border: 1px solid #dedede;border-radius: 5px;}
.karsilastirButon .onIzleme .aj-alarm {float: right;background: #000;padding: 0;color: white;line-height: 1;width: 14px;height: 14px;border-radius: 50%;margin-left: 8px;}
.karsilastirButon .onIzleme .head {text-align: left;display: block;font-size: 14px;}
.karsilastirButon .onIzleme:before {content: "";position: absolute;top: 10px;right: calc(100% - 5px);width: 13px;height: 13px;background: white;transform: rotate(45deg);border-left: 2px solid #dedede;border-bottom: 2px solid #dedede;}
.karsilastirButon #js-karsilastir-urunler>li + li {margin-top: 15px;}
.karsilastirButon .btn.btn2 {background: #f26d64;text-transform: uppercase;font-size: 11px;margin-top: 10px;color: white;}

/* karsilastirma modali */


.compareContent {border: 1px solid #dedede;border-radius: 5px;position: relative;}
.compareContent .closeButton {position: absolute;background: #000;color: white;border-radius: 5px;z-index: 5;}
.compareContent .img {border-bottom: 1px solid #dedede;position: relative;overflow: hidden;border-radius: 5px;}
.compareContent .percentDiscount {background: #eee;display: inline-block;border-radius: 15px;color: white;font-size: 12px;font-weight: 300;padding: 3px 7px;margin-bottom: 10px;}
.compareContent .percentDiscount.expensive {background: #dc3545;}
.compareContent .percentDiscount.cheap {background: #28a745;}
.compareContent .textContent {padding: 15px;}
.compareContent .textContent .head {font-size: 19px;min-height: 46px;}
.compareContent .textContent .categories {font-size: 14px;}
.compareContent .textContent .hasDiscount {background: #28a745;display: inline-block;border-radius: 15px;color: white;font-size: 10px;font-weight: 300;padding: 3px 7px;margin-bottom: 10px;}
.compareContent .textContent .priceContent h4 {font-size: 20px;margin: 0 0 0 0;vertical-align: middle;display: block;}
.compareContent .textContent .priceContent del {color: #6c757d;font-size: 12px;display: block;vertical-align: middle;}
.compareContent .textContent .starz {font-size: 11px;}
.compareContent .textContent .inline {font-size: 12px;margin: 0;padding: 4px 0;border-bottom: 1px solid #dedede;}
.compareContent .textContent .inline + .inline {/* border-top: 1px solid #dedede; */}
.compareContent .textContent .priceContent {margin-top: 13px;}


/* cookie  */

#cookie { width: 340px; max-width: 100%; opacity: 0.8; border-radius: 4px; background-color: rgb(0, 0, 0); z-index: 9999; position: fixed; left: 20px; font-size: 12px; bottom: 18px; color: white; line-height: 1.25; padding: 24px 16px; }
#cookie > i:first-child { position: absolute; top: 0; right: 0; padding: 8px; cursor: pointer; font-size: 16px; color: white; }
#cookie a { color: white; text-decoration: underline !important; }
#icerik_ic > div > div:last-child .card-header, #icerik_ic > div > div:last-child .card { background: transparent; border-radius: 0; }
#icerik_ic {margin-top: 1rem !important;margin-bottom: 3rem!important;}
.NT-dropdown { width: 100%; margin-bottom: 20px; }
.NT-dropdown .dropdown-menu { border: 1px solid #777; border-radius: 0; width: 100%; overflow: hidden; }
.NT-dropdown .dropdown-toggle { width: 100%; border-radius: 0; background: #f26d64; border: none; text-align: left; position: relative; color: white; margin-bottom: 0; text-transform: uppercase; font-size: 15px; }
.NT-dropdown .dropdown-toggle:after { content: '\f0ab'; border: none; font-family: 'font awesome 5 pro',sans-serif; font-weight: 700; position: absolute; right: 20px; font-size: 16px; top: calc(50% - 8px); margin: 0; width: 16px; height: 16px; line-height: 16px; }
.NT-dropdown.show .dropdown-toggle , .NT-dropdown .dropdown-toggle:hover , .NT-dropdown .dropdown-toggle:focus , .NT-dropdown .dropdown-toggle:active { background: #f26d64 !important; color: white; }
.NT-dropdown .dropdown-item.active, .NT-dropdown .dropdown-item:active { background: #0096df; }
.NT-dropdown .dropdown-item + .dropdown-item { border-top: 1px solid #ebebeb; border-left: 0 !important; border-right: 0 !important; }
.NT-dropdown .dropdown-item:hover, .NT-dropdown .dropdown-item:focus, .NT-dropdown .dropdown-item:active, .NT-dropdown .dropdown-item.active { background: #f26d64 !important; color: white !important; }
#ajax-loading { position: absolute; display: flex; z-index: 1; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(248, 249, 250, 0.75); }
#ajax-loading i{ font-size: 1.8rem; color: #FF5722; }


/* masterslider */


.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {position: absolute;top: calc(50% + 10px);z-index: 4;display: block;height: 60px;width: 60px;background-image: none;text-align: center;color: #e7e7e7;margin: 0;background: #fff;transform: translate(0, -50%);transition: all 0.3s ease 0s;left: 20px;cursor: pointer;opacity: 0;}
.ms-skin-default .ms-nav-next {right: 20px;left: auto;}
.ms-skin-default .ms-nav-next:before, .ms-skin-default .ms-nav-prev:before {content: "\f178";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-family: 'font awesome 5 pro' , sans-serif;font-size: 18px;font-weight: 300;}
.ms-skin-default .ms-nav-prev:before {content: "\f177";}  .ms-skin-default .ms-nav-next:hover, .ms-skin-default .ms-nav-prev:hover {color: #333;}
.ms-skin-default .ms-nav-next:hover:before, .ms-skin-default .ms-nav-prev:hover:before {}
.ms-skin-default .ms-bullet {background: black;margin: 0;border: 1px solid #333;border-radius: 100%;width: 10px;height: 10px;display: inline-block;vertical-align: middle;transition: all .2s ease-in-out;opacity: .2;}
.ms-layer-baslik,.ms-layer-aciklama {color: #fff;clear: both;line-height: 1.3!important;font-weight:normal!important;z-index: 999;position: relative !important;top: auto !important;bottom: auto !important;left: auto !important;right: auto !important;transform: none !important;text-align: left !important;}
.slider_kalin {font-weight: 700!important;}
.ms-skin-default .ms-timerbar {top: 1px; bottom:auto;}
.ms-skin-default .ms-time-bar {height: 3px;background:white;background: rgba(255, 255, 255, 0.6);border-top: none;}
.ms-layer {margin: 0;padding: 0;line-height: 100%;letter-spacing:0;}
.ms-anim-layers {position: absolute;top: 50%;opacity: 1 !important;display: block !important;right: 240px;max-width: 600px;transform: translateY(-50%);}
.ms-layer-aciklama {font-size: 99px !important;font-weight: 600 !important;line-height: 1 !important;margin-bottom: 30px !important;color: #333;float: none !important;position: static !important;}
.ms-layer-baslik {font-size: 18px !important;font-weight: 400 !important;line-height: 1.25 !important;margin: 0 0 30px 0 !important;letter-spacing: 5px;color: #333;float: none !important;position: static !important;}
.ms-slide .ms-layer,.ms-fixed-layers .ms-layer{position:relative;pointer-events:auto}
.btn-slider{display: block;top: auto !important;bottom: auto !important;padding: 0 !important;white-space: pre-wrap !important;height: 44px !important;border-radius: 0 !important;font-weight: 400 !important;width: 200px;line-height: 3.4 !important;border: 1px solid #333;text-align: center !important;background: #333;color: white;letter-spacing: 1px;text-transform: uppercase;font-size: 14px !important;transition: all .3s !important;transform: none !important;position: static !important;}
.btn-slider:hover , .btn-slider:focus , .btn-slider:active {background: #333 !important;border-color: #333 !important;color: white !important;}
.ms-skin-default .ms-bullet-selected {background: transparent;width: 15px;height: 15px;opacity: 1;}
.ms-bullets.ms-dir-h{position:absolute;bottom:20px;right:50%;width:200px !important;text-align: center !important;}
#slider:hover .ms-nav-next, #slider:hover .ms-nav-prev {opacity: 1;}


/* masterslider end */

.minloader {position: fixed;left: 0;top: 0;align-items: center;justify-content: center;display: flex;width: 100vw;height: 100vh;z-index: 10000;font-size: 15px;color: #000000;background: rgba(255, 255, 255, .85);}


/* -------- Media Screen --------*/


@media(min-width:992px){
    #filterType2>div:before {content: "";position: absolute;left: 0;top: 42px;width: 100%;background: #eee;height: 1px;}
    #header.active .userContent, #header.active .leftContent { display: none !important; }
}


@media (max-width: 1700px) {
    .uyari button { right: calc(50% - 650px); }
    #footer .newsletter_general > .ebultenBolumu h4 { display: none; }
    #footer .newsletter_general:before{width: 31%;}
}


@media (max-width: 1300px) {
    #footer .newsletter_general .socials li a { margin: 0 2px; }
}


@media (max-width: 1200px) {
    #footer .newsletter_general:before, #footer .newsletter_general:after { display: none; }
    #header #headerCenter .eticArama { min-width: 450px; }
    .ms-anim-layers{right: auto;left: 15px;width: calc(100vw - 30px);}
    .ms-layer-aciklama{font-size: 49px !important;margin-bottom: 15px !important;}
    .ms-layer-baslik{margin: 0 0 15px 0 !important;}
}


@media (max-width: 992px) {
    #menu,#headerTop,#headerBottom, .shopping_cart a span:nth-child(2), #header .eticArama select, .owl-prev, .owl-next, .EticProduct .btn-hover-group, .breadcrumb { display: none !important; }
    .head h4 {font-size: 18px;}
    .shopping_cart { width: 28px; margin-left: 0 !important; transform: none !important; }
    #header #headerCenter .eticArama input { padding: 16px 55px 16px 20px; min-width: initial; }
    #header #headerCenter .eticArama {position: fixed;left: 0;top: 50px;width: 100%;max-width: calc(100vw - 50px);margin: 0 auto;right: 0;z-index: 1000;opacity: 0;min-width: initial;visibility: hidden;border: 0;display: block !important;text-align: left;height: 44px;}
    #header #headerCenter .eticArama:before { content: ""; position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: black; opacity: 0.9; }
    #header .user_content { padding: 0; }
    #header .user_content img { margin: 0; }
    #header #headerCenter .eticArama.activing {opacity: 1;visibility: visible;}
    #header #headerCenter .eticArama #js-aramaYap2 {top: calc(100% + 18px);transform: translateY(0);height: calc(100% - 1px);right: 5px;}
    #header #headerCenter .eticArama .dropdown { margin-bottom: 15px; }
    #header #headerCenter .eticArama .closebutton {color: #026ebb;right: 3px;top: 22px;font-size: 21px;background: white;line-height: 40px;min-width: 58px;height: 100%;display: flex !important;align-items: center;justify-content: center;}
    .EticProduct { margin-bottom: 5px; }
    #js-mobileToggle { position: fixed; width: 100%; left: 0; top: 0; overflow: scroll; z-index: 9999; display: block !important; max-height: 100%; border-radius: 0; background-color: white !important; overflow-x: hidden; padding-right: 1rem !important; padding-left: 1rem !important; transition: all .5s ease; transform: translateX(-100%); height: 100%; }
    .EticTabs .nav-link { font-size: 14px; padding: 12px 15px; }
    #footer .newsletter_general .ebultenBolumu .newsletter_content input { min-width: initial; }
    #footer .newsletter_general .ebultenBolumu .newsletter_content { width: calc(100% - 110px); min-width: initial; }
    #footer h4 {font-size: 13px !important;display: block;}
    #footer .newsletter_general .ebultenBolumu h4{margin: 0 0 14px 0;}
    .js-cart_badge{display: none;}
    #contentBody{padding-top: 64px;}
    #filterType2>div{border-bottom: 0;}
    #logo{padding: 15px 0;}
    .eticArama{min-width: calc(100vw - 30px);width: calc(100vw - 30px);height: 62px;}
    .eticArama input{font-size: 25px;}
    .eticArama #js-aramaYap2, .eticArama .closebutton{font-size: 20px !important;}
    #js-eticArama-ara .closed{right: 15px;top: 15px;}
}


@media (max-width: 768px) {
    #popup img { width: 100% !important; vertical-align: middle; }
    #popup { width: 100% !important; display: flex; align-items: center; justify-content: center; }
    #headerCenter #logo img {width: 140px;transition: all .3s ease;}
    #logo  ,#header.active #logo{padding: 20px 15px;}
    .EticProduct .card-block .priceDiscount span { display: block; }
    .EticProduct .card-block .priceDiscount {/* min-height: 57px; *//* font-size: 16px; */}
    .EticProduct .card-block .discount { font-size: 12px; min-height: 15px; }
    .EticProduct .card-block .card-title {min-height: 34px;font-size: 14px;}
    .EticProduct.hasList .card > div:last-child { padding: 0 15px !important; }
    .EticProduct.hasList .card-block .card-title, .EticProduct.hasList .card-block .priceDiscount { min-height: auto; }
    .EticProduct.hasList .card-block .priceDiscount { padding-top: 5px !important; margin-top: 8px !important; }
    .EticProduct .counter, .eticCounter{font-size: 0.5em;}
    #contacts a { font-size: 14px; margin: 0 auto !important; }
    #contacts a i { font-size: 16px; }
    #contacts .img img { max-width: 90px; }
    #footer h4 {font-size: 13px !important;display: block;}
    #footer #footerBottom{font-size: 11px;line-height: 1.5;}
    #footer #footerTop .menuList > li > a{font-size: 10px;}
    #footer .newsletter_general .socials li a{height: 32px;width: 32px;margin: 0 2px;line-height: 29px;font-size: 13px;}
    #footer .newsletter_general .ebultenBolumu h4{margin: 0 0 14px 0;}
    #footer .newsletter_general .ebultenBolumu .newsletter_content ~ div a{font-size: 12px;}
    #footer .newsletter_general .ebultenBolumu .newsletter_content ~ div a i{font-size: 15px;}
    #footer .newsletter_general .ebultenBolumu .newsletter_content{width: calc(100% - 40px);}
    .container { width: 100%; }
    .owl-thumb-container { display: none !important; }
    .EticProductDetailStars .Pro_head { font-size: 17px; }
    .EticTabs .nav-link { text-align: center; }
    .EticProductDetailPrice h4 {font-size: 21px;}
    #urunBilgisi .taksits {font-size: 10px;}
    div#resimlerim { min-height: auto; }
    .shoppingInformationCartInside { line-height: 26px; font-size: 16px; }
    #filterType2 .list_dropdown .dropdown-menu{padding: 10px;}
    .custom-control-description , #filterType2 .list_dropdown .dropdown-menu a{font-size: 13px;font-weight: 400;color: #646464;}
    .topFilters{font-size: 11px;padding: 4px 10px;}
    #contentBody{padding-top: 64px;}
    .btn-outline-satinal , .btn-outline-hizli-sepet {padding: 10px 10px;font-size: 10px;}
    .addcartbuttons{width: 169px;}
    .btn-submit{font-size: 12px;height: 35px;padding: 0 12px;font-weight: 300;}
    #urunBilgisi .hasDiscount, #urunDetaylari .hasDiscount{width: 50px;height: 50px;line-height: 50px;font-size: 14px;padding: 0 !important;}
    #footer .socials li a{width: 30px;height: 30px;font-size: 12px;line-height: 31px;}
    .headContent h3{font-size: 15vw;}
    .headContent{margin-top: 60px;}
    .headContent h1{font-size: 28px;}
    .ms-layer-aciklama{font-size: 25px !important;margin-bottom: 11px !important;}
    .ms-layer-baslik{margin: 0 0 5px 0 !important;}
    .blogDetail .img{padding-bottom: 49%;}
    .blogDetail .blogTitle{padding: 15px;font-size: 20px;}
}


@media(max-width:576px){
    #shoppingCard{width: 100vw;right: 15px;padding: 15px;}
    .EticProductDetailPrice h4 ~ del{font-size: 13px;display: block;line-height: 0.4;}
    .EticProductDetailPrice h4{font-size: 18px;}
    .counter-detail{font-size: 11px;}
    .customLoginContent{padding: 15px;}
    .loginLogo{width: 190px;}
}