@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=SN+Pro:ital,wght@0,200..900;1,200..900&display=swap');


@import url('icons/icons.min.css');
@import url("swcss/productbox.css");   
@import url("swcss/categorypagev2.css"); 



:root {
    
    
    --maxwidth         : 1290px;
    --textcolor        : #000;
    --themecolor       : #b39656;
    --themecolor3      : #062871;
    --themecolor2      : #002169;
    --themecolor4      : #ff784f;
    
    --hovercolor       : #b39656;
    --transition       : all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --transition2      : all .2s ease-in-out;
    --mainfont         : "Dosis", sans-serif;
    --mainfont2         : "SN Pro", sans-serif;
    
    
    --bodybgcolor :#f8f8f8;
    --maincolor : #2E2E2E;
    --hovercolor: var(--themecolor); 
    --activecolor:var(--themecolor); 
    --textcolor : #000;
    --whitecolor : #FFF;
    --darkbgcolor:#2d2d2d;
    
    --bordercolor: #ddd;
    --bordercolor_2:#c8c8c8;
    --borderdarkcolor:#000;
    --borderradius:5px;
    --defaultbordercolor:rgba(0,0,0,.09);
    
    /*--transition : all .2s ease;*/
    
    --transition1 : var(--transition2);
    --transitionv : var(--transition2);
    --btntransition : var(--transition2);

    /*--transition :all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --transition1 : all .1s ease;
	--transition2 :all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	--transitionv :visibility 0s, all .4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	--btntransition :all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);*/
    
    
    --themegrey : #efefef;
    --themeblue : #1a73e8;
    --themered : #e95858;
	--themegreen:#008540;
     --black1 : rgba(0,0,0,.4);
    --disable    : #c7c7c7;
    
    
    --subfont: 'Shantell Sans', sans-serif;
	--subfont2: 'Grape Nuts', sans-serif;

    
    --acolor: #3f3f3f;
    --ahovercolor: #ffac2e;
    
    --mainspace : var(--topspace);
    
    --boxshadow: 0px 2px 5px 0px rgb(0 0 0 / 15%);
    --boxshadow2: 3px 3px 4px 0px rgb(0 0 0 / 7%);
	--boxshadow3: 0 0 25px 5px rgb(0 0 0 / 15%);
    
    
    --insetshadow : inset 0 0 4px rgb(0 0 0 / 50%);
    --insetshadow2 : inset 0 0 4px rgb(0 0 0 / 20%);
        
        
    --inputRadius : 4px;
    --inputBorder : 1px solid rgba(0,0,0,.09);
    --inputShadow : 0px 2px 5px 0px rgb(0 0 0 / 15%);
    --inputFont   : var(--mainfont);
    --inputPadding:10px;
	
	
    --pboxspace : calc(var(--boxspace) * 2); 
	--detailPageWidth : var(--maxwidth);
    
	--defaultpadding: clamp(0.9375rem, 0.2604rem + 83.3333vw, 1.5625rem);
    
    
    
    /* Kategori Root */
    
    --boxbgcolor:#FFF;
    --boxbordercolor:#f2f2f2;
    --boxmargin: 10px;
    --boxspace:calc(var(--boxmargin) * .5);
    --boxradius : 10px;
    --tableradius: 10px;
    --borderminradius : 3px;
    --imageRatio: 1 / 1;
	--ptransition :all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	--defaultbordercolor:rgba(0,0,0,.09);
    --textshadow : 1px 1px 2px rgb(0 0 0 / 45%);
	
	
	--alert_infobr:#00bde3;
	--alert_info:#e7f6f8;
	--alert_warningbr:#ffbe2e;
	--alert_warning:#faf3d1;
	--alert_successbr:#00a91c;
	--alert_success:#ecf3ec;
	--alert_errorbr:#d54309;
	--alert_error:#f4e3db;
	--alert_emergency:#9c3d10;
	
	
    
    --f11 : clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
    --f13 : clamp(0.8125rem, 0.8125rem + 0vi, 0.8125rem);
    --f14 : clamp(0.875rem, 0.875rem + 0vi, 0.875rem);
    --f15 : clamp(0.875rem, 0.8634rem + 0.0617vi, 0.9375rem);
    --f17 : clamp(1.0625rem, 1.0625rem + 0vw, 1.0625rem);
    --f20 : clamp(1.1875rem, 1.1759rem + 0.0617vi, 1.25rem);
    --f25 : clamp(1.5625rem, 1.5625rem + 0vi, 1.5625rem);
    
    
    
    --f17t15 : clamp(0.9375rem, 0.8987rem + 0.1942vw, 1.0625rem);
    --f21t15 : clamp(0.9375rem, 0.821rem + 0.5825vw, 1.3125rem);
    --f25t20 : clamp(1.25rem, 1.1921rem + 0.3086vi, 1.5625rem);
    --f30t22 : clamp(1.375rem, 1.2197rem + 0.7767vw, 1.875rem);
    --f35t20 : clamp(1.25rem, 1.2139rem + 1.1538vw, 2.1875rem);
    --f30 : clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    --f40 : clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
    
    
    
    
    
    

    --fluid-100-50: clamp(3.125rem, 2.1541rem + 4.8544vw, 6.25rem);
    --fluid-40-55: clamp(2.5rem, 1.4844rem + 125vw, 3.4375rem);
    
    
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
    
    
        
        
        
        

}

[defaultbox] {display: flex;flex-direction: column;border-radius:var(--boxradius);border: 1px solid var(--boxbordercolor); background:var(--boxbgcolor);box-shadow:var(--boxshadow2);position: relative;}
[defaultbox][reset]{padding:0;overflow: hidden;}
strong{font-weight: 600;}
a, a:after, a:before{ text-decoration:none;color:var(--maincolor);border-color:var(--maincolor);} 
/*a:hover:after, a:hover:before, a:hover{color:var(--ahovercolor);border-color:var(--ahovercolor);} */

#topspace{--topspace : 1px;width:100%;display: flex;height: var(--topspace);} 


