first commit
This commit is contained in:
dev-chiefworks
@@ -0,0 +1,541 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website.">
|
||||
<meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">
|
||||
<meta name="author" content="elemis">
|
||||
<title>Sandbox - Modern & Multipurpose Bootstrap 5 Template</title>
|
||||
<link rel="shortcut icon" href="./assets/img/favicon.png">
|
||||
<link rel="stylesheet" href="./assets/css/plugins.css">
|
||||
<link rel="stylesheet" href="./assets/css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content-wrapper">
|
||||
<header class="wrapper bg-light">
|
||||
<nav class="navbar navbar-expand-lg center-nav transparent navbar-light">
|
||||
<div class="container flex-lg-row flex-nowrap align-items-center">
|
||||
<div class="navbar-brand w-100">
|
||||
<a href="./index.html">
|
||||
<img src="./assets/img/logo.png" srcset="./assets/img/logo@2x.png 2x" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
|
||||
<div class="offcanvas-header d-lg-none">
|
||||
<h3 class="text-white fs-30 mb-0">Sandbox</h3>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown dropdown-mega">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Demos</a>
|
||||
<ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">
|
||||
<li class="mega-menu-content">
|
||||
<ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">
|
||||
<li class="col"><a class="dropdown-item" href="./demo1.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi1.jpg" srcset="./assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo I</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo2.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi2.jpg" srcset="./assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo II</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo3.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi3.jpg" srcset="./assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo III</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo4.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi4.jpg" srcset="./assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo IV</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo5.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi5.jpg" srcset="./assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo V</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo6.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi6.jpg" srcset="./assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo VI</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo7.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi7.jpg" srcset="./assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo VII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo8.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi8.jpg" srcset="./assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo VIII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo9.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi9.jpg" srcset="./assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo IX</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo10.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi10.jpg" srcset="./assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo X</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo11.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi11.jpg" srcset="./assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XI</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo12.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi12.jpg" srcset="./assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo13.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi13.jpg" srcset="./assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XIII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo14.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi14.jpg" srcset="./assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XIV</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo15.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi15.jpg" srcset="./assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XV</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo16.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi16.jpg" srcset="./assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XVI</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo17.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi17.jpg" srcset="./assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XVII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo18.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi18.jpg" srcset="./assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XVIII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo19.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi19.jpg" srcset="./assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XIX</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo20.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi20.jpg" srcset="./assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XX</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo21.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi21.jpg" srcset="./assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XXI</span>
|
||||
</a></li>
|
||||
</ul>
|
||||
<!--/.row -->
|
||||
</li>
|
||||
<!--/.mega-menu-content-->
|
||||
</ul>
|
||||
<!--/.dropdown-menu -->
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./services.html">Services I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./services2.html">Services II</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./about.html">About I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./about2.html">About II</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop.html">Shop I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop2.html">Shop II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop-product.html">Product Page</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop-cart.html">Shopping Cart</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop-checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./contact.html">Contact I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./contact2.html">Contact II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./contact3.html">Contact III</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./career.html">Job Listing I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./career2.html">Job Listing II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./career-job.html">Job Description</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./404.html">404 Not Found</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./page-loader.html">Page Loader</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signin.html">Sign In I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signin2.html">Sign In II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signup.html">Sign Up I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signup2.html">Sign Up II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./terms.html">Terms</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./pricing.html">Pricing</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./onepage.html">One Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>
|
||||
<div class="dropdown-menu dropdown-lg">
|
||||
<div class="dropdown-lg-content">
|
||||
<div>
|
||||
<h6 class="dropdown-header">Project Pages</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a class="dropdown-item" href="./projects.html">Projects I</a></li>
|
||||
<li><a class="dropdown-item" href="./projects2.html">Projects II</a></li>
|
||||
<li><a class="dropdown-item" href="./projects3.html">Projects III</a></li>
|
||||
<li><a class="dropdown-item" href="./projects4.html">Projects IV</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.column -->
|
||||
<div>
|
||||
<h6 class="dropdown-header">Single Projects</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a class="dropdown-item" href="./single-project.html">Single Project I</a></li>
|
||||
<li><a class="dropdown-item" href="./single-project2.html">Single Project II</a></li>
|
||||
<li><a class="dropdown-item" href="./single-project3.html">Single Project III</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.column -->
|
||||
</div>
|
||||
<!-- /auto-column -->
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog.html">Blog without Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog2.html">Blog with Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog3.html">Blog with Left Sidebar</a></li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog-post.html">Post without Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog-post2.html">Post with Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog-post3.html">Post with Left Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-mega">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>
|
||||
<ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">
|
||||
<li class="mega-menu-content">
|
||||
<ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/about.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block1.svg" alt=""></div>
|
||||
<span>About</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/blog.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block2.svg" alt=""></div>
|
||||
<span>Blog</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/call-to-action.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block3.svg" alt=""></div>
|
||||
<span>Call to Action</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/clients.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block4.svg" alt=""></div>
|
||||
<span>Clients</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/contact.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block5.svg" alt=""></div>
|
||||
<span>Contact</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/facts.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block6.svg" alt=""></div>
|
||||
<span>Facts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/faq.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block7.svg" alt=""></div>
|
||||
<span>FAQ</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/features.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block8.svg" alt=""></div>
|
||||
<span>Features</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/footer.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block9.svg" alt=""></div>
|
||||
<span>Footer</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/hero.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block10.svg" alt=""></div>
|
||||
<span>Hero</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/misc.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block17.svg" alt=""></div>
|
||||
<span>Misc</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/navbar.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block11.svg" alt=""></div>
|
||||
<span>Navbar</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/portfolio.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block12.svg" alt=""></div>
|
||||
<span>Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/pricing.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block13.svg" alt=""></div>
|
||||
<span>Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/process.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block14.svg" alt=""></div>
|
||||
<span>Process</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/team.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block15.svg" alt=""></div>
|
||||
<span>Team</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/testimonials.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block16.svg" alt=""></div>
|
||||
<span>Testimonials</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--/.row -->
|
||||
</li>
|
||||
<!--/.mega-menu-content-->
|
||||
</ul>
|
||||
<!--/.dropdown-menu -->
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-mega">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>
|
||||
<ul class="dropdown-menu mega-menu">
|
||||
<li class="mega-menu-content">
|
||||
<div class="row gx-0 gx-lg-3">
|
||||
<div class="col-lg-4">
|
||||
<h6 class="dropdown-header">Usage</h6>
|
||||
<ul class="list-unstyled cc-2 pb-lg-1">
|
||||
<li><a class="dropdown-item" href="./docs/index.html">Get Started</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/forms.html">Forms</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/faq.html">FAQ</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/changelog.html">Changelog</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/credits.html">Credits</a></li>
|
||||
</ul>
|
||||
<h6 class="dropdown-header mt-lg-6">Styleguide</h6>
|
||||
<ul class="list-unstyled cc-2">
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/colors.html">Colors</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/fonts.html">Fonts</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/icons-svg.html">SVG Icons</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/icons-font.html">Font Icons</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/illustrations.html">Illustrations</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/backgrounds.html">Backgrounds</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/misc.html">Misc</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-8">
|
||||
<h6 class="dropdown-header">Elements</h6>
|
||||
<ul class="list-unstyled cc-3">
|
||||
<li><a class="dropdown-item" href="./docs/elements/accordion.html">Accordion</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/alerts.html">Alerts</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/animations.html">Animations</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/avatars.html">Avatars</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/background.html">Background</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/badges.html">Badges</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/breadcrumb.html">Breadcrumb</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/buttons.html">Buttons</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/card.html">Card</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/carousel.html">Carousel</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/dividers.html">Dividers</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/form-elements.html">Form Elements</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/image-hover.html">Image Hover</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/image-mask.html">Image Mask</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/lightbox.html">Lightbox</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/player.html">Media Player</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/modal.html">Modal</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/progressbar.html">Progressbar</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/shadows.html">Shadows</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/shapes.html">Shapes</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tables.html">Tables</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tabs.html">Tabs</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/text-animations.html">Text Animations</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/text-highlight.html">Text Highlight</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tiles.html">Tiles</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/typography.html">Typography</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</li>
|
||||
<!--/.mega-menu-content-->
|
||||
</ul>
|
||||
<!--/.dropdown-menu -->
|
||||
</li>
|
||||
</ul>
|
||||
<!-- /.navbar-nav -->
|
||||
<div class="offcanvas-footer d-lg-none">
|
||||
<div>
|
||||
<a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>
|
||||
<br /> 00 (123) 456 78 90 <br />
|
||||
<nav class="nav social social-white mt-4">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
<a href="#"><i class="uil uil-instagram"></i></a>
|
||||
<a href="#"><i class="uil uil-youtube"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.offcanvas-footer -->
|
||||
</div>
|
||||
<!-- /.offcanvas-body -->
|
||||
</div>
|
||||
<!-- /.navbar-collapse -->
|
||||
<div class="navbar-other w-100 d-flex ms-auto">
|
||||
<ul class="navbar-nav flex-row align-items-center ms-auto">
|
||||
<li class="nav-item dropdown language-select text-uppercase">
|
||||
<a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="#">En</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="#">De</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block">
|
||||
<a href="./contact.html" class="btn btn-sm btn-primary rounded-pill">Contact</a>
|
||||
</li>
|
||||
<li class="nav-item d-lg-none">
|
||||
<button class="hamburger offcanvas-nav-btn"><span></span></button>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- /.navbar-nav -->
|
||||
</div>
|
||||
<!-- /.navbar-other -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</nav>
|
||||
<!-- /.navbar -->
|
||||
</header>
|
||||
<!-- /header -->
|
||||
<section class="wrapper bg-light">
|
||||
<div class="container pt-12 pt-md-14 pb-14 pb-md-16">
|
||||
<div class="row">
|
||||
<div class="col-lg-9 col-xl-8 mx-auto">
|
||||
<figure class="mb-10"><img class="img-fluid" src="./assets/img/illustrations/404.png" srcset="./assets/img/illustrations/404@2x.png 2x" alt=""></figure>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center">
|
||||
<h1 class="mb-3">Oops! Page Not Found.</h1>
|
||||
<p class="lead mb-7 px-md-12 px-lg-5 px-xl-7">The page you are looking for is not available or has been moved. Try a different page or go to homepage with the button below.</p>
|
||||
<a href="./index.html" class="btn btn-primary rounded-pill">Go to Homepage</a>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
</div>
|
||||
<!-- /.content-wrapper -->
|
||||
<footer class="bg-dark text-inverse">
|
||||
<div class="container py-13 py-md-15">
|
||||
<div class="row gy-6 gy-lg-0">
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="widget">
|
||||
<img class="mb-4" src="./assets/img/logo-light.png" srcset="./assets/img/logo-light@2x.png 2x" alt="" />
|
||||
<p class="mb-4">© 2021 Sandbox. <br class="d-none d-lg-block" />All rights reserved.</p>
|
||||
<nav class="nav social social-white">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
<a href="#"><i class="uil uil-instagram"></i></a>
|
||||
<a href="#"><i class="uil uil-youtube"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="widget">
|
||||
<h4 class="widget-title text-white mb-3">Get in Touch</h4>
|
||||
<address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>
|
||||
<a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="widget">
|
||||
<h4 class="widget-title text-white mb-3">Learn More</h4>
|
||||
<ul class="list-unstyled mb-0">
|
||||
<li><a href="#">About Us</a></li>
|
||||
<li><a href="#">Our Story</a></li>
|
||||
<li><a href="#">Projects</a></li>
|
||||
<li><a href="#">Terms of Use</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="col-md-12 col-lg-3">
|
||||
<div class="widget">
|
||||
<h4 class="widget-title text-white mb-3">Our Newsletter</h4>
|
||||
<p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>
|
||||
<div class="newsletter-wrapper">
|
||||
<!-- Begin Mailchimp Signup Form -->
|
||||
<div id="mc_embed_signup2">
|
||||
<form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>
|
||||
<div id="mc_embed_signup_scroll2">
|
||||
<div class="mc-field-group input-group form-floating">
|
||||
<input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">
|
||||
<label for="mce-EMAIL2">Email Address</label>
|
||||
<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">
|
||||
</div>
|
||||
<div id="mce-responses2" class="clear">
|
||||
<div class="response" id="mce-error-response2" style="display:none"></div>
|
||||
<div class="response" id="mce-success-response2" style="display:none"></div>
|
||||
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!--End mc_embed_signup-->
|
||||
</div>
|
||||
<!-- /.newsletter-wrapper -->
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</footer>
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
||||
</svg>
|
||||
</div>
|
||||
<script src="./assets/js/plugins.js"></script>
|
||||
<script src="./assets/js/theme.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,957 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website.">
|
||||
<meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">
|
||||
<meta name="author" content="elemis">
|
||||
<title>Sandbox - Modern & Multipurpose Bootstrap 5 Template</title>
|
||||
<link rel="shortcut icon" href="./assets/img/favicon.png">
|
||||
<link rel="stylesheet" href="./assets/css/plugins.css">
|
||||
<link rel="stylesheet" href="./assets/css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content-wrapper">
|
||||
<header class="wrapper bg-gray">
|
||||
<nav class="navbar navbar-expand-lg center-nav transparent navbar-light">
|
||||
<div class="container flex-lg-row flex-nowrap align-items-center">
|
||||
<div class="navbar-brand w-100">
|
||||
<a href="./index.html">
|
||||
<img src="./assets/img/logo.png" srcset="./assets/img/logo@2x.png 2x" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
|
||||
<div class="offcanvas-header d-lg-none">
|
||||
<h3 class="text-white fs-30 mb-0">Sandbox</h3>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown dropdown-mega">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Demos</a>
|
||||
<ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">
|
||||
<li class="mega-menu-content">
|
||||
<ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">
|
||||
<li class="col"><a class="dropdown-item" href="./demo1.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi1.jpg" srcset="./assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo I</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo2.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi2.jpg" srcset="./assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo II</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo3.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi3.jpg" srcset="./assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo III</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo4.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi4.jpg" srcset="./assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo IV</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo5.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi5.jpg" srcset="./assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo V</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo6.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi6.jpg" srcset="./assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo VI</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo7.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi7.jpg" srcset="./assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo VII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo8.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi8.jpg" srcset="./assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo VIII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo9.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi9.jpg" srcset="./assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo IX</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo10.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi10.jpg" srcset="./assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo X</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo11.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi11.jpg" srcset="./assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XI</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo12.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi12.jpg" srcset="./assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo13.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi13.jpg" srcset="./assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XIII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo14.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi14.jpg" srcset="./assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XIV</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo15.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi15.jpg" srcset="./assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XV</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo16.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi16.jpg" srcset="./assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XVI</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo17.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi17.jpg" srcset="./assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XVII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo18.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi18.jpg" srcset="./assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XVIII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo19.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi19.jpg" srcset="./assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XIX</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo20.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi20.jpg" srcset="./assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XX</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo21.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi21.jpg" srcset="./assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XXI</span>
|
||||
</a></li>
|
||||
</ul>
|
||||
<!--/.row -->
|
||||
</li>
|
||||
<!--/.mega-menu-content-->
|
||||
</ul>
|
||||
<!--/.dropdown-menu -->
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./services.html">Services I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./services2.html">Services II</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./about.html">About I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./about2.html">About II</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop.html">Shop I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop2.html">Shop II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop-product.html">Product Page</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop-cart.html">Shopping Cart</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop-checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./contact.html">Contact I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./contact2.html">Contact II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./contact3.html">Contact III</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./career.html">Job Listing I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./career2.html">Job Listing II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./career-job.html">Job Description</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./404.html">404 Not Found</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./page-loader.html">Page Loader</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signin.html">Sign In I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signin2.html">Sign In II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signup.html">Sign Up I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signup2.html">Sign Up II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./terms.html">Terms</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./pricing.html">Pricing</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./onepage.html">One Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>
|
||||
<div class="dropdown-menu dropdown-lg">
|
||||
<div class="dropdown-lg-content">
|
||||
<div>
|
||||
<h6 class="dropdown-header">Project Pages</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a class="dropdown-item" href="./projects.html">Projects I</a></li>
|
||||
<li><a class="dropdown-item" href="./projects2.html">Projects II</a></li>
|
||||
<li><a class="dropdown-item" href="./projects3.html">Projects III</a></li>
|
||||
<li><a class="dropdown-item" href="./projects4.html">Projects IV</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.column -->
|
||||
<div>
|
||||
<h6 class="dropdown-header">Single Projects</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a class="dropdown-item" href="./single-project.html">Single Project I</a></li>
|
||||
<li><a class="dropdown-item" href="./single-project2.html">Single Project II</a></li>
|
||||
<li><a class="dropdown-item" href="./single-project3.html">Single Project III</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.column -->
|
||||
</div>
|
||||
<!-- /auto-column -->
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog.html">Blog without Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog2.html">Blog with Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog3.html">Blog with Left Sidebar</a></li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog-post.html">Post without Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog-post2.html">Post with Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog-post3.html">Post with Left Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-mega">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>
|
||||
<ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">
|
||||
<li class="mega-menu-content">
|
||||
<ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/about.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block1.svg" alt=""></div>
|
||||
<span>About</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/blog.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block2.svg" alt=""></div>
|
||||
<span>Blog</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/call-to-action.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block3.svg" alt=""></div>
|
||||
<span>Call to Action</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/clients.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block4.svg" alt=""></div>
|
||||
<span>Clients</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/contact.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block5.svg" alt=""></div>
|
||||
<span>Contact</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/facts.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block6.svg" alt=""></div>
|
||||
<span>Facts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/faq.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block7.svg" alt=""></div>
|
||||
<span>FAQ</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/features.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block8.svg" alt=""></div>
|
||||
<span>Features</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/footer.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block9.svg" alt=""></div>
|
||||
<span>Footer</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/hero.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block10.svg" alt=""></div>
|
||||
<span>Hero</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/misc.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block17.svg" alt=""></div>
|
||||
<span>Misc</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/navbar.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block11.svg" alt=""></div>
|
||||
<span>Navbar</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/portfolio.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block12.svg" alt=""></div>
|
||||
<span>Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/pricing.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block13.svg" alt=""></div>
|
||||
<span>Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/process.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block14.svg" alt=""></div>
|
||||
<span>Process</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/team.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block15.svg" alt=""></div>
|
||||
<span>Team</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/testimonials.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block16.svg" alt=""></div>
|
||||
<span>Testimonials</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--/.row -->
|
||||
</li>
|
||||
<!--/.mega-menu-content-->
|
||||
</ul>
|
||||
<!--/.dropdown-menu -->
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-mega">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>
|
||||
<ul class="dropdown-menu mega-menu">
|
||||
<li class="mega-menu-content">
|
||||
<div class="row gx-0 gx-lg-3">
|
||||
<div class="col-lg-4">
|
||||
<h6 class="dropdown-header">Usage</h6>
|
||||
<ul class="list-unstyled cc-2 pb-lg-1">
|
||||
<li><a class="dropdown-item" href="./docs/index.html">Get Started</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/forms.html">Forms</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/faq.html">FAQ</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/changelog.html">Changelog</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/credits.html">Credits</a></li>
|
||||
</ul>
|
||||
<h6 class="dropdown-header mt-lg-6">Styleguide</h6>
|
||||
<ul class="list-unstyled cc-2">
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/colors.html">Colors</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/fonts.html">Fonts</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/icons-svg.html">SVG Icons</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/icons-font.html">Font Icons</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/illustrations.html">Illustrations</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/backgrounds.html">Backgrounds</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/misc.html">Misc</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-8">
|
||||
<h6 class="dropdown-header">Elements</h6>
|
||||
<ul class="list-unstyled cc-3">
|
||||
<li><a class="dropdown-item" href="./docs/elements/accordion.html">Accordion</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/alerts.html">Alerts</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/animations.html">Animations</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/avatars.html">Avatars</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/background.html">Background</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/badges.html">Badges</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/breadcrumb.html">Breadcrumb</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/buttons.html">Buttons</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/card.html">Card</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/carousel.html">Carousel</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/dividers.html">Dividers</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/form-elements.html">Form Elements</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/image-hover.html">Image Hover</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/image-mask.html">Image Mask</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/lightbox.html">Lightbox</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/player.html">Media Player</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/modal.html">Modal</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/progressbar.html">Progressbar</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/shadows.html">Shadows</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/shapes.html">Shapes</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tables.html">Tables</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tabs.html">Tabs</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/text-animations.html">Text Animations</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/text-highlight.html">Text Highlight</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tiles.html">Tiles</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/typography.html">Typography</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</li>
|
||||
<!--/.mega-menu-content-->
|
||||
</ul>
|
||||
<!--/.dropdown-menu -->
|
||||
</li>
|
||||
</ul>
|
||||
<!-- /.navbar-nav -->
|
||||
<div class="offcanvas-footer d-lg-none">
|
||||
<div>
|
||||
<a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>
|
||||
<br /> 00 (123) 456 78 90 <br />
|
||||
<nav class="nav social social-white mt-4">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
<a href="#"><i class="uil uil-instagram"></i></a>
|
||||
<a href="#"><i class="uil uil-youtube"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.offcanvas-footer -->
|
||||
</div>
|
||||
<!-- /.offcanvas-body -->
|
||||
</div>
|
||||
<!-- /.navbar-collapse -->
|
||||
<div class="navbar-other w-100 d-flex ms-auto">
|
||||
<ul class="navbar-nav flex-row align-items-center ms-auto">
|
||||
<li class="nav-item dropdown language-select text-uppercase">
|
||||
<a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="#">En</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="#">De</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block">
|
||||
<a href="./contact.html" class="btn btn-sm btn-primary rounded-pill">Contact</a>
|
||||
</li>
|
||||
<li class="nav-item d-lg-none">
|
||||
<button class="hamburger offcanvas-nav-btn"><span></span></button>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- /.navbar-nav -->
|
||||
</div>
|
||||
<!-- /.navbar-other -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</nav>
|
||||
<!-- /.navbar -->
|
||||
</header>
|
||||
<!-- /header -->
|
||||
<section class="wrapper bg-gray">
|
||||
<div class="container pt-10 pt-md-14 text-center">
|
||||
<div class="row">
|
||||
<div class="col-xl-6 mx-auto">
|
||||
<h1 class="display-1 mb-4">Hello! This is Sandbox</h1>
|
||||
<p class="lead fs-lg mb-0">A company turning ideas into beautiful things.</p>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
<figure class="position-absoute" style="bottom: 0; left: 0; z-index: 2;"><img src="./assets/img/photos/bg12.jpg" alt="" /></figure>
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light angled upper-end lower-end">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-17 align-items-center">
|
||||
<div class="col-lg-6 position-relative order-lg-2">
|
||||
<div class="shape bg-dot primary rellax w-16 h-20" data-rellax-speed="1" style="top: 3rem; left: 5.5rem"></div>
|
||||
<div class="overlap-grid overlap-grid-2">
|
||||
<div class="item">
|
||||
<figure class="rounded shadow"><img src="./assets/img/photos/about2.jpg" srcset="./assets/img/photos/about2@2x.jpg 2x" alt=""></figure>
|
||||
</div>
|
||||
<div class="item">
|
||||
<figure class="rounded shadow"><img src="./assets/img/photos/about3.jpg" srcset="./assets/img/photos/about3@2x.jpg 2x" alt=""></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-6">
|
||||
<img src="./assets/img/icons/lineal/megaphone.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />
|
||||
<h2 class="display-4 mb-3">Who Are We?</h2>
|
||||
<p class="lead fs-lg">We are a digital and branding company that believes in the power of creative strategy and along with great design.</p>
|
||||
<p class="mb-6">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
|
||||
<div class="row gy-3 gx-xl-8">
|
||||
<div class="col-xl-6">
|
||||
<ul class="icon-list bullet-bg bullet-soft-primary mb-0">
|
||||
<li><span><i class="uil uil-check"></i></span><span>Aenean eu leo quam ornare curabitur blandit tempus.</span></li>
|
||||
<li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare donec elit.</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-xl-6">
|
||||
<ul class="icon-list bullet-bg bullet-soft-primary mb-0">
|
||||
<li><span><i class="uil uil-check"></i></span><span>Etiam porta sem malesuada magna mollis euismod.</span></li>
|
||||
<li class="mt-3"><span><i class="uil uil-check"></i></span><span>Fermentum massa vivamus faucibus amet euismod.</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-10 col-xl-8 col-xxl-7 mx-auto text-center">
|
||||
<img src="./assets/img/icons/lineal/list.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />
|
||||
<h2 class="display-4 mb-4 px-lg-14">Here are 3 working steps to organize our business projects.</h2>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
|
||||
<div class="col-lg-6 order-lg-2">
|
||||
<div class="card me-lg-6">
|
||||
<div class="card-body p-6">
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<span class="icon btn btn-circle btn-lg btn-soft-primary disabled me-4"><span class="number">01</span></span>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Collect Ideas</h4>
|
||||
<p class="mb-0">Nulla vitae elit libero pharetra augue dapibus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.card -->
|
||||
<div class="card ms-lg-13 mt-6">
|
||||
<div class="card-body p-6">
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<span class="icon btn btn-circle btn-lg btn-soft-primary disabled me-4"><span class="number">02</span></span>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Data Analysis</h4>
|
||||
<p class="mb-0">Vivamus sagittis lacus vel augue laoreet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.card -->
|
||||
<div class="card mx-lg-6 mt-6">
|
||||
<div class="card-body p-6">
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<span class="icon btn btn-circle btn-lg btn-soft-primary disabled me-4"><span class="number">03</span></span>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Finalize Product</h4>
|
||||
<p class="mb-0">Cras mattis consectetur purus sit amet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.card -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-6">
|
||||
<h2 class="display-6 mb-3">How It Works?</h2>
|
||||
<p class="lead fs-lg pe-lg-5">Find out everything you need to know and more about how we create our business process models.</p>
|
||||
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare.</p>
|
||||
<p class="mb-6">Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis.</p>
|
||||
<a href="#" class="btn btn-primary rounded-pill mb-0">Learn More</a>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-soft-primary">
|
||||
<div class="container pt-16 pb-14 pb-md-0">
|
||||
<div class="row gx-lg-8 gx-xl-0 align-items-center">
|
||||
<div class="col-md-5 col-lg-5 col-xl-4 offset-xl-1 d-none d-md-flex position-relative align-self-end">
|
||||
<div class="shape rounded-circle bg-pale-primary rellax w-21 h-21 d-md-none d-lg-block" data-rellax-speed="1" style="top: 7rem; left: 1rem"></div>
|
||||
<figure><img src="./assets/img/photos/co1.png" srcset="./assets/img/photos/co1@2x.png 2x" alt=""></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-7 col-lg-6 col-xl-6 col-xxl-5 offset-xl-1">
|
||||
<div class="swiper-container dots-start dots-closer mt-md-10 mb-md-15" data-margin="30" data-dots="true">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon fs-lg">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur nulla dapibus curabitur blandit.”</p>
|
||||
<div class="blockquote-details">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Coriss Ambady</h5>
|
||||
<p class="mb-0">Financial Analyst</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon fs-lg">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus curabitur blandit.”</p>
|
||||
<div class="blockquote-details">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Cory Zamora</h5>
|
||||
<p class="mb-0">Marketing Specialist</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon fs-lg">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur adipiscing dapibus curabitur blandit.”</p>
|
||||
<div class="blockquote-details">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Nikolas Brooten</h5>
|
||||
<p class="mb-0">Sales Manager</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
</div>
|
||||
<!--/.swiper-wrapper -->
|
||||
</div>
|
||||
<!-- /.swiper -->
|
||||
</div>
|
||||
<!-- /.swiper-container -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-10 col-xl-9 col-xxl-7 mx-auto text-center">
|
||||
<img src="./assets/img/icons/lineal/team.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />
|
||||
<h2 class="display-4 mb-3 px-lg-14">Save your time and money by choosing our professional team.</h2>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
<div class="position-relative">
|
||||
<div class="shape rounded-circle bg-soft-yellow rellax w-16 h-16" data-rellax-speed="1" style="bottom: 0.5rem; right: -1.7rem;"></div>
|
||||
<div class="shape rounded-circle bg-line red rellax w-16 h-16" data-rellax-speed="1" style="top: 0.5rem; left: -1.7rem;"></div>
|
||||
<div class="swiper-container dots-closer mb-6" data-margin="0" data-dots="true" data-items-xxl="4" data-items-xl="3" data-items-lg="3" data-items-md="2" data-items-xs="1">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="./assets/img/avatars/te1.jpg" srcset="./assets/img/avatars/te1@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Coriss Ambady</h4>
|
||||
<div class="meta mb-2">Financial Analyst</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="./assets/img/avatars/te2.jpg" srcset="./assets/img/avatars/te2@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Cory Zamora</h4>
|
||||
<div class="meta mb-2">Marketing Specialist</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="./assets/img/avatars/te3.jpg" srcset="./assets/img/avatars/te3@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Nikolas Brooten</h4>
|
||||
<div class="meta mb-2">Sales Manager</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="./assets/img/avatars/te4.jpg" srcset="./assets/img/avatars/te4@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Jackie Sanders</h4>
|
||||
<div class="meta mb-2">Investment Planner</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="./assets/img/avatars/te5.jpg" srcset="./assets/img/avatars/te5@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Laura Widerski</h4>
|
||||
<div class="meta mb-2">Sales Specialist</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<div class="item-inner">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img class="rounded-circle w-15 mb-4" src="./assets/img/avatars/te6.jpg" srcset="./assets/img/avatars/te6@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Tina Geller</h4>
|
||||
<div class="meta mb-2">Financial Analyst</div>
|
||||
<p class="mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
|
||||
<nav class="nav social mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /.item-inner -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
</div>
|
||||
<!--/.swiper-wrapper -->
|
||||
</div>
|
||||
<!-- /.swiper -->
|
||||
</div>
|
||||
<!-- /.swiper-container -->
|
||||
</div>
|
||||
<!-- /.position-relative -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-soft-primary">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row mb-10">
|
||||
<div class="col-xl-10 mx-auto">
|
||||
<div class="row align-items-center counter-wrapper gy-6 text-center">
|
||||
<div class="col-md-3">
|
||||
<img src="./assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />
|
||||
<h3 class="counter">7518</h3>
|
||||
<p>Completed Projects</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-3">
|
||||
<img src="./assets/img/icons/lineal/user.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />
|
||||
<h3 class="counter">3472</h3>
|
||||
<p>Satisfied Customers</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-3">
|
||||
<img src="./assets/img/icons/lineal/briefcase-2.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />
|
||||
<h3 class="counter">2184</h3>
|
||||
<p>Expert Employees</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-3">
|
||||
<img src="./assets/img/icons/lineal/award-2.svg" class="svg-inject icon-svg icon-svg-lg text-primary mb-3" alt="" />
|
||||
<h3 class="counter">4523</h3>
|
||||
<p>Awards Won</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light angled upper-end lower-end">
|
||||
<div class="container pt-18 pb-14 pt-md-19 pb-md-16">
|
||||
<div class="row gx-md-8 gx-xl-12 gy-10 align-items-center">
|
||||
<div class="col-md-8 col-lg-6 offset-lg-0 col-xl-5 offset-xl-1 position-relative">
|
||||
<div class="shape bg-dot primary rellax w-17 h-21" data-rellax-speed="1" style="top: -2rem; left: -1.4rem;"></div>
|
||||
<figure class="rounded"><img src="./assets/img/photos/about4.jpg" srcset="./assets/img/photos/about4@2x.jpg 2x" alt=""></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-6">
|
||||
<img src="./assets/img/icons/lineal/telemarketer.svg" class="svg-inject icon-svg icon-svg-md mb-4" alt="" />
|
||||
<h2 class="display-4 mb-8">Convinced yet? Let's make something great together.</h2>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">Address</h5>
|
||||
<address>Moonshine St. 14/05 Light City, <br class="d-none d-md-block" />London, United Kingdom</address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-phone-volume"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">Phone</h5>
|
||||
<p>00 (123) 456 78 90</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-6 mt-n1"> <i class="uil uil-envelope"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">E-mail</h5>
|
||||
<p class="mb-0"><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
</div>
|
||||
<!-- /.content-wrapper -->
|
||||
<footer class="bg-dark text-inverse">
|
||||
<div class="container py-13 py-md-15">
|
||||
<div class="mt-10"></div>
|
||||
<div class="row gy-6 gy-lg-0">
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="widget">
|
||||
<img class="mb-4" src="./assets/img/logo-light.png" srcset="./assets/img/logo-light@2x.png 2x" alt="" />
|
||||
<p class="mb-4">© 2021 Sandbox. <br class="d-none d-lg-block" />All rights reserved.</p>
|
||||
<nav class="nav social social-white">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
<a href="#"><i class="uil uil-instagram"></i></a>
|
||||
<a href="#"><i class="uil uil-youtube"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="widget">
|
||||
<h4 class="widget-title text-white mb-3">Get in Touch</h4>
|
||||
<address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>
|
||||
<a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="widget">
|
||||
<h4 class="widget-title text-white mb-3">Learn More</h4>
|
||||
<ul class="list-unstyled mb-0">
|
||||
<li><a href="#">About Us</a></li>
|
||||
<li><a href="#">Our Story</a></li>
|
||||
<li><a href="#">Projects</a></li>
|
||||
<li><a href="#">Terms of Use</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="col-md-12 col-lg-3">
|
||||
<div class="widget">
|
||||
<h4 class="widget-title text-white mb-3">Our Newsletter</h4>
|
||||
<p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>
|
||||
<div class="newsletter-wrapper">
|
||||
<!-- Begin Mailchimp Signup Form -->
|
||||
<div id="mc_embed_signup2">
|
||||
<form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>
|
||||
<div id="mc_embed_signup_scroll2">
|
||||
<div class="mc-field-group input-group form-floating">
|
||||
<input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">
|
||||
<label for="mce-EMAIL2">Email Address</label>
|
||||
<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">
|
||||
</div>
|
||||
<div id="mce-responses2" class="clear">
|
||||
<div class="response" id="mce-error-response2" style="display:none"></div>
|
||||
<div class="response" id="mce-success-response2" style="display:none"></div>
|
||||
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!--End mc_embed_signup-->
|
||||
</div>
|
||||
<!-- /.newsletter-wrapper -->
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</footer>
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
||||
</svg>
|
||||
</div>
|
||||
<script src="./assets/js/plugins.js"></script>
|
||||
<script src="./assets/js/theme.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,937 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website.">
|
||||
<meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">
|
||||
<meta name="author" content="elemis">
|
||||
<title>Sandbox - Modern & Multipurpose Bootstrap 5 Template</title>
|
||||
<link rel="shortcut icon" href="./assets/img/favicon.png">
|
||||
<link rel="stylesheet" href="./assets/css/plugins.css">
|
||||
<link rel="stylesheet" href="./assets/css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content-wrapper">
|
||||
<header class="wrapper bg-soft-primary">
|
||||
<nav class="navbar navbar-expand-lg center-nav transparent navbar-light">
|
||||
<div class="container flex-lg-row flex-nowrap align-items-center">
|
||||
<div class="navbar-brand w-100">
|
||||
<a href="./index.html">
|
||||
<img src="./assets/img/logo.png" srcset="./assets/img/logo@2x.png 2x" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
|
||||
<div class="offcanvas-header d-lg-none">
|
||||
<h3 class="text-white fs-30 mb-0">Sandbox</h3>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item dropdown dropdown-mega">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Demos</a>
|
||||
<ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">
|
||||
<li class="mega-menu-content">
|
||||
<ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">
|
||||
<li class="col"><a class="dropdown-item" href="./demo1.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi1.jpg" srcset="./assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo I</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo2.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi2.jpg" srcset="./assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo II</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo3.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi3.jpg" srcset="./assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo III</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo4.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi4.jpg" srcset="./assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo IV</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo5.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi5.jpg" srcset="./assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo V</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo6.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi6.jpg" srcset="./assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo VI</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo7.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi7.jpg" srcset="./assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo VII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo8.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi8.jpg" srcset="./assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo VIII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo9.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi9.jpg" srcset="./assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo IX</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo10.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi10.jpg" srcset="./assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo X</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo11.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi11.jpg" srcset="./assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XI</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo12.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi12.jpg" srcset="./assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo13.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi13.jpg" srcset="./assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XIII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo14.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi14.jpg" srcset="./assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XIV</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo15.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi15.jpg" srcset="./assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XV</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo16.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi16.jpg" srcset="./assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XVI</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo17.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi17.jpg" srcset="./assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XVII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo18.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi18.jpg" srcset="./assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XVIII</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo19.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi19.jpg" srcset="./assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XIX</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo20.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi20.jpg" srcset="./assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XX</span>
|
||||
</a></li>
|
||||
<li class="col"><a class="dropdown-item" href="./demo21.html">
|
||||
<figure class="rounded lift d-none d-lg-block"><img src="./assets/img/demos/mi21.jpg" srcset="./assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>
|
||||
<span class="d-lg-none">Demo XXI</span>
|
||||
</a></li>
|
||||
</ul>
|
||||
<!--/.row -->
|
||||
</li>
|
||||
<!--/.mega-menu-content-->
|
||||
</ul>
|
||||
<!--/.dropdown-menu -->
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./services.html">Services I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./services2.html">Services II</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./about.html">About I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./about2.html">About II</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop.html">Shop I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop2.html">Shop II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop-product.html">Product Page</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop-cart.html">Shopping Cart</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./shop-checkout.html">Checkout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./contact.html">Contact I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./contact2.html">Contact II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./contact3.html">Contact III</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./career.html">Job Listing I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./career2.html">Job Listing II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./career-job.html">Job Description</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./404.html">404 Not Found</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./page-loader.html">Page Loader</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signin.html">Sign In I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signin2.html">Sign In II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signup.html">Sign Up I</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./signup2.html">Sign Up II</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./terms.html">Terms</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./pricing.html">Pricing</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./onepage.html">One Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>
|
||||
<div class="dropdown-menu dropdown-lg">
|
||||
<div class="dropdown-lg-content">
|
||||
<div>
|
||||
<h6 class="dropdown-header">Project Pages</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a class="dropdown-item" href="./projects.html">Projects I</a></li>
|
||||
<li><a class="dropdown-item" href="./projects2.html">Projects II</a></li>
|
||||
<li><a class="dropdown-item" href="./projects3.html">Projects III</a></li>
|
||||
<li><a class="dropdown-item" href="./projects4.html">Projects IV</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.column -->
|
||||
<div>
|
||||
<h6 class="dropdown-header">Single Projects</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a class="dropdown-item" href="./single-project.html">Single Project I</a></li>
|
||||
<li><a class="dropdown-item" href="./single-project2.html">Single Project II</a></li>
|
||||
<li><a class="dropdown-item" href="./single-project3.html">Single Project III</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.column -->
|
||||
</div>
|
||||
<!-- /auto-column -->
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog.html">Blog without Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog2.html">Blog with Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog3.html">Blog with Left Sidebar</a></li>
|
||||
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog-post.html">Post without Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog-post2.html">Post with Sidebar</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="./blog-post3.html">Post with Left Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-mega">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>
|
||||
<ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">
|
||||
<li class="mega-menu-content">
|
||||
<ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/about.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block1.svg" alt=""></div>
|
||||
<span>About</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/blog.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block2.svg" alt=""></div>
|
||||
<span>Blog</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/call-to-action.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block3.svg" alt=""></div>
|
||||
<span>Call to Action</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/clients.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block4.svg" alt=""></div>
|
||||
<span>Clients</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/contact.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block5.svg" alt=""></div>
|
||||
<span>Contact</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/facts.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block6.svg" alt=""></div>
|
||||
<span>Facts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/faq.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block7.svg" alt=""></div>
|
||||
<span>FAQ</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/features.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block8.svg" alt=""></div>
|
||||
<span>Features</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/footer.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block9.svg" alt=""></div>
|
||||
<span>Footer</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/hero.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block10.svg" alt=""></div>
|
||||
<span>Hero</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/misc.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block17.svg" alt=""></div>
|
||||
<span>Misc</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/navbar.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block11.svg" alt=""></div>
|
||||
<span>Navbar</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/portfolio.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block12.svg" alt=""></div>
|
||||
<span>Portfolio</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/pricing.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block13.svg" alt=""></div>
|
||||
<span>Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/process.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block14.svg" alt=""></div>
|
||||
<span>Process</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/team.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block15.svg" alt=""></div>
|
||||
<span>Team</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="col"><a class="dropdown-item" href="./docs/blocks/testimonials.html">
|
||||
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="./assets/img/demos/block16.svg" alt=""></div>
|
||||
<span>Testimonials</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--/.row -->
|
||||
</li>
|
||||
<!--/.mega-menu-content-->
|
||||
</ul>
|
||||
<!--/.dropdown-menu -->
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-mega">
|
||||
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>
|
||||
<ul class="dropdown-menu mega-menu">
|
||||
<li class="mega-menu-content">
|
||||
<div class="row gx-0 gx-lg-3">
|
||||
<div class="col-lg-4">
|
||||
<h6 class="dropdown-header">Usage</h6>
|
||||
<ul class="list-unstyled cc-2 pb-lg-1">
|
||||
<li><a class="dropdown-item" href="./docs/index.html">Get Started</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/forms.html">Forms</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/faq.html">FAQ</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/changelog.html">Changelog</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/credits.html">Credits</a></li>
|
||||
</ul>
|
||||
<h6 class="dropdown-header mt-lg-6">Styleguide</h6>
|
||||
<ul class="list-unstyled cc-2">
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/colors.html">Colors</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/fonts.html">Fonts</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/icons-svg.html">SVG Icons</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/icons-font.html">Font Icons</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/illustrations.html">Illustrations</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/backgrounds.html">Backgrounds</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/styleguide/misc.html">Misc</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-8">
|
||||
<h6 class="dropdown-header">Elements</h6>
|
||||
<ul class="list-unstyled cc-3">
|
||||
<li><a class="dropdown-item" href="./docs/elements/accordion.html">Accordion</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/alerts.html">Alerts</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/animations.html">Animations</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/avatars.html">Avatars</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/background.html">Background</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/badges.html">Badges</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/breadcrumb.html">Breadcrumb</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/buttons.html">Buttons</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/card.html">Card</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/carousel.html">Carousel</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/dividers.html">Dividers</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/form-elements.html">Form Elements</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/image-hover.html">Image Hover</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/image-mask.html">Image Mask</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/lightbox.html">Lightbox</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/player.html">Media Player</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/modal.html">Modal</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/progressbar.html">Progressbar</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/shadows.html">Shadows</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/shapes.html">Shapes</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tables.html">Tables</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tabs.html">Tabs</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/text-animations.html">Text Animations</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/text-highlight.html">Text Highlight</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tiles.html">Tiles</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>
|
||||
<li><a class="dropdown-item" href="./docs/elements/typography.html">Typography</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</li>
|
||||
<!--/.mega-menu-content-->
|
||||
</ul>
|
||||
<!--/.dropdown-menu -->
|
||||
</li>
|
||||
</ul>
|
||||
<!-- /.navbar-nav -->
|
||||
<div class="offcanvas-footer d-lg-none">
|
||||
<div>
|
||||
<a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>
|
||||
<br /> 00 (123) 456 78 90 <br />
|
||||
<nav class="nav social social-white mt-4">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
<a href="#"><i class="uil uil-instagram"></i></a>
|
||||
<a href="#"><i class="uil uil-youtube"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.offcanvas-footer -->
|
||||
</div>
|
||||
<!-- /.offcanvas-body -->
|
||||
</div>
|
||||
<!-- /.navbar-collapse -->
|
||||
<div class="navbar-other w-100 d-flex ms-auto">
|
||||
<ul class="navbar-nav flex-row align-items-center ms-auto">
|
||||
<li class="nav-item dropdown language-select text-uppercase">
|
||||
<a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-item"><a class="dropdown-item" href="#">En</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="#">De</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block">
|
||||
<a href="./contact.html" class="btn btn-sm btn-primary rounded-pill">Contact</a>
|
||||
</li>
|
||||
<li class="nav-item d-lg-none">
|
||||
<button class="hamburger offcanvas-nav-btn"><span></span></button>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- /.navbar-nav -->
|
||||
</div>
|
||||
<!-- /.navbar-other -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</nav>
|
||||
<!-- /.navbar -->
|
||||
</header>
|
||||
<!-- /header -->
|
||||
<section class="wrapper bg-soft-primary">
|
||||
<div class="container pt-10 pb-20 pt-md-14 pb-md-23 text-center">
|
||||
<div class="row">
|
||||
<div class="col-xl-5 mx-auto mb-6">
|
||||
<h1 class="display-1 mb-3">About Us</h1>
|
||||
<p class="lead mb-0">A company turning ideas into beautiful things.</p>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light">
|
||||
<div class="container pb-14 pb-md-16">
|
||||
<div class="row text-center mb-12 mb-md-15">
|
||||
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 mt-n18 mt-md-n22">
|
||||
<figure><img class="w-auto" src="./assets/img/illustrations/i8.png" srcset="./assets/img/illustrations/i8@2x.png 2x" alt="" /></figure>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-6 mb-10 align-items-center">
|
||||
<div class="col-lg-6 order-lg-2">
|
||||
<ul class="progress-list">
|
||||
<li>
|
||||
<p>Marketing</p>
|
||||
<div class="progressbar line blue" data-value="100"></div>
|
||||
</li>
|
||||
<li>
|
||||
<p>Strategy</p>
|
||||
<div class="progressbar line green" data-value="80"></div>
|
||||
</li>
|
||||
<li>
|
||||
<p>Development</p>
|
||||
<div class="progressbar line yellow" data-value="85"></div>
|
||||
</li>
|
||||
<li>
|
||||
<p>Data Analysis</p>
|
||||
<div class="progressbar line orange" data-value="90"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- /.progress-list -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-6">
|
||||
<h3 class="display-5 mb-5">The full service we are offering is specifically designed to meet your business needs and projects.</h3>
|
||||
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur duis mollis commodo.</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-6 gy-md-0 text-center">
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<img src="./assets/img/icons/lineal/megaphone.svg" class="svg-inject icon-svg icon-svg-md text-blue mb-3" alt="" />
|
||||
<h4>Marketing</h4>
|
||||
<p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<img src="./assets/img/icons/lineal/target.svg" class="svg-inject icon-svg icon-svg-md text-green mb-3" alt="" />
|
||||
<h4>Strategy</h4>
|
||||
<p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<img src="./assets/img/icons/lineal/settings-3.svg" class="svg-inject icon-svg icon-svg-md text-yellow mb-3" alt="" />
|
||||
<h4>Development</h4>
|
||||
<p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<img src="./assets/img/icons/lineal/bar-chart.svg" class="svg-inject icon-svg icon-svg-md text-orange mb-3" alt="" />
|
||||
<h4>Data Analysis</h4>
|
||||
<p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-gray">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 mb-14 mb-md-16 align-items-center">
|
||||
<div class="col-lg-7">
|
||||
<figure><img class="w-auto" src="./assets/img/illustrations/i3.png" srcset="./assets/img/illustrations/i3@2x.png 2x" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-5">
|
||||
<h2 class="fs-15 text-uppercase text-line text-primary mb-3">How It Works?</h2>
|
||||
<h3 class="display-5 mb-7 pe-xxl-5">Everything you need on creating a business process.</h3>
|
||||
<div class="d-flex flex-row mb-4">
|
||||
<div>
|
||||
<img src="./assets/img/icons/lineal/light-bulb.svg" class="svg-inject icon-svg icon-svg-sm text-blue me-4" alt="" />
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Collect Ideas</h4>
|
||||
<p class="mb-1">Nulla vitae elit libero pharetra augue dapibus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row mb-4">
|
||||
<div>
|
||||
<img src="./assets/img/icons/lineal/pie-chart-2.svg" class="svg-inject icon-svg icon-svg-sm text-green me-4" alt="" />
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Data Analysis</h4>
|
||||
<p class="mb-1">Vivamus sagittis lacus augue laoreet vel.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<img src="./assets/img/icons/lineal/design.svg" class="svg-inject icon-svg icon-svg-sm text-yellow me-4" alt="" />
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="mb-1">Magic Touch</h4>
|
||||
<p class="mb-0">Cras mattis consectetur purus sit amet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
|
||||
<div class="col-lg-7 order-lg-2">
|
||||
<figure><img class="w-auto" src="./assets/img/illustrations/i2.png" srcset="./assets/img/illustrations/i2@2x.png 2x" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-5">
|
||||
<h2 class="fs-15 text-uppercase text-line text-primary mb-3">Why Choose Us?</h2>
|
||||
<h3 class="display-5 mb-7">A few reasons why our valued customers choose us.</h3>
|
||||
<div class="accordion accordion-wrapper" id="accordionExample">
|
||||
<div class="card plain accordion-item">
|
||||
<div class="card-header" id="headingOne">
|
||||
<button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Professional Design </button>
|
||||
</div>
|
||||
<!--/.card-header -->
|
||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.accordion-collapse -->
|
||||
</div>
|
||||
<!--/.accordion-item -->
|
||||
<div class="card plain accordion-item">
|
||||
<div class="card-header" id="headingTwo">
|
||||
<button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Top-Notch Support </button>
|
||||
</div>
|
||||
<!--/.card-header -->
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.accordion-collapse -->
|
||||
</div>
|
||||
<!--/.accordion-item -->
|
||||
<div class="card plain accordion-item">
|
||||
<div class="card-header" id="headingThree">
|
||||
<button class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Header and Slider Options </button>
|
||||
</div>
|
||||
<!--/.card-header -->
|
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel.</p>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
</div>
|
||||
<!--/.accordion-collapse -->
|
||||
</div>
|
||||
<!--/.accordion-item -->
|
||||
</div>
|
||||
<!--/.accordion -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
|
||||
<div class="col-lg-4">
|
||||
<h2 class="fs-15 text-uppercase text-line text-primary text-center mb-3">Meet the Team</h2>
|
||||
<h3 class="display-5 mb-5">Save your time and money by choosing our professional team.</h3>
|
||||
<p>Donec id elit non mi porta gravida at eget metus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros tempus porttitor.</p>
|
||||
<a href="#" class="btn btn-primary rounded-pill mt-3">See All Members</a>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-8">
|
||||
<div class="swiper-container text-center mb-6" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-circle w-20 mx-auto mb-4" src="./assets/img/avatars/t1.jpg" srcset="./assets/img/avatars/t1@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Cory Zamora</h4>
|
||||
<div class="meta mb-2">Marketing Specialist</div>
|
||||
<p class="mb-2">Etiam porta sem magna malesuada mollis.</p>
|
||||
<nav class="nav social justify-content-center text-center mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-slack"></i></a>
|
||||
<a href="#"><i class="uil uil-linkedin"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-circle w-20 mx-auto mb-4" src="./assets/img/avatars/t2.jpg" srcset="./assets/img/avatars/t2@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Coriss Ambady</h4>
|
||||
<div class="meta mb-2">Financial Analyst</div>
|
||||
<p class="mb-2">Aenean eu leo quam. Pellentesque ornare lacinia.</p>
|
||||
<nav class="nav social justify-content-center text-center mb-0">
|
||||
<a href="#"><i class="uil uil-youtube"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-circle w-20 mx-auto mb-4" src="./assets/img/avatars/t3.jpg" srcset="./assets/img/avatars/t3@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Nikolas Brooten</h4>
|
||||
<div class="meta mb-2">Sales Manager</div>
|
||||
<p class="mb-2">Donec ornare elit quam porta gravida at eget.</p>
|
||||
<nav class="nav social justify-content-center text-center mb-0">
|
||||
<a href="#"><i class="uil uil-linkedin"></i></a>
|
||||
<a href="#"><i class="uil uil-tumblr-square"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-circle w-20 mx-auto mb-4" src="./assets/img/avatars/t4.jpg" srcset="./assets/img/avatars/t4@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Jackie Sanders</h4>
|
||||
<div class="meta mb-2">Investment Planner</div>
|
||||
<p class="mb-2">Nullam risus eget urna mollis ornare vel eu leo.</p>
|
||||
<nav class="nav social justify-content-center text-center mb-0">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<img class="rounded-circle w-20 mx-auto mb-4" src="./assets/img/avatars/t5.jpg" srcset="./assets/img/avatars/t5@2x.jpg 2x" alt="" />
|
||||
<h4 class="mb-1">Tina Geller</h4>
|
||||
<div class="meta mb-2">Assistant Buyer</div>
|
||||
<p class="mb-2">Vivamus sagittis lacus vel augue laoreet rutrum.</p>
|
||||
<nav class="nav social justify-content-center text-center mb-0">
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-slack"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
</div>
|
||||
<!--/.swiper-wrapper -->
|
||||
</div>
|
||||
<!-- /.swiper -->
|
||||
</div>
|
||||
<!-- /.swiper-container -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-gray">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-6 mb-15 align-items-center">
|
||||
<div class="col-lg-7 order-lg-2">
|
||||
<figure><img class="w-auto" src="./assets/img/illustrations/i4.png" srcset="./assets/img/illustrations/i4@2x.png 2x" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-5 mt-lg-12">
|
||||
<div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon icon-top fs-lg text-center">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>
|
||||
<div class="blockquote-details justify-content-center text-center">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Coriss Ambady</h5>
|
||||
<p class="mb-0">Financial Analyst</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon icon-top fs-lg text-center">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>
|
||||
<div class="blockquote-details justify-content-center text-center">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Cory Zamora</h5>
|
||||
<p class="mb-0">Marketing Specialist</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
<div class="swiper-slide">
|
||||
<blockquote class="icon icon-top fs-lg text-center">
|
||||
<p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio consectetur.”</p>
|
||||
<div class="blockquote-details justify-content-center text-center">
|
||||
<div class="info ps-0">
|
||||
<h5 class="mb-1">Nikolas Brooten</h5>
|
||||
<p class="mb-0">Sales Manager</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<!--/.swiper-slide -->
|
||||
</div>
|
||||
<!--/.swiper-wrapper -->
|
||||
</div>
|
||||
<!-- /.swiper -->
|
||||
</div>
|
||||
<!-- /.swiper-container -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
<div class="px-lg-5">
|
||||
<div class="row gx-0 gx-md-8 gx-xl-12 gy-8 align-items-center">
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="./assets/img/brands/c1.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="./assets/img/brands/c2.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="./assets/img/brands/c3.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="./assets/img/brands/c4.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="./assets/img/brands/c5.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-4 col-md-2">
|
||||
<figure class="px-5 px-md-0 px-lg-2 px-xl-3 px-xxl-4"><img src="./assets/img/brands/c6.png" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /div -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper bg-light">
|
||||
<div class="container py-14 py-md-16">
|
||||
<div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
|
||||
<div class="col-lg-7">
|
||||
<figure><img class="w-auto" src="./assets/img/illustrations/i5.png" srcset="./assets/img/illustrations/i5@2x.png 2x" alt="" /></figure>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="col-lg-5">
|
||||
<h2 class="fs-15 text-uppercase text-line text-primary text-center mb-3">Get In Touch</h2>
|
||||
<h3 class="display-5 mb-7">Got any questions? Don't hesitate to get in touch.</h3>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-location-pin-alt"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">Address</h5>
|
||||
<address>Moonshine St. 14/05 Light City, London</address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-phone-volume"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">Phone</h5>
|
||||
<p>00 (123) 456 78 90</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex flex-row">
|
||||
<div>
|
||||
<div class="icon text-primary fs-28 me-4 mt-n1"> <i class="uil uil-envelope"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="mb-1">E-mail</h5>
|
||||
<p class="mb-0"><a href="mailto:sandbox@email.com" class="link-body">sandbox@email.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
</div>
|
||||
<!-- /.content-wrapper -->
|
||||
<footer class="bg-dark text-inverse">
|
||||
<div class="container py-13 py-md-15">
|
||||
<div class="row gy-6 gy-lg-0">
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="widget">
|
||||
<img class="mb-4" src="./assets/img/logo-light.png" srcset="./assets/img/logo-light@2x.png 2x" alt="" />
|
||||
<p class="mb-4">© 2021 Sandbox. <br class="d-none d-lg-block" />All rights reserved.</p>
|
||||
<nav class="nav social social-white">
|
||||
<a href="#"><i class="uil uil-twitter"></i></a>
|
||||
<a href="#"><i class="uil uil-facebook-f"></i></a>
|
||||
<a href="#"><i class="uil uil-dribbble"></i></a>
|
||||
<a href="#"><i class="uil uil-instagram"></i></a>
|
||||
<a href="#"><i class="uil uil-youtube"></i></a>
|
||||
</nav>
|
||||
<!-- /.social -->
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="widget">
|
||||
<h4 class="widget-title text-white mb-3">Get in Touch</h4>
|
||||
<address class="pe-xl-15 pe-xxl-17">Moonshine St. 14/05 Light City, London, United Kingdom</address>
|
||||
<a href="mailto:#">info@email.com</a><br /> 00 (123) 456 78 90
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="widget">
|
||||
<h4 class="widget-title text-white mb-3">Learn More</h4>
|
||||
<ul class="list-unstyled mb-0">
|
||||
<li><a href="#">About Us</a></li>
|
||||
<li><a href="#">Our Story</a></li>
|
||||
<li><a href="#">Projects</a></li>
|
||||
<li><a href="#">Terms of Use</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="col-md-12 col-lg-3">
|
||||
<div class="widget">
|
||||
<h4 class="widget-title text-white mb-3">Our Newsletter</h4>
|
||||
<p class="mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>
|
||||
<div class="newsletter-wrapper">
|
||||
<!-- Begin Mailchimp Signup Form -->
|
||||
<div id="mc_embed_signup2">
|
||||
<form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>
|
||||
<div id="mc_embed_signup_scroll2">
|
||||
<div class="mc-field-group input-group form-floating">
|
||||
<input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL2">
|
||||
<label for="mce-EMAIL2">Email Address</label>
|
||||
<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary ">
|
||||
</div>
|
||||
<div id="mce-responses2" class="clear">
|
||||
<div class="response" id="mce-error-response2" style="display:none"></div>
|
||||
<div class="response" id="mce-success-response2" style="display:none"></div>
|
||||
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!--End mc_embed_signup-->
|
||||
</div>
|
||||
<!-- /.newsletter-wrapper -->
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</footer>
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
||||
</svg>
|
||||
</div>
|
||||
<script src="./assets/js/plugins.js"></script>
|
||||
<script src="./assets/js/theme.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,360 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #54a8c7;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #54a8c7 !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #aad4e3;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #54a8c7;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #54a8c7 !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #54a8c7;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #54a8c7 !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #54a8c7;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #54a8c7 !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #54a8c7;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #54a8c7;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #54a8c7;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #54a8c7;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #54a8c7;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #98cbdd;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #98cbdd;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #54a8c7;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #f2f8fb;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #e4f1f6;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(84, 168, 199, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(84, 168, 199, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(84, 168, 199, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #54a8c7;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #54a8c7;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%2354a8c7' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%2354a8c7' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #e4f1f6;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #f2f8fb !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #f2f8fb !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #e4f1f6 !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #e4f1f6 !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #f2f8fb, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #f2f8fb, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #cce5ee !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #f2f8fb;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #f2f8fb;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #e4f1f6;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #e4f1f6;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #e0eff5;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #e0eff5 !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(84, 168, 199, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #e4f1f6;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #54a8c7;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #54a8c7;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #54a8c7;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #54a8c7;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #54a8c7;
|
||||
background-color: #e4f1f6;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #54a8c7;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #54a8c7;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #4c97b3;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #326577;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #3b768b;
|
||||
background-color: #eef6f9;
|
||||
border-color: #cce5ee;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #43869f;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(84, 168, 199, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(84, 168, 199, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(84, 168, 199, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(84, 168, 199, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #f2f8fb;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#54a8c7 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #54a8c7 1.6px, #54a8c7 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#54a8c7' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2354a8c7;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%2354a8c7' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%2354a8c7' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #54a8c7;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #54a8c7;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #54a8c7;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #54a8c7;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #54a8c7;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,360 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #e668b3;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #e668b3 !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #f3b4d9;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #e668b3;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #e668b3 !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #e668b3;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #e668b3 !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #e668b3;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #e668b3 !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #e668b3;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #e668b3;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #e668b3;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #e668b3;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #e668b3;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #f0a4d1;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #f0a4d1;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #e668b3;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #fdf4f9;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #fbe7f3;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(230, 104, 179, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(230, 104, 179, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(230, 104, 179, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #e668b3;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #e668b3;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23e668b3' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23e668b3' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #fbe7f3;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #fdf4f9 !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #fdf4f9 !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #fbe7f3 !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #fbe7f3 !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #fdf4f9, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #fdf4f9, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #f8d2e8 !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #fdf4f9;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #fdf4f9;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #fbe7f3;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #fbe7f3;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #fbe4f1;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #fbe4f1 !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(230, 104, 179, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #fbe7f3;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #e668b3;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #e668b3;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #e668b3;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #e668b3;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #e668b3;
|
||||
background-color: #fbe7f3;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #e668b3;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #e668b3;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #cf5ea1;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #8a3e6b;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #a1497d;
|
||||
background-color: #fdf0f7;
|
||||
border-color: #f8d2e8;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #b8538f;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(230, 104, 179, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(230, 104, 179, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(230, 104, 179, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(230, 104, 179, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #fdf4f9;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#e668b3 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #e668b3 1.6px, #e668b3 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#e668b3' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e668b3;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23e668b3' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23e668b3' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #e668b3;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #e668b3;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #e668b3;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #e668b3;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #e668b3;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,360 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #605dba;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #605dba !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #b0aedd;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #605dba;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #605dba !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #605dba;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #605dba !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #605dba;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #605dba !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #605dba;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #605dba;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #605dba;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #605dba;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #605dba;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #a09ed6;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #a09ed6;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #605dba;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #f3f3fa;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #e6e5f4;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(96, 93, 186, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(96, 93, 186, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(96, 93, 186, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #605dba;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #605dba;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23605dba' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23605dba' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #e6e5f4;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #f3f3fa !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #f3f3fa !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #e6e5f4 !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #e6e5f4 !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #f3f3fa, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #f3f3fa, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #cfceea !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #f3f3fa;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #f3f3fa;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #e6e5f4;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #e6e5f4;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #e2e2f3;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #e2e2f3 !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(96, 93, 186, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #e6e5f4;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #605dba;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #605dba;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #605dba;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #605dba;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #605dba;
|
||||
background-color: #e6e5f4;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #605dba;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #605dba;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #5654a7;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #3a3870;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #434182;
|
||||
background-color: #efeff8;
|
||||
border-color: #cfceea;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #4d4a95;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(96, 93, 186, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(96, 93, 186, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(96, 93, 186, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(96, 93, 186, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #f3f3fa;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#605dba 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #605dba 1.6px, #605dba 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#605dba' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23605dba;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23605dba' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23605dba' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #605dba;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #605dba;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #605dba;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #605dba;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #605dba;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,360 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #45c4a0;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #45c4a0 !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #a2e2d0;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #45c4a0;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #45c4a0 !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #45c4a0;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #45c4a0 !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #45c4a0;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #45c4a0 !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #45c4a0;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #45c4a0;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #45c4a0;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #45c4a0;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #45c4a0;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #8fdcc6;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #8fdcc6;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #45c4a0;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #f1fbf8;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #e1f6f0;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(69, 196, 160, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(69, 196, 160, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(69, 196, 160, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #45c4a0;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #45c4a0;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%2345c4a0' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%2345c4a0' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #e1f6f0;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #f1fbf8 !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #f1fbf8 !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #e1f6f0 !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #e1f6f0 !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #f1fbf8, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #f1fbf8, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #c7ede3 !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #f1fbf8;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #f1fbf8;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #e1f6f0;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #e1f6f0;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #def4ee;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #def4ee !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(69, 196, 160, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #e1f6f0;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #45c4a0;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #45c4a0;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #45c4a0;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #45c4a0;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #45c4a0;
|
||||
background-color: #e1f6f0;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #45c4a0;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #45c4a0;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #3eb090;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #297660;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #308970;
|
||||
background-color: #ecf9f6;
|
||||
border-color: #c7ede3;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #379d80;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(69, 196, 160, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(69, 196, 160, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(69, 196, 160, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(69, 196, 160, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #f1fbf8;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#45c4a0 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #45c4a0 1.6px, #45c4a0 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#45c4a0' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2345c4a0;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%2345c4a0' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%2345c4a0' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #45c4a0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #45c4a0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #45c4a0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #45c4a0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #45c4a0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,360 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #7cb798;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #7cb798 !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #bedbcc;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #7cb798;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #7cb798 !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #7cb798;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #7cb798 !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #7cb798;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #7cb798 !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #7cb798;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #7cb798;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #7cb798;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #7cb798;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #7cb798;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #b0d4c1;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #b0d4c1;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #7cb798;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #f5faf7;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #eaf3ef;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(124, 183, 152, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(124, 183, 152, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(124, 183, 152, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #7cb798;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #7cb798;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%237cb798' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%237cb798' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #eaf3ef;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #f5faf7 !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #f5faf7 !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #eaf3ef !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #eaf3ef !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #f5faf7, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #f5faf7, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #d8e9e0 !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #f5faf7;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #f5faf7;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #eaf3ef;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #eaf3ef;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #e7f2ec;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #e7f2ec !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(124, 183, 152, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #eaf3ef;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #7cb798;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #7cb798;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #7cb798;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #7cb798;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #7cb798;
|
||||
background-color: #eaf3ef;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #7cb798;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #7cb798;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #70a589;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #4a6e5b;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #57806a;
|
||||
background-color: #f2f8f5;
|
||||
border-color: #d8e9e0;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #63927a;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(124, 183, 152, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(124, 183, 152, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(124, 183, 152, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(124, 183, 152, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #f5faf7;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#7cb798 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #7cb798 1.6px, #7cb798 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#7cb798' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%237cb798;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%237cb798' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%237cb798' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #7cb798;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #7cb798;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #7cb798;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #7cb798;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #7cb798;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,364 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #343f52;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #343f52 !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #9a9fa9;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #343f52;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #343f52 !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #343f52;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #343f52 !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #343f52;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #343f52 !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #343f52;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #343f52;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #343f52;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #343f52;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #343f52;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #858c97;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #858c97;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #343f52;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #f0f1f2;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #dfe0e3;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(52, 63, 82, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(52, 63, 82, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(52, 63, 82, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #343f52;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #343f52;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23343f52' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23343f52' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #dfe0e3;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #f0f1f2 !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #f0f1f2 !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #dfe0e3 !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #dfe0e3 !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #f0f1f2, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #f0f1f2, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #c2c5cb !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #f0f1f2;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #f0f1f2;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #dfe0e3;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #dfe0e3;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #dadce0;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #dadce0 !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(52, 63, 82, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #dfe0e3;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #343f52;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #343f52;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #343f52;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #343f52;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #343f52;
|
||||
background-color: #dfe0e3;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #343f52;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #343f52;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #2f394a;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #1f2631;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #242c39;
|
||||
background-color: #ebecee;
|
||||
border-color: #c2c5cb;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #2a3242;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(52, 63, 82, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(52, 63, 82, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(52, 63, 82, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(52, 63, 82, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #f0f1f2;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#343f52 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #343f52 1.6px, #343f52 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#343f52' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23343f52;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23343f52' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23343f52' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #343f52;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #343f52;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #343f52;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #343f52;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #343f52;
|
||||
}
|
||||
}
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.dropdown-item:hover {
|
||||
color: rgba(52, 63, 82, 0.7);
|
||||
}
|
||||
@@ -0,0 +1,360 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #f78b77;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #f78b77 !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #fbc5bb;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #f78b77;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #f78b77 !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #f78b77;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #f78b77 !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #f78b77;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #f78b77 !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #f78b77;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #f78b77;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #f78b77;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #f78b77;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #f78b77;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #fab9ad;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #fab9ad;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #f78b77;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #fef6f5;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #feece9;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(247, 139, 119, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(247, 139, 119, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(247, 139, 119, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #f78b77;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #f78b77;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23f78b77' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23f78b77' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #feece9;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #fef6f5 !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #fef6f5 !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #feece9 !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #feece9 !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #fef6f5, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #fef6f5, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #fddcd6 !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #fef6f5;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #fef6f5;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #feece9;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #feece9;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #feeae7;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #feeae7 !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(247, 139, 119, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #feece9;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #f78b77;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #f78b77;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #f78b77;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #f78b77;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #f78b77;
|
||||
background-color: #feece9;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #f78b77;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #f78b77;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #de7d6b;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #945347;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #ad6153;
|
||||
background-color: #fef3f1;
|
||||
border-color: #fddcd6;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #c66f5f;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(247, 139, 119, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(247, 139, 119, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(247, 139, 119, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(247, 139, 119, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #fef6f5;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#f78b77 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #f78b77 1.6px, #f78b77 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#f78b77' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f78b77;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23f78b77' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23f78b77' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #f78b77;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #f78b77;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #f78b77;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #f78b77;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #f78b77;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,360 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #d16b86;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #d16b86 !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #e8b5c3;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #d16b86;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #d16b86 !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #d16b86;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #d16b86 !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #d16b86;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #d16b86 !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #d16b86;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #d16b86;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #d16b86;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #d16b86;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #d16b86;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #e3a6b6;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #e3a6b6;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #d16b86;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #fcf4f6;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #f8e7ec;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(209, 107, 134, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(209, 107, 134, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(209, 107, 134, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #d16b86;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #d16b86;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23d16b86' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23d16b86' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #f8e7ec;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #fcf4f6 !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #fcf4f6 !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #f8e7ec !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #f8e7ec !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #fcf4f6, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #fcf4f6, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #f1d3db !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #fcf4f6;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #fcf4f6;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #f8e7ec;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #f8e7ec;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #f7e4e9;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #f7e4e9 !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(209, 107, 134, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #f8e7ec;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #d16b86;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #d16b86;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #d16b86;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #d16b86;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #d16b86;
|
||||
background-color: #f8e7ec;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #d16b86;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #d16b86;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #bc6079;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #7d4050;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #924b5e;
|
||||
background-color: #faf0f3;
|
||||
border-color: #f1d3db;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #a7566b;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(209, 107, 134, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(209, 107, 134, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(209, 107, 134, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(209, 107, 134, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #fcf4f6;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#d16b86 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #d16b86 1.6px, #d16b86 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#d16b86' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23d16b86;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23d16b86' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23d16b86' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #d16b86;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #d16b86;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #d16b86;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #d16b86;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #d16b86;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,360 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #747ed1;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #747ed1 !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #babfe8;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #747ed1;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #747ed1 !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #747ed1;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #747ed1 !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #747ed1;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #747ed1 !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #747ed1;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #747ed1;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #747ed1;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #747ed1;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #747ed1;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #acb2e3;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #acb2e3;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #747ed1;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #f5f5fc;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #e9eaf8;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(116, 126, 209, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(116, 126, 209, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(116, 126, 209, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #747ed1;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #747ed1;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23747ed1' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23747ed1' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #e9eaf8;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #f5f5fc !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #f5f5fc !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #e9eaf8 !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #e9eaf8 !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #f5f5fc, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #f5f5fc, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #d5d8f1 !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #f5f5fc;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #f5f5fc;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #e9eaf8;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #e9eaf8;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #e6e8f7;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #e6e8f7 !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(116, 126, 209, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #e9eaf8;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #747ed1;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #747ed1;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #747ed1;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #747ed1;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #747ed1;
|
||||
background-color: #e9eaf8;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #747ed1;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #747ed1;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #6871bc;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #464c7d;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #515892;
|
||||
background-color: #f1f2fa;
|
||||
border-color: #d5d8f1;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #5d65a7;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(116, 126, 209, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(116, 126, 209, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(116, 126, 209, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(116, 126, 209, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #f5f5fc;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#747ed1 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #747ed1 1.6px, #747ed1 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#747ed1' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23747ed1;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23747ed1' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23747ed1' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #747ed1;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #747ed1;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #747ed1;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #747ed1;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #747ed1;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,360 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #e2626b;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #e2626b !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #f1b1b5;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #e2626b;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #e2626b !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #e2626b;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #e2626b !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #e2626b;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #e2626b !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #e2626b;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #e2626b;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #e2626b;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #e2626b;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #e2626b;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #eea1a6;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #eea1a6;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #e2626b;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #fdf3f4;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #fae6e7;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(226, 98, 107, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(226, 98, 107, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(226, 98, 107, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #e2626b;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #e2626b;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23e2626b' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23e2626b' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #fae6e7;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #fdf3f4 !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #fdf3f4 !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #fae6e7 !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #fae6e7 !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #fdf3f4, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #fdf3f4, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #f6d0d3 !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #fdf3f4;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #fdf3f4;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #fae6e7;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #fae6e7;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #fae3e4;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #fae3e4 !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(226, 98, 107, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #fae6e7;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #e2626b;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #e2626b;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #e2626b;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #e2626b;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #e2626b;
|
||||
background-color: #fae6e7;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #e2626b;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #e2626b;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #cb5860;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #883b40;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #9e454b;
|
||||
background-color: #fceff0;
|
||||
border-color: #f6d0d3;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #b54e56;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(226, 98, 107, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(226, 98, 107, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(226, 98, 107, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(226, 98, 107, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #fdf3f4;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#e2626b 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #e2626b 1.6px, #e2626b 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#e2626b' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e2626b;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23e2626b' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23e2626b' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #e2626b;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #e2626b;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #e2626b;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #e2626b;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #e2626b;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,360 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #5eb9f0;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #5eb9f0 !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #afdcf8;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #5eb9f0;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #5eb9f0 !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #5eb9f0;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #5eb9f0 !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #5eb9f0;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #5eb9f0 !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #5eb9f0;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #5eb9f0;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #5eb9f0;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #5eb9f0;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #5eb9f0;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #9ed5f6;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #9ed5f6;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #5eb9f0;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #f3fafe;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #e5f4fd;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(94, 185, 240, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(94, 185, 240, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(94, 185, 240, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #5eb9f0;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #5eb9f0;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%235eb9f0' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%235eb9f0' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #e5f4fd;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #f3fafe !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #f3fafe !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #e5f4fd !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #e5f4fd !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #f3fafe, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #f3fafe, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #cfeafb !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #f3fafe;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #f3fafe;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #e5f4fd;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #e5f4fd;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #e2f2fc;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #e2f2fc !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(94, 185, 240, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #e5f4fd;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #5eb9f0;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #5eb9f0;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #5eb9f0;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #5eb9f0;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #5eb9f0;
|
||||
background-color: #e5f4fd;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #5eb9f0;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #5eb9f0;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #55a7d8;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #386f90;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #4282a8;
|
||||
background-color: #eff8fe;
|
||||
border-color: #cfeafb;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #4b94c0;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(94, 185, 240, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(94, 185, 240, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(94, 185, 240, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(94, 185, 240, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #f3fafe;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#5eb9f0 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #5eb9f0 1.6px, #5eb9f0 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#5eb9f0' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%235eb9f0;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%235eb9f0' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%235eb9f0' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #5eb9f0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #5eb9f0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #5eb9f0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #5eb9f0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #5eb9f0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,360 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #a07cc5;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #a07cc5 !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #d0bee2;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #a07cc5;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #a07cc5 !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #a07cc5;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #a07cc5 !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #a07cc5;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #a07cc5 !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #a07cc5;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #a07cc5;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #a07cc5;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #a07cc5;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #a07cc5;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #c6b0dc;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #c6b0dc;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #a07cc5;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #f8f5fb;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #f0eaf6;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(160, 124, 197, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(160, 124, 197, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(160, 124, 197, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #a07cc5;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #a07cc5;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23a07cc5' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23a07cc5' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #f0eaf6;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #f8f5fb !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #f8f5fb !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #f0eaf6 !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #f0eaf6 !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #f8f5fb, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #f8f5fb, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #e3d8ee !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #f8f5fb;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #f8f5fb;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #f0eaf6;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #f0eaf6;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #eee7f5;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #eee7f5 !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(160, 124, 197, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #f0eaf6;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #a07cc5;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #a07cc5;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #a07cc5;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #a07cc5;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #a07cc5;
|
||||
background-color: #f0eaf6;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #a07cc5;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #a07cc5;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #9070b1;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #604a76;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #70578a;
|
||||
background-color: #f6f2f9;
|
||||
border-color: #e3d8ee;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #80639e;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(160, 124, 197, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(160, 124, 197, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(160, 124, 197, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(160, 124, 197, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #f8f5fb;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#a07cc5 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #a07cc5 1.6px, #a07cc5 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#a07cc5' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23a07cc5;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23a07cc5' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23a07cc5' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #a07cc5;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #a07cc5;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #a07cc5;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #a07cc5;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #a07cc5;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,380 @@
|
||||
a,
|
||||
a:hover,
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover,
|
||||
.dropdown-header,
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-menu-dark .dropdown-item.active,
|
||||
.dropdown-menu-dark .dropdown-item:active,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show>.nav-link,
|
||||
.nav-tabs .nav-item.show .nav-link,
|
||||
.nav-tabs .nav-link.active,
|
||||
.nav-link:focus,
|
||||
.nav-link:hover,
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover,
|
||||
.navbar-light .navbar-text a,
|
||||
.navbar-light .navbar-text a:focus,
|
||||
.navbar-light .navbar-text a:hover,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .show>.nav-link,
|
||||
.page-item.active .page-link,
|
||||
.page-link:hover,
|
||||
.page-link:focus,
|
||||
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.text-inverse a:not(.btn):hover,
|
||||
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover,
|
||||
.filter:not(.basic-filter) ul li a.active,
|
||||
.filter:not(.basic-filter) ul li a:hover,
|
||||
.filter.basic-filter ul li a.active,
|
||||
.filter.basic-filter ul li a:hover,
|
||||
.icon-list.bullet-primary i,
|
||||
.icon-list.bullet-soft-primary i,
|
||||
.link-primary,
|
||||
.unordered-list.bullet-primary li:before,
|
||||
.link-primary:focus,
|
||||
.link-primary:hover,
|
||||
.post-meta li a:hover,
|
||||
.btn-outline-primary,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.btn-outline-primary.disabled,
|
||||
.btn-outline-primary:disabled,
|
||||
.btn-soft-primary:hover,
|
||||
.btn-white.btn-play:hover,
|
||||
.btn-soft-primary,
|
||||
.accordion-wrapper .card-header button,
|
||||
.accordion-wrapper .card-header button:before,
|
||||
.accordion-wrapper .card-header button:hover,
|
||||
.collapse-link,
|
||||
.collapse-link:hover,
|
||||
.breadcrumb-item a:hover,
|
||||
.plyr--full-ui input[type=range],
|
||||
.progress-wrap:after,
|
||||
.navbar-light.fixed .nav-link:focus,
|
||||
.navbar-light.fixed .nav-link:hover,
|
||||
.external:hover,
|
||||
.external:hover:after,
|
||||
.navbar-expand.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after,
|
||||
.navbar-light .language-select .dropdown-toggle:after {
|
||||
color: #fab758;
|
||||
}
|
||||
.link-dark:hover,
|
||||
.text-primary,
|
||||
.text-reset a:hover,
|
||||
a.text-reset:hover,
|
||||
.list-unstyled li a.active,
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary],
|
||||
.icon-list.bullet-bg i.bullet-white,
|
||||
.icon-list.bullet-white i,
|
||||
.sidebar nav .nav-link.active,
|
||||
.plyr__control--overlaid:focus,
|
||||
.plyr__control--overlaid:hover {
|
||||
color: #fab758 !important;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #fddbac;
|
||||
}
|
||||
.text-line.text-primary:before,
|
||||
.tooltip-inner,
|
||||
.icon-list.bullet-primary.bullet-bg i,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-check:active+.btn-primary,
|
||||
.btn-check:checked+.btn-primary,
|
||||
.btn-primary.active,
|
||||
.btn-primary:active,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
.text-line:before {
|
||||
background-color: #fab758;
|
||||
}
|
||||
.bg-primary,
|
||||
.icon-list.bullet-bg i[class*=bullet-primary] {
|
||||
background-color: #fab758 !important;
|
||||
}
|
||||
.btn-primary.btn-circle.ripple::after,
|
||||
.btn-primary.btn-circle.ripple::before,
|
||||
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
|
||||
.plyr--video .plyr__controls .plyr__control:hover,
|
||||
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
|
||||
background: #fab758;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link:hover,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button:hover {
|
||||
background: #fab758 !important;
|
||||
}
|
||||
.text-inverse a:not(.btn):hover,
|
||||
.form-check-input:checked,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-check:focus+.btn-primary,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-primary:disabled:not(.btn-circle):not(.btn-block),
|
||||
.btn-outline-primary,
|
||||
.btn-outline-primary:hover,
|
||||
.btn-check:active+.btn-outline-primary,
|
||||
.btn-check:checked+.btn-outline-primary,
|
||||
.btn-outline-primary.active,
|
||||
.btn-outline-primary.dropdown-toggle.show,
|
||||
.btn-outline-primary:active,
|
||||
.navbar.navbar-light.fixed .btn,
|
||||
blockquote,
|
||||
.post-meta li a:hover,
|
||||
.hero-slider:before,
|
||||
.lg-outer .lg-item:after,
|
||||
.loader,
|
||||
.tp-loader.spinner {
|
||||
border-color: #fab758;
|
||||
}
|
||||
.border-primary {
|
||||
border-color: #fab758 !important;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #fab758;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.bs-tooltip-end .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-end:after,
|
||||
.wrapper.bg-primary.angled.upper-end:before {
|
||||
border-right-color: #fab758;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #fab758;
|
||||
}
|
||||
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.bs-tooltip-start .tooltip-arrow::before,
|
||||
.wrapper.bg-primary.angled.lower-start:after,
|
||||
.wrapper.bg-primary.angled.upper-start:before {
|
||||
border-left-color: #fab758;
|
||||
}
|
||||
.progress-list .progressbar.primary svg path:last-child,
|
||||
.progress-wrap svg.progress-circle path {
|
||||
stroke: #fab758;
|
||||
}
|
||||
.progress-list .progressbar.soft-primary svg path:last-child {
|
||||
stroke: #fcd49b;
|
||||
}
|
||||
.lineal-fill,
|
||||
.text-primary .lineal-fill {
|
||||
fill: #fcd49b;
|
||||
}
|
||||
.shape .svg-fill {
|
||||
fill: #fab758;
|
||||
}
|
||||
.shape.soft-primary .svg-fill {
|
||||
fill: #fffaf2;
|
||||
}
|
||||
.shape.pale-primary .svg-fill {
|
||||
fill: #fef3e4;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: rgba(250, 183, 88, 0.7);
|
||||
}
|
||||
::selection {
|
||||
background: rgba(250, 183, 88, 0.7);
|
||||
}
|
||||
.underline.primary:after,
|
||||
.underline:after {
|
||||
background: rgba(250, 183, 88, 0.12);
|
||||
}
|
||||
.underline-2.primary:after,
|
||||
.underline-2:not([class*=underline-gradient-]):after {
|
||||
background: #fab758;
|
||||
}
|
||||
.underline-3.primary.style-1:before,
|
||||
.underline-3.primary.style-1:after {
|
||||
border-color: #fab758;
|
||||
}
|
||||
.underline-3.primary.style-2:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23fab758' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
.underline-3.primary.style-3:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23fab758' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
a.hover-2:before,
|
||||
a.hover-3:before {
|
||||
background-color: #fef3e4;
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #fffaf2 !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #fffaf2 !important;
|
||||
}
|
||||
.bg-pale-primary {
|
||||
background-color: #fef3e4 !important;
|
||||
}
|
||||
.text-pale-primary {
|
||||
color: #fef3e4 !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #fffaf2, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #fffaf2, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
.border-soft-primary {
|
||||
border-color: #fee9cd !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #fffaf2;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #fffaf2;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-start:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-start:before {
|
||||
border-left-color: #fef3e4;
|
||||
}
|
||||
.wrapper.bg-pale-primary.angled.lower-end:after,
|
||||
.wrapper.bg-pale-primary.angled.upper-end:before {
|
||||
border-right-color: #fef3e4;
|
||||
}
|
||||
.icon-list.bullet-soft-primary.bullet-bg i {
|
||||
background-color: #fef2e1;
|
||||
}
|
||||
.icon-list.bullet-bg i[class*=bullet-soft-primary] {
|
||||
background-color: #fef2e1 !important;
|
||||
}
|
||||
form.dark-fields .form-control:focus {
|
||||
border-color: rgba(250, 183, 88, 0.5);
|
||||
}
|
||||
.btn-soft-primary {
|
||||
background-color: #fef3e4;
|
||||
}
|
||||
.btn-expand.btn-primary {
|
||||
color: #fab758;
|
||||
}
|
||||
.btn-expand.btn-primary:before {
|
||||
background-color: #fab758;
|
||||
}
|
||||
.btn-expand.btn-soft-primary {
|
||||
color: #fab758;
|
||||
}
|
||||
.btn-expand.btn-soft-primary i {
|
||||
color: #fab758;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:before {
|
||||
color: #fab758;
|
||||
background-color: #fef3e4;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover {
|
||||
color: #fab758;
|
||||
}
|
||||
.btn-expand.btn-soft-primary:hover:before {
|
||||
color: #fab758;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close {
|
||||
color: #e1a54f;
|
||||
}
|
||||
.alert-dismissible.alert-primary .btn-close:hover {
|
||||
color: #966e35;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #af803e;
|
||||
background-color: #fff8ee;
|
||||
border-color: #fee9cd;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #c89246;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-slide figure .item-link,
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button {
|
||||
background: rgba(250, 183, 88, 0.9) !important;
|
||||
}
|
||||
.swiper-container.nav-dark .swiper-navigation .swiper-button-disabled {
|
||||
background: rgba(250, 183, 88, 0.7) !important;
|
||||
}
|
||||
.overlay.color span.bg {
|
||||
background: rgba(250, 183, 88, 0.7);
|
||||
}
|
||||
.itooltip-color.itooltip-inner,
|
||||
.itooltip-primary.itooltip-inner {
|
||||
background: rgba(250, 183, 88, 0.9);
|
||||
}
|
||||
.btn-soft-primary.btn-circle.ripple::after,
|
||||
.btn-soft-primary.btn-circle.ripple::before {
|
||||
background-color: #fffaf2;
|
||||
}
|
||||
.bg-dot.primary {
|
||||
background-image: radial-gradient(#fab758 2px, transparent 2.5px);
|
||||
}
|
||||
.bg-line.primary {
|
||||
background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, #fab758 1.6px, #fab758 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px);
|
||||
}
|
||||
.navbar-light .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#fab758' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
|
||||
}
|
||||
.cursor-primary a {
|
||||
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fab758;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
|
||||
}
|
||||
.process-wrapper.arrow [class*=col-]:before {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23fab758' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23fab758' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.navbar-expand-sm.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #fab758;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.navbar-expand-md.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #fab758;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.navbar-expand-lg.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #fab758;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.navbar-expand-xl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #fab758;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.navbar-expand-xxl.navbar-light .navbar-nav .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
|
||||
color: #fab758;
|
||||
}
|
||||
}
|
||||
.bg-soft-primary {
|
||||
background-color: #fff8ef !important;
|
||||
}
|
||||
.text-soft-primary {
|
||||
color: #fff8ef !important;
|
||||
}
|
||||
.bg-gradient-primary {
|
||||
background: linear-gradient(180deg, #fff8ef, rgba(255, 255, 255, 0) 100%) !important;
|
||||
}
|
||||
.bg-gradient-reverse-primary {
|
||||
background: linear-gradient(0deg, #fff8ef, rgba(255, 255, 255, 0) 100%) !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-start:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-start:before {
|
||||
border-left-color: #fff8ef !important;
|
||||
}
|
||||
.wrapper.bg-soft-primary.angled.lower-end:after,
|
||||
.wrapper.bg-soft-primary.angled.upper-end:before {
|
||||
border-right-color: #fff8ef !important;
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1);
|
||||
.counter-wrapper .counter,
|
||||
.display-1,
|
||||
.display-2,
|
||||
.display-3,
|
||||
.display-4,
|
||||
.display-5,
|
||||
.display-6,
|
||||
.post-title {
|
||||
font-family: "DM Serif Display";
|
||||
font-weight: 400 !important;
|
||||
word-spacing: normal !important;
|
||||
letter-spacing: normal !important
|
||||
}
|
||||
.display-1 {
|
||||
font-size: calc(1.385rem + 1.62vw);
|
||||
line-height: 1.1
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-1 {
|
||||
font-size: 2.6rem
|
||||
}
|
||||
}
|
||||
.display-2 {
|
||||
font-size: calc(1.365rem + 1.38vw);
|
||||
line-height: 1.15
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-2 {
|
||||
font-size: 2.4rem
|
||||
}
|
||||
}
|
||||
.display-3 {
|
||||
font-size: calc(1.355rem + 1.26vw);
|
||||
line-height: 1.15
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-3 {
|
||||
font-size: 2.3rem
|
||||
}
|
||||
}
|
||||
.display-4 {
|
||||
font-size: calc(1.325rem + .9vw);
|
||||
line-height: 1.2
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-4 {
|
||||
font-size: 2rem
|
||||
}
|
||||
}
|
||||
.display-5 {
|
||||
font-size: calc(1.305rem + .66vw);
|
||||
line-height: 1.2
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-5 {
|
||||
font-size: 1.8rem
|
||||
}
|
||||
}
|
||||
.display-6 {
|
||||
font-size: calc(1.285rem + .42vw);
|
||||
line-height: 1.25
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-6 {
|
||||
font-size: 1.6rem
|
||||
}
|
||||
}
|
||||
.h2.post-title,
|
||||
h2.post-title {
|
||||
font-size: calc(1.265rem + .18vw)
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.h2.post-title,
|
||||
h2.post-title {
|
||||
font-size: 1.4rem
|
||||
}
|
||||
}
|
||||
.h3.post-title,
|
||||
h3.post-title {
|
||||
font-size: 1.2rem
|
||||
}
|
||||
.counter-wrapper .counter {
|
||||
font-size: calc(1.335rem + 1.02vw)
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.counter-wrapper .counter {
|
||||
font-size: 2.1rem
|
||||
}
|
||||
}
|
||||
.counter-wrapper .counter.counter-lg {
|
||||
font-size: calc(1.355rem + 1.26vw)
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.counter-wrapper .counter.counter-lg {
|
||||
font-size: 2.3rem
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,203 @@
|
||||
@font-face {
|
||||
font-family: THICCCBOI;
|
||||
src: url(../../fonts/thicccboi/THICCCBOI-Regular.woff2) format('woff2'), url(../../fonts/thicccboi/THICCCBOI-Regular.woff) format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: block
|
||||
}
|
||||
@font-face {
|
||||
font-family: THICCCBOI;
|
||||
src: url(../../fonts/thicccboi/THICCCBOI-Medium.woff2) format('woff2'), url(../../fonts/thicccboi/THICCCBOI-Medium.woff) format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: block
|
||||
}
|
||||
@font-face {
|
||||
font-family: THICCCBOI;
|
||||
src: url(../../fonts/thicccboi/THICCCBOI-Bold.woff2) format('woff2'), url(../../fonts/thicccboi/THICCCBOI-Bold.woff) format('woff');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: block
|
||||
}
|
||||
* {
|
||||
word-spacing: normal !important
|
||||
}
|
||||
body {
|
||||
font-family: THICCCBOI, sans-serif;
|
||||
font-size: .85rem
|
||||
}
|
||||
.btn,
|
||||
.dropdown-item,
|
||||
.nav-link {
|
||||
letter-spacing: normal
|
||||
}
|
||||
.btn,
|
||||
.lg-sub-html p,
|
||||
.nav-link,
|
||||
.navbar .btn-sm {
|
||||
font-size: .85rem
|
||||
}
|
||||
.dropdown-menu {
|
||||
font-size: .8rem
|
||||
}
|
||||
.btn-group-sm>.btn,
|
||||
.btn-sm,
|
||||
.post-meta,
|
||||
.share-dropdown .dropdown-menu .dropdown-item {
|
||||
font-size: .75rem
|
||||
}
|
||||
.filter,
|
||||
.filter ul li a,
|
||||
.meta,
|
||||
.post-category {
|
||||
font-size: .7rem
|
||||
}
|
||||
.post-header .post-meta {
|
||||
font-size: .85rem
|
||||
}
|
||||
.accordion-wrapper .card-header button,
|
||||
.collapse-link,
|
||||
.nav-tabs .nav-link {
|
||||
font-size: .9rem
|
||||
}
|
||||
blockquote {
|
||||
font-size: .9rem
|
||||
}
|
||||
.blockquote-footer {
|
||||
font-size: .65rem
|
||||
}
|
||||
.blockquote-details p {
|
||||
font-size: .85rem
|
||||
}
|
||||
.counter-wrapper p {
|
||||
font-size: .85rem
|
||||
}
|
||||
.counter-wrapper .counter {
|
||||
font-size: calc(1.33rem + .96vw)
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.counter-wrapper .counter {
|
||||
font-size: 2.05rem
|
||||
}
|
||||
}
|
||||
.counter-wrapper .counter.counter-lg {
|
||||
font-size: calc(1.35rem + 1.2vw)
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.counter-wrapper .counter.counter-lg {
|
||||
font-size: 2.25rem
|
||||
}
|
||||
}
|
||||
.icon-list.bullet-bg i {
|
||||
top: .25rem
|
||||
}
|
||||
.accordion-wrapper .card-header button:before {
|
||||
margin-top: -.15rem
|
||||
}
|
||||
.form-floating>label {
|
||||
padding-top: .65rem
|
||||
}
|
||||
.h1,
|
||||
h1 {
|
||||
font-size: calc(1.275rem + .3vw)
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.h1,
|
||||
h1 {
|
||||
font-size: 1.5rem
|
||||
}
|
||||
}
|
||||
.h2,
|
||||
h2 {
|
||||
font-size: calc(1.26rem + .12vw)
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.h2,
|
||||
h2 {
|
||||
font-size: 1.35rem
|
||||
}
|
||||
}
|
||||
.h3,
|
||||
h3 {
|
||||
font-size: 1.15rem
|
||||
}
|
||||
.h4,
|
||||
h4 {
|
||||
font-size: 1rem
|
||||
}
|
||||
.h5,
|
||||
h5 {
|
||||
font-size: .95rem
|
||||
}
|
||||
.h6,
|
||||
h6 {
|
||||
font-size: .9rem
|
||||
}
|
||||
.fs-sm {
|
||||
font-size: .75rem !important
|
||||
}
|
||||
.fs-lg {
|
||||
font-size: 1.05rem !important
|
||||
}
|
||||
.lead {
|
||||
font-size: .95rem;
|
||||
line-height: 1.6
|
||||
}
|
||||
.lead.fs-lg {
|
||||
font-size: 1.1rem !important;
|
||||
line-height: 1.55
|
||||
}
|
||||
.display-1 {
|
||||
font-size: calc(1.375rem + 1.5vw);
|
||||
line-height: 1.15
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-1 {
|
||||
font-size: 2.5rem
|
||||
}
|
||||
}
|
||||
.display-2 {
|
||||
font-size: calc(1.355rem + 1.26vw);
|
||||
line-height: 1.2
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-2 {
|
||||
font-size: 2.3rem
|
||||
}
|
||||
}
|
||||
.display-3 {
|
||||
font-size: calc(1.335rem + 1.02vw);
|
||||
line-height: 1.2
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-3 {
|
||||
font-size: 2.1rem
|
||||
}
|
||||
}
|
||||
.display-4 {
|
||||
font-size: calc(1.315rem + .78vw);
|
||||
line-height: 1.25
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-4 {
|
||||
font-size: 1.9rem
|
||||
}
|
||||
}
|
||||
.display-5 {
|
||||
font-size: calc(1.295rem + .54vw);
|
||||
line-height: 1.25
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-5 {
|
||||
font-size: 1.7rem
|
||||
}
|
||||
}
|
||||
.display-6 {
|
||||
font-size: calc(1.275rem + .3vw);
|
||||
line-height: 1.3
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-6 {
|
||||
font-size: 1.5rem
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,298 @@
|
||||
@font-face {
|
||||
font-family: Urbanist;
|
||||
src: url(../../fonts/urbanist/Urbanist-BoldItalic.woff2) format('woff2'), url(../../fonts/urbanist/Urbanist-BoldItalic.woff) format('woff');
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
font-display: block
|
||||
}
|
||||
@font-face {
|
||||
font-family: Urbanist;
|
||||
src: url(../../fonts/urbanist/Urbanist-SemiBoldItalic.woff2) format('woff2'), url(../../fonts/urbanist/Urbanist-SemiBoldItalic.woff) format('woff');
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
font-display: block
|
||||
}
|
||||
@font-face {
|
||||
font-family: Urbanist;
|
||||
src: url(../../fonts/urbanist/Urbanist-Medium.woff2) format('woff2'), url(../../fonts/urbanist/Urbanist-Medium.woff) format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: block
|
||||
}
|
||||
@font-face {
|
||||
font-family: Urbanist;
|
||||
src: url(../../fonts/urbanist/Urbanist-MediumItalic.woff2) format('woff2'), url(../../fonts/urbanist/Urbanist-MediumItalic.woff) format('woff');
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
font-display: block
|
||||
}
|
||||
@font-face {
|
||||
font-family: Urbanist;
|
||||
src: url(../../fonts/urbanist/Urbanist-SemiBold.woff2) format('woff2'), url(../../fonts/urbanist/Urbanist-SemiBold.woff) format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: block
|
||||
}
|
||||
@font-face {
|
||||
font-family: Urbanist;
|
||||
src: url(../../fonts/urbanist/Urbanist-Italic.woff2) format('woff2'), url(../../fonts/urbanist/Urbanist-Italic.woff) format('woff');
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-display: block
|
||||
}
|
||||
@font-face {
|
||||
font-family: Urbanist;
|
||||
src: url(../../fonts/urbanist/Urbanist-Regular.woff2) format('woff2'), url(../../fonts/urbanist/Urbanist-Regular.woff) format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: block
|
||||
}
|
||||
@font-face {
|
||||
font-family: Urbanist;
|
||||
src: url(../../fonts/urbanist/Urbanist-LightItalic.woff2) format('woff2'), url(../../fonts/urbanist/Urbanist-LightItalic.woff) format('woff');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
font-display: block
|
||||
}
|
||||
@font-face {
|
||||
font-family: Urbanist;
|
||||
src: url(../../fonts/urbanist/Urbanist-Light.woff2) format('woff2'), url(../../fonts/urbanist/Urbanist-Light.woff) format('woff');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: block
|
||||
}
|
||||
@font-face {
|
||||
font-family: Urbanist;
|
||||
src: url(../../fonts/urbanist/Urbanist-Bold.woff2) format('woff2'), url(../../fonts/urbanist/Urbanist-Bold.woff) format('woff');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: block
|
||||
}
|
||||
* {
|
||||
word-spacing: normal !important
|
||||
}
|
||||
body {
|
||||
font-family: Urbanist, sans-serif;
|
||||
font-size: .85rem
|
||||
}
|
||||
.accordion-wrapper .card-header button,
|
||||
.badge,
|
||||
.btn,
|
||||
.btn.btn-circle .number,
|
||||
.collapse-link,
|
||||
.display-1,
|
||||
.display-2,
|
||||
.display-3,
|
||||
.display-4,
|
||||
.display-5,
|
||||
.display-6,
|
||||
.dropdown-item,
|
||||
.filter:not(.basic-filter),
|
||||
.filter:not(.basic-filter) ul li a,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6,
|
||||
.meta,
|
||||
.more,
|
||||
.nav-link,
|
||||
.post-category,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 600
|
||||
}
|
||||
.avatar,
|
||||
.btn,
|
||||
.dropdown-item,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6,
|
||||
.more,
|
||||
.nav-link,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
letter-spacing: normal
|
||||
}
|
||||
.btn,
|
||||
.lg-sub-html p,
|
||||
.nav-link,
|
||||
.navbar .btn-sm {
|
||||
font-size: .85rem
|
||||
}
|
||||
.dropdown-menu {
|
||||
font-size: .8rem
|
||||
}
|
||||
.btn-group-sm>.btn,
|
||||
.btn-sm,
|
||||
.post-meta,
|
||||
.share-dropdown .dropdown-menu .dropdown-item {
|
||||
font-size: .75rem
|
||||
}
|
||||
.filter,
|
||||
.filter ul li a,
|
||||
.meta,
|
||||
.post-category {
|
||||
font-size: .7rem
|
||||
}
|
||||
.post-header .post-meta {
|
||||
font-size: .85rem
|
||||
}
|
||||
.accordion-wrapper .card-header button,
|
||||
.collapse-link,
|
||||
.nav-tabs .nav-link {
|
||||
font-size: .9rem
|
||||
}
|
||||
blockquote {
|
||||
font-size: .9rem
|
||||
}
|
||||
.blockquote-footer {
|
||||
font-size: .65rem
|
||||
}
|
||||
.blockquote-details p {
|
||||
font-size: .85rem
|
||||
}
|
||||
.counter-wrapper p {
|
||||
font-size: .85rem
|
||||
}
|
||||
.counter-wrapper .counter {
|
||||
font-size: calc(1.33rem + .96vw)
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.counter-wrapper .counter {
|
||||
font-size: 2.05rem
|
||||
}
|
||||
}
|
||||
.counter-wrapper .counter.counter-lg {
|
||||
font-size: calc(1.35rem + 1.2vw)
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.counter-wrapper .counter.counter-lg {
|
||||
font-size: 2.25rem
|
||||
}
|
||||
}
|
||||
.icon-list.bullet-bg i {
|
||||
top: .25rem
|
||||
}
|
||||
.accordion-wrapper .card-header button:before {
|
||||
margin-top: -.15rem
|
||||
}
|
||||
.form-floating>label {
|
||||
padding-top: .65rem
|
||||
}
|
||||
.h1,
|
||||
h1 {
|
||||
font-size: calc(1.275rem + .3vw)
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.h1,
|
||||
h1 {
|
||||
font-size: 1.5rem
|
||||
}
|
||||
}
|
||||
.h2,
|
||||
h2 {
|
||||
font-size: calc(1.26rem + .12vw)
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.h2,
|
||||
h2 {
|
||||
font-size: 1.35rem
|
||||
}
|
||||
}
|
||||
.h3,
|
||||
h3 {
|
||||
font-size: 1.15rem
|
||||
}
|
||||
.h4,
|
||||
h4 {
|
||||
font-size: 1rem
|
||||
}
|
||||
.h5,
|
||||
h5 {
|
||||
font-size: .95rem
|
||||
}
|
||||
.h6,
|
||||
h6 {
|
||||
font-size: .9rem
|
||||
}
|
||||
.fs-sm {
|
||||
font-size: .75rem !important
|
||||
}
|
||||
.fs-lg {
|
||||
font-size: 1.05rem !important
|
||||
}
|
||||
.lead {
|
||||
font-size: .95rem;
|
||||
line-height: 1.6
|
||||
}
|
||||
.lead.fs-lg {
|
||||
font-size: 1.1rem !important;
|
||||
line-height: 1.55
|
||||
}
|
||||
.display-1 {
|
||||
font-size: calc(1.375rem + 1.5vw);
|
||||
line-height: 1.15
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-1 {
|
||||
font-size: 2.5rem
|
||||
}
|
||||
}
|
||||
.display-2 {
|
||||
font-size: calc(1.355rem + 1.26vw);
|
||||
line-height: 1.2
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-2 {
|
||||
font-size: 2.3rem
|
||||
}
|
||||
}
|
||||
.display-3 {
|
||||
font-size: calc(1.335rem + 1.02vw);
|
||||
line-height: 1.2
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-3 {
|
||||
font-size: 2.1rem
|
||||
}
|
||||
}
|
||||
.display-4 {
|
||||
font-size: calc(1.315rem + .78vw);
|
||||
line-height: 1.25
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-4 {
|
||||
font-size: 1.9rem
|
||||
}
|
||||
}
|
||||
.display-5 {
|
||||
font-size: calc(1.295rem + .54vw);
|
||||
line-height: 1.25
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-5 {
|
||||
font-size: 1.7rem
|
||||
}
|
||||
}
|
||||
.display-6 {
|
||||
font-size: calc(1.275rem + .3vw);
|
||||
line-height: 1.3
|
||||
}
|
||||
@media (min-width:1200px) {
|
||||
.display-6 {
|
||||
font-size: 1.5rem
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,24 @@
|
||||
@font-face {
|
||||
font-family: 'THICCCBOI';
|
||||
src: url('THICCCBOI-Regular.woff2') format('woff2'),
|
||||
url('THICCCBOI-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'THICCCBOI';
|
||||
src: url('THICCCBOI-Medium.woff2') format('woff2'),
|
||||
url('THICCCBOI-Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'THICCCBOI';
|
||||
src: url('THICCCBOI-Bold.woff2') format('woff2'),
|
||||
url('THICCCBOI-Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,80 @@
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-BoldItalic.woff2') format('woff2'),
|
||||
url('Urbanist-BoldItalic.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-SemiBoldItalic.woff2') format('woff2'),
|
||||
url('Urbanist-SemiBoldItalic.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-Medium.woff2') format('woff2'),
|
||||
url('Urbanist-Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-MediumItalic.woff2') format('woff2'),
|
||||
url('Urbanist-MediumItalic.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-SemiBold.woff2') format('woff2'),
|
||||
url('Urbanist-SemiBold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-Italic.woff2') format('woff2'),
|
||||
url('Urbanist-Italic.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-Regular.woff2') format('woff2'),
|
||||
url('Urbanist-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-LightItalic.woff2') format('woff2'),
|
||||
url('Urbanist-LightItalic.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-Light.woff2') format('woff2'),
|
||||
url('Urbanist-Light.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Urbanist';
|
||||
src: url('Urbanist-Bold.woff2') format('woff2'),
|
||||
url('Urbanist-Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user