.main-nav{background:#00222b}.main-nav .nav-menu{color:#fff}.main-nav .navbar-brand{width:50%}.main-nav .navbar-nav{display:flex;align-items:center;justify-content:flex-end;width:100%}.main-nav .navbar-toggler:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.main-nav .nav-item{padding:0 .5rem}.main-nav img{width:8%}.main-nav .nav-link{color:#fff;-webkit-transition:.3s ease;transition:.3s ease}.main-nav .nav-link:hover{color:#216778}.main-nav .nav-icon{padding-right:.2rem}.main-header{height:50vh;position:relative;background:-webkit-gradient(linear,left top,right top,color-stop(18%,rgba(0, 34, 43,.8)),to(rgba(0, 34, 43,.8)));background:linear-gradient(90deg,rgba(0, 34, 43,.8) 18%,rgba(0, 34, 43,.8) 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-header h1{text-align:center;color:#fff;font-size:3rem;font-weight:700}.main-header p{text-align:center;color:#f8f8f8;font-size:2rem;font-weight:600}.main-header::before{content:"";background:url(/dist/img/header-bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.main-footer{padding-top:2rem;padding-bottom:.5rem;background:#141414}.main-footer img{width:100%}.main-footer p{padding:1.5rem;color:#fff}.main-footer .footer-menu{text-align:center}.main-footer .footer-menu p{font-size:1.5rem;color:#fff;font-weight:600}.main-footer .footer-menu ul{list-style:none;padding:0;padding:.5rem}.main-footer .footer-menu ul li{line-height:2rem}.main-footer .footer-menu ul li .footer-menu-link{color:#fff;text-decoration:none;-webkit-transition:.3s ease;transition:.3s ease}.main-footer .footer-menu ul li .footer-menu-link .footer-icon{padding-right:.2rem}.main-footer .footer-menu ul li .footer-menu-link:hover{color:#216778}.main-footer .footer-products{text-align:right}.main-footer .footer-products p{font-size:1.5rem;color:#fff;font-weight:600}.main-footer .footer-products ul{list-style:none;padding:0;padding:.5rem}.main-footer .footer-products ul li{line-height:2rem}.main-footer .footer-products ul li .footer-menu-link{color:#fff;text-decoration:none;-webkit-transition:.3s ease;transition:.3s ease}.main-footer .footer-products ul li .footer-menu-link .footer-icon{padding-right:.2rem}.main-footer .footer-products ul li .footer-menu-link:hover{color:#00222b}.main-footer .footer-copyright p{text-align:center;color:#b0b0b0;margin:0}@media (max-width:768px){.main-nav img{width:15%}.main-footer .footer-products{text-align:center}.main-footer .footer-products p{padding:0}.main-footer .footer-contact{text-align:center}.main-footer .footer-contact img{width:65%}.main-footer .footer-menu{text-align:left}.main-footer .footer-menu p{padding:0}}@media (max-width:420px){.main-nav img{width:35%}.main-footer .footer-menu p,.main-footer .footer-products p{padding:0;margin:0}.main-footer .footer-products{padding-top:1.5rem}}.company .company-name{text-align:center;color:#00222b}.company .company-logo img{width:100%}.company .company-address{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.company .company-info{padding-top:1rem}.login-section{background:#216778;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-section .login-form{background:#fff;max-width:450px;width:100%;text-align:center;padding:3rem 1rem 2rem 1rem;margin-right:1rem;margin-left:1rem;-webkit-filter:drop-shadow(10px 10px 10px #575757);filter:drop-shadow(10px 10px 10px #575757)}.login-section .login-form .login-form-logo{padding-bottom:2rem}.login-section .login-form p{color:#8f8f8f;padding-bottom:2rem}.login-section .login-form ::-webkit-input-placeholder{color:grey}.login-section .login-form :-ms-input-placeholder{color:grey}.login-section .login-form ::-ms-input-placeholder{color:grey}.login-section .login-form ::placeholder{color:grey}.login-section .login-form .login,.login-section .login-form .password{border:none;border-bottom:1px solid #000;background:0 0;padding:.5rem;width:100%;font-size:1.2rem;-webkit-transition:.5s;transition:.5s}.login-section .login-form .password{margin-top:2rem;margin-bottom:4rem}.login-section .login-form .login:focus,.login-section .login-form .password:focus{border-bottom:1px solid #216778;outline:0}.login-section .login-form .button{font-size:1.2rem;border:2px solid #000;border-radius:4px;padding:.5rem 3rem;background:0 0;font-weight:700;-webkit-transition:.3s ease;transition:.3s ease}.login-section .login-form .button:focus,.login-section .login-form .button:hover{outline:0;border:2px solid #216778}.login-section .login-form .mainpage-link{text-align:left;padding-top:2rem}.login-section .login-form .mainpage-link .mainpage-link-item{font-size:1rem;color:#216778;text-decoration:none;-webkit-transition:.3s ease;transition:.3s ease}.login-section .login-form .mainpage-link .mainpage-link-item:hover{color:#00222b}.admin-categories p{font-size:1.5rem}.admin-categories .new-category-input{padding:.5rem}.admin-categories .new-category-input:focus,.admin-categories .new-category-input:hover{outline:0;-webkit-box-shadow:none;box-shadow:none}body{font-family:Poppins,sans-serif}.sticky{position:fixed;top:0;width:100%;z-index:1}@media (max-width:768px){.categories .categories-box h2{font-size:1rem!important}}@media (max-width:405px){.main-header{height:65vh}.main-header h1{font-size:2.5rem}.categories{padding:3rem 1rem!important}.categories .categories-more{text-align:center!important}.contact-text{padding:5rem 2rem!important}}@media (max-width:500px){.contact-form .contact-box{padding:1rem}.contact-form .contact-box input{width:85%!important}}@media (max-width:767px){.company .company-address{padding-top:4rem!important}}.categories{background:#fff;padding:3rem}.categories .row{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.categories .categories-text{padding-bottom:2rem}.categories .categories-text h2{text-align:center;color:#00222b;font-weight:600}.categories .categories-text p{text-align:center}.categories .categories-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:1rem;padding:1.5rem 1.5rem;border:1px solid #00222b;text-align:center;-webkit-box-shadow:5px 5px 5px 0 #a1a1a1;box-shadow:5px 5px 5px 0 #a1a1a1}.categories .categories-box h2{font-size:1.3rem;padding-bottom:1rem}.categories .categories-box .categories-btn{color:#fff;text-decoration:none;background:#00222b;padding:.5rem 2rem;-webkit-transition:.3s ease;transition:.3s ease;border:1px solid #00222b;border-radius:4px}.categories .categories-box .categories-btn:hover{background:#fff;color:#00222b}.categories .categories-more{margin-top:2rem;border-top:1px solid #093e69;text-align:right;padding-top:2rem}.categories .categories-more .categories-btn{color:#00222b;text-decoration:none;background:#fff;padding:.5rem 2rem;-webkit-transition:.3s ease;transition:.3s ease;border:1px solid #00222b;border-radius:4px}.categories .categories-more .categories-btn:hover{background:#00222b;color:#fff}.contact-text{padding:5rem;background:#216778;color:#fff;text-align:center}.contact-text h2{font-weight:600}.contact-text p{font-size:1.5rem;padding-bottom:1.5rem}.contact-text .contact-btn{border-radius:4px;color:#216778;background:#fff;text-decoration:none;font-size:1.5rem;padding:.5rem 4rem;-webkit-transition:.3s ease;transition:.3s ease}.contact-text .contact-btn:hover{background:#00222b;color:#fff}.contact-form{padding:3rem;text-align:center}.contact-form .contact-box{padding:2rem}.contact-form .contact-box .contact-name h2{color:#00222b;font-weight:600}.contact-form .contact-box p{margin:.5rem}.contact-form .contact-box input{width:40%;border:2px solid #00222b;padding:.5rem;color:#093e69}.contact-form .contact-box input:focus{outline:0}.contact-form .contact-box .submit-btn{padding-top:1rem}.contact-form .contact-box .submit-btn input{background:#00222b;width:20%;color:#fff;font-size:1.2rem;-webkit-transition:.3s;transition:.3s}.contact-form .contact-box .submit-btn input:hover{background:#fff;color:#00222b}#wrappera{overflow-x:hidden}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.wrapper #sidebar{max-width:250px;min-width:250px;background:#007bff;color:#fff;-webkit-transition:.5s;transition:.5s}.wrapper #sidebar .sidebar-header{text-align:center;padding:20px}.wrapper #sidebar .sidebar-header i{font-size:2rem;padding-bottom:1rem}.wrapper #sidebar .sidebar-header h3{margin:0}.wrapper #sidebar .compontents{list-style:none;padding:0;border-bottom:1px solid #0069d9}.wrapper #sidebar .compontents .active{background:#0069d9}.wrapper #sidebar .compontents .active a i{color:#fff}.wrapper #sidebar .compontents li{padding:1rem 1rem;-webkit-transition:.3s ease;transition:.3s ease}.wrapper #sidebar .compontents li a{color:#fff}.wrapper #sidebar .compontents li a i{-webkit-transition:.3s ease;transition:.3s ease;color:#ccc;padding-right:.5rem}.wrapper #sidebar .compontents li:hover{background:#0069d9}.wrapper #sidebar .compontents li:hover a i{color:#fff}.wrapper #sidebar.toggled{margin-left:-250px}.wrapper #content{width:100%;padding:1rem;min-height:100vh}.wrapper #content button:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.wrapper #content .main-content h1{text-align:center}.wrapper #content .main-content .main-chart,.wrapper #content .main-content .main-sec-chart{padding:3rem 0}.wrapper #content .main-content .main-table{padding-top:2rem}