*{margin:0;padding:0;outline:0;text-decoration:none}::before,::after{box-sizing:border-box}body{font-family:'Nunito', sans-serif;line-height:1.5;font-size:16px}.hide{display:none !important}.dark .main-container .aside{background:#222222;border-color:#393939}.dark .main-container .aside .logo a{color:#fff}.dark .main-container .aside .nav li a{color:#fff;border-color:#393939}.dark .main-container .main-content .section{background:#151515}.dark .main-container .main-content .home .container .intro h1{color:#fff}.dark .main-container .main-content .home .container .intro p{color:#e9e9e9}.dark .main-container .main-content .about .container .row .section-title h2{color:#fff}.dark .main-container .main-content .about .container .row .about-content .box .about-text h3{color:#fff}.dark .main-container .main-content .about .container .row .about-content .box .about-text p{color:#e9e9e9}.dark .main-container .main-content .about .container .row .about-content .box .infor .small-box .info-item p{color:#fff;border-color:#393939}.dark .main-container .main-content .about .container .row .about-content .box .infor .small-box .info-item p span{color:#e9e9e9}.dark .main-container .main-content .about .container .row .about-content .box .infor .small-box .info-item p span a{color:#e9e9e9}.dark .main-container .main-content .about .container .row .about-content .box .education .title{color:#fff}.dark .main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline{background:#222222;border-color:#393939}.dark .main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline .timeline-item .timeline-date{color:#e9e9e9}.dark .main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline .timeline-item .timeline-title{color:#fff}.dark .main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline .timeline-item .timeline-text{color:#e9e9e9}.dark .main-container .main-content .about .container .row .about-content .box .experience .title{color:#fff}.dark .main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline{background:#222222;border-color:#393939}.dark .main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline .timeline-item .timeline-date{color:#e9e9e9}.dark .main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline .timeline-item .timeline-title{color:#fff}.dark .main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline .timeline-item .timeline-text{color:#e9e9e9}.dark .main-container .main-content .skill .container .row .section-title h2{color:#fff}.dark .main-container .main-content .skill .container .row .skill-item .skill-item-inner{background:#222222;border-color:#393939}.dark .main-container .main-content .skill .container .row .skill-item .skill-item-inner h4{color:#fff}.dark .main-container .main-content .skill .container .row .skill-item .skill-item-inner p{color:#e9e9e9}.dark .main-container .main-content .product .container .row .section-title h2{color:#fff}.dark .main-container .main-content .product .container .row .product-filter button{color:#fff}.dark .main-container .main-content .product .container .row .product-item .product-item-inner{border-color:#393939}.dark .main-container .main-content .blog .container .row .section-title h2{color:#fff}.dark .main-container .main-content .blog .container .row .blog-item .blog-item-inner{border-color:#393939}.dark .main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-infor{background:#222222}.dark .main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-infor .blog-title{color:#fff}.dark .main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-infor .blog-description{color:#e9e9e9}.dark .main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-infor .blog-tag{color:#e9e9e9}.dark .main-container .main-content .contact .container .row .section-title h2{color:#fff}.dark .main-container .main-content .contact .container .row .contact-info-item h4{color:#fff}.dark .main-container .main-content .contact .container .row .contact-info-item p{color:#e9e9e9}.dark .main-container .main-content .contact .container .row .contact-form .box .form-item .form-group .form-control{background:#222222;border-color:#393939;color:#e9e9e9}.preloader{background:#222222;position:fixed;left:0;top:0;height:100%;width:100%;z-index:150;display:flex;align-items:center;justify-content:center;transition:all 1s ease}.preloader .loader{height:40px;width:40px;border:4px solid #e3e3e3;border-radius:50%;border-top:4px solid transparent;border-bottom:4px solid transparent;animation:spin 2s linear infinite}.opacity-0{opacity:0}.main-container .shadow{display:inline-block;box-shadow:0 0 20px rgba(48,46,77,0.35)}.main-container .aside{width:270px;background:#fdf9ff;position:fixed;height:100%;left:0;top:0;z-index:10;border-right:1px solid #e8dfec;padding:30px;transition:all 0.3s ease;overflow-y:auto}.main-container .aside .nav-toggler{width:45px;height:40px;border:1px solid #d4d4e3;cursor:pointer;position:fixed;left:300px;top:20px;z-index:11;border-radius:5px;background:#fdf9ff;display:none;align-items:center;justify-content:center;transition:all 0.3s ease}.main-container .aside .nav-toggler span{height:2px;width:18px;display:inline-block;position:relative}.main-container .aside .nav-toggler span:before{content:'';height:2px;width:18px;position:absolute;top:-6px;left:0}.main-container .aside .nav-toggler span:after{content:'';height:2px;width:18px;position:absolute;top:6px;left:0}.main-container .aside .logo{padding:30px 0}.main-container .aside .logo a{font-size:40px;color:#302e4d;font-family:'Rubik', sans-serif;font-weight:700;text-decoration:none;display:inline-block;position:relative;padding:0 10px;line-height:50px}.main-container .aside .logo a:before{content:'';height:20px;width:20px;position:absolute;top:0;left:0}.main-container .aside .logo a:after{content:'';height:20px;width:20px;position:absolute;bottom:0;right:0}.main-container .aside .nav{margin:80px 0;list-style:none;padding:0}.main-container .aside .nav li{display:block}.main-container .aside .nav li a{font-weight:600;font-size:16px;color:#302e4d;text-decoration:none;line-height:45px;display:block;border-bottom:1px solid #e8dfec;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;text-transform:capitalize}.main-container .aside .nav li a .fa{margin-right:5px}.main-container .aside .nav li a:not(.active):hover{padding-left:10px}.main-container .aside .coppyright-text{font-size:13px;color:#7d7d7d}.main-container .main-content{padding-left:270px}.main-container .main-content .padd-15{padding-right:15px;padding-left:15px}.main-container .main-content .section{background:#f2f2fc;min-height:100vh;display:block;padding:0 30px;left:270px;top:0;right:0;bottom:0;z-index:0;overflow-x:hidden;overflox-y:auto;opacity:1;transition:all 0.3s ease;position:fixed}.main-container .main-content .active-st{opacity:1;z-index:2;animation:slideSection 1s ease}.main-container .main-content .back-section{z-index:1}.main-container .main-content .home{min-height:100vh;display:flex}.main-container .main-content .home .container{max-width:1200px;margin:auto;width:100%}.main-container .main-content .home .container .intro{text-align:center}.main-container .main-content .home .container .intro .shadow-dark{width:200px;height:200px;border-radius:50%;display:inline-block;border:3px solid #ffffff;box-shadow:0 0 20px rgba(48,46,77,0.15)}.main-container .main-content .home .container .intro h1{font-size:30px;color:#302e4d;font-family:'Rubik', sans-serif;font-weight:700;margin:20px 0 5px}.main-container .main-content .home .container .intro p{font-size:16px;font-weight:500;margin:0;line-height:22px;color:#504e70}.main-container .main-content .home .container .intro .social-network{margin-top:25px}.main-container .main-content .home .container .intro .social-network a{height:35px;width:35px;display:inline-block;line-height:35px;color:#ffffff;margin:0 4px;border-radius:50%;text-decoration:none;transition:all 0.3s ease}.main-container .main-content .home .container .intro .social-network a:hover{transform:scale(1.1)}.main-container .main-content .about .container{max-width:1450px;margin:auto;width:100%;padding-top:60px;padding-bottom:70px}.main-container .main-content .about .container .row{display:flex;flex-wrap:wrap;margin-right:-40px;margin-left:10px;position:relative}.main-container .main-content .about .container .row .section-title{flex:0 0 100%;max-width:100%;margin-bottom:60px}.main-container .main-content .about .container .row .section-title h2{font-size:40px;color:#302e4d;font-family:'Rubik', sans-serif;font-weight:700;margin:0;position:relative}.main-container .main-content .about .container .row .section-title h2:before{content:'';width:50px;height:4px;position:absolute;top:100%;left:0}.main-container .main-content .about .container .row .section-title h2:after{content:'';width:25px;height:4px;position:absolute;top:100%;left:-8px;margin:8px}.main-container .main-content .about .container .row .about-content{flex:0 0 100%;max-width:100%}.main-container .main-content .about .container .row .about-content .box{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;position:relative;padding-bottom:40px}.main-container .main-content .about .container .row .about-content .box .about-text{flex:0 0 100%}.main-container .main-content .about .container .row .about-content .box .about-text h3{font-size:24px;margin-bottom:15px;font-weight:700;color:#302e4d}.main-container .main-content .about .container .row .about-content .box .about-text p{font-size:16px;line-height:25px;color:#504e70;margin:0;padding-right:22px}.main-container .main-content .about .container .row .about-content .box .infor{flex:0 0 60%;max-width:60%}.main-container .main-content .about .container .row .about-content .box .infor .small-box{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;position:relative;padding-bottom:30px}.main-container .main-content .about .container .row .about-content .box .infor .small-box .info-item{flex:0 0 45%;max-width:45%}.main-container .main-content .about .container .row .about-content .box .infor .small-box .info-item p{font-weight:600;padding:10px 0;font-size:16px;color:#302e4d;border-bottom:1px solid #e8dfec;margin:0}.main-container .main-content .about .container .row .about-content .box .infor .small-box .info-item p span{font-weight:400;color:#504e70;margin-left:4px;display:inline-block}.main-container .main-content .about .container .row .about-content .box .infor .small-box .info-item p span a{color:#504e70}.main-container .main-content .about .container .row .about-content .box .button{flex:0 0 36%;max-width:40%}.main-container .main-content .about .container .row .about-content .box .button .small-box .buttons{margin-top:30px}.main-container .main-content .about .container .row .about-content .box .button .small-box .buttons .btn{font-size:16px;font-family:'Rubik', sans-serif;font-weight:500;padding:12px 35px;color:#ffffff;border-radius:40px;transition:all 0.3s ease;display:inline-block;white-space:nowrap;margin-right:15px;margin-top:10px}.main-container .main-content .about .container .row .about-content .box .button .small-box .buttons .btn:hover{transform:scale(1.05)}.main-container .main-content .about .container .row .about-content .box .education{flex:0 0 48%;max-width:50%;margin-top:30px}.main-container .main-content .about .container .row .about-content .box .education .title{font-size:24px;font-weight:700;color:#302e4d;margin-bottom:30px}.main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box{flex:0 0 90%;max-width:90%}.main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline{background:#fdf9ff;padding:30px 15px;border:1px solid #d4d4e3;border-radius:10px;width:100%}.main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline .timeline-item{position:relative;padding-left:37px;padding-bottom:50px}.main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline .timeline-item:before{content:'';width:1px;position:absolute;height:100%;background:#ec1839;left:7px}.main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline .timeline-item:last-child{padding-bottom:0px}.main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline .timeline-item .circle-dot{position:absolute;top:0;height:15px;width:15px;left:0;border-radius:50%}.main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline .timeline-item .timeline-date{font-size:14px;font-weight:400;margin-bottom:12px;color:#504e70}.main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline .timeline-item .timeline-date .fa{margin-right:5px}.main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline .timeline-item .timeline-title{font-weight:700;font-size:18px;margin-bottom:15px;text-transform:capitalize;color:#302e4d}.main-container .main-content .about .container .row .about-content .box .education .small-box .timeline-box .timeline .timeline-item .timeline-text{font-size:16px;line-height:25px;color:#504e70;margin:0}.main-container .main-content .about .container .row .about-content .box .experience{flex:0 0 48%;max-width:50%;margin-top:30px}.main-container .main-content .about .container .row .about-content .box .experience .title{font-size:24px;font-weight:700;color:#302e4d;margin-bottom:30px}.main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box{flex:0 0 90%;max-width:90%}.main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline{background:#fdf9ff;padding:30px 15px;border:1px solid #d4d4e3;border-radius:10px;width:100%}.main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline .timeline-item{position:relative;padding-left:37px;padding-bottom:50px}.main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline .timeline-item:before{content:'';width:1px;position:absolute;height:100%;left:7px}.main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline .timeline-item:last-child{padding-bottom:0px}.main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline .timeline-item .circle-dot{position:absolute;top:0;height:15px;width:15px;left:0;border-radius:50%}.main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline .timeline-item .timeline-date{font-size:14px;font-weight:400;margin-bottom:12px;color:#504e70}.main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline .timeline-item .timeline-date .fa{margin-right:5px}.main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline .timeline-item .timeline-title{font-weight:700;font-size:18px;margin-bottom:15px;text-transform:capitalize;color:#302e4d}.main-container .main-content .about .container .row .about-content .box .experience .small-box .timeline-box .timeline .timeline-item .timeline-text{font-size:16px;line-height:25px;color:#504e70;margin:0}.main-container .main-content .skill .container{max-width:1450px;margin:auto;width:100%;padding-top:60px;padding-bottom:40px}.main-container .main-content .skill .container .row{display:flex;flex-wrap:wrap;margin-right:-40px;margin-left:10px;position:relative}.main-container .main-content .skill .container .row .section-title{flex:0 0 100%;max-width:100%;margin-bottom:60px}.main-container .main-content .skill .container .row .section-title h2{font-size:40px;color:#302e4d;font-family:'Rubik', sans-serif;font-weight:700;margin:0;position:relative}.main-container .main-content .skill .container .row .section-title h2:before{content:'';width:50px;height:4px;position:absolute;top:100%;left:0}.main-container .main-content .skill .container .row .section-title h2:after{content:'';width:25px;height:4px;position:absolute;top:100%;left:-8px;margin:8px}.main-container .main-content .skill .container .row .skill-item{padding:15px;flex:0 0 31.3%;max-width:31.3%;margin-bottom:30px;display:flex}.main-container .main-content .skill .container .row .skill-item .skill-item-inner{background:#fdf9ff;border:1px solid #d4d4e3;border-radius:10px;padding:30px 60px;text-align:center;transition:all 0.5s ease}.main-container .main-content .skill .container .row .skill-item .skill-item-inner:hover .icon .fa{font-size:25px;color:#ffffff}.main-container .main-content .skill .container .row .skill-item .skill-item-inner:hover{box-shadow:0 0 20px rgba(48,46,77,0.3)}.main-container .main-content .skill .container .row .skill-item .skill-item-inner .icon{height:60px;width:60px;display:block;margin:0 auto 30px;text-align:center;border-radius:50%;transition:all 0.5s ease}.main-container .main-content .skill .container .row .skill-item .skill-item-inner .icon .fa{font-size:40px;line-height:60px;transition:all 0.5s ease}.main-container .main-content .skill .container .row .skill-item .skill-item-inner h4{font-size:18px;margin-bottom:15px;color:#302e4d;font-weight:700}.main-container .main-content .skill .container .row .skill-item .skill-item-inner p{font-size:16px;color:#504e70;line-height:25px}.main-container .main-content .product .container{max-width:1450px;margin:auto;width:100%;padding-top:60px;padding-bottom:40px}.main-container .main-content .product .container .row{display:flex;flex-wrap:wrap;margin-right:-40px;margin-left:10px;position:relative}.main-container .main-content .product .container .row .section-title{flex:0 0 100%;max-width:100%;margin-bottom:60px}.main-container .main-content .product .container .row .section-title h2{font-size:40px;color:#302e4d;font-family:'Rubik', sans-serif;font-weight:700;margin:0;position:relative}.main-container .main-content .product .container .row .section-title h2:before{content:'';width:50px;height:4px;position:absolute;top:100%;left:0}.main-container .main-content .product .container .row .section-title h2:after{content:'';width:25px;height:4px;position:absolute;top:100%;left:-8px;margin:8px}.main-container .main-content .product .container .row .product-filter{flex:0 0 100%;max-width:100%;text-align:center;margin-bottom:40px}.main-container .main-content .product .container .row .product-filter button{border:none;background:transparent;font-size:18px;font-weight:700;text-transform:capitalize;margin:0 10px;color:#302e4d;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;padding-bottom:2px;transition:all 0.3s ease}.main-container .main-content .product .container .row .product-item{flex:0 0 31.3%;max-width:31.3%;margin-bottom:30px}.main-container .main-content .product .container .row .product-item .product-item-inner{border:6px solid #fdf9ff;border-radius:10px;overflow:hidden;cursor:pointer;position:relative}.main-container .main-content .product .container .row .product-item .product-item-inner .product-img img{width:100%;display:block}.main-container .main-content .product .container .row .product-item .product-item-inner .product-info{position:absolute;left:0;top:0;background:rgba(0,0,0,0.8);height:100%;width:100%;z-index:1;padding:30px;opacity:0}.main-container .main-content .product .container .row .product-item .product-item-inner .product-info h4{font-size:18px;font-weight:700;color:#ffffff;text-transform:capitalize;transition:all 0.3s ease;transform:translateX(-20px);opacity:0}.main-container .main-content .product .container .row .product-item .product-item-inner .product-info .icon{height:40px;width:40px;background:#ffffff;text-align:center;border-radius:50%;position:absolute;right:100px;bottom:100px;transition:all 0.3s ease;transform:translateX(20px);opacity:0}.main-container .main-content .product .container .row .product-item .product-item-inner .product-info .icon .fa{line-height:40px}.main-container .main-content .product .container .row .product-item .product-item-inner:hover .product-info{opacity:1}.main-container .main-content .product .container .row .product-item .product-item-inner:hover .product-info h4{opacity:1;transform:translateX(0px)}.main-container .main-content .product .container .row .product-item .product-item-inner:hover .product-info .icon{opacity:1;transform:translateX(0px)}.main-container .main-content .product .container .row .hide{display:none}.main-container .main-content .product .container .row .show{display:block;animation:showItem 0.5s ease}.main-container .main-content .blog .container{max-width:1450px;margin:auto;width:100%;padding-top:60px;padding-bottom:40px}.main-container .main-content .blog .container .row{display:flex;flex-wrap:wrap;margin-right:-40px;margin-left:10px;position:relative}.main-container .main-content .blog .container .row .section-title{flex:0 0 100%;max-width:100%;margin-bottom:60px}.main-container .main-content .blog .container .row .section-title h2{font-size:40px;color:#302e4d;font-family:'Rubik', sans-serif;font-weight:700;margin:0;position:relative}.main-container .main-content .blog .container .row .section-title h2:before{content:'';width:50px;height:4px;position:absolute;top:100%;left:0}.main-container .main-content .blog .container .row .section-title h2:after{content:'';width:25px;height:4px;position:absolute;top:100%;left:-8px;margin:8px}.main-container .main-content .blog .container .row .blog-item{flex:0 0 31.3%;max-width:31.3%;margin-bottom:30px}.main-container .main-content .blog .container .row .blog-item .blog-item-inner{border-radius:10px;overflow:hidden;border:1px solid #d4d4e3}.main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-img{position:relative;overflow:hidden}.main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-img img{width:100%;display:block;transition:all 0.5s ease}.main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-img .blog-date{position:absolute;padding:5px 10px;border-radius:5px;color:#ffffff;font-weight:600;font-size:14px;left:15px;bottom:15px}.main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-infor{padding:30px 15px;background:#fdf9ff}.main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-infor .blog-title{font-size:18px;font-weight:700;color:#302e4d;text-transform:capitalize;margin-bottom:10px}.main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-infor .blog-description{font-size:16px;line-height:25px;color:#504e70;font-weight:400;margin-bottom:15px}.main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-infor .blog-tag{font-size:16px;line-height:25px;color:#504e70;font-weight:400;text-transform:capitalize}.main-container .main-content .blog .container .row .blog-item .blog-item-inner .blog-infor .blog-tag a{text-decoration:none;font-weight:600}.main-container .main-content .blog .container .row .blog-item .blog-item-inner:hover .blog-img img{transform:scale(1.1)}.main-container .main-content .contact .container{max-width:1450px;margin:auto;width:100%;padding-top:60px;padding-bottom:40px}.main-container .main-content .contact .container .row{display:flex;flex-wrap:wrap;margin-right:-40px;margin-left:10px;position:relative}.main-container .main-content .contact .container .row .section-title{flex:0 0 100%;max-width:100%;margin-bottom:60px}.main-container .main-content .contact .container .row .section-title h2{font-size:40px;color:#302e4d;font-family:'Rubik', sans-serif;font-weight:700;margin:0;position:relative}.main-container .main-content .contact .container .row .section-title h2:before{content:'';width:50px;height:4px;position:absolute;top:100%;left:0}.main-container .main-content .contact .container .row .section-title h2:after{content:'';width:25px;height:4px;position:absolute;top:100%;left:-8px;margin:8px}.main-container .main-content .contact .container .row .contact-info-item{flex:0 0 31%;max-width:31%;text-align:center;margin-bottom:40px}.main-container .main-content .contact .container .row .contact-info-item .icon{display:inline-block}.main-container .main-content .contact .container .row .contact-info-item .icon .fa{font-size:40px}.main-container .main-content .contact .container .row .contact-info-item h4{font-size:18px;font-weight:700;color:#302e4d;text-transform:capitalize;margin:15px 0 5px}.main-container .main-content .contact .container .row .contact-info-item a{font-size:16px;line-height:25px;color:#504e70;margin:0;font-weight:400}.main-container .main-content .contact .container .row .contact-info-item p{font-size:16px;line-height:25px;color:#504e70;margin:0;font-weight:400}.main-container .main-content .contact .container .row .contact-form{flex:0 0 100%;max-width:100%}.main-container .main-content .contact .container .row .contact-form .box{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;position:relative;padding-bottom:40px}.main-container .main-content .contact .container .row .contact-form .box .form-item .form-group .form-control{width:96%;height:40px;border-radius:25px;border:1px solid #d4d4e3;padding:10px 0 10px 15px;font-size:16px;font-family:'Montserrat', sans-serif;color:#504e70;transition:all 0.3s ease}.main-container .main-content .contact .container .row .contact-form .box .form-item .form-group .form-control:focus{box-shadow:0 0 20px rgba(48,46,77,0.35)}.main-container .main-content .contact .container .row .contact-form .box .form-item .form-group textarea{height:120px !important}.main-container .main-content .contact .container .row .contact-form .box .col-6{flex:0 0 48%;max-width:48%}.main-container .main-content .contact .container .row .contact-form .box .col-12{flex:0 0 100%;max-width:100%}.main-container .main-content .contact .container .row .contact-form .box .col-12 .btn{font-size:16px;font-family:'Rubik', sans-serif;font-weight:500;padding:12px 50px;color:#ffffff;border-radius:40px;transition:all 0.3s ease;display:inline-block;white-space:nowrap;margin-right:15px;margin-top:10px;border:none;cursor:pointer;height:50px}.main-container .main-content .contact .container .row .contact-form .box .col-12 .btn:hover{transform:scale(1.05)}.lightbox{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:100;display:none;align-items:center;justify-content:center;cursor:zoom-out;padding:30px}.lightbox .lightbox-content{position:relative}.lightbox .lightbox-content .lightbox-close{position:absolute;width:40px;height:40px;top:-40px;right:0px;font-size:30px;text-align:right;color:#ffffff;line-height:40px;cursor:pointer}.lightbox .lightbox-content img{height:auto;width:auto;max-height:430px;max-width:100%;cursor:pointer}.lightbox .lightbox-content .lightbox-caption{position:absolute;bottom:-20px;left:0;width:100%;display:flex;justify-content:space-between;font-size:16px;color:#ffffff;font-weight:400}.lightbox .lightbox-controls .prev-item{position:absolute;background:#ffffff;height:40px;width:40px;text-align:center;border-radius:50%;cursor:pointer;left:30px;z-index:110;transition:all 0.3s ease}.lightbox .lightbox-controls .prev-item .fa{font-size:32px;line-height:40px}.lightbox .lightbox-controls .prev-item:active{transform:scale(1.2)}.lightbox .lightbox-controls .next-item{position:absolute;background:#ffffff;height:40px;width:40px;text-align:center;border-radius:50%;cursor:pointer;right:80px;z-index:110;transition:all 0.3s ease}.lightbox .lightbox-controls .next-item .fa{font-size:32px;line-height:40px}.lightbox .lightbox-controls .next-item:active{transform:scale(1.2)}.open{display:flex}.open .lightbox-content{animation:lightboxImg 0.5s ease}@keyframes lightboxImg{0%{transform:scale(0.8)}100%{transform:scale(1)}}@keyframes showItem{0%{transform:scale(0.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slideSection{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@media all and (max-width: 1024px){.main-container .aside{left:-270px;padding:0;display:block;width:23%;padding-left:15px;padding-right:15px}.main-container .aside .nav-toggler{display:flex;left:30px}.main-container .open{left:0px}.main-container .open .nav-toggler{left:300px}.main-container .open .nav-toggler span{background:transparent !important}.main-container .open .nav-toggler span:before{transform:rotate(45deg);top:0px}.main-container .open .nav-toggler span:after{transform:rotate(-45deg);top:0px}.main-container .main-content{padding-left:0}.main-container .main-content .section{left:0}.main-container .main-content .about .container .row{display:block;margin:0}.main-container .main-content .about .container .row .about-content .box .infor{flex:0 0 100%;max-width:100%}.main-container .main-content .about .container .row .about-content .box .infor .small-box .info-item p span{display:inline-block;margin-left:0}.main-container .main-content .about .container .row .about-content .box .button .small-box .buttons{display:flex}.main-container .main-content .about .container .row .about-content .box .education{flex:0 0 46%;max-width:46%}.main-container .main-content .about .container .row .about-content .box .education .small-box{margin-left:-15px}.main-container .main-content .about .container .row .about-content .box .experience{flex:0 0 46%;max-width:46%}.main-container .main-content .about .container .row .about-content .box .experience .small-box{margin-left:-15px}.main-container .main-content .about .container .row .about-content .box .experience .timeline-box .timeline{min-height:300px}.main-container .main-content .skill .container .row .skill-item{flex:0 0 29%;max-width:29%}.main-container .main-content .product .container .row .product-item{flex:0 0 29%;max-width:29%}.main-container .main-content .blog .container .row .blog-item{flex:0 0 29%;max-width:29%}.main-container .main-content .contact .container .row .contact-info-item{flex:0 0 29%;max-width:29%}.main-container .main-content .contact .container .row .contact-form .box .col-6{flex:0 0 43.7%;max-width:43.7%}.main-container .main-content .contact .container .row .contact-form .box .col-12{flex:0 0 92.3%;max-width:92.3%}}@media all and (max-width: 480px){.main-container .aside{width:50%}.main-container .aside .nav-toggler{display:flex;left:30px}.main-container .open{left:0px}.main-container .open .nav-toggler{left:300px}.main-container .open .nav-toggler span{background:transparent !important}.main-container .open .nav-toggler span:before{transform:rotate(45deg);top:0px}.main-container .open .nav-toggler span:after{transform:rotate(-45deg);top:0px}.main-container .main-content .about .container .row .about-content .box .about-text{flex:0 0 90%}.main-container .main-content .about .container .row .about-content .box .infor .small-box .info-item{flex:0 0 90%;max-width:90%}.main-container .main-content .about .container .row .about-content .box .education{flex:0 0 90%;max-width:90%}.main-container .main-content .about .container .row .about-content .box .experience{flex:0 0 90%;max-width:90%}.main-container .main-content .skill .container .row .skill-item{flex:0 0 86%;max-width:86%}.main-container .main-content .product .container .row .product-filter{flex:0 0 90%;max-width:90%}.main-container .main-content .product .container .row .product-item{flex:0 0 86%;max-width:86%}.main-container .main-content .blog .container .row .blog-item{flex:0 0 86%;max-width:86%}.main-container .main-content .contact .container .row .contact-info-item{flex:0 0 86%;max-width:86%}.main-container .main-content .contact .container .row .contact-form .box .col-6{flex:0 0 80%;max-width:80%}.main-container .main-content .contact .container .row .contact-form .box .col-6:first-child{padding-bottom:40px}.main-container .main-content .contact .container .row .contact-form .box .col-12{flex:0 0 80%;max-width:80%}}
/*# sourceMappingURL=style.css.map */
