header#fair .drop{position:relative}header#fair a{text-decoration:none}header#fair .sub{height:0;left:0;min-width:fit-content;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;transform:translateY(40px);transition:.3s;width:auto}header#fair .drop:hover>.sub{display:block;height:auto;opacity:1;pointer-events:auto;transform:translateY(20px)}header#fair .sub .sub-content{overflow:hidden}header#fair nav .drop:hover{z-index:15}header#fair nav .sub .sub-content{padding:45px 25px}header#fair .sub .sub-content>.container-fluid{padding:0;width:100%}header#fair nav .sub .sub-content>.row>div>ul,header#fair nav .sub .sub-content>ul{gap:15px}header#fair .sub .sub-content>.row>div>ul li a,header#fair .sub .sub-content>ul li a{color:#f5f5f5;display:inline-block;font-weight:500;opacity:.8;transition:.1s;white-space:nowrap}header#fair .sub .sub-content>.row>div>ul li a{font-weight:600}header#fair .sub .sub-content>ul li a:hover{opacity:1}header#fair nav .sub .sub-content>.row>div>ul li a:hover,header#fair nav .sub .sub-content>ul li a:hover{opacity:1;transform:translateX(10px)}header#fair .sub .sub-content>ul li{box-sizing:border-box}header#fair nav .drop .toggle:before{background-color:transparent;bottom:-22px;content:"";height:100%;left:-30px;position:absolute;width:calc(100% + 60px)}header#fair .drop .toggle:after{border-bottom:10px solid #d6d6d6;border-left:10px solid transparent;border-right:10px solid transparent;bottom:-20px;color:#fff;content:"";height:0;left:calc(50% - 20px);line-height:6px;opacity:0;pointer-events:none;position:absolute;transform:translateY(20px);transition:.3s;width:0;z-index:15}header#fair .drop:hover .toggle:after{opacity:1;transform:translateY(0)}.button{align-items:center;border-radius:var(--radius);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:5px;line-height:36px;padding:0 35px;text-align:center;transition:.3s;white-space:nowrap;width:auto}header#fair .button i{line-height:0}header#fair .button.fill{background-color:var(--primary-color);border:1px solid transparent;color:#fff!important}header#fair .button.fill:hover{background-color:var(--primary-color-hover)!important;border-color:var(--primary-color-hover)!important;color:#fff}header#fair .button.outline{background-color:#f5f5f5;box-shadow:0 0 0 1px var(--primaryColor);color:var(--textColor)}header#fair .button.outline:hover{background-color:var(--primary-color);box-shadow:0 0 0 1px transparent;color:#fff!important}header#fair .inputBox,header#fair .labelBox{position:relative}header#fair .inputBox label{align-items:center;display:flex;height:100%;position:absolute;text-indent:26px;transform:translateY(0);transition:.3s;width:auto}header#fair .inputBox:focus label,header#fair .inputBox:hover label{font-size:12px;transform:translateY(-14px)}header#fair .inputBox input,header#fair .inputBox select,header#fair .inputBox textarea{background-color:#f5f5f5;border:none;border-radius:10px;box-shadow:0 0 0 1px rgba(0,0,0,.1)!important;height:60px;line-height:20px;outline:none!important;padding:10px 25px 0;width:100%}header#fair .searchContent{margin-right:15px}header#fair .searchContent button{position:absolute;right:11px;top:7px;z-index:5}header#fair .searchContent input{background-color:transparent;border:none;border-radius:60px;box-shadow:0 0 0 1px color-mix(in srgb,var(--text-primary) 50%,transparent)!important;height:43px;padding-top:0}header#fair .searchContent label{color:color-mix(in srgb,var(--text-primary) 70%,transparent);font-size:15px;font-weight:300}header#fair{--radius:3px;background-color:#fff;box-shadow:0 1px 0 0 rgba(0,0,0,.1);margin-bottom:25px;position:relative;z-index:50}header#fair .top{background-color:rgba(0,0,0,.03);padding:10px 0;text-align:center}header#fair .top:hover{position:relative;z-index:10}header#fair .bottom{padding:15px 0}header#fair .bottom:hover{position:relative;z-index:10}header#fair .userButtons>li:last-child .drop .sub{left:auto;right:0}header#fair .drop .sub{box-shadow:0 0 0 1px rgba(0,0,0,.161)}header#fair .drop .sub .sub-content{background-color:#fff;border-radius:0;padding:15px}header#fair .drop .sub .sub-content ul{width:max-content}header#fair .header-logo img{height:3rem}header#fair .header-logo{margin-right:10px}header#fair .bottom>div>.row>div{align-items:center;display:flex}header#fair .searchContent{width:100%}header#fair .top article span{color:var(--text-primary);font-size:15px;font-weight:300;letter-spacing:.5px;opacity:.8}header#fair .top article a{color:var(--link-color);font-weight:500}header#fair .userButtons a{color:var(--text-primary)}header#fair .userButtons .drop .sub .sub-content ul li a{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:5px;padding:7px 0}header#fair .userButtons a.toggle{font-size:14px;gap:5px}header#fair .userButtons a.toggle,header#fair .userButtons a>i{align-items:center;color:var(--text-primary);display:flex;position:relative;z-index:2}header#fair .userButtons a>i{font-size:20px}header#fair .drop:hover:before{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(2.5);transform-origin:top;width:100%;z-index:0}header#fair .userButtons{align-items:center;display:flex;gap:20px}header#fair .userButtons li:hover a,header#fair .userButtons li:hover a i{color:var(--accent-color-hover)}header#fair .container-fluid{padding-left:2.5%;padding-right:2.5%}header#fair .navbar{padding:0 0 20px;transition:.3s;width:100%}header#fair .navbar:hover{position:relative;z-index:10}header#fair .navbar nav{width:100%}header#fair .navbar nav ul{display:flex;gap:0;justify-content:center}header#fair .navbar nav>ul>li>a{align-items:center;color:var(--text-primary);display:flex;flex-wrap:nowrap;font-size:14px;font-weight:400;height:auto;justify-content:center;padding:0 25px;position:relative;transition:.3s;white-space:nowrap;z-index:5}header#fair .navbar nav>ul>li>a .sayfaUst{display:block;font-size:13px;font-weight:400;line-height:13px;opacity:.8;text-align:left;text-transform:none;width:100%}header#fair .navbar nav .sub{box-shadow:0 0 0 1px rgba(0,0,0,.161)!important;left:0;position:fixed;width:100%}header#fair .navbar nav .sub .sub-content{padding:50px 2.5%!important}header#fair .navbar nav .sub a{align-items:center;color:var(--text-primary);display:flex;gap:8px;width:100%}header#fair .navbar nav .sub a .img{aspect-ratio:1/1;background-position:50%;background-repeat:no-repeat;background-size:80%;border-radius:100%;box-shadow:-.5px .5px 0 .5px rgba(0,0,0,.2);display:flex;width:40px}header#fair .navbar nav a.toggle:after{display:none!important}header#fair .navbar nav .drop:hover>.sub{transform:translateY(20px)}header#fair .navbar nav .drop .sub .sub-content>.container{display:flex}header#fair .navbar nav .drop .sub ul{display:flex;flex-flow:column;gap:15px;justify-content:flex-start;width:100%!important}header#fair .navbar nav .drop .sub ul a{font-size:14px}header#fair .navbar nav .drop .sub ul a:hover{color:var(--accent-color-hover);opacity:1}header#fair .navbar nav .drop:after{background-color:var(--accent-color-hover);bottom:-20px;content:"";height:1px;left:25%;opacity:0;position:absolute;transition:.3s;transition-delay:.2s;width:50%;z-index:0}header#fair .navbar nav .drop:hover:after{opacity:1}header .navbar nav .drop .sub ul a:hover{transform:none!important}body.stickyOn header#fair .navbar nav .sub{top:108px}header#fair .homeIcon i{align-items:center;display:flex;font-size:16px;position:relative}header#fair .homeIcon i:after{background-color:#f5f5f5;border-radius:100%;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(2.5);transition:.2s;width:100%;z-index:-1}header#fair .homeIcon{align-items:center;display:flex;margin-right:15px;transition:.2s}header#fair .homeIcon i{transition:.2s}header#fair .homeIcon:hover i{color:#fff!important}header#fair .homeIcon:hover i:after{background-color:var(--primary-color)}header#fair .categoryName{display:flex;flex-wrap:wrap;justify-content:flex-start}header#fair .sub.no-transition{transition:none!important}body.stickyOn .sticky{position:sticky!important;top:-60px}