-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.abdaf4cac150c378.css
1 lines (1 loc) · 6.5 KB
/
styles.abdaf4cac150c378.css
1
body{font-family:Open Sans,sans-serif;color:#444}a{color:#47b2e4;text-decoration:none}a:hover{color:#73c5eb;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Jost,sans-serif}#preloader{position:fixed;inset:0;z-index:9999;overflow:hidden;background:#37517e}#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #37517e;border-top-color:#fff;border-bottom-color:#fff;border-radius:50%;width:60px;height:60px;animation:animate-preloader 1s linear infinite}@keyframes animate-preloader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#47b2e4;width:40px;height:40px;border-radius:50px;transition:all .4s}.back-to-top i{font-size:24px;color:#fff;line-height:0}.back-to-top:hover{background:#6bc1e9;color:#fff}.back-to-top.active{visibility:visible;opacity:1}#header{transition:all .5s;z-index:997;padding:15px 0}#header.header-scrolled,#header.header-inner-pages{background:rgba(40,58,90,.9)}#header .logo{font-size:30px;margin:0;padding:0;line-height:1;font-weight:500;letter-spacing:2px;text-transform:uppercase}#header .logo a{color:#fff}#header .logo img{max-height:40px}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar li{position:relative}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-size:15px;font-weight:500;color:#fff;white-space:nowrap;transition:.3s}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#47b2e4}.navbar .getstarted,.navbar .getstarted:focus{padding:8px 20px;margin-left:30px;border-radius:50px;color:#fff;font-size:14px;border:2px solid #47b2e4;font-weight:600}.navbar .getstarted:hover,.navbar .getstarted:focus:hover{color:#fff;background:#31a9e1}.navbar .dropdown ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px #7f89a140;transition:.3s;border-radius:4px}.navbar .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:10px 20px;font-size:14px;text-transform:none;font-weight:500;color:#0c3c53}.navbar .dropdown ul a i{font-size:12px}.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:#47b2e4}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}@media (max-width: 1366px){.navbar .dropdown .dropdown ul{left:-90%}.navbar .dropdown .dropdown:hover>ul{left:-100%}}.mobile-nav-toggle{color:#fff;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}.mobile-nav-toggle.bi-x{color:#fff}@media (max-width: 991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}}.navbar-mobile{position:fixed;overflow:hidden;inset:0;background:rgba(40,58,90,.9);transition:.3s;z-index:999}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.navbar-mobile ul{display:block;position:absolute;inset:55px 15px 15px;padding:10px 0;border-radius:10px;background-color:#fff;overflow-y:auto;transition:.3s}.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#37517e}.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color:#47b2e4}.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px;color:#37517e}.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px #7f89a140}.navbar-mobile .dropdown ul li{min-width:200px}.navbar-mobile .dropdown ul a{padding:10px 20px}.navbar-mobile .dropdown ul a i{font-size:12px}.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a{color:#47b2e4}.navbar-mobile .dropdown>.dropdown-active{display:block}section{padding:60px 0;overflow:hidden}.section-bg{background-color:#f3f5fa}.section-title{text-align:center;padding-bottom:30px}.section-title h2{font-size:32px;font-weight:700;text-transform:uppercase;margin-bottom:20px;padding-bottom:20px;position:relative;color:#37517e}.section-title h2:before{content:"";position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px)}.section-title h2:after{content:"";position:absolute;display:block;width:40px;height:3px;background:#47b2e4;bottom:0;left:calc(50% - 20px)}.section-title p{margin-bottom:0}.portfolio #portfolio-flters{list-style:none;margin-bottom:20px}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;margin:10px 5px;font-size:15px;font-weight:500;line-height:1;color:#444;transition:all .3s;padding:8px 20px;border-radius:50px;font-family:Poppins,sans-serif}.portfolio #portfolio-flters li:hover,.portfolio #portfolio-flters li.filter-active{background:#47b2e4;color:#fff}.portfolio .portfolio-item{margin-bottom:30px}.portfolio .portfolio-item .portfolio-img{overflow:hidden}.portfolio .portfolio-item .portfolio-img img{transition:all .6s}.portfolio .portfolio-item .portfolio-info{opacity:0;position:absolute;left:15px;bottom:0;z-index:3;right:15px;transition:all .3s;background:rgba(55,81,126,.8);padding:10px 15px}.portfolio .portfolio-item .portfolio-info h4{font-size:18px;font-weight:600;color:#fff;margin-bottom:0}.portfolio .portfolio-item .portfolio-info p{color:#f9fcfe;font-size:14px;margin-bottom:0}.portfolio .portfolio-item .portfolio-info .preview-link,.portfolio .portfolio-item .portfolio-info .details-link{position:absolute;right:40px;font-size:24px;top:calc(50% - 18px);color:#fff;transition:.3s}.portfolio .portfolio-item .portfolio-info .preview-link:hover,.portfolio .portfolio-item .portfolio-info .details-link:hover{color:#47b2e4}.portfolio .portfolio-item .portfolio-info .details-link{right:10px}.portfolio .portfolio-item:hover .portfolio-img img{transform:scale(1.15)}.portfolio .portfolio-item:hover .portfolio-info{opacity:1}.breadcrumbs{padding:15px 0;background:#f3f5fa;min-height:40px;margin-top:72px}@media (max-width: 992px){.breadcrumbs{margin-top:68px}}.breadcrumbs h2{font-size:28px;font-weight:600;color:#37517e}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0 0 10px;margin:0;font-size:14px}.breadcrumbs ol li+li{padding-left:10px}.breadcrumbs ol li+li:before{display:inline-block;padding-right:10px;color:#4668a2;content:"/"}