*, :after, :before { -moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;outline: 0;box-sizing: border-box!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
html, body { width: 100%; padding:0; margin:0; font-family: var(--mainfont); font-weight: 500; font-style: normal; font-size:var(--f13); color: var(--maincolor);background-color: var(--bodybgcolor);}


*, ::after, ::before { -moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;outline: 0;box-sizing: border-box!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/*-webkit-user-select: none;user-select: none;*/ font-optical-sizing: auto;font-optical-sizing: auto;font-size: 100%;}

body{padding:0;margin:0;font-family:var(--mainfont);font-size:13px;color:var(--textcolor);font-style: normal;}


.swc{width:100%;display: flex;max-width: var(--maxwidth);justify-content: space-between;align-items: center;}


header {width:100%;display: flex;flex-direction: column;position:relative;top: 0;background: var(--bs-white);align-items: center;z-index: 99;box-shadow: var(--boxshadow);}
header > .top{width:100%; display: flex; height: 40px;align-items: center;justify-content: center;background: var(--themecolor2);font-family: var(--mainfont2);color: var(--bs-white);font-size: 18px;font-weight: 500;}


header > .middle{height: 90px;z-index: 100;}
header > .middle > *{height: 100%;display: flex;width:fit-content;align-items:center;}

header > .middle > .center{align-items: center;justify-content: center;width: 40%;}
header > .middle > .center > .logo{display: none;}
/*header > .middle > .right{justify-content: flex-end;}
header > .middle > .right > a.sys.menu{margin-left:min(1vw, 10px);}*/


header .logo{height:100%;display: flex;align-items: center;justify-content: center;width: 200px;}


header > .middle > .right{display: flex;align-items: center;width:fit-content;justify-content: flex-end;color:var(--textcolor);}
header > .middle > .right > *{display: flex;align-items: center;color: inherit;text-decoration: none; border-radius: 7px;margin-right: 7px;position: relative;}
header > .middle > .right > *:last-of-type{margin-right:0;}
header > .middle > .right > * > a {display: flex;padding: 0 15px 0 5px;height: 50px;border-radius: 7px;align-items: center;color:inherit;transition: var(--transition);border: 1px solid transparent;text-wrap-mode: nowrap;}
header > .middle > .right > * > a > i{font-size:25px; width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;}
header > .middle > .right > * > a > div{display: flex;flex-direction: column;justify-content: center;}
header > .middle > .right > * > a > div > span{font-weight: 500;}
header > .middle > .right > * > a > div > small{font-weight: 400;font-size: 11px;opacity: .7;}
header > .middle > .right > * > a:hover,
header > .middle > .right > * > a:has(+ ul:hover){color:var(--themecolor);transition: var(--transition);}
header > .middle > .right > * > a:has(+ ul):hover,
header > .middle > .right > * > a:has(+ ul:hover){border-bottom-right-radius: 0;border-bottom-left-radius: 0;border: 0;}




header div#usercontrol:hover {background: var(--bs-white);}
header div#usercontrol > ul{position:absolute;right:0;top:100%; display:none; width:180px;overflow: hidden;border-top:0;z-index:99;flex-direction: column;padding: 0;margin: 0;list-style: none;border: 1px solid var(--themecolor);border-radius: 10px;border-top-right-radius: 0;}
header div#usercontrol > ul li {float:left;width:100%;height:100%;list-style:none;position:relative;background: var(--themecolor);border-bottom: 1px solid rgba(0,0,0,0.1);}
header div#usercontrol > ul a{float:left;width:100%;color: var(--bs-white);text-decoration:none;height: 35px;font-size:13px;display:flex;align-items: center;padding: 0 15px;font-weight: 500;transition: var(--transition2);} 
header div#usercontrol > ul li:hover{filter: brightness(1.1); transition: var(--transition2);}
header div#usercontrol:hover > ul{display:flex;}
header div#usercontrol > ul li:last-child{border-bottom: none;}


#sepetim{ position: relative;}
#sepetim > div{display:none;position:absolute;top:100%;right:0;width:300px;margin:0;padding:0 10px;backgroundvar(--bs-white);border:1px solid var(--bs-gray-200);border-top:0;z-index:9;}
#sepetim ul{float:left;width:100%;max-height:385px;overflow:auto;margin:0;padding:0 0 5px 0;}
#sepetim ul li{float:left;width:100%;list-style:none;margin-top:5px;padding-top:10px;border-top:1px solid #e3e3e3;}
#sepetim ul li:first-child{border-top:0;padding-top:0;}
#sepetim ul li a{text-decoration:none;color:#666;}
#sepetim ul li img{display:inline-block;border:1px solid #ddd;}
#sepetim ul li a strong{font-size:13px;font-weight:400;color:#06c;}
#sepetim ul li a:hover strong{text-decoration:underline;color:#333;}
#sepetim ul li a .price{float:left;width:100%;font-size:15px;color:#999;margin-top:4px;}
#sepetim.active{z-index:9999999;}
#sepetim.active div,#sepetim.hasproduct:hover div{display:flex;}






.sys.menutoggle{width: fit-content;padding: 5px; display: none;text-align: center;flex-direction: column;justify-content: center;align-items: center;font-size: min(7vw, 30px);font-weight: 600;}
.sys.menutoggle > i{width: fit-content;font-size:inherit;display: flex;align-items: center;justify-content: center;}
.sys.menutoggle > span{width: fit-content;font-size: 11px;display: flex;align-items: center;justify-content: center;padding-top: 5px;font-weight: 500;}


.sys.createdesign{width: fit-content;height: 50px;padding: 5px; display: flex;align-items: center;border: 1px solid var(--borderdarkcolor);border-radius: var(--borderradius);}
.sys.createdesign > i{margin:0 min(1.3vw, 15px);display: flex;align-items: center;justify-content: center;font-size: min(5vw, 27px);}
.sys.createdesign > span{width:max-content;display: flex;flex-direction: column;font-weight: 600;text-align: center;font-size: var(--f11);}
.sys.createdesign > span:before{content: attr(data-text);font-size: 10px;font-weight: 400;}

aside > .socialcontainer{display: flex;width: fit-content;position: absolute;right: calc(calc(100% - var(--maxwidth)) * .5);top: 0;bottom: 0;z-index: 11;align-items: center;}
aside > .socialcontainer .icons{flex-wrap: nowrap;display: flex;width: fit-content;justify-content: center;align-items: center;height: 70%;}
aside > .socialcontainer .icons {display: flex;width: fit-content;}
aside > .socialcontainer .icons > a{display: flex;width: 35px;aspect-ratio:1;font-size: 23px;color: var(--bs-white);align-items: center;justify-content: center;transition: var(--transition);}
aside > .socialcontainer .icons > a:before{color: inherit;}
aside > .socialcontainer .icons > a:hover{background: rgba(var(--bs-black-rgb), .2);color:#FFF;transition: var(--transition);border-radius: 5px;}



a.sys.menu{width: fit-content;padding: 5px; display: flex;text-align: center;flex-direction: column;justify-content: center;align-items: center;mix-blend-mode:normal;}
a.sys.menu > i{width: fit-content;font-size:var(--f35t20);display: flex;align-items: center;justify-content: center;}
a.sys.menu > span{width: fit-content;font-size: 11px;display: flex;align-items: center;justify-content: center;padding-top: 5px;font-weight: 500;}
 

[usermenu]{margin: 0;width: fit-content;padding:0 5px;margin-left: min(1vw, 10px);position: relative;list-style: none;}
[usermenu] > li{ display: flex;width:max-content;position: relative;}
[usermenu] ul {display:flex;width:max-content;flex-direction: column;position: absolute;top:100%;background:var(--boxbgcolor);box-shadow: var(--boxshadow);margin: 0;list-style: none;padding: 15px;    border-radius: var(--boxradius);right: 0; visibility: hidden;opacity: 0;transition:var(--transitionv);}
[usermenu] ul > li ,[usermenu] ul > li > a{display:flex;width:100%;text-wrap:nowrap;min-width:150px;}
[usermenu] ul > li > a,
[usermenu] ul > li:first-child{display:flex;width:100%;border-bottom:1px solid var(--boxbordercolor); padding: 7px 0;font-size: 13px;justify-content: flex-end}
[usermenu] > li:hover ul {visibility: visible;opacity: 1;transition:var(--transitionv);}
[usermenu] ul > li:last-child > a{border-bottom: none;}
[usermenu] ul > li > a:hover {color:var(--themecolor);}
[usermenu] > li > i{ font-size: 17px;display: flex;position: absolute;top:90%;left: 0;right: 0;justify-content: center;} 




form:focus, textarea:focus, input:focus{outline: none !important;border-color: inherit;-webkit-box-shadow: none;box-shadow: none;outline:0 !important;}

#searchpopup{display: flex;transition: var(--transitionv);align-items: center;justify-content: center;flex-direction: column;flex-wrap: nowrap;width: 100%;}
#searchpopup.active{visibility: visible;opacity:1;}
#searchpopup > div {display: flex;width: 100%;max-width: var(--maxwidth);flex-direction: row;align-items: center;justify-content: center;}
#searchpopup > strong {display: flex;width: 100%;align-items: center;justify-content: center;font-family: var(--subfont2);font-size: 25px;margin-bottom: 7px;color:var(--themecolor);}

#searchpopup form {width:260px;height: 50px;margin:0;border: 1px solid var(--bs-gray-400);display: flex;position: relative;border-radius: 25px;}
#searchpopup form input[type=text] {float: left;width: calc(100% - 40px);background:transparent;border:0;font-size:15px;padding:0 25px 0 15px;margin:0;color:var(--maincolor);}
#searchpopup form button {float:right;color:var(--maincolor);height: 70px;height:100%;cursor:pointer;border:0;outline:0;margin:0;padding:0;background:transparent;display: flex;aspect-ratio: 1;}
#searchpopup form button.clearbtn {position: absolute;right: 40px;width: 40px;opacity:0;}
#searchpopup form button > i{color:var(--maincolor);opacity: .7;font-size: 22px;transition: var(--transition);}
#searchpopup form input:not(:placeholder-shown) + button.clearbtn{ opacity: .7; transition: var(--transition); }
#searchpopup > strong,
#searchpopup .search_closed{display: none;}

header > .bottom > #searchpopup{display:none;}

.search_content { position:absolute; top:100%; left:0; z-index:3; width:100%; background-color: #fff; }
.search_content .search_results { float:left; width:100%; padding:0; margin: 0; }
.search_content .search_results li { float:left; width:100%; list-style:none; }
.search_content .search_results li.title{ margin:0; padding:7px; font-weight:600; color:#ccc; font-size:16px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.search_content .search_results li.title:first-child{margin-top:0;}
.search_content .search_results li.result a { float:left; width:100%; padding:7px; font-size:13px; background:#f9f9f9; border-bottom:1px solid #ddd; text-decoration:none; color:#333; }
.search_content .search_results li.result.selected a { font-weight:600; }


/*#searchpopup{display: flex;visibility: hidden;opacity: 0;transition: var(--transitionv);align-items: center;justify-content: center;transition: var(--transitionv);position: absolute;z-index: 999;background: #FFF;left: 0;right: 0;top: 0;bottom: 0;padding: 0 10px;flex-direction: column;flex-wrap: nowrap;}
#searchpopup.active{visibility: visible;opacity:1;}
#searchpopup > div {display: flex;width: 100%;max-width: var(--maxwidth);flex-direction: row;align-items: center;justify-content: center;}
#searchpopup > strong {display: flex;width: 100%;align-items: center;justify-content: center;font-family: var(--subfont2);font-size: 25px;margin-bottom: 7px;color:var(--themecolor);}

#searchpopup form {width:100%;height: 50px;margin:0;border:2px solid var(--themecolor);display: flex;position: relative;max-width: calc(var(--maxwidth) - 70px);}
#searchpopup form input[type=text] {float: left;width:calc(100% - 70px); background:transparent; border:0; font-size:15px; padding:0 25px 0 7px; margin:0; color:var(--maincolor); }
#searchpopup form button { float:right; color:var(--maincolor); width:70px; height:100%; cursor:pointer; border:0; outline:0; margin:0; padding:0; background:transparent; }
#searchpopup form button.clearbtn {position: absolute;right: 70px;width: 40px;opacity:0; }
#searchpopup form button > i{color:var(--maincolor);opacity: .7;font-size: 22px;transition: var(--transition);}
#searchpopup form input:not(:placeholder-shown) + button.clearbtn{ opacity: .7; transition: var(--transition); }

#searchpopup .search_closed{width: 50px;aspect-ratio: 1;font-size: 30px;color:#FFF;border-radius: 500px;display: flex;align-items: center;justify-content: center;background: var(--themecolor);right: 10px;top: 0;bottom: 0;margin-left: 10px;}*/


header > .middle > .right > a.sys.menu.search.active{display:none;}



nav#iconmenu{width:100%;height: 3px; display: flex;flex-direction: row;flex-wrap: nowrap;background:var(--themecolor);align-items: center;padding: 0 2%;transition:var(--transition);position: fixed;top: var(--topspace);z-index: 20;border-bottom:1px solid var(--themecolor);box-shadow: var(--boxshadow);}
nav#iconmenu > ul{width:100%;height: 100%;list-style: none;padding: 0;margin: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;}
nav#iconmenu > ul > li{display: flex;align-items: center;justify-content: center;width: 120px;height: 100%; padding:min(3vw,10px);}
nav#iconmenu > ul > li > a{width: 100%;height: 100%;display: flex;align-items: center;justify-content:space-between;flex-direction: column;transition:var(--transition);}
nav#iconmenu > ul > li > a > .img{display: flex;align-items: center;justify-content: center;width: 60px;aspect-ratio:1;border: 2px solid var(--bordercolor);background-color: #ddd; overflow: hidden;border-radius: 50px;transition: var(--transition);}
nav#iconmenu > ul > li > a > .img > img{width: 100%;height: auto;transition: var(--transition);}
nav#iconmenu > ul > li > a > .name{width: 100%;display: flex;text-align: center;align-items: center;justify-content: center;font-size:min(4vw, 15px);height: 35px;color:var(--whitecolor);font-style: italic;}
nav#iconmenu > .toggle{position:absolute;right: 0;top:100%;left: 0;width: 60px;display: flex;align-items:center;justify-content: center;color:var(--whitecolor);background: var(--themecolor);margin: auto;border-bottom-left-radius: 50px;border-bottom-right-radius: 53px;font-size: 25px;height: 28px;border: 2px solid transparent;border-top:none;}
nav#iconmenu.active{height:120px;transition:var(--transition);background: var(--darkbgcolor);}
nav#iconmenu.active > .toggle{background: var(--darkbgcolor); border-color:var(--themecolor);}
nav#iconmenu.active > .toggle > i{transform: rotate(180deg);transition:var(--transition);}
nav#iconmenu > ul > li > a{transform: scale(0) rotateY(90deg);opacity: 0;}
nav#iconmenu.active > ul > li > a{transform:scale(1) rotateY(0deg);opacity: 1;}
nav#iconmenu.active > ul{overflow-x: auto;}


nav#iconmenu > ul > li > a:hover > .name{color:var(--themecolor); transition: var(--transition);}
nav#iconmenu > ul > li > a:hover > .img{border-color:var(--themecolor); transition: var(--transition);}


/*section.markalar {width: 100%;display: flex;background: var(--themecolor2);align-items: center;justify-content: center;max-height: 140px;padding: 10px 0; position: relative;border-top: 1px solid rgb(255 255 255 / 15%);border-bottom: 1px solid rgb(255 255 255 / 15%);}
section.markalar > div.swiper-container{width: 75%;max-width: var(--maxwidth);display: flex;background: var(--themecolor);align-items: center;justify-content: center;border-radius: 500px;box-shadow: inset 0px 0px 12px #e10c18;height:calc(100% - 20px);}
section.markalar > div.swiper-container > .swiper-wrapper {background: var(--themecolor);padding: 0;margin: 0;list-style: none;max-width: var(--maxwidth);display: flex;height: 100%;}
section.markalar > div.swiper-container > .swiper-wrapper > .swiper-slide {display: flex;align-items: center;justify-content: center;padding: 10px;}
section.markalar a{display: flex;overflow: hidden;border-radius: 500px;aspect-ratio:1;background: var(--bs-white);align-items: center;justify-content: center;transform: scale(1);transition: var(--transition);filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.0));max-width: 10px; max-width: 70%;}
section.markalar a > img{max-height:100%;display: flex;align-items: center;justify-content: center;}
section.markalar a > strong{display: none;}

section.markalar a:hover{transform: scale(1.15);filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.45));transition: var(--transition);}
section.markalar > .swiper-button-white{background-size: 50%;}*/

section.markalar {width: 100%;display: flex;background: var(--themecolor2);justify-content: center;max-height: 140px;padding: 10px 0;position: relative;border-top: 1px solid rgb(255 255 255 / 15%);border-bottom: 1px solid rgb(255 255 255 / 15%);height: 100%;}
section.markalar > div.swiper-container{width: 75%;max-width: var(--maxwidth);display: flex;background: var(--themecolor);align-items: center;justify-content: center;border-radius: 500px;}
section.markalar > div.swiper-container:before{    pointer-events: none;border-radius: 500px;box-shadow: inset 0px 0px 11px rgb(0 0 0 / 27%);left: 0;top: 0;bottom: 0;right: 0;content: '';position: absolute;z-index: 2;}
section.markalar > div.swiper-container > .swiper-wrapper {background: var(--themecolor);padding: 0;margin: 0;list-style: none;max-width: var(--maxwidth);display: flex;height: 100%;}
section.markalar > div.swiper-container > .swiper-wrapper > .swiper-slide {display: flex;align-items: center;justify-content: center;padding: 5px;}
section.markalar a{height: 100%;display: flex;overflow: hidden;border-radius: 500px;aspect-ratio:1;background: var(--bs-white);align-items: center;justify-content: center;transform: scale(1);transition: var(--transition);filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.0));}
section.markalar a > img{max-height:100%;display: flex;align-items: center;justify-content: center;}
section.markalar a > strong{display: none;}

section.markalar a:hover{transform: scale(1.15);filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.45));transition: var(--transition);}
section.markalar > .swiper-button-white{background-size: 50%;}



.flexbox{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;} 
.flexbox > [swiperslide] {max-width: var(--maxwidth);}
section.markalar:has(+ .footerslogan){margin-top:60px;}


.uyumluluk {width: 100%;display: flex;align-items: center;justify-content: center;color: var(--bs-gray-600);font-weight: 500;min-height: 20px;margin-bottom: 15px;}
.uyumluluk + .uyumluparca {width: auto;height: auto;display: flex;padding: 10px;background: var(--themecolor);/* border: 1px solid var(--bs-gray-300); */position: absolute;max-width: 80%;bottom: 50px;border-radius: 5px;filter: drop-shadow(2px 4px 6px rgba(var(--bs-black-rgb), .3));color: var(--bs-white);pointer-events: none;opacity: 0;transition: var(--transition);left: 0;right: 0;margin: auto;text-align: center;width: fit-content;}
.uyumluluk + .uyumluparca:after {content: '';position: absolute;top: 100%;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid var(--themecolor);left: 0;right: 0;margin: auto;pointer-events: none;}

.uyumluluk:hover + .uyumluparca { opacity: 1;transition: var(--transition);}



.footerslogan{width: 100%;display: flex;align-items: center;justify-content: center;height: 80px;background:var(--themecolor3);color:var(--bs-white);font-size: 25px;text-align: center;font-weight: 600;font-family: var(--mainfont2);}



main{width:100%;height: auto;display: block;float: left;padding-bottom: 60px;}

a.whatsapp{position: fixed;left: 20px;bottom: 10px;width: 40px;height: 40px;text-align:center;font-size: 26px;z-index: 2;box-shadow: 0 4px 10px 0 rgba(46,58,70,0.35);background-color: #fff;border:0;border-radius: 40px;line-height:80px;color:#25d366;display: flex;align-items: center;justify-content: center;}

footer{width:100%;display: flex;flex-direction: column;padding:0;justify-content: center;align-items: center;padding:0;background: var(--themecolor2);font-family: var(--mainfont2);font-weight: 400;var(--bs-gray-300);} 


footer .center{display:flex;justify-content: space-between;width:100%;max-width:var(--maxwidth);padding: 40px 0;color: var(--bs-gray-300);}

footer .left{width:350px;display: flex;flex-direction: column;}

footer .left .logo{display: flex;width: 100%;max-width: 300px;margin-bottom: 25px;filter: brightness(10);}
footer .left .logo > img{width: 100%;}

footer .footer_adress {display: flex;width: 100%;flex-direction: column;margin-bottom: 20px;}
footer .footer_adress > strong{font-size: 16px;display: flex;margin-bottom:5px;width: 100%;font-weight: 500;}
footer .footer_adress > span{font-size: 14px;}

footer .footer_phone{display: flex;width: fit-content;height: 90px;align-items: center;justify-content: center;background: var(--bs-gray-200);border-radius: 10px;color: var(--bs-white);padding-right: 40px;transition: var(--transition);margin-bottom: 25px;}
footer .footer_phone > div{display: flex;flex-direction: column;}
footer .footer_phone > div > span{font-size: 14px;}
footer .footer_phone > div > strong{font-size: 25px;font-weight: 500;color:var(--themecolor);}
footer .footer_phone > i{font-size: 35px;display: flex;align-items: center;justify-content: center;aspect-ratio: 1;height: 100%;color:var(--themecolor);}
footer .footer_phone:hover{transition: var(--transition);background: var(--themecolor);}
footer .footer_phone:hover > div > strong,
footer .footer_phone:hover > div > span,
footer .footer_phone:hover > i{color:var(--bs-white);transition: var(--transition);}
 

footer .left .social{display: flex;width: 100%;flex-direction: column;display: none;}
footer .left .social > span{font-size: 16px;display: flex;margin-bottom:5px;width: 100%;font-weight: 500;}
footer .left .social > .buttons {display: flex;width: 100%;}
footer .left .social > .buttons > a{display: flex;width: 40px;aspect-ratio:1;font-size: 25px;align-items: center;justify-content: center;transition: var(--transition);}
footer .left .social > .buttons > a:hover{background: var(--bs-gray-300);color:#FFF;transition: var(--transition);}

footer .right{width:calc(100% - 400px);display: flex;flex-direction: column;}


.certificates{transition: var(--transition);width: 100%;display: flex;align-items: center;justify-content: center;background: url(../design/certificates.svg) no-repeat center center;margin: 30px 0;filter: grayscale(1);opacity: .4;text-align: left;aspect-ratio: 8;max-width: 1300px;margin: 30px auto;}
.certificates:hover{transition: var(--transition1);opacity: 1;filter: grayscale(0);}

footer ul.nav{width: 100%;display: flex;margin:0;padding:0;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
footer ul.nav > li{float:left;width: 30%;padding: 20px;list-style:none;}
footer ul.nav > li > strong{float:left;width:100%;font-size: 16px;font-weight:600;margin-bottom:10px;letter-spacing:0;color:var(--bs-gray-400);}
footer ul.nav > li > ul, 
footer ul.nav > li > ul li, 
footer ul.nav > li > ul li a{float:left;width:100%;margin:0;padding:0;list-style:none;}
footer ul.nav > li > ul li a{font-size:14px;text-decoration:none;color:var(--bs-gray-400);line-height:25px;transition: var(--transition);}
footer ul.nav > li > ul li a:hover{color:var(--bs-white);transition: var(--transition);}



div.copy{width: 100%;display: flex;align-items: center;justify-content: space-between;height: 75px;background:#FFF url(../design/bank.svg) no-repeat center center;background-size: auto 30%;flex-direction: row;}
div.copy .center{align-items: center;height: auto;width: 100%;display: flex;justify-content: space-between;}
div.copy .center small{color: var(--bs-gray-600);font-size: 12px;}

div.copy .center .sw{width: 100px;height: 25px;-webkit-mask-image: url(../design/sw.svg);mask-image: url(../design/sw.svg);background-color:var(--bs-gray-600);mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;transition: var(--transition);display: flex;}
div.copy .center .sw:hover{ background-color: var(--textcolor); transition: var(--transition);}

/*footer{background:var(--whitecolor);width: 100%;display: flex;flex-direction: column;align-items: center;}
footer > .swc{justify-content: space-between;align-items: center;}
footer > .swc.middle{padding: 30px 0;}
footer > .bottom{padding: 30px 0;position: relative;width: 100%;display: flex;align-items: center;justify-content: center;}
footer > .bottom > .swc {justify-content: space-between;align-items: center;}
footer > .bottom > .swc > *{display:flex;width: 30%;align-items: center;}
footer > .bottom:before{height:.1px;background: var(--bordercolor);position: absolute;left: 0;right: 0;top: 0;content: '';}


footer > .bottom > .swc > .left{font-size: min(3vw, 11px);opacity: .8;}
footer > .bottom > .swc > .right{justify-content:flex-end;}
footer > .bottom > .swc > .right > a.sw {width: 115px;height: 25px;float: right;-webkit-mask-image: url(../design/sw.svg);mask-image: url(../design/sw.svg);background-color:var(--maincolor);mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;}
footer > .bottom > .swc > .right > a.sw:hover {background-color:var(--themecolor);}
footer > .bottom > .swc > .center > .payment{width: 100%;height: 25px; background: url(../design/visa_master.svg) no-repeat center center;}

footer ul.nav{padding:0;margin: 0;list-style: none;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
footer ul.nav > li{width: 20%;min-width: 220px; padding: 15px;display: flex;flex-direction: column;}
footer ul.nav > li > span{width: 100%;font-weight: 600;font-size: min(7vw, 17px);display: flex;}
footer ul.nav > li > ul{width: 100%;padding: 0;margin: 0;list-style: none;padding-top: min(5vw, 15px);font-size: min(4vw, 12px);}
footer ul.nav > li > ul > li{width: fit-content;display: flex;}
footer ul.nav > li > ul > li > a{width: fit-content;padding: 4px 0;font-size: min(5vw, 15px);}*/



aside > nav::-webkit-scrollbar {background:var(--bordercolor);width:5px;}
aside > nav::-webkit-scrollbar-thumb {background:var(--themecolor);}
aside{width:fit-content;transition: var(--transition);display: flex;align-items: center;justify-content: center;position: relative;z-index: 99;padding-left:40px;}
aside.active{left:0;right:unset;transition:var(--transition2);z-index: 101;}
aside > nav,
aside > nav > ul,
aside > nav > ul > li ul,
aside > nav > ul > li ul > li{width:100%;height: auto;display: flex;padding: 0;margin: 0;list-style: none;justify-content: center;align-items: center;}

aside > nav > ul {width:100%;display: flex;max-width: var(--maxwidth);justify-content: center;align-items: center;} 
aside > nav > ul > li {width: fit-content;height: 100%;}


aside > nav { position:relative;width:100%; height:50px;  z-index:10;display: flex;align-items: center;justify-content: center;}
aside > nav > ul {width:100%;max-width: var(--maxwidth);padding:0;margin: 0;list-style:none;display:flex;position:relative;height: 100%;justify-content: center;align-items: center;}
aside > nav > ul > li{display: flex;align-items: center;justify-content: center;height: 100%;}
aside > nav > ul > li > a{font-size: 17px;color:var(--themecolor2);font-weight:500;padding:0 20px;transition: var(--transition);filter: brightness(1);height: 100%;display: flex;align-items: center;transition: var(--transition);border:1px solid transparent;border-radius: 100px;}
aside > nav > ul > li > a > span{display: flex;height: 100%;align-items: center;justify-content: center;overflow: hidden;text-wrap: wrap;padding-left: 10px;}
aside > nav > ul > li > a > span > img{display: flex;height: 100%;}
aside > nav > ul > li > a > strong{padding: 0 0 0 15px;}
aside > nav > ul > li:hover > a{border-color:var(--themecolor2);filter: brightness(1.1);transition: var(--transition);}




aside > nav > ul > li ul > li{width:100%;padding: 0 min(6vw, 30px);}
aside > nav > ul > li > a {font-weight: 600;display: flex;align-items: center;justify-content: center;}
aside > nav > ul > li > a > i{font-size: 20px;display: flex;align-items: center;justify-content: center;aspect-ratio:1;height: 100%;}

aside > nav > ul > li ul > li > a{width: 100%; font-weight: 700;font-size:min(5vw, 15px);padding:min(1vw, 8px)  0; display: flex;align-items: center;transition:var(--transition);}
aside > nav > ul > li ul > li > a > i{aspect-ratio:1;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 500px;margin-right: 10px;box-shadow:var(--boxshadow);border: 5px solid #FFF;transition:var(--transition);}

aside > nav > ul > li ul > li{background-color:transparent;transition:var(--transition);} 
aside > nav > ul > li ul > li:hover{background-color:var(--themecolor);transition:var(--transition);} 
aside > nav > ul > li ul > li:hover > a{color:#FFF; transition:var(--transition);}
aside > nav > ul > li ul > li:hover > a > i{transform: scale(1.1) rotate(-25deg);transition:var(--transition);margin-right: 20px;}

/*aside > nav {overflow: hidden;overflow-y: auto;}*/
 
aside > a.close{width:50px;height: inherit;aspect-ratio:1 / 1;display: flex;align-items: center;justify-content: center; cursor: pointer;color:#FFF;position: absolute;right: -23px;top: 50%;font-size: 15px;z-index: 1;border-radius: 500px;background: var(--themecolor);display: none;}
aside > a.close > i {font-size:min(6vw, 30px);transform:scale(.9);display: flex;transition :var(--transition);position: relative; }
aside > a.close:hover{transition :var(--transition);background-color: var(--maincolor);} 
aside > a.close:hover > i {transform:scale(1.2) rotate(90deg);transition :var(--transition);color:#FFF;}


/*aside > nav::-webkit-scrollbar {background:var(--bordercolor);width:5px;}
aside > nav::-webkit-scrollbar-thumb {background:var(--themecolor);}
aside{position:fixed;background:rgba(255,255,255,.75);z-index: 105;bottom:0;top:0;left:-400px;width: 295px; width:max-content;box-shadow:var(--boxshadow3);transition:var(--transition2);}
aside.active{left:0;right:unset;transition:var(--transition2);}
aside > nav,
aside > nav > ul,
aside > nav > ul > li,
aside > nav > ul > li ul,
aside > nav > ul > li ul > li{width:100%;height: auto;display: flex;flex-direction: column;padding: 0;margin: 0;list-style: none;}
aside > nav{height:100%;overflow: hidden;overflow-y: scroll;} 
aside > nav > ul > li ul > li{width:100%;padding: 0 min(6vw, 30px);}
aside > nav > ul > li > a {font-weight: 700;font-size:min(7vw, 20px);padding: min(6vw, 20px) 0; padding-left: min(6vw, 30px); display: flex;align-items: center;}
aside > nav > ul > li > a > i{font-size: 20px;display: flex;align-items: center;justify-content: center;aspect-ratio:1;}
aside > nav > ul > li ul > li > a{width: 100%; font-weight: 700;font-size:min(5vw, 15px);padding:min(1vw, 8px)  0; display: flex;align-items: center;transition:var(--transition);}
aside > nav > ul > li ul > li > a > i{aspect-ratio:1;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 500px;margin-right: 10px;box-shadow:var(--boxshadow);border: 5px solid #FFF;transition:var(--transition);}
aside > nav > ul > li ul > li{background-color:transparent;transition:var(--transition);} 
aside > nav > ul > li ul > li:hover{background-color:var(--themecolor);transition:var(--transition);} 
aside > nav > ul > li ul > li:hover > a{color:#FFF; transition:var(--transition);}
aside > nav > ul > li ul > li:hover > a > i{transform: scale(1.1) rotate(-25deg);transition:var(--transition);margin-right: 20px;}
 
aside > a.close{width:50px;height: inherit;aspect-ratio:1 / 1;display: flex;align-items: center;justify-content: center; cursor: pointer;color:#FFF;position: absolute;right: -23px;top: 50%;font-size: 15px;z-index: 1;border-radius: 500px;background: var(--themecolor);}
aside > a.close > i {font-size:min(6vw, 30px);transform:scale(.9);display: flex;transition :var(--transition);position: relative; }
aside > a.close:hover{transition :var(--transition);background-color: var(--maincolor);} 
aside > a.close:hover > i {transform:scale(1.2) rotate(90deg);transition :var(--transition);color:#FFF;}


.barricade{position: fixed;left: 0;bottom: 0;top: 0;right: 100%;background:rgba(255,255,255,.15);transition :var(--transition);z-index: 104;pointer-events: none;}
.asideopen > aside + .barricade {right: 0;transition :var(--transition);}
body.asideopen{overflow: hidden;}
body.asideopen > *:not(aside.active){filter:grayscale(1) blur(2px);transition :var(--transition);pointer-events: none;} */




#bread-crumbs,
#bread-crumbs > ul{ width: 100%;display: flex;flex-wrap: nowrap;height: 40px;}
#bread-crumbs > ul,
#bread-crumbs > ul > li,
#bread-crumbs > ul > li > a{display: flex;align-items: center;flex-wrap: nowrap;list-style: none;padding: 0;margin: 0;height: 100%;font-size: 11px;}
#bread-crumbs{background:#FFF;border-bottom: 1px solid var(--defaultbordercolor);align-items: center;justify-content: center;}
#bread-crumbs > ul {max-width: var(--maxwidth);}
#bread-crumbs > ul > li:after{ width: auto;height: 30%;aspect-ratio:1;padding: 0 10px; --righticon: url("data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");content:'';background: var(--righticon);display:flex;vertical-align: -.125em;background-color: var(--maincolor);background-repeat: no-repeat;background-size:contain;-webkit-mask-image: var(--righticon);mask-image: var(--righticon);mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;opacity: .5;}
#bread-crumbs > ul > li > a{color:var(--maincolor);opacity: .7;font-weight: 600;}
#bread-crumbs > ul > li:hover,
#bread-crumbs > ul > li:hover > a{color:var(--themecolor);opacity: 1;}
#bread-crumbs > ul > li:hover:after {background-color: var(--themecolor);opacity: 1; } 
#bread-crumbs > ul > li:last-child:after{display: none;}




[tabbar]{width: 100%;display: flex;flex-direction: column;} 
[tabbar] > [tabbuttons],
[tabbar] > [tabcontents]{width: 100%;display:flex;padding: 0;margin: 0;list-style: none;justify-content: space-between;}
[tabbar] > [tabbuttons]{border-bottom: 1px solid var(--boxbordercolor);background: var(--themegrey);}
[tabbar] > [tabbuttons] > [data-connect]{display:flex;width:100%;justify-content: center;padding:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem) clamp(1.25rem, 0.9115rem + 41.6667vw, 1.5625rem);font-weight: 600;color:var(--maincolor);font-size:var(--f17t15);}
[tabbar] > [tabbuttons] > [data-connect][hide]{display:none;}
[tabbar] > [tabbuttons] > [data-connect]{border-right: 1px solid var(--defaultbordercolor);cursor: pointer;opacity: .7;transition: var(--transition);align-items: center;}
[tabbar] > [tabbuttons] > [data-connect]:last-child{border-right:none;}
[tabbar] > [tabbuttons] > [data-connect]:hover{opacity: 1;transition: var(--transition);}
[tabbar] > [tabbuttons] > [data-connect] > i{font-size:var(--f35t20);margin-right: 10px;}
[tabbar] > [tabbuttons] > [data-connect].active{color:var(--themecolor);background: var(--boxbgcolor);opacity: 1;}
[tabbar] > [tabcontents]{flex-direction: column;}
[tabbar] > [tabcontents] > [data-connect-content]{display:none;width:100%;padding:var(--defaultpadding);font-weight: 500;color:var(--maincolor);font-size:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem);line-height: 22px;}
[tabbar] > [tabcontents] > [data-connect-content].active{display: block;}

[tabbar] > [tabextra] + [tabcontents] > [data-connect-content] {padding-top:0;} 
[tabbar] > [tabextra] {width: 100%;display:flex;align-items: center;justify-content: center;padding:var(--defaultpadding);padding-bottom: 0;} 


[tabbar] > [tabcontents] > [data-connect-content]:has(> section),
[tabbar] > [tabcontents] > [data-connect-content]:has(> form){padding: 0;}



.alert, [alert] {width: 100%;display: flex;border-left: 5px solid;font-size: min(3vw, 14px);color:var(--maincolor);padding: 10px;font-weight: 600;}
[alert][col]{flex-direction: column;align-items: center;}
[alert] [main]{width: 100%;display: flex;flex-direction: column;} 
[alert] [main] [icon]{font-size:min(2vw, 15px);display: flex;aspect-ratio:1;}
[alert] [main] [header] {width: 100%;display: flex;font-size: min(4vw, 20px);}
[alert] [main] [body] {width: 100%;display: flex; }
[alert] [main] [body] a{color:var(--themeblue);text-decoration: underline;}
[alert] *:empty{display: none;}



.alert.info, [alert][info]{background-color:var(--alert_info);;border-color: var(--alert_infobr);}
.alert.warning, [alert][warning]{background-color:var(--alert_warning);border-color: var(--alert_warningbr);}
.alert.success, [alert][success]{background-color: var(--alert_success);border-color: var(--alert_successbr);}
.alert.error, [alert][error]{background-color:var(--alert_error);border-color: var(--alert_errorbr);}
.alert.emergency, [alert][emergency]{background-color:var(--alert_emergency);border-color:var(--alert_emergency);color:var(--boxbgcolor);}
	



[fixmsg]{ display: flex;width: 100%;padding: var(--defaultpadding);opacity: .6;    justify-content: center;}
[fixmsg] [content] { display: flex;width: 100%;flex-direction: column;max-width: var(--maxwidth);}
[fixmsg] [fix_title] {display: block;width: 100%;font-weight: 600;font-size:clamp(0.9375rem, 0.2604rem + 83.3333vw, 1.5625rem);margin-bottom: 15px;}	
[fixmsg] [fix_content] {display: block;width: 100%;font-weight: 400;font-size: clamp(0.875rem, 0.8073rem + 8.3333vw, 0.9375rem);}	
[fixmsg] [center] {text-align: center;}	
[fixmsg]:hover{opacity: 1;} 

[type="text"],[type="password"],select,textarea { border-radius:var(--inputRadius);border:var(--inputBorder); font-family: var(--inputFont);/*box-shadow: var(--inputShadow);*/ padding: 0 var(--inputPadding);transition:var(--transition); }
input:focus,select:focus,textarea:focus{border-color: var(--themecolor);} 
textarea{padding: var(--inputPadding);}
button[clean] {border: none;background:transparent;cursor: pointer;}
button {cursor: pointer;}

input[disabled],select[disabled],textarea[disabled]{background-color:#ddd;}



[sysMain]{display: flex;width: 100%;align-items: center;justify-content: center;padding:5% 2%}
[sysMain] [pagebox]{display: flex;flex-direction: column;width: 100%;max-width:var(--maxwidth); transition: var(--transition);} 
[sysMain] [pagebox] > [header],
[sysMain] [pagebox] > [body],
[sysMain] [pagebox] > [footer]{display: flex;width: 100%;}
[sysMain] [pagebox] > [header]{padding:clamp(0.9375rem, 0.2604rem + 83.3333vw, 1.5625rem);border-bottom:var(--inputBorder);justify-content: space-between;}
[sysMain] [pagebox] > [footer]{padding:clamp(0.9375rem, -0.0781rem + 125vw, 1.875rem);border-top:var(--inputBorder);justify-content: center;}
[sysMain] [pagebox] [body][col]{flex-direction: column;}
[sysMain] [boxTitle] {display: flex;width: 100%;font-weight: 600; font-size:clamp(1.125rem, 0.9896rem + 16.6667vw, 1.25rem);border-radius: var(--inputRadius);color:var(--maincolor);align-items: center;}
[sysMain] [boxTitle] > i{font-size: 25px;margin-right: 10px;}
[sysMain] [pagebox][mini]{max-width:calc(var(--maxwidth) / 3);align-items: center;}
[sysMain] [pagebox][mini] [boxTitle]{align-items: center;}
[padding]{padding:clamp(0.9375rem, -0.0781rem + 125vw, 1.875rem);}

[sysMain] [pagebox] [topbuttons]{display: flex;width: 100%;padding:clamp(0.9375rem, 0.2604rem + 83.3333vw, 1.5625rem);border-bottom:var(--inputBorder);}
[sysMain] [pagebox][reset]{padding:0;}



a.link{color:var(--themeblue);display: flex;width: fit-content;padding:0 10px 0 0;font-weight: 500;font-size:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem);}
a.link:hover{color:var(--themecolor);}

[swform]{width: 100%;display: flex;}
[swform] [body]  {width: 100%;display: flex;flex-direction: column;padding:calc(var(--defaultpadding)  * 2); padding-top:var(--defaultpadding);}
[swform] [header] { background: var(--themegrey);padding:var(--defaultpadding) calc(var(--defaultpadding)  * 2);} 
[swform] [header] > [note] { margin-bottom: 0;}

[swform] [footer] { overflow: hidden;border-bottom-left-radius: var(--boxradius);border-bottom-right-radius: var(--boxradius); } 
[swform] [footer] [button],
[swform] [footer] button{border-radius: 0; } 


[swform][col] {flex-direction: column;}
[swform] [element] {width: 100%;display: flex;position: relative;}
[element] input,
[element] select{height: 45px;width: 100%;font-size:clamp(0.9375rem, 0.8021rem + 16.6667vw, 1.0625rem);}
[element] input.error,
[element] select.error,
[element] textarea.error{border-color:var(--themered);}
[element] textarea{height: 90px;width: 100%;font-size:clamp(0.9375rem, 0.8021rem + 16.6667vw, 1.0625rem);resize:none;}

[element][mini] > * {width:50%;}
[element][mini2] > * {width:calc(calc(100% - 10px) / 2);margin-right: 10px;}
[element][mini3] > * {width:calc(calc(100% - 20px) / 3);margin-right: 10px;}
[element][mini2] > *, [element][mini3] > *:last-of-type {margin-right: 0;}

[swform] div.error{display: flex;width: 100%;font-size: 11px;font-weight: 600;opacity: .6;color:var(--themered);}

[element] button,
[element] [button]{height: min(var(--fluid-40-55), 55px);width: 100%;font-size:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem);font-weight:700;}

[swform] label{display: flex;flex-direction: column;align-items: flex-start;width: 100%;/*max-width: 400px*/;margin-bottom: 14px;}
[swform] label > [labeltext] {display: flex;width: 100%;font-size:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem);margin-bottom: 5px; font-weight: 600; opacity: .7; }
[swform] label > [formTitle] {display: flex;width: 100%;font-size:clamp(0.9375rem, 0.9286rem + 0.2857vw, 1rem);padding: 5px;border-radius: var(--inputRadius);opacity: .8;align-items: center;justify-content: center;}
[swform] label:last-child{margin-bottom: 0;}
[swform] [note]{width: 100%;display: flex;color:var(--maincolor);font-size: 12.5px;opacity: 0.8;line-height: 20px;margin-bottom: 20px;}
[swform] [infoText]{display: flex;width: 100%;margin-bottom: 14px;font-size:clamp(0.875rem, 0.7396rem + 16.6667vw, 1rem);padding: 10px;font-weight: 500;background: var(--alert_warning)}

[swform] [separator20]{height: 20px;display: flex;width: 100%;padding: 0;margin: 0;}

[data-connect] [swform] [body]{padding:0;}

label[checkcontract]{display:flex;flex-direction: row; margin:20px 0;}
label[checkcontract] input{margin:0;width:17px;height: 17px;}
label[checkcontract] > [contracttext]{display:flex;width: 100%;padding-left: 20px;font-size: 13px;font-weight: 600;}
label[checkcontract] > [contracttext] a {display:unset;padding: 0;}

[radio] label{margin:5px 10px;}
[radio] input[type="radio"]{display: none;}
[radio] input[type="radio"] + span{width: 25px;display: flex;padding: 5px;box-shadow: var(--insetshadow);pointer-events: none;position: relative;transition: var(--transition);aspect-ratio:1 / 1;border-radius: 50%;cursor: pointer;} 
[radio] input[type="radio"] + span:before{width:15px;aspect-ratio:1 / 1;content: '';border-radius:50%;transition: var(--transition);position: absolute;}
[radio] input[type="radio"]:checked + span:before{background: var(--themegreen);} 

[checkbox]{width:50px;display: flex;overflow: hidden;}
[checkbox] > input{position: absolute;left: -100px;display: none;} 
[checkbox] span{width:100%;background:var(--disable);height: 25px;border-radius: 50px;display: flex;padding: 2.5px;box-shadow: var(--insetshadow);pointer-events: none;position: relative;transition: var(--transition);} 
[checkbox] input[type="checkbox"] + span[yn]{background:var(--themered);}
[checkbox] input[type="checkbox"] + span:before{width:20px;aspect-ratio:1 / 1;background: var(--whitecolor);content: '';border-radius:50%;transition: var(--transition);position: absolute;left: 2.5px;}
[checkbox] input[type="checkbox"]:checked + span{background:var(--themegreen);} 
[checkbox] input[type="checkbox"]:checked + span:before{left: calc(100% - 22.5px);} 


[element][multi] {justify-content: space-between; }
[element][multi] > *{margin: 0 5px;}
[element][multi] > *:last-child{margin-right: 0;}
[element][multi] > *:first-child{margin-left: 0;}


button{border: none;background:transparent;cursor: pointer;}
button, [button],button{width: fit-content; display: flex;flex-direction: row;align-items: center;justify-content: space-evenly;color:var(--whitecolor);/*font-size: 15px;*/text-wrap: nowrap;font-weight:600;border-radius:var(--inputRadius);border:1px solid var(--defaultbordercolor); font-family: var(--inputFont);transition: var(--transition);padding:0 15px; min-height: 30px;}
button[col], [button][col]{flex-direction: column;display: flex;flex-wrap: nowrap;align-items: center;padding:7px 15px;min-height: 60px;}

[button][bigsize] {font-size: clamp(1.125rem, 0.9896rem + 16.6667vw, 1.25rem);}

button[full], [button][full]{ width: 100%;}

button > i, [button] > i{display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;font-size: 20px;}
button > span, [button] > span{padding:0;}
button > i + span, button > span + i, [button] > i + span, [button] > span + i{padding-left:7px;}
button[col] > i + span, button[col] > span + i, [button][col] > i + span, [button][col] > span + i{padding:0;padding-top: 4px;}

button[empty], [button][empty] {background-color:var(--empty);color:var(--maincolor);}
button[theme], [button][theme]{background-color:var(--themecolor);}
button[blue], [button][blue]{background-color:var(--maincolor);}
button[red], [button][red]{background-color:var(--themered);}
button[orange], [button][orange]{background-color:var(--orange);}
button[green], [button][green]{background-color:var(--themegreen);}
button[blue], [button][blue]{background-color:var(--themeblue);}
button[grey], [button][grey]{background-color:var(--themegrey);color:var(--maincolor);}
button:hover, [button]:hover{filter:brightness(110%);}





[notfound]{display:flex;width: 100%;align-items: center;justify-content: center;padding: 5vw 5%;}
[notfound] > [content]{width:100%;max-width: 800px; display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 2vw 0;} 
[notfound] > [content] > i {font-size:clamp(6.25rem, 4.8958rem + 166.6667vw, 7.5rem);display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 30px;color:var(--themecolor);}
[notfound] > [content] > [result] {opacity: .7; font-size:clamp(0.875rem, 0.8029rem + 0.4615vw, 1.0625rem);font-weight:400; display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 10px;}
[notfound] > [content] > [question] {opacity: .7; font-size:clamp(1.25rem, 0.9115rem + 41.6667vw, 1.5625rem);font-weight: 600; display: flex;align-items: center;justify-content: center;text-align: center;}
[notfound] > [content] > [selections] {display: flex;;width: 100%;margin: 0;list-style: none; padding: 25px 0 ;flex-wrap: wrap; justify-content: center;}
[notfound] > [content] > [selections] > li{display: flex; width: max-content;padding:var(--boxspace);align-items: center;justify-content: center;}
[notfound] > [content] > [selections] > li > a {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center; border-radius:var(--boxradius);border: 1px solid var(--boxbordercolor); background:var(--boxbgcolor);box-shadow:var(--boxshadow2);position: relative;padding: 15px;width: max-content;text-align: center;}  
[notfound] > [content] > [selections] > li > a > i{font-size:min(4vw, 25px);;color:var(--themecolor);}
[notfound] > [content] > [selections] * {text-wrap: nowrap;width: 100%;} 
[notfound] > [content] > [buttons]{display: flex;width: fit-content;height: 45px;margin-top: 15px;} 
[notfound] > [content] > [buttons] * {height: 100%;margin: 0 5px;} 




[completed]{display:flex;width: 100%;align-items: center;justify-content: center;padding:var(--defaultpadding);}
[completed] > [content]{width:100%;max-width: 800px; display: flex;flex-direction: column;justify-content: center;align-items: center;} 
[completed] > [content] > i {font-size:clamp(6.25rem, 4.8958rem + 166.6667vw, 7.5rem);display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 30px;color:var(--themecolor);}
[completed] > [content] > [result] {opacity: .7; font-size:clamp(0.875rem, 0.8029rem + 0.4615vw, 1.0625rem);font-weight:400; display: flex;align-items: center;justify-content: center;text-align: center;margin-bottom: 10px;}
[completed] > [content] > [question] {opacity: .7; font-size:clamp(1.25rem, 0.9115rem + 41.6667vw, 1.5625rem);font-weight: 600; display: flex;align-items: center;justify-content: center;text-align: center;}
[completed] > [content] > [buttons]{display: flex;width: fit-content;height: 45px;margin-top: 15px;} 
[completed] > [content] > [buttons] * {height: 100%;margin: 0 5px;} 
[completed] > [content] > [code] {padding: 10px;display: flex;border: 1px solid var(--boxbordercolor);margin-bottom: 10px;font-size: clamp(0.875rem, 0.8073rem + 8.3333vw, 0.9375rem);font-weight: 600;background: var(--themegrey);border-radius: var(--boxradius);}


[contract] {display: flex;width: 100%;flex-direction: column;margin:calc(var(--defaultpadding) / 2) 0;padding:calc(var(--defaultpadding) / 2);border: 1px solid var(--boxbordercolor);border-radius: var(--boxradius);} 
[contract] [header]{display: flex;width: 100%;justify-content: space-between;}
[contract] [body]{display: none;width: 100%;flex-direction: column;overflow: auto;}

[subheading] {display: flex;width: 100%;margin:calc(var(--defaultpadding) / 2) 0;padding:calc(var(--defaultpadding) / 2);background: var(--themecolor);color:var(--boxbgcolor);border-radius: var(--boxradius);}

[tablecontainer]{width: 100%;display: flex;flex-direction: column;}
[tablecontainer] table { width: 100%;  border-collapse: collapse; }
[tablecontainer] tr:nth-of-type(odd) { background:#fbfbfb }
[tablecontainer] th {font-weight: 600; }
[tablecontainer] td, [tablecontainer] th { border: 1px solid #ededed; padding: min(4vw, 14px) 10px; }
[tablecontainer] thead td{font-weight: 600;font-size: min(4vw, 14px);}
[tablecontainer] tbody td{font-weight: 500;font-size: min(4vw, 14px);}
[tablecontainer] thead tr { background:#f3f3f3 !important;}
[tablecontainer] td[center] a {margin: auto;}

td[center]{text-align: center;}
td[right]{text-align: right;}

[order-status] {width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
[order-status] > [status-text] {padding:15px 25px;border-radius:var(--boxradius);border: 1px solid var(--themegrey);font-weight: 600;font-size: 20px;text-align: center;}
[order-status] > [status-text][green] {color:var(--themegreen);}
[order-status] > [status-text][red] {color:var(--themered);}
[order-status] > [status-text][blue] {color:var(--themeblue);}

@media only screen and (max-width: 950px)  {
	[tablecontainer] table, [tablecontainer] thead, [tablecontainer] tbody, [tablecontainer] tfoot, [tablecontainer] th, [tablecontainer] td, [tablecontainer] tr {  display: block;  }
	[tablecontainer] thead tr { position: absolute;top: -9999px;left: -9999px; background: none;}
	[tablecontainer] td[data-cellname] {border: none;border-bottom: 1px solid var(--boxbordercolor); position: relative;padding-left:min(45%, 200px);}
    [tablecontainer] td[center], [tablecontainer] td[right]{text-align: left;}
    [tablecontainer] td[center] a{margin-left: unset;}
	
	[tablecontainer] tr{display: flex;flex-direction: column;border: 1px solid var(--boxbordercolor);border-radius: var(--boxradius);margin-bottom: 10px;}
	[tablecontainer] td[data-cellname]:before {position: absolute;top: 0;left: 15px;padding-right: 10px;white-space: nowrap;bottom: 0;margin: auto;height: fit-content;/*width: 100%;*/}
	[tablecontainer] td[data-cellname]:before { content:attr(data-cellname);font-weight: 600; }
	[tablecontainer] tr td:last-child{border-bottom:none;} 
    [tablecontainer] td:not([data-cellname]){display: none;}
}



.sw_popup_bg {display:flex;position: fixed;z-index: 99999;background: rgba(0,0,0,0.3);left: 0;right: 0;bottom: 0;top: 0;}
.sw_popup_content{display:flex;width:fit-content;z-index: 999999;position: absolute;max-height:75%;}
.sw_popup_content > .append{flex-direction: column;display: flex;width: 100%;overflow: hidden;border-radius:2px;box-shadow: var(--boxshadow);background: var(--boxbgcolor);padding:10px;} 
.sw_popup_content > .append > .sw_popup_txt{flex-direction: column;display: flex;width: 100%;padding:var(--defaultpadding);font-size: clamp(0.875rem, 0.7396rem + 16.6667vw, 1rem);} 
.sw_popup_content > .append > .sw_popup_buttons{display: flex;width: 100%;justify-content: space-between;flex-wrap: nowrap;height: 45px;border-top: 1px solid var(--defaultbordercolor);} 
.sw_popup_content > .append > .sw_popup_buttons > button{width: 100%;height: 100%;text-wrap: nowrap;text-align: center;justify-content: center;align-items: center;border-radius: 0;border: none;transition: var(--btntransition);filter: brightness(.9);font-size:clamp(1rem, 0.9792rem + 0.6667vw, 1.1875rem);font-weight:600;} 
.sw_popup_content > .append > .sw_popup_buttons > button.sw_popup_ok{ background-color:#34cb93;}
.sw_popup_content > .append > .sw_popup_buttons > button.sw_popup_no{ background-color:#ff7272;}
.sw_popup_content > .append > .sw_popup_buttons> button:hover{filter: brightness(1.1);transition: var(--btntransition);} 
.sw_popup_content > .sw_popup_kapat {position: absolute;width:30px;height:30px;display: flex;align-items: center;justify-content: center;background: var(--boxbgcolor);border-radius: 500px;top: -15px;right: -15px;box-shadow: var(--boxshadow);cursor:pointer;font-size: 25px;}
.sw_popup_content > .sw_popup_kapat:hover {color:#ff7272;}
.sw_popup_content > .append:has(> .sw_popup_txt) {padding: 0;border-radius: var(--boxradius);} 
.sw_popup_content > .append > .popup_title { width: 100%;display: flex;font-weight: 600;font-size: 20px;padding:var(--defaultpadding) calc(var(--defaultpadding)  * 2);background: var(--themegrey);}
.sw_popup_content > .append > .popup_body { width: 100%;display: flex;flex-direction: column;overflow:hidden;overflow-y: auto;padding:var(--defaultpadding) calc(var(--defaultpadding)  * 2);}
.sw_popup_content > .append > .popup_body::-webkit-scrollbar {background:var(--bordercolor);width:5px;}
.sw_popup_content > .append > .popup_body::-webkit-scrollbar-thumb {background:var(--themecolor);}
.sw_popup_content > .append:has(> .popup_body > form) {padding: 0;border-radius: var(--boxradius);} 
.sw_popup_content > .append:has(> .popup_body > [tabbar]) {padding: 0;border-radius: var(--boxradius);} 
.sw_popup_content > .append > .popup_body:has(> [tabbar]){padding: 0;} 
.sw_popup_content > .append .popup_body:has(> form) {padding: 0;} 




[adress_list_form] {width:100%;display: flex;flex-direction: column;padding: var(--defaultpadding);}
[adress_list_form] label{width: 100%;display: flex;flex-direction: column;margin-bottom: 15px;border: 1px solid var(--themegrey);border-radius: var(--boxradius);padding: var(--defaultpadding);align-items: flex-start;position: relative;cursor: pointer;}
[adress_list_form] label:last-of-type {margin-bottom: 0;}
[adress_list_form] label > [icons] {position:absolute;width: 30px;right:-10px;top:-10px;display: flex;align-items: center;justify-content: center;font-size: 30px;color:var(--maincolor);border-radius: 500px;background: #FFF;}
[adress_list_form] label > [icons] > i {display: flex;}
[adress_list_form] label > [icons] > i[active]{display: none;}
[adress_list_form] label.active {border-color:var(--themecolor); } 
[adress_list_form] label.active > [icons] > i[active]{display: flex;color:var(--themegreen);}
[adress_list_form] label.active > [icons] > i:not([active]){display: none;}

[adress_list_form] label > *[data-text]{display: flex;align-items: flex-start;width: 100%;}
[adress_list_form] label > *:empty{display:none;}
[adress_list_form] label > *:before{content: attr(data-text);font-weight: 600;width: 70px;display: flex;margin-right: 5px;}



[thebanks] {width:100%;display: flex;flex-direction: column;}
[thebanks] [bankstitle]{width: 100%;display: flex;font-size: 16px;font-weight: 600;text-align: center;justify-content: center;padding: var(--defaultpadding);}



[cms-main] {display: flex;width: 100%;padding:5% 2%;justify-content: center;padding-top: calc(var(--boxspace) * 2);container-type: inline-size;contain: layout inline-size;}
[cms-main] > section {width: 100%;display: flex;flex-direction: column;max-width: var(--maxwidth);padding: var(--defaultpadding);}
[cms-main] > section > h1.title{display: flex;width: 100%;font-weight: 600;padding:var(--defaultpadding) 0;margin: 0; font-size: 25px;}
[cms-main] > section > .entry{display: block;width: 100%;font-weight: 400;font-size: 16px;line-height: 25px;}

[cms-main] [contact-map]{display: flex;width: 100%;min-height: 400px;padding: var(--defaultpadding);}
[contact-main] {width: 100%;display: flex;}
[contact-main] [contact-left],
[contact-main] [contact-right]{width: 100%;display: flex;flex-direction: column;padding: var(--defaultpadding);}
[contact-main] [contact-right]{justify-content: center;}

[contact-main] [contact-right] div{display: flex;width: 100%;font-size: 16px;margin-bottom: 20px;align-items: flex-start;}
[contact-main] [contact-right] div:last-of-type{margin-bottom:0;}
[contact-main] [contact-right] div > i{display: flex;font-size: 30px;margin-right: 15px;}
[contact-main] [contact-right] div > strong,
[contact-main] [contact-right] div > span{display: flex;padding-top:5px}




/*
 --boxbgcolor:#FFF;
    --boxbordercolor:#f2f2f2;
    --boxmargin: 10px;
    --boxspace:calc(var(--boxmargin) * .5);
    --boxradius : 10px;*/




@media screen and (max-width:1360px) {
    footer,
    #bread-crumbs{padding-left:5%;padding-right:5%;}
    
}

@media screen and (max-width:1200px) {
    footer ul.nav > li {width: 50%;}
    
}


@media screen and (max-width:1024px) {
    
     header > .middle > .right > * > a > div,
    header > .middle > .right > a.sys.menu.fav {display:none;}
    
    header > .middle > .right > * > a {aspect-ratio: 1;justify-content: center;padding: 0; }
}






@media screen and (max-width:850px) {
    .sys.createdesign > span:before{display:none;}
    footer ul.nav > li {width: 100%;}
}

@media screen and (max-width:750px) {
    
    #topspace { /*--topspace : 85px;*/ }
    
    .ustmenu {display: none;}
    
    
    header > .middle{height:55px;margin: 7px 0;}
    
     
    a.sys.menutoggle > span,
    a.sys.createdesign > span,
    a.sys.menu > span{display:none;}
    
   

    
    footer > .bottom > .swc > .left{display:none;}
    footer > .bottom > .swc > .center > .payment{background-position: left center;}
	
	 
	#searchpopup form input[type=text] {width:calc(100% - 40px);}
	#searchpopup form button {width:40px;}
	#searchpopup form button.clearbtn {right: 40px; }
	#searchpopup > strong{display:none;}
    
    
    
    
    
    
    
    aside > nav::-webkit-scrollbar {background:var(--bordercolor);width:5px;}
    aside > nav::-webkit-scrollbar-thumb {background:var(--themecolor);}
    aside{position:fixed;background:rgba(255,255,255,.75);z-index: 105;bottom:0;top:0;left:-400px;width: 295px; width:max-content;box-shadow:var(--boxshadow3);transition:var(--transition2);flex-direction: column;padding-left:0px;}
    aside.active{left:0;right:unset;transition:var(--transition2);}
    aside > nav,
    aside > nav > ul,
    aside > nav > ul > li,
    aside > nav > ul > li ul,
    aside > nav > ul > li ul > li{width:100%;height: auto;display: flex;flex-direction: column;padding: 0;margin: 0;list-style: none;align-items: flex-start;        justify-content: flex-start;}
    aside > nav{height:100%;overflow: hidden;overflow-y: scroll;max-width: 320px;} 
    aside > nav > ul > li ul > li{width:100%;padding: 0 min(6vw, 30px);}
    aside > nav > ul > li > a {font-weight: 700;font-size:min(7vw, 20px);padding: 15px;display: flex;align-items: center;justify-content: left;width: 100%;}
    aside > nav > ul > li > a > i{font-size: 20px;display: flex;align-items: center;justify-content: left;aspect-ratio:1;max-height: 50px;}
    aside > nav > ul > li ul > li > a{width: 100%; font-weight: 700;font-size:min(5vw, 15px);padding:min(1vw, 8px)  0; display: flex;align-items: center;transition:var(--transition);}
    aside > nav > ul > li ul > li > a > i{aspect-ratio:1;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 500px;margin-right: 10px;box-shadow:var(--boxshadow);border: 5px solid #FFF;transition:var(--transition);}
    aside > nav > ul > li ul > li{background-color:transparent;transition:var(--transition);} 
    aside > nav > ul > li ul > li:hover{background-color:var(--themecolor);transition:var(--transition);} 
    aside > nav > ul > li ul > li:hover > a{color:#FFF; transition:var(--transition);}
    aside > nav > ul > li ul > li:hover > a > i{transform: scale(1.1) rotate(-25deg);transition:var(--transition);margin-right: 20px;}

    aside > a.close{width:50px;height: inherit;aspect-ratio:1 / 1;display: flex;align-items: center;justify-content: center;cursor: pointer;color:#FFF;position: absolute;right: -23px;top: 50%;font-size: 15px;z-index: 15;border-radius: 500px;background: var(--themecolor);}
    aside > a.close > i {font-size:min(6vw, 30px);transform:scale(.9);display: flex;transition :var(--transition);position: relative; }
    aside > a.close:hover{transition :var(--transition);background-color: var(--maincolor);} 
    aside > a.close:hover > i {transform:scale(1.2) rotate(90deg);transition :var(--transition);color:#FFF;}


    aside > .socialcontainer {position: absolute;z-index: 15;left: 0;right: 0;bottom: 0;height: max-content;top: unset;background: var(--themecolor2);width: calc(100% - 5px);display: flex;align-items: center;justify-content: center;}

    
    .barricade{position: fixed;left: 0;bottom: 0;top: 0;right: 100%;background:rgba(255,255,255,.15);transition :var(--transition);z-index: 104;pointer-events: none;}
    .asideopen > aside + .barricade {right: 0;transition :var(--transition);}
    body.asideopen{overflow: hidden;}
    body.asideopen > *:not(aside.active){/* filter:grayscale(1) blur(2px); *//* transition :var(--transition); *//* pointer-events: none; */}

    
    
    header > .middle > .left > .logo{display: none;}
    header > .middle > .center > .logo {display: flex;}
    
    header > .middle > .left {padding-left:15px;}
    header > .middle > .left > .sys.menutoggle{display: flex;height: 45px;aspect-ratio:1;font-size: min(9vw, 30px);}

    header > .middle > .right > #searchpopup {display: none;}
    
    header > .middle > .right > * > a {height: 40px;border: none;}
    
    header > .bottom > #searchpopup{display:flex;}
    header > .bottom > #searchpopup form{border-radius:0;border:none;border-top:1px solid var(--bs-gray-400);width: 100%;}
	
}

@media screen and (max-width:650px) {
    
    
    
    footer .center {flex-direction: column;}
    footer .left,
    footer .right{width: 100%;}
}

 
@media screen and (max-width:530px) {
     
    header > .top{font-size: 12px;height: auto;padding: 5px 0;font-weight: 700;}
    
    
}


@container (width <= 690px){
   
   [contact-main]{flex-direction:column;}

}


@media screen and (max-width:550px) {
    #bread-crumbs{display:none;}
    footer .socialcontainer .icons > a {font-size: min(5vw, 25px);padding: min(2vw, 6px);} 
    
    [element][multi]{flex-direction:column;}
	[element][multi] > *{width: 100%;margin: 0; margin-bottom: 10px;}
	[element][mini] > *{width:100%;} 
}

@media screen and (max-width:500px) {
	#kdband > .darkarea {width: 5%;font-size: 1px;color:rgba(0,0,0,0);}
	#kdband > .maxband {padding-left:5%;}
 }


@media screen and (max-width:440px) {
    
    footer ul.nav > li{ width: 100%; }
    footer .socialcontainer .icons > a {font-size: min(10vw, 25px);} 
    
    footer > .bottom { padding: 15px 0;}
    footer > .bottom > .swc > .center > .payment{height: 20px;}
    footer > .bottom > .swc > .right > a.sw{height: 20px;}
    
    
    footer .footer_phone > div > strong {font-size: 20px;}
    
    
}