.nav{height:50px;width:100%;background-color:var(--green);position:relative}.nav>.nav-header{display:inline}.header-items{display:flex;align-items:center;justify-content:space-between;margin:0 10px}.nav>.nav-header img{width:40px;height:40px;border-radius:50%;margin:3px}.nav>.nav-header>.nav-title{display:inline-block;font-size:25px;color:var(--white);padding:2px 10px}.nav>.nav-links{display:inline;float:right;font-size:18px}.nav>.nav-links>ul li{display:inline-block;padding:2px 10px;text-decoration:none;color:var(--white)}.nav a{color:var(--white)}.nav>.nav-btn,.nav>#nav-check{display:none}.content{width:100%;position:absolute}.vote .aspirants{display:flex;flex-direction:column;border:2px solid var(--green);margin:4px}.vote .aspirants .top{display:flex;justify-content:space-around;border:1px solid var(--light-green)}.vote .aspirants img{width:90px;height:90px;border-radius:50%;margin-top:5px}.aspirants-info{display:flex;flex-direction:column;justify-content:space-between}*{margin:0;padding:0;box-sizing:border-box}:root{--main: green;--main2: #4dff4d;--green: green;--light-green: #4dff4d;--white: #fff}a{text-decoration:none;color:var(--gray)}p{color:var(--gray)}.container{max-width:1300px;margin:auto;padding-left:25px;padding-right:25px}.short{display:none}.flex{display:flex;justify-content:space-between;margin:10px}.row{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center}.row-3{display:flex;justify-content:space-around;align-items:center;margin-bottom:10px}.row-3 input{width:250px;height:30px;padding:5px}.col-1{width:100%;margin:5px}.col-2{flex-basis:50%;min-width:300px}.col-2 img{max-width:100%;padding:50px 0}.col-2 h1{font-size:50px;line-height:60px;margin:25px 0}.col-2 .about{display:flex;flex-direction:column;justify-content:center;align-items:center}.col-2 .about img{width:500px;height:500px}.btn{display:inline-block;color:var(--white);background:var(--main);padding:8px 30px;margin:30px 0;border-radius:30px;transition:background .5s}.btn:hover{background:var(--main2)}.header{background:radial-gradient(var(--white),var(--main))}.header .row{margin-top:70px}.categories{margin:70px 0}.col-3{flex-basis:30%;margin-bottom:30px;min-width:250px}.col-3 img{width:100%}.small-container{max-width:1080px;margin:auto;padding-left:25px;padding-right:25px}.col-4{flex-basis:25%;padding:10px;min-width:200px;margin-bottom:50px;transition:transform .5s}.col-4 :hover{transform:translateY(-5px)}.col-4 img{width:100%}.col-4 p{font-size:14px}.title{text-align:center;margin:0 auto 80px;position:relative;line-height:60px;color:var(--gray)}.title:after{content:"";background:var(--main);width:80px;height:5px;border-radius:5px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}h4{font-weight:400;color:var(--gray)}.row-2{justify-content:space-between;margin:100px auto 50px}select{border:1px solid var(--main);padding:5px}select:focus{outline:none}.btns{align-items:center;justify-content:center;display:flex}.account-page,.logistics,.chats{padding:50px 0;background:radial-gradient(var(--white),var(--main))}.form-container.admin{padding:0;height:600px}.admin select{margin:8px}.form-container{background:var(--white);width:300px;height:400px;position:relative;text-align:center;padding:20px 0;margin:auto;box-shadow:0 0 20px 0 rgba((0),0,0,.1);overflow:hidden}.form-container span{font-weight:700;padding:0 10px;color:var(--dark-gray);cursor:pointer;width:100px;display:inline-block}.form-container form{max-width:300px;padding:0 20px;position:absolute;top:130px;transition:transform 1s}form input,.control input{width:100%;height:30px;margin:10px 0;padding:0 10px;border:1px solid #ccc}form .btn,.control .btn{width:100%;border:none;cursor:pointer;margin:10px 0}form .btn:focus{outline:none}form a{font-size:12px}.form-btn{display:inline-block}#loginForm{left:-300px}#regForm{left:0px}#indicator{width:100px;border:none;background:var(--main);height:3px;margin-top:8px;transform:translate(100px);transition:transform 1s}.chats .form-container{overflow-y:scroll}.chats .sender,.chats .receiver{width:fit-content;height:fit-content;color:var(--white);background:var(--main);border-radius:30px;margin:8px;padding:5px}.chats .receiver{background:var(--main2)}.chats .control{display:flex;flex-direction:column;max-width:300px;margin:0 auto}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px 15px;border:1px #ddd;text-align:center;font-size:16px}.table td img{width:50px;height:50px}.table th{background-color:var(--main);color:var(--white)}.slideshow-container{max-width:1000px;position:relative;margin:auto}.mySlides{display:none}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:#fff;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none}.next{right:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:#000c}.text{color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center}.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active,.dot:hover{background-color:#717171}.fade{animation-name:fade;animation-duration:1.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}@media screen and (min-width : 1024px){.about{flex-direction:row}.about img{width:400px}.vote .aspirants{justify-content:center;width:50%;margin:7px auto}}@media (max-width: 600px){.nav>.nav-btn{display:inline-block;position:absolute;right:0px;top:0px}.nav>.nav-btn>label{display:inline-block;width:50px;height:50px;padding:13px}.nav>.nav-btn>label:hover,.nav #nav-check:checked~.nav-btn>label{background-color:var(--green);cursor:pointer}.nav>.nav-btn>label>span{display:block;width:25px;height:10px;border-top:2px solid #eee}.nav>.nav-links{position:absolute;display:block;width:50%;background-color:var(--green);height:0px;transition:all .3s ease-in;overflow-y:hidden;overflow-x:hidden;top:50px;left:0px;z-index:1}.nav>.nav-links>ul li{display:block;width:100%;margin:10px 0;font-size:20px}.nav>.nav-links>ul li:hover{background-color:var(--light-green);font-size:700;cursor:pointer}.nav>#nav-check:not(:checked)~.nav-links{height:0px}.nav>#nav-check:checked~.nav-links{height:calc(100vh - 50px);overflow-y:auto}.table thead{display:none}.table,.table tbody,.table tr{display:block;width:100%}.table tr{margin-bottom:15px}.table tbody td:nth-child(1){background-color:var(--green);color:var(--white)}.table td{padding-left:50%;text-align:right;position:relative;display:block}.table td:before{content:attr(data-label);position:absolute;left:0;width:50%;padding-left:15px;font-size:15px;font-weight:700;text-align:left}.long{display:none!important}.row{text-align:center}.row-3{flex-direction:column}.row-3 select{margin:5px 0}.col-2,.col-3,.col-4{flex-basis:100%}}