First Commit & Tambah tampilan list artikel
commit
29a1107a70
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,48 @@
|
||||||
|
using Microsoft.AspNetCore.Mvc;
|
||||||
|
using System.Diagnostics;
|
||||||
|
using WebsiteDLH.Models;
|
||||||
|
|
||||||
|
namespace WebsiteDLH.Controllers
|
||||||
|
{
|
||||||
|
public class HomeController : Controller
|
||||||
|
{
|
||||||
|
private readonly ILogger<HomeController> _logger;
|
||||||
|
|
||||||
|
public HomeController(ILogger<HomeController> logger)
|
||||||
|
{
|
||||||
|
_logger = logger;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
public IActionResult Index()
|
||||||
|
{
|
||||||
|
return View();
|
||||||
|
}
|
||||||
|
|
||||||
|
public IActionResult Page()
|
||||||
|
{
|
||||||
|
return View();
|
||||||
|
}
|
||||||
|
|
||||||
|
public IActionResult StrukturOrganisasi()
|
||||||
|
{
|
||||||
|
return View();
|
||||||
|
}
|
||||||
|
|
||||||
|
public IActionResult BidangSudinUPT()
|
||||||
|
{
|
||||||
|
return View();
|
||||||
|
}
|
||||||
|
|
||||||
|
public IActionResult ListArticle()
|
||||||
|
{
|
||||||
|
return View();
|
||||||
|
}
|
||||||
|
|
||||||
|
[ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
|
||||||
|
public IActionResult Error()
|
||||||
|
{
|
||||||
|
return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
namespace WebsiteDLH.Models
|
||||||
|
{
|
||||||
|
public class ErrorViewModel
|
||||||
|
{
|
||||||
|
public string? RequestId { get; set; }
|
||||||
|
|
||||||
|
public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
var builder = WebApplication.CreateBuilder(args);
|
||||||
|
|
||||||
|
// Add services to the container.
|
||||||
|
builder.Services.AddControllersWithViews();
|
||||||
|
|
||||||
|
var app = builder.Build();
|
||||||
|
|
||||||
|
// Configure the HTTP request pipeline.
|
||||||
|
if (!app.Environment.IsDevelopment())
|
||||||
|
{
|
||||||
|
app.UseExceptionHandler("/Home/Error");
|
||||||
|
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
|
||||||
|
app.UseHsts();
|
||||||
|
}
|
||||||
|
|
||||||
|
app.UseHttpsRedirection();
|
||||||
|
app.UseStaticFiles();
|
||||||
|
|
||||||
|
app.UseRouting();
|
||||||
|
|
||||||
|
app.UseAuthorization();
|
||||||
|
|
||||||
|
app.MapControllerRoute(
|
||||||
|
name: "default",
|
||||||
|
pattern: "{controller=Home}/{action=Index}/{id?}");
|
||||||
|
|
||||||
|
app.Run();
|
||||||
|
|
@ -0,0 +1,37 @@
|
||||||
|
{
|
||||||
|
"iisSettings": {
|
||||||
|
"windowsAuthentication": false,
|
||||||
|
"anonymousAuthentication": true,
|
||||||
|
"iisExpress": {
|
||||||
|
"applicationUrl": "http://localhost:36478",
|
||||||
|
"sslPort": 44353
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"profiles": {
|
||||||
|
"http": {
|
||||||
|
"commandName": "Project",
|
||||||
|
"dotnetRunMessages": true,
|
||||||
|
"launchBrowser": true,
|
||||||
|
"applicationUrl": "http://localhost:5107",
|
||||||
|
"environmentVariables": {
|
||||||
|
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"https": {
|
||||||
|
"commandName": "Project",
|
||||||
|
"dotnetRunMessages": true,
|
||||||
|
"launchBrowser": true,
|
||||||
|
"applicationUrl": "https://localhost:7105;http://localhost:5107",
|
||||||
|
"environmentVariables": {
|
||||||
|
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"IIS Express": {
|
||||||
|
"commandName": "IISExpress",
|
||||||
|
"launchBrowser": true,
|
||||||
|
"environmentVariables": {
|
||||||
|
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,66 @@
|
||||||
|
@{
|
||||||
|
ViewBag.title = "Bidang, Sudin, UPT";
|
||||||
|
ViewBag.menu = "Profil";
|
||||||
|
}
|
||||||
|
|
||||||
|
<section class="page-header page-header-classic page-header-sm bg-secondary">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||||
|
<h1 data-title-border>@ViewBag.title</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||||
|
<ul class="breadcrumb d-block text-md-end">
|
||||||
|
<li><a href="/" class="text-muted">Home</a></li>
|
||||||
|
@if (ViewBag.menu != null || ViewBag.menu != null)
|
||||||
|
{
|
||||||
|
<li><a href="#" class="text-muted">@ViewBag.menu</a></li>
|
||||||
|
}
|
||||||
|
@if (ViewBag.submenu != null || ViewBag.submenu != null)
|
||||||
|
{
|
||||||
|
<li><a href="#" class="text-muted">@ViewBag.submenu</a></li>
|
||||||
|
}
|
||||||
|
<li class="text-primary">@ViewBag.title</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<div id="content" class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="tabs tabs-vertical tabs-right tabs-navigation tabs-navigation-simple">
|
||||||
|
<ul class="nav nav-tabs col-sm-3">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#tabsNavigationVertSimple1" data-bs-toggle="tab">Bidang Tata Lingkungan dan Kebersihan</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#tabsNavigationVertSimple2" data-bs-toggle="tab">Bidang Pengelolaan Kebersihan</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="tab-pane tab-pane-navigation active" id="tabsNavigationVertSimple1">
|
||||||
|
<h4>Bidang Tata Lingkungan dan Kebersihan</h4>
|
||||||
|
<p>Bidang Tata Lingkungan dan Kebersihan merupakan unit kerja lini Dinas yang mempunyai tugas melaksanakan penataan lingkungan dan kebersihan.</p>
|
||||||
|
<p>Bidang Tata Lingkungan dan Kebersihan menyelenggarakan fungsi :</p>
|
||||||
|
<ol type="1">
|
||||||
|
<li>Penyusunan Rencana Strategis dan Rencana Kerja dan Anggaran Bidang Tata Lingkungan dan Kebersihan;</li>
|
||||||
|
<li>Pelaksanaan Rencana Strategis dan Dokumen Pelaksanaan Anggaran Bidang Tata Lingkungan dan Kebersihan;</li>
|
||||||
|
<li>Penyusunan bahan kebijakan, pedoman dan standar pengelolaan teknis lingkungan dan kebersihan;</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane tab-pane-navigation" id="tabsNavigationVertSimple2">
|
||||||
|
<h4>Bidang Pengelolaan Kebersihan</h4>
|
||||||
|
<p>Bidang Pengelolaan Kebersihan merupakan Unit Kerja lini Dinas Lingkungan Hidup dalam upaya pengelolaan sampah, pengelolaan limbah B3 dan pengendalian kebersihan.</p>
|
||||||
|
<p>Bidang Pengelolaan Kebersihan menyelenggarakan fungsi :</p>
|
||||||
|
<ol type="1">
|
||||||
|
<li>Penyusunan bahan Rencana Strategis dan Rencana Kerja dan Anggaran Bidang Pengelolaan Kebersihan;</li>
|
||||||
|
<li>Pelaksanaan Rencana Strategis dan Dokumen Pelaksanaan Anggaran Bidang Pengelolaan Kebersihan</li>
|
||||||
|
<li>Pelaksanaan pengelolaan sampah darat, pantai dan pesisir yang dilaksanakan oleh Suku Dinas, Unit Pelaksana Teknis dan mitra kerja di bidang pengelolaan kebersihan</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,288 @@
|
||||||
|
<div class="container">
|
||||||
|
<div class="owl-carousel owl-carousel-light owl-carousel-light-init-fadeIn owl-theme manual dots-inside dots-horizontal-center show-dots-hover dots-light nav-style-1 nav-inside nav-inside-plus nav-dark nav-lg nav-font-size-lg show-nav-hover mb-0 mt-3 mt-md-5"
|
||||||
|
data-plugin-options="{'autoplayTimeout': 7000}" style="height: calc(100vh - 220px);">
|
||||||
|
<div class="owl-stage-outer">
|
||||||
|
<div class="owl-stage">
|
||||||
|
|
||||||
|
<!-- Carousel Slide 1 -->
|
||||||
|
<div class="owl-item position-relative overlay overlay-show overlay-op-7"
|
||||||
|
style="background-image: url(/img/dlh/banner/hero-1.jpg); background-size: cover; background-position: center;">
|
||||||
|
<div class="container position-relative z-index-3 h-100">
|
||||||
|
<div class="row justify-content-center align-items-center h-100">
|
||||||
|
<div class="col-lg-7 text-center">
|
||||||
|
<div class="d-flex flex-column align-items-center justify-content-center h-100">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Carousel Slide 2 -->
|
||||||
|
<div class="owl-item position-relative overlay overlay-show overlay-op-7"
|
||||||
|
style="background-image: url(/img/dlh/banner/hero-2.jpg); background-size: cover; background-position: center;">
|
||||||
|
<div class="container position-relative z-index-3 h-100">
|
||||||
|
<div class="row justify-content-center align-items-center h-100">
|
||||||
|
<div class="col-lg-7 text-center">
|
||||||
|
<div class="d-flex flex-column align-items-center justify-content-center h-100">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="owl-dots mb-5">
|
||||||
|
<button role="button" class="owl-dot active"><span></span></button>
|
||||||
|
<button role="button" class="owl-dot"><span></span></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container my-5 py-3" id="main">
|
||||||
|
<div class="row pt-4">
|
||||||
|
<div class="col-lg-4 appear-animation" data-appear-animation="fadeInLeftShorter"
|
||||||
|
data-appear-animation-delay="200">
|
||||||
|
<div class="feature-box feature-box-style-2">
|
||||||
|
<div class="feature-box-icon">
|
||||||
|
<i class="icon-user-following icons"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-box-info">
|
||||||
|
<h4 class="font-weight-bold mb-2">Customer Support</h4>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum
|
||||||
|
pellentesque imperdiet.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 appear-animation" data-appear-animation="fadeIn">
|
||||||
|
<div class="feature-box feature-box-style-2">
|
||||||
|
<div class="feature-box-icon">
|
||||||
|
<i class="icon-layers icons"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-box-info">
|
||||||
|
<h4 class="font-weight-bold mb-2">Sliders</h4>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||||
|
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 appear-animation" data-appear-animation="fadeInRightShorter"
|
||||||
|
data-appear-animation-delay="200">
|
||||||
|
<div class="feature-box feature-box-style-2">
|
||||||
|
<div class="feature-box-icon">
|
||||||
|
<i class="icon-calculator icons"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-box-info">
|
||||||
|
<h4 class="font-weight-bold mb-2">HTML5</h4>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||||
|
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mt-lg-3">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="feature-box feature-box-style-2 appear-animation" data-appear-animation="fadeInLeftShorter"
|
||||||
|
data-appear-animation-delay="300">
|
||||||
|
<div class="feature-box-icon">
|
||||||
|
<i class="icon-star icons"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-box-info">
|
||||||
|
<h4 class="font-weight-bold mb-2">Icons</h4>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum
|
||||||
|
pellentesque imperdiet.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="feature-box feature-box-style-2 appear-animation" data-appear-animation="fadeIn"
|
||||||
|
data-appear-animation-delay="100">
|
||||||
|
<div class="feature-box-icon">
|
||||||
|
<i class="icon-drop icons"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-box-info">
|
||||||
|
<h4 class="font-weight-bold mb-2">Colors</h4>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||||
|
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 appear-animation" data-appear-animation="fadeInRightShorter"
|
||||||
|
data-appear-animation-delay="300">
|
||||||
|
<div class="feature-box feature-box-style-2">
|
||||||
|
<div class="feature-box-icon">
|
||||||
|
<i class="icon-mouse icons"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-box-info">
|
||||||
|
<h4 class="font-weight-bold mb-2">Buttons</h4>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||||
|
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mt-lg-3">
|
||||||
|
<div class="col-lg-4 appear-animation" data-appear-animation="fadeInLeftShorter"
|
||||||
|
data-appear-animation-delay="400">
|
||||||
|
<div class="feature-box feature-box-style-2">
|
||||||
|
<div class="feature-box-icon">
|
||||||
|
<i class="icon-screen-desktop icons"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-box-info">
|
||||||
|
<h4 class="font-weight-bold mb-2">Lightboxes</h4>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum
|
||||||
|
pellentesque imperdiet.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="200">
|
||||||
|
<div class="feature-box feature-box-style-2">
|
||||||
|
<div class="feature-box-icon">
|
||||||
|
<i class="icon-energy icons"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-box-info">
|
||||||
|
<h4 class="font-weight-bold mb-2">Elements</h4>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||||
|
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 appear-animation" data-appear-animation="fadeInRightShorter"
|
||||||
|
data-appear-animation-delay="400">
|
||||||
|
<div class="feature-box feature-box-style-2">
|
||||||
|
<div class="feature-box-icon">
|
||||||
|
<i class="icon-social-youtube icons"></i>
|
||||||
|
</div>
|
||||||
|
<div class="feature-box-info">
|
||||||
|
<h4 class="font-weight-bold mb-2">Videos</h4>
|
||||||
|
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||||
|
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container my-5">
|
||||||
|
<div class="row">
|
||||||
|
<h2 class="font-weight-bold text-center text-10 pt-3 mb-5">Ikuti Kegiatan Kami</h2>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter">
|
||||||
|
<div class="post-image">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="/img/blog/medium/blog-1.jpg"
|
||||||
|
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">Amazing
|
||||||
|
Mountain</a></h2>
|
||||||
|
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||||
|
conubia nostra, per inceptos himenaeos.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||||
|
data-appear-animation-delay="300">
|
||||||
|
<div class="post-image">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="/img/blog/medium/blog-2.jpg"
|
||||||
|
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">Creative
|
||||||
|
Business</a></h2>
|
||||||
|
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||||
|
conubia nostra, per inceptos himenaeos.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||||
|
data-appear-animation-delay="600">
|
||||||
|
<div class="post-image">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="/img/blog/medium/blog-3.jpg"
|
||||||
|
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">Unlimited
|
||||||
|
Ways</a></h2>
|
||||||
|
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||||
|
conubia nostra, per inceptos himenaeos.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter">
|
||||||
|
<div class="post-image">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="/img/blog/medium/blog-4.jpg"
|
||||||
|
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">Developer
|
||||||
|
Life</a></h2>
|
||||||
|
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||||
|
conubia nostra, per inceptos himenaeos.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||||
|
data-appear-animation-delay="300">
|
||||||
|
<div class="post-image">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="/img/blog/medium/blog-5.jpg"
|
||||||
|
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">The Blue
|
||||||
|
Sky</a></h2>
|
||||||
|
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||||
|
conubia nostra, per inceptos himenaeos.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||||
|
data-appear-animation-delay="600">
|
||||||
|
<div class="post-image">
|
||||||
|
<a href="blog-post.html">
|
||||||
|
<img src="/img/blog/medium/blog-6.jpg"
|
||||||
|
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">Night
|
||||||
|
Life</a></h2>
|
||||||
|
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||||
|
conubia nostra, per inceptos himenaeos.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,555 @@
|
||||||
|
@{
|
||||||
|
ViewBag.title = "Daftar Artikel";
|
||||||
|
ViewBag.menu = "Artikel";
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
<!-- List Article -->
|
||||||
|
<div class="container">
|
||||||
|
<div class="row mt-5">
|
||||||
|
<div class="col">
|
||||||
|
<div class="blog-posts">
|
||||||
|
<div class="text-center mb-5">
|
||||||
|
<h1 class="fw-bold mb-2">Artikel Lingkungan Hidup</h1>
|
||||||
|
<p class="fs-6">Ikuti program, kegiatan, dan informasi terbaru tentang Dinas Lingkungan Hidup
|
||||||
|
Provinsi DKI
|
||||||
|
Jakarta</p>
|
||||||
|
</div>
|
||||||
|
<!--
|
||||||
|
Max Character Title: 78 Char (3 Lines)
|
||||||
|
Max Character Description: 119 Char (3 Lines)
|
||||||
|
-->
|
||||||
|
<div id="placeholder" class="row">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative placeholder-glow">
|
||||||
|
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||||
|
<div class="rounded-4" style="object-fit: cover"></div>
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="placeholder col-6"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content placeholder-glow">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||||
|
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||||
|
|
||||||
|
<div class="post-meta placeholder-glow">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||||
|
</div>
|
||||||
|
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||||
|
class="ms-2 placeholder col-3"></span>
|
||||||
|
<div class="ms-2 placeholder col-3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="list-article" class="row">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button id="muat-lebih-banyak" type="button" onclick=loadMore() class="btn btn-success d-block mx-auto">Muat Lebih
|
||||||
|
Banyak</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const data = [
|
||||||
|
{
|
||||||
|
"id": 1,
|
||||||
|
"title": "Manfaat Meditasi untuk Kesehatan Mental",
|
||||||
|
"description": "Menjelajahi manfaat meditasi dalam meningkatkan kesehatan mental dan kebahagiaan sehari-hari.",
|
||||||
|
"image": "650x700",
|
||||||
|
"badge": "health",
|
||||||
|
"color_badge": "#27ae60"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 2,
|
||||||
|
"title": "Inovasi Terbaru dalam Teknologi Gadget",
|
||||||
|
"description": "Mengulas perkembangan terkini dalam dunia teknologi gadget dan perangkat pintar.",
|
||||||
|
"image": "600x550",
|
||||||
|
"badge": "technology",
|
||||||
|
"color_badge": "#3498db"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 3,
|
||||||
|
"title": "Tips Efektif Mengelola Waktu di Era Digital",
|
||||||
|
"description": "Memberikan strategi praktis untuk mengoptimalkan pengelolaan waktu dalam rutinitas harian.",
|
||||||
|
"image": "700x600",
|
||||||
|
"badge": "productivity",
|
||||||
|
"color_badge": "#f39c12"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 4,
|
||||||
|
"title": "Mengenal Kesehatan Jantung: Fakta dan Mitos",
|
||||||
|
"description": "Memisahkan fakta dari mitos seputar kesehatan jantung untuk hidup yang lebih sehat.",
|
||||||
|
"image": "750x550",
|
||||||
|
"badge": "health",
|
||||||
|
"color_badge": "#e74c3c"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 5,
|
||||||
|
"title": "Belajar Bahasa Asing: Panduan untuk Pemula",
|
||||||
|
"description": "Langkah-langkah praktis untuk memulai perjalanan belajar bahasa asing dengan sukses.",
|
||||||
|
"image": "800x600",
|
||||||
|
"badge": "education",
|
||||||
|
"color_badge": "#9b59b6"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 6,
|
||||||
|
"title": "Keajaiban Alam Semesta: Lubang Hitam dan Galaksi",
|
||||||
|
"description": "Eksplorasi fenomena alam semesta, dari lubang hitam hingga keindahan galaksi.",
|
||||||
|
"image": "720x480",
|
||||||
|
"badge": "science",
|
||||||
|
"color_badge": "#e74c3c"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 7,
|
||||||
|
"title": "Resep Sehat dan Lezat untuk Sarapan Pagi",
|
||||||
|
"description": "Ide-ide resep sarapan yang sehat dan lezat untuk memulai hari dengan energi.",
|
||||||
|
"image": "600x700",
|
||||||
|
"badge": "food",
|
||||||
|
"color_badge": "#27ae60"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 8,
|
||||||
|
"title": "Cara Efektif Menangani Stres di Tempat Kerja",
|
||||||
|
"description": "Strategi untuk mengatasi stres di lingkungan kerja dan meningkatkan kesejahteraan.",
|
||||||
|
"image": "650x600",
|
||||||
|
"badge": "health",
|
||||||
|
"color_badge": "#e74c3c"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 9,
|
||||||
|
"title": "Teknologi Blockchain: Masa Depan Keamanan Digital",
|
||||||
|
"description": "Mengulas konsep blockchain dan dampaknya pada keamanan digital di era modern.",
|
||||||
|
"image": "700x550",
|
||||||
|
"badge": "technology",
|
||||||
|
"color_badge": "#3498db"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 10,
|
||||||
|
"title": "Seni Digital: Eksplorasi Kreativitas di Era Digital",
|
||||||
|
"description": "Menjelajahi dunia seni digital dan cara teknologi memengaruhi kreativitas seniman.",
|
||||||
|
"image": "720x620",
|
||||||
|
"badge": "art",
|
||||||
|
"color_badge": "#9b59b6"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 11,
|
||||||
|
"title": "Pentingnya Hidrasi: Manfaat Air Putih untuk Tubuh",
|
||||||
|
"description": "Mendiskusikan manfaat kesehatan dari minum air putih secara cukup setiap hari.",
|
||||||
|
"image": "700x600",
|
||||||
|
"badge": "health",
|
||||||
|
"color_badge": "#27ae60"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 12,
|
||||||
|
"title": "Serunya Bersepeda: Aktivitas Olahraga yang Menyenangkan",
|
||||||
|
"description": "Mengajak pembaca untuk menikmati manfaat olahraga sepeda dan tips memilih sepeda yang tepat.",
|
||||||
|
"image": "650x550",
|
||||||
|
"badge": "sport",
|
||||||
|
"color_badge": "#e74c3c"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 13,
|
||||||
|
"title": "Cara Membuat Smoothie Sehat dan Bergizi",
|
||||||
|
"description": "Berbagai resep smoothie yang lezat dan menyehatkan untuk dinikmati di pagi hari atau sebagai camilan.",
|
||||||
|
"image": "750x700",
|
||||||
|
"badge": "food",
|
||||||
|
"color_badge": "#f39c12"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 14,
|
||||||
|
"title": "Exploring the Wonders of Deep Sea Creatures",
|
||||||
|
"description": "Discovering the fascinating world of deep-sea creatures and their unique adaptations.",
|
||||||
|
"image": "720x480",
|
||||||
|
"badge": "science",
|
||||||
|
"color_badge": "#3498db"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 15,
|
||||||
|
"title": "Strategi Sukses dalam Belajar Online",
|
||||||
|
"description": "Memberikan tips dan trik untuk sukses dalam pembelajaran online dan meningkatkan produktivitas belajar.",
|
||||||
|
"image": "600x650",
|
||||||
|
"badge": "education",
|
||||||
|
"color_badge": "#9b59b6"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 16,
|
||||||
|
"title": "Menjadi Pekerja Lebih Fleksibel: Keuntungan dan Tips",
|
||||||
|
"description": "Mengulas manfaat menjadi pekerja yang lebih fleksibel dan cara mencapainya dalam lingkungan kerja.",
|
||||||
|
"image": "700x600",
|
||||||
|
"badge": "career",
|
||||||
|
"color_badge": "#f39c12"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 17,
|
||||||
|
"title": "Perjalanan Kuliner: Menikmati Kelezatan Makanan Lokal",
|
||||||
|
"description": "Menjelajahi aneka makanan lokal yang lezat dan menggugah selera dari berbagai penjuru dunia.",
|
||||||
|
"image": "800x600",
|
||||||
|
"badge": "food",
|
||||||
|
"color_badge": "#e74c3c"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 18,
|
||||||
|
"title": "Mengapa Kucing adalah Hewan Peliharaan yang Menyenangkan",
|
||||||
|
"description": "Mendiskusikan pesona dan manfaat memiliki kucing sebagai hewan peliharaan.",
|
||||||
|
"image": "650x550",
|
||||||
|
"badge": "pets",
|
||||||
|
"color_badge": "#3498db"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 19,
|
||||||
|
"title": "Cara Memulai Usaha Kecil yang Sukses",
|
||||||
|
"description": "Panduan langkah demi langkah untuk memulai usaha kecil dengan sukses dan berkembang.",
|
||||||
|
"image": "720x620",
|
||||||
|
"badge": "business",
|
||||||
|
"color_badge": "#f39c12"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 20,
|
||||||
|
"title": "Menjelajahi Keindahan Alam: Destinasi Wisata Outdoor",
|
||||||
|
"description": "Merinci destinasi wisata outdoor yang menawarkan pemandangan alam yang luar biasa dan petualangan seru.",
|
||||||
|
"image": "700x550",
|
||||||
|
"badge": "travel",
|
||||||
|
"color_badge": "#27ae60"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 21,
|
||||||
|
"title": "Tips Menata Ruang Kerja yang Nyaman di Rumah",
|
||||||
|
"description": "Memberikan saran tentang cara menciptakan ruang kerja yang nyaman dan produktif di rumah.",
|
||||||
|
"image": "700x600",
|
||||||
|
"badge": "home",
|
||||||
|
"color_badge": "#f39c12"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 22,
|
||||||
|
"title": "Exploring the Marvels of Underwater Photography",
|
||||||
|
"description": "Discovering the art and challenges of capturing breathtaking moments through underwater photography.",
|
||||||
|
"image": "650x550",
|
||||||
|
"badge": "art",
|
||||||
|
"color_badge": "#9b59b6"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 23,
|
||||||
|
"title": "Kiat Sukses dalam Menjalani Hidup Sehat",
|
||||||
|
"description": "Tips praktis untuk menjalani gaya hidup sehat dengan keseimbangan antara makanan, olahraga, dan istirahat.",
|
||||||
|
"image": "750x700",
|
||||||
|
"badge": "health",
|
||||||
|
"color_badge": "#27ae60"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 24,
|
||||||
|
"title": "Mengenal Budaya Teh: Sejarah dan Manfaatnya",
|
||||||
|
"description": "Menjelajahi sejarah teh dan berbagai budaya teh di seluruh dunia, serta manfaatnya untuk kesehatan.",
|
||||||
|
"image": "720x480",
|
||||||
|
"badge": "food",
|
||||||
|
"color_badge": "#e74c3c"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 25,
|
||||||
|
"title": "Strategi Investasi untuk Pemula: Mulai Dengan Bijak",
|
||||||
|
"description": "Panduan langkah demi langkah untuk pemula dalam berinvestasi dan membangun portofolio keuangan yang kokoh.",
|
||||||
|
"image": "600x650",
|
||||||
|
"badge": "finance",
|
||||||
|
"color_badge": "#3498db"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 26,
|
||||||
|
"title": "Panduan Membuat Kebun Sayur di Halaman Belakang",
|
||||||
|
"description": "Langkah-langkah praktis untuk memulai kebun sayur di halaman belakang rumah Anda.",
|
||||||
|
"image": "700x600",
|
||||||
|
"badge": "home",
|
||||||
|
"color_badge": "#27ae60"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 27,
|
||||||
|
"title": "Mengenali Jenis-jenis Kucing yang Unik dan Langka",
|
||||||
|
"description": "Menjelajahi dunia kucing dengan merinci jenis-jenis kucing yang unik dan langka.",
|
||||||
|
"image": "800x600",
|
||||||
|
"badge": "pets",
|
||||||
|
"color_badge": "#e74c3c"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 28,
|
||||||
|
"title": "Manfaat Seni Terapi: Melukis untuk Kesehatan Mental",
|
||||||
|
"description": "Mengulas bagaimana melukis dapat menjadi bentuk terapi untuk meningkatkan kesehatan mental.",
|
||||||
|
"image": "650x550",
|
||||||
|
"badge": "art",
|
||||||
|
"color_badge": "#9b59b6"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 29,
|
||||||
|
"title": "Teknologi 5G: Revolusi Koneksi Internet",
|
||||||
|
"description": "Mendiskusikan dampak teknologi 5G dalam merubah cara kita terhubung dengan internet.",
|
||||||
|
"image": "720x620",
|
||||||
|
"badge": "technology",
|
||||||
|
"color_badge": "#3498db"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 30,
|
||||||
|
"title": "Rahasia Rasa dalam Masakan Tradisional",
|
||||||
|
"description": "Mengungkap rahasia rasa dalam masakan tradisional dari berbagai belahan dunia.",
|
||||||
|
"image": "700x550",
|
||||||
|
"badge": "food",
|
||||||
|
"color_badge": "#e74c3c"
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
generateArticle(data)
|
||||||
|
@* countRPM() *@
|
||||||
|
|
||||||
|
function countRPM() {
|
||||||
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
// Menentukan jumlah kata dalam konten
|
||||||
|
const content = document.querySelector(".c-blog-detail__body");
|
||||||
|
const words = content.textContent.split(/\s+/).length;
|
||||||
|
|
||||||
|
// Menentukan jumlah gambar dalam konten
|
||||||
|
const images = document.querySelectorAll(".c-blog-detail__img img");
|
||||||
|
const imageCount = images.length;
|
||||||
|
|
||||||
|
// Menentukan waktu rata-rata untuk melihat setiap gambar (dalam detik)
|
||||||
|
const averageTimePerImage = 3; // Misalnya, anggap 5 detik per gambar
|
||||||
|
|
||||||
|
// Menentukan waktu baca per menit (biasanya 200-250 kata per menit)
|
||||||
|
const wordsPerMinute = 225;
|
||||||
|
|
||||||
|
// Menghitung estimasi waktu baca termasuk waktu untuk melihat gambar
|
||||||
|
const estimatedTime = Math.ceil(words / wordsPerMinute) + (imageCount * averageTimePerImage / 60);
|
||||||
|
|
||||||
|
// Menampilkan hasil di dalam elemen HTML
|
||||||
|
@* const timeElement = document.createElement("p");
|
||||||
|
timeElement.innerHTML = `Estimasi waktu baca: ${estimatedTime.toFixed(1)} menit`;
|
||||||
|
content.appendChild(timeElement); *@
|
||||||
|
|
||||||
|
console.log(estimatedTime.toFixed(1) + "menit");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function generateArticle(data) {
|
||||||
|
sliceData(data, 0, 6)
|
||||||
|
}
|
||||||
|
|
||||||
|
function sliceData(data, start, end) {
|
||||||
|
const newData = data.slice(start, end)
|
||||||
|
|
||||||
|
let articles = ""
|
||||||
|
|
||||||
|
for (const element of newData) {
|
||||||
|
articles += `
|
||||||
|
<div class="col-md-4">
|
||||||
|
<article class="post post-medium border-0 pb-0 mb-5">
|
||||||
|
<div class="post-image">
|
||||||
|
<div class="position-relative">
|
||||||
|
<a href="#" class="ratio ratio-16x9 rounded-4">
|
||||||
|
<img src="https://source.unsplash.com/random/${element.image}"
|
||||||
|
style="object-fit: cover" class="rounded-4" alt="${element.title}" loading="lazy" />
|
||||||
|
</a>
|
||||||
|
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||||
|
<span class="badge" style="background-color: ${element.color_badge}">${element.badge}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html"
|
||||||
|
class="text-break overflow-ellipsis-3">${element.title}</a>
|
||||||
|
</h2>
|
||||||
|
<p class="text-break overflow-ellipsis-3">
|
||||||
|
${element.description}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="post-meta">
|
||||||
|
<span><img src="https://robohash.org/agung" class="bg-info rounded-circle me-1"
|
||||||
|
width="30" height="30" alt="Robohash"><a href="#" class="fw-semibold">Agung
|
||||||
|
Gumelar</a> • 20 Des 2023 </span>
|
||||||
|
<span><i class="far fa-clock"></i> 3 min baca</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
}
|
||||||
|
const container_post = document.querySelector("#list-article")
|
||||||
|
container_post.innerHTML = container_post.innerHTML + articles
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadMore(value = 6) {
|
||||||
|
const sum = value
|
||||||
|
|
||||||
|
let articles = document.querySelectorAll("article.post")
|
||||||
|
|
||||||
|
sliceData(data, (articles.length), (articles.length + value))
|
||||||
|
|
||||||
|
if(document.querySelectorAll("article.post").length == data.length){
|
||||||
|
document.querySelector("#muat-lebih-banyak").remove()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
@{
|
||||||
|
ViewBag.title = "Template Page";
|
||||||
|
ViewBag.menu = "Profil";
|
||||||
|
}
|
||||||
|
|
||||||
|
<section class="page-header page-header-classic page-header-sm bg-secondary">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||||
|
<h1 data-title-border>@ViewBag.title</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||||
|
<ul class="breadcrumb d-block text-md-end">
|
||||||
|
<li><a href="/" class="text-muted">Home</a></li>
|
||||||
|
@if(ViewBag.menu != ""){
|
||||||
|
<li><a href="#" class="text-muted">@ViewBag.menu</a></li>
|
||||||
|
}
|
||||||
|
@if(ViewBag.submenu != ""){
|
||||||
|
<li><a href="#" class="text-muted">@ViewBag.submenu</a></li>
|
||||||
|
}
|
||||||
|
<li class="active text-primary" >@ViewBag.title</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus eligendi dolor!
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
@{
|
||||||
|
ViewBag.title = "Struktur Organisasi";
|
||||||
|
ViewBag.menu = "Profil";
|
||||||
|
}
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/lib/magnifier/magnifier.css">
|
||||||
|
|
||||||
|
<section class="page-header page-header-classic page-header-sm bg-secondary">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||||
|
<h1 data-title-border>@ViewBag.title</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||||
|
<ul class="breadcrumb d-block text-md-end fw-semibold">
|
||||||
|
<li><a href="/" class="text-quaternary">Home</a></li>
|
||||||
|
@if (ViewBag.menu != null || ViewBag.menu != null)
|
||||||
|
{
|
||||||
|
<li><a href="#" class="text-quaternary">@ViewBag.menu</a></li>
|
||||||
|
}
|
||||||
|
@if (ViewBag.submenu != null || ViewBag.submenu != null)
|
||||||
|
{
|
||||||
|
<li><a href="#" class="text-quaternary">@ViewBag.submenu</a></li>
|
||||||
|
}
|
||||||
|
<li class="text-light">@ViewBag.title</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
@model ErrorViewModel
|
||||||
|
@{
|
||||||
|
ViewData["Title"] = "Error";
|
||||||
|
}
|
||||||
|
|
||||||
|
<h1 class="text-danger">Error.</h1>
|
||||||
|
<h2 class="text-danger">An error occurred while processing your request.</h2>
|
||||||
|
|
||||||
|
@if (Model.ShowRequestId)
|
||||||
|
{
|
||||||
|
<p>
|
||||||
|
<strong>Request ID:</strong> <code>@Model.RequestId</code>
|
||||||
|
</p>
|
||||||
|
}
|
||||||
|
|
||||||
|
<h3>Development Mode</h3>
|
||||||
|
<p>
|
||||||
|
Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<strong>The Development environment shouldn't be enabled for deployed applications.</strong>
|
||||||
|
It can result in displaying sensitive information from exceptions to end users.
|
||||||
|
For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
|
||||||
|
and restarting the app.
|
||||||
|
</p>
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
<footer id="footer" class="mt-0 bg-secondary border-top-0">
|
||||||
|
<div class="container my-4">
|
||||||
|
<div class="row py-5">
|
||||||
|
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
|
||||||
|
<h5 class="text-5 text-transform-none fw-semibold text-color-light mb-2">Dinas Lingkungan Hidup</h5>
|
||||||
|
<h6 class="text-4 text-transform-none fw-semibold text-color-light mb-4">Provinsi DKI Jakarta</h6>
|
||||||
|
<p class="text-4 mb-0 text-color-tertiary">Jl. Mandala V No.67, RT.1/RW.2</p>
|
||||||
|
<p class="text-4 mb-0 text-color-tertiary">Cililitan, Kramat Jati, Jakarta Timur</p>
|
||||||
|
<p class="text-4 mb-3 text-color-tertiary">Provinsi DKI Jakarta</p>
|
||||||
|
<p class="text-4 mb-0 text-color-tertiary">Phone: <a href="tel:0123456789" class="text-decoration-none text-color-quaternary fw-semibold text-color-hover-light link-hover-style-1">(021) 8092744</a></p>
|
||||||
|
<p class="text-4 mb-0 text-color-tertiary">Email: <a href="mailto:dinaslh@jakarta.go.id" class="text-color-quaternary fw-semibold text-color-hover-light link-hover-style-1">dinaslh@jakarta.go.id</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 col-lg-2 mb-5 mb-lg-0">
|
||||||
|
<h5 class="text-5 text-transform-none font-weight-semibold text-color-light mb-4">Pages</h5>
|
||||||
|
<ul class="list list-icons list-icons-sm">
|
||||||
|
<li><i class="fas fa-angle-right"></i><a href="page-services.html" class="link-hover-style-1 ms-1 text-color-quaternary text-color-hover-light fw-semibold"> Our Services</a></li>
|
||||||
|
<li><i class="fas fa-angle-right"></i><a href="about-us.html" class="link-hover-style-1 ms-1 text-color-quaternary text-color-hover-light fw-semibold"> About Us</a></li>
|
||||||
|
<li><i class="fas fa-angle-right"></i><a href="contact-us.html" class="link-hover-style-1 ms-1 text-color-quaternary text-color-hover-light fw-semibold"> Contact Us</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 col-lg-2 mb-5 mb-lg-0">
|
||||||
|
<h5 class="text-5 text-transform-none font-weight-semibold text-color-light mb-4">Links</h5>
|
||||||
|
<ul class="list list-icons list-icons-sm">
|
||||||
|
<li><i class="fas fa-angle-right"></i><a href="page-faq.html" class="link-hover-style-1 ms-1 text-color-quaternary text-color-hover-light fw-semibold"> FAQ's</a></li>
|
||||||
|
<li><i class="fas fa-angle-right"></i><a href="sitemap.html" class="link-hover-style-1 ms-1 text-color-quaternary text-color-hover-light fw-semibold"> Sitemap</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<h5 class="text-5 text-transform-none font-weight-semibold text-color-light mb-4">Latest Tweet</h5>
|
||||||
|
<div id="tweet" class="twitter" data-plugin-tweets data-plugin-options="{'username': 'oklerthemes', 'count': 1}">
|
||||||
|
<p class="fw-semibold text-color-quaternary">Please wait...</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-copyright footer-copyright-style-2" style="background-color: #618264;">
|
||||||
|
<div class="container py-2">
|
||||||
|
<div class="row py-2">
|
||||||
|
<div class="col mb-4 mb-lg-0 fs-6">
|
||||||
|
<p class="text-center text-light">© Copyright <script>document.write(new Date().getFullYear())</script>. All Rights Reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
@ -0,0 +1,43 @@
|
||||||
|
<!-- Basic -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<title>@(Context.Request.Path == "/" ? "Dinas Lingkungan Hidup Prov. DKI Jakarta" : (ViewBag.title) + " - Dinas Lingkungan Hidup")</title>
|
||||||
|
|
||||||
|
<meta name="keywords" content="Dinas Lingkungan Hidup DKI Jakarta, DLH Jakarta, Lingkungan Hidup DKI Jakarta, DLH, Sudin LH" />
|
||||||
|
<meta name="description" content="Website Resmi Dinas Lingkungan Hidup Provinsi DKI Jakarta">
|
||||||
|
<meta name="author" content="DLH">
|
||||||
|
|
||||||
|
<!-- Favicon -->
|
||||||
|
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
|
||||||
|
<link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
|
||||||
|
|
||||||
|
<!-- Mobile Metas -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
|
||||||
|
|
||||||
|
<!-- Web Fonts -->
|
||||||
|
<link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CShadows+Into+Light&display=swap" rel="stylesheet" type="text/css">
|
||||||
|
|
||||||
|
<!-- Vendor CSS -->
|
||||||
|
<link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css">
|
||||||
|
<link rel="stylesheet" href="/vendor/fontawesome-free/css/all.min.css">
|
||||||
|
<link rel="stylesheet" href="/vendor/animate/animate.compat.css">
|
||||||
|
<link rel="stylesheet" href="/vendor/simple-line-icons/css/simple-line-icons.min.css">
|
||||||
|
<link rel="stylesheet" href="/vendor/owl.carousel/assets/owl.carousel.min.css">
|
||||||
|
<link rel="stylesheet" href="/vendor/owl.carousel/assets/owl.theme.default.min.css">
|
||||||
|
<link rel="stylesheet" href="/vendor/magnific-popup/magnific-popup.min.css">
|
||||||
|
|
||||||
|
<!-- Theme CSS -->
|
||||||
|
<link rel="stylesheet" href="/css/theme.css">
|
||||||
|
<link rel="stylesheet" href="/css/theme-elements.css">
|
||||||
|
<link rel="stylesheet" href="/css/theme-blog.css">
|
||||||
|
<link rel="stylesheet" href="/css/theme-shop.css">
|
||||||
|
|
||||||
|
<!-- Skin CSS -->
|
||||||
|
<link id="skinCSS" rel="stylesheet" href="/css/skins/skin-corporate-4.css">
|
||||||
|
|
||||||
|
<!-- Theme Custom CSS -->
|
||||||
|
<link rel="stylesheet" href="/css/custom.css">
|
||||||
|
|
||||||
|
<!-- Head Libs -->
|
||||||
|
<script src="/vendor/modernizr/modernizr.min.js"></script>
|
||||||
|
|
@ -0,0 +1,125 @@
|
||||||
|
<header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 120, 'stickyHeaderContainerHeight': 70}">
|
||||||
|
<div class="header-body border-top-0 shadow-sm">
|
||||||
|
<div class="header-container container">
|
||||||
|
<div class="header-row">
|
||||||
|
<div class="header-column">
|
||||||
|
<div class="header-row">
|
||||||
|
<div class="header-logo">
|
||||||
|
<partial name="_Logo" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="header-column justify-content-end">
|
||||||
|
<div class="header-row">
|
||||||
|
<div class="header-nav header-nav-line header-nav-top-line header-nav-top-line-with-border order-2 order-lg-1">
|
||||||
|
<div class="header-nav-main header-nav-main-square header-nav-main-effect-2 header-nav-main-sub-effect-1">
|
||||||
|
<nav class="collapse">
|
||||||
|
<ul class="nav nav-pills" id="mainNav">
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-item dropdown-toggle @(Context.Request.Path == "/" ? "active" : "")" asp-controller="Home" asp-action="Index">Home</a>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-item dropdown-toggle
|
||||||
|
@(ViewBag.menu == "Profil"
|
||||||
|
? "active" : "" )" href="#">
|
||||||
|
Profil
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="StrukturOrganisasi">Struktur Organisasi</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="BidangSudinUPT">Bidang, Sudin, dan UPT</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Profil Pimpinan</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Tupoksi</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#">
|
||||||
|
Program
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Udara</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Air</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Sampah</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Pengawasan</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">LKIP</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Rencana Strategis</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Anggaran</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Perjanjian Kinerja</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#">
|
||||||
|
Publikasi Data
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">DIKPLH</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Kajian</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Monitoring Emisi Sumber Tidak Bergerak</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Peraturan</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Keanekaragaman Hayati</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Laporan Kualitas Udara</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Laporan Kualitas Air</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Gas Rumah Kaca</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">IKLH</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">KLHS</a></li>
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Laporan Keuangan</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#">
|
||||||
|
Seputar DLH
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">...</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#">PPID</a>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#">
|
||||||
|
Layanan Kami
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">...</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#">Kontak</a>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#">BPS-RW</a>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-item dropdown-toggle" asp-controller="Home" asp-action="ListArticle">Artikel</a>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a class="dropdown-item dropdown-toggle" href="#">Login</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
|
||||||
|
<i class="fas fa-bars"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="header-nav-features header-nav-features-no-border header-nav-features-lg-show-border order-1 order-lg-2">
|
||||||
|
<div class="header-nav-feature header-nav-features-search d-inline-flex">
|
||||||
|
<a href="#" class="header-nav-features-toggle text-decoration-none" data-focus="headerSearch" aria-label="Search"><i class="fas fa-search header-nav-top-icon"></i></a>
|
||||||
|
<div class="header-nav-features-dropdown" id="headerTopSearchDropdown">
|
||||||
|
<form role="search" action="page-search-results.html" method="get">
|
||||||
|
<div class="simple-search input-group">
|
||||||
|
<input class="form-control text-1" id="headerSearch" name="q" type="search" value="" placeholder="Search...">
|
||||||
|
<button class="btn" type="submit" aria-label="Search">
|
||||||
|
<i class="fas fa-search header-nav-top-icon"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<partial name="_Head" />
|
||||||
|
@await RenderSectionAsync("styles", required: false)
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body data-plugin-page-transition>
|
||||||
|
|
||||||
|
<div class="body">
|
||||||
|
<partial name="_Header" />
|
||||||
|
|
||||||
|
<div role="main" class="main">
|
||||||
|
<div style="min-height: 720px">
|
||||||
|
@RenderBody()
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<partial name="_Footer" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<partial name="_Scripts" />
|
||||||
|
@await RenderSectionAsync("scripts", required: false)
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,48 @@
|
||||||
|
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
|
||||||
|
for details on configuring this project to bundle and minify static web assets. */
|
||||||
|
|
||||||
|
a.navbar-brand {
|
||||||
|
white-space: normal;
|
||||||
|
text-align: center;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #0077cc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1b6ec2;
|
||||||
|
border-color: #1861ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1b6ec2;
|
||||||
|
border-color: #1861ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-top {
|
||||||
|
border-top: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
.border-bottom {
|
||||||
|
border-bottom: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-shadow {
|
||||||
|
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
|
||||||
|
}
|
||||||
|
|
||||||
|
button.accept-policy {
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
line-height: 60px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<a href="/">
|
||||||
|
<img alt="DLH" width="60" height="60" data-sticky-width="48" data-sticky-height="48" src="/img/logos/logo-dlh.png">
|
||||||
|
</a>
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
<!-- Vendor -->
|
||||||
|
<script src="/vendor/plugins/js/plugins.min.js"></script>
|
||||||
|
|
||||||
|
<!-- Theme Base, Components and Settings -->
|
||||||
|
<script src="/js/theme.js"></script>
|
||||||
|
|
||||||
|
<!-- Theme Custom -->
|
||||||
|
<script src="/js/custom.js"></script>
|
||||||
|
|
||||||
|
<!-- Theme Initialization Files -->
|
||||||
|
<script src="/js/theme.init.js"></script>
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
|
||||||
|
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
@using WebsiteDLH
|
||||||
|
@using WebsiteDLH.Models
|
||||||
|
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
@{
|
||||||
|
Layout = "_Layout";
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
<Project Sdk="Microsoft.NET.Sdk.Web">
|
||||||
|
|
||||||
|
<PropertyGroup>
|
||||||
|
<TargetFramework>net7.0</TargetFramework>
|
||||||
|
<Nullable>enable</Nullable>
|
||||||
|
<ImplicitUsings>enable</ImplicitUsings>
|
||||||
|
</PropertyGroup>
|
||||||
|
|
||||||
|
</Project>
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
|
||||||
|
<PropertyGroup>
|
||||||
|
<ActiveDebugProfile>https</ActiveDebugProfile>
|
||||||
|
</PropertyGroup>
|
||||||
|
</Project>
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
|
||||||
|
Microsoft Visual Studio Solution File, Format Version 12.00
|
||||||
|
# Visual Studio Version 17
|
||||||
|
VisualStudioVersion = 17.6.33829.357
|
||||||
|
MinimumVisualStudioVersion = 10.0.40219.1
|
||||||
|
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "WebsiteDLH", "WebsiteDLH.csproj", "{9857558B-6114-4138-8DFE-057E76E471C1}"
|
||||||
|
EndProject
|
||||||
|
Global
|
||||||
|
GlobalSection(SolutionConfigurationPlatforms) = preSolution
|
||||||
|
Debug|Any CPU = Debug|Any CPU
|
||||||
|
Release|Any CPU = Release|Any CPU
|
||||||
|
EndGlobalSection
|
||||||
|
GlobalSection(ProjectConfigurationPlatforms) = postSolution
|
||||||
|
{9857558B-6114-4138-8DFE-057E76E471C1}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
|
||||||
|
{9857558B-6114-4138-8DFE-057E76E471C1}.Debug|Any CPU.Build.0 = Debug|Any CPU
|
||||||
|
{9857558B-6114-4138-8DFE-057E76E471C1}.Release|Any CPU.ActiveCfg = Release|Any CPU
|
||||||
|
{9857558B-6114-4138-8DFE-057E76E471C1}.Release|Any CPU.Build.0 = Release|Any CPU
|
||||||
|
EndGlobalSection
|
||||||
|
GlobalSection(SolutionProperties) = preSolution
|
||||||
|
HideSolutionNode = FALSE
|
||||||
|
EndGlobalSection
|
||||||
|
GlobalSection(ExtensibilityGlobals) = postSolution
|
||||||
|
SolutionGuid = {EFD73077-88C0-46E4-AD12-3ECACEBDCE3F}
|
||||||
|
EndGlobalSection
|
||||||
|
EndGlobal
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
{
|
||||||
|
"Logging": {
|
||||||
|
"LogLevel": {
|
||||||
|
"Default": "Information",
|
||||||
|
"Microsoft.AspNetCore": "Warning"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
{
|
||||||
|
"Logging": {
|
||||||
|
"LogLevel": {
|
||||||
|
"Default": "Information",
|
||||||
|
"Microsoft.AspNetCore": "Warning"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"AllowedHosts": "*"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
{
|
||||||
|
"runtimeTarget": {
|
||||||
|
"name": ".NETCoreApp,Version=v7.0",
|
||||||
|
"signature": ""
|
||||||
|
},
|
||||||
|
"compilationOptions": {},
|
||||||
|
"targets": {
|
||||||
|
".NETCoreApp,Version=v7.0": {
|
||||||
|
"WebsiteDLH/1.0.0": {
|
||||||
|
"runtime": {
|
||||||
|
"WebsiteDLH.dll": {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"libraries": {
|
||||||
|
"WebsiteDLH/1.0.0": {
|
||||||
|
"type": "project",
|
||||||
|
"serviceable": false,
|
||||||
|
"sha512": ""
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,19 @@
|
||||||
|
{
|
||||||
|
"runtimeOptions": {
|
||||||
|
"tfm": "net7.0",
|
||||||
|
"frameworks": [
|
||||||
|
{
|
||||||
|
"name": "Microsoft.NETCore.App",
|
||||||
|
"version": "7.0.0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Microsoft.AspNetCore.App",
|
||||||
|
"version": "7.0.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"configProperties": {
|
||||||
|
"System.GC.Server": true,
|
||||||
|
"System.Runtime.Serialization.EnableUnsafeBinaryFormatterSerialization": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,8 @@
|
||||||
|
{
|
||||||
|
"Logging": {
|
||||||
|
"LogLevel": {
|
||||||
|
"Default": "Information",
|
||||||
|
"Microsoft.AspNetCore": "Warning"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
{
|
||||||
|
"Logging": {
|
||||||
|
"LogLevel": {
|
||||||
|
"Default": "Information",
|
||||||
|
"Microsoft.AspNetCore": "Warning"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"AllowedHosts": "*"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
// <autogenerated />
|
||||||
|
using System;
|
||||||
|
using System.Reflection;
|
||||||
|
[assembly: global::System.Runtime.Versioning.TargetFrameworkAttribute(".NETCoreApp,Version=v7.0", FrameworkDisplayName = ".NET 7.0")]
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
//------------------------------------------------------------------------------
|
||||||
|
// <auto-generated>
|
||||||
|
// This code was generated by a tool.
|
||||||
|
// Runtime Version:4.0.30319.42000
|
||||||
|
//
|
||||||
|
// Changes to this file may cause incorrect behavior and will be lost if
|
||||||
|
// the code is regenerated.
|
||||||
|
// </auto-generated>
|
||||||
|
//------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
using System;
|
||||||
|
using System.Reflection;
|
||||||
|
|
||||||
|
[assembly: System.Reflection.AssemblyCompanyAttribute("WebsiteDLH")]
|
||||||
|
[assembly: System.Reflection.AssemblyConfigurationAttribute("Debug")]
|
||||||
|
[assembly: System.Reflection.AssemblyFileVersionAttribute("1.0.0.0")]
|
||||||
|
[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0")]
|
||||||
|
[assembly: System.Reflection.AssemblyProductAttribute("WebsiteDLH")]
|
||||||
|
[assembly: System.Reflection.AssemblyTitleAttribute("WebsiteDLH")]
|
||||||
|
[assembly: System.Reflection.AssemblyVersionAttribute("1.0.0.0")]
|
||||||
|
|
||||||
|
// Generated by the MSBuild WriteCodeFragment class.
|
||||||
|
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
5268cb360121c5b2629aacaa89a4c7701a6f3905
|
||||||
|
|
@ -0,0 +1,77 @@
|
||||||
|
is_global = true
|
||||||
|
build_property.TargetFramework = net7.0
|
||||||
|
build_property.TargetPlatformMinVersion =
|
||||||
|
build_property.UsingMicrosoftNETSdkWeb = true
|
||||||
|
build_property.ProjectTypeGuids =
|
||||||
|
build_property.InvariantGlobalization =
|
||||||
|
build_property.PlatformNeutralAssembly =
|
||||||
|
build_property.EnforceExtendedAnalyzerRules =
|
||||||
|
build_property._SupportedPlatformList = Linux,macOS,Windows
|
||||||
|
build_property.RootNamespace = WebsiteDLH
|
||||||
|
build_property.RootNamespace = WebsiteDLH
|
||||||
|
build_property.ProjectDir = C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\
|
||||||
|
build_property.RazorLangVersion = 7.0
|
||||||
|
build_property.SupportLocalizedComponentNames =
|
||||||
|
build_property.GenerateRazorMetadataSourceChecksumAttributes =
|
||||||
|
build_property.MSBuildProjectDirectory = C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH
|
||||||
|
build_property._RazorSourceGeneratorDebug =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/BidangSudinUPT.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxCaWRhbmdTdWRpblVQVC5jc2h0bWw=
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Index.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxJbmRleC5jc2h0bWw=
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/ListArticle.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxMaXN0QXJ0aWNsZS5jc2h0bWw=
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Page.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxQYWdlLmNzaHRtbA==
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/StrukturOrganisasi.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxTdHJ1a3R1ck9yZ2FuaXNhc2kuY3NodG1s
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/Error.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXEVycm9yLmNzaHRtbA==
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Footer.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9Gb290ZXIuY3NodG1s
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Head.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9IZWFkLmNzaHRtbA==
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Header.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9IZWFkZXIuY3NodG1s
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Logo.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9Mb2dvLmNzaHRtbA==
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Scripts.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9TY3JpcHRzLmNzaHRtbA==
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_ValidationScriptsPartial.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9WYWxpZGF0aW9uU2NyaXB0c1BhcnRpYWwuY3NodG1s
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/_ViewImports.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcX1ZpZXdJbXBvcnRzLmNzaHRtbA==
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/_ViewStart.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcX1ZpZXdTdGFydC5jc2h0bWw=
|
||||||
|
build_metadata.AdditionalFiles.CssScope =
|
||||||
|
|
||||||
|
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Layout.cshtml]
|
||||||
|
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9MYXlvdXQuY3NodG1s
|
||||||
|
build_metadata.AdditionalFiles.CssScope = b-wd3op8ae4n
|
||||||
|
|
@ -0,0 +1,17 @@
|
||||||
|
// <auto-generated/>
|
||||||
|
global using global::Microsoft.AspNetCore.Builder;
|
||||||
|
global using global::Microsoft.AspNetCore.Hosting;
|
||||||
|
global using global::Microsoft.AspNetCore.Http;
|
||||||
|
global using global::Microsoft.AspNetCore.Routing;
|
||||||
|
global using global::Microsoft.Extensions.Configuration;
|
||||||
|
global using global::Microsoft.Extensions.DependencyInjection;
|
||||||
|
global using global::Microsoft.Extensions.Hosting;
|
||||||
|
global using global::Microsoft.Extensions.Logging;
|
||||||
|
global using global::System;
|
||||||
|
global using global::System.Collections.Generic;
|
||||||
|
global using global::System.IO;
|
||||||
|
global using global::System.Linq;
|
||||||
|
global using global::System.Net.Http;
|
||||||
|
global using global::System.Net.Http.Json;
|
||||||
|
global using global::System.Threading;
|
||||||
|
global using global::System.Threading.Tasks;
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
5860763757f4f08c7ebdea1b3a94a18109f17861
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
//------------------------------------------------------------------------------
|
||||||
|
// <auto-generated>
|
||||||
|
// This code was generated by a tool.
|
||||||
|
// Runtime Version:4.0.30319.42000
|
||||||
|
//
|
||||||
|
// Changes to this file may cause incorrect behavior and will be lost if
|
||||||
|
// the code is regenerated.
|
||||||
|
// </auto-generated>
|
||||||
|
//------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
using System;
|
||||||
|
using System.Reflection;
|
||||||
|
|
||||||
|
[assembly: Microsoft.AspNetCore.Mvc.ApplicationParts.ProvideApplicationPartFactoryAttribute("Microsoft.AspNetCore.Mvc.ApplicationParts.ConsolidatedAssemblyApplicationPartFact" +
|
||||||
|
"ory, Microsoft.AspNetCore.Mvc.Razor")]
|
||||||
|
|
||||||
|
// Generated by the MSBuild WriteCodeFragment class.
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1 @@
|
||||||
|
8111c495d28d8298410c86d074f830534ad4852e
|
||||||
|
|
@ -0,0 +1,31 @@
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\appsettings.Development.json
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\appsettings.json
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.staticwebassets.runtime.json
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.exe
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.deps.json
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.runtimeconfig.json
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.dll
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.pdb
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.csproj.AssemblyReference.cache
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.GeneratedMSBuildEditorConfig.editorconfig
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.AssemblyInfoInputs.cache
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.AssemblyInfo.cs
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.csproj.CoreCompileInputs.cache
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.MvcApplicationPartsAssemblyInfo.cache
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.RazorAssemblyInfo.cache
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.RazorAssemblyInfo.cs
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets\msbuild.WebsiteDLH.Microsoft.AspNetCore.StaticWebAssets.props
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets\msbuild.build.WebsiteDLH.props
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets\msbuild.buildMultiTargeting.WebsiteDLH.props
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets\msbuild.buildTransitive.WebsiteDLH.props
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets.pack.json
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets.build.json
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets.development.json
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\scopedcss\Views\Shared\_Layout.cshtml.rz.scp.css
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\scopedcss\bundle\WebsiteDLH.styles.css
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\scopedcss\projectbundle\WebsiteDLH.bundle.scp.css
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.dll
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\refint\WebsiteDLH.dll
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.pdb
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.genruntimeconfig.cache
|
||||||
|
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\ref\WebsiteDLH.dll
|
||||||
Binary file not shown.
|
|
@ -0,0 +1 @@
|
||||||
|
612ef13f4e47c5d116c9d6804f31041a37f66ab2
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,48 @@
|
||||||
|
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
|
||||||
|
for details on configuring this project to bundle and minify static web assets. */
|
||||||
|
|
||||||
|
a.navbar-brand[b-wd3op8ae4n] {
|
||||||
|
white-space: normal;
|
||||||
|
text-align: center;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
a[b-wd3op8ae4n] {
|
||||||
|
color: #0077cc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary[b-wd3op8ae4n] {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1b6ec2;
|
||||||
|
border-color: #1861ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-pills .nav-link.active[b-wd3op8ae4n], .nav-pills .show > .nav-link[b-wd3op8ae4n] {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1b6ec2;
|
||||||
|
border-color: #1861ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-top[b-wd3op8ae4n] {
|
||||||
|
border-top: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
.border-bottom[b-wd3op8ae4n] {
|
||||||
|
border-bottom: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-shadow[b-wd3op8ae4n] {
|
||||||
|
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
|
||||||
|
}
|
||||||
|
|
||||||
|
button.accept-policy[b-wd3op8ae4n] {
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer[b-wd3op8ae4n] {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
line-height: 60px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,49 @@
|
||||||
|
/* _content/WebsiteDLH/Views/Shared/_Layout.cshtml.rz.scp.css */
|
||||||
|
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
|
||||||
|
for details on configuring this project to bundle and minify static web assets. */
|
||||||
|
|
||||||
|
a.navbar-brand[b-wd3op8ae4n] {
|
||||||
|
white-space: normal;
|
||||||
|
text-align: center;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
a[b-wd3op8ae4n] {
|
||||||
|
color: #0077cc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary[b-wd3op8ae4n] {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1b6ec2;
|
||||||
|
border-color: #1861ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-pills .nav-link.active[b-wd3op8ae4n], .nav-pills .show > .nav-link[b-wd3op8ae4n] {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1b6ec2;
|
||||||
|
border-color: #1861ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-top[b-wd3op8ae4n] {
|
||||||
|
border-top: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
.border-bottom[b-wd3op8ae4n] {
|
||||||
|
border-bottom: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-shadow[b-wd3op8ae4n] {
|
||||||
|
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
|
||||||
|
}
|
||||||
|
|
||||||
|
button.accept-policy[b-wd3op8ae4n] {
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer[b-wd3op8ae4n] {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
line-height: 60px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,49 @@
|
||||||
|
/* _content/WebsiteDLH/Views/Shared/_Layout.cshtml.rz.scp.css */
|
||||||
|
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
|
||||||
|
for details on configuring this project to bundle and minify static web assets. */
|
||||||
|
|
||||||
|
a.navbar-brand[b-wd3op8ae4n] {
|
||||||
|
white-space: normal;
|
||||||
|
text-align: center;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
a[b-wd3op8ae4n] {
|
||||||
|
color: #0077cc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary[b-wd3op8ae4n] {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1b6ec2;
|
||||||
|
border-color: #1861ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-pills .nav-link.active[b-wd3op8ae4n], .nav-pills .show > .nav-link[b-wd3op8ae4n] {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1b6ec2;
|
||||||
|
border-color: #1861ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-top[b-wd3op8ae4n] {
|
||||||
|
border-top: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
.border-bottom[b-wd3op8ae4n] {
|
||||||
|
border-bottom: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-shadow[b-wd3op8ae4n] {
|
||||||
|
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
|
||||||
|
}
|
||||||
|
|
||||||
|
button.accept-policy[b-wd3op8ae4n] {
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer[b-wd3op8ae4n] {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
line-height: 60px;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,3 @@
|
||||||
|
<Project>
|
||||||
|
<Import Project="Microsoft.AspNetCore.StaticWebAssets.props" />
|
||||||
|
</Project>
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<Project>
|
||||||
|
<Import Project="..\build\WebsiteDLH.props" />
|
||||||
|
</Project>
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<Project>
|
||||||
|
<Import Project="..\buildMultiTargeting\WebsiteDLH.props" />
|
||||||
|
</Project>
|
||||||
|
|
@ -0,0 +1,72 @@
|
||||||
|
{
|
||||||
|
"format": 1,
|
||||||
|
"restore": {
|
||||||
|
"C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj": {}
|
||||||
|
},
|
||||||
|
"projects": {
|
||||||
|
"C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"restore": {
|
||||||
|
"projectUniqueName": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj",
|
||||||
|
"projectName": "WebsiteDLH",
|
||||||
|
"projectPath": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj",
|
||||||
|
"packagesPath": "C:\\Users\\hellogung\\.nuget\\packages\\",
|
||||||
|
"outputPath": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\obj\\",
|
||||||
|
"projectStyle": "PackageReference",
|
||||||
|
"fallbackFolders": [
|
||||||
|
"C:\\Program Files (x86)\\Microsoft Visual Studio\\Shared\\NuGetPackages"
|
||||||
|
],
|
||||||
|
"configFilePaths": [
|
||||||
|
"C:\\Users\\hellogung\\AppData\\Roaming\\NuGet\\NuGet.Config",
|
||||||
|
"C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.FallbackLocation.config",
|
||||||
|
"C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.Offline.config"
|
||||||
|
],
|
||||||
|
"originalTargetFrameworks": [
|
||||||
|
"net7.0"
|
||||||
|
],
|
||||||
|
"sources": {
|
||||||
|
"C:\\Program Files (x86)\\Microsoft SDKs\\NuGetPackages\\": {},
|
||||||
|
"C:\\Program Files\\dotnet\\library-packs": {},
|
||||||
|
"C:\\Program Files\\dotnet\\sdk\\7.0.306\\Sdks\\Microsoft.NET.Sdk.Web\\library-packs": {},
|
||||||
|
"https://api.nuget.org/v3/index.json": {}
|
||||||
|
},
|
||||||
|
"frameworks": {
|
||||||
|
"net7.0": {
|
||||||
|
"targetAlias": "net7.0",
|
||||||
|
"projectReferences": {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"warningProperties": {
|
||||||
|
"warnAsError": [
|
||||||
|
"NU1605"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"frameworks": {
|
||||||
|
"net7.0": {
|
||||||
|
"targetAlias": "net7.0",
|
||||||
|
"imports": [
|
||||||
|
"net461",
|
||||||
|
"net462",
|
||||||
|
"net47",
|
||||||
|
"net471",
|
||||||
|
"net472",
|
||||||
|
"net48",
|
||||||
|
"net481"
|
||||||
|
],
|
||||||
|
"assetTargetFallback": true,
|
||||||
|
"warn": true,
|
||||||
|
"frameworkReferences": {
|
||||||
|
"Microsoft.AspNetCore.App": {
|
||||||
|
"privateAssets": "none"
|
||||||
|
},
|
||||||
|
"Microsoft.NETCore.App": {
|
||||||
|
"privateAssets": "all"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"runtimeIdentifierGraphPath": "C:\\Program Files\\dotnet\\sdk\\7.0.306\\RuntimeIdentifierGraph.json"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8" standalone="no"?>
|
||||||
|
<Project ToolsVersion="14.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
|
||||||
|
<PropertyGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
|
||||||
|
<RestoreSuccess Condition=" '$(RestoreSuccess)' == '' ">True</RestoreSuccess>
|
||||||
|
<RestoreTool Condition=" '$(RestoreTool)' == '' ">NuGet</RestoreTool>
|
||||||
|
<ProjectAssetsFile Condition=" '$(ProjectAssetsFile)' == '' ">$(MSBuildThisFileDirectory)project.assets.json</ProjectAssetsFile>
|
||||||
|
<NuGetPackageRoot Condition=" '$(NuGetPackageRoot)' == '' ">$(UserProfile)\.nuget\packages\</NuGetPackageRoot>
|
||||||
|
<NuGetPackageFolders Condition=" '$(NuGetPackageFolders)' == '' ">C:\Users\hellogung\.nuget\packages\;C:\Program Files (x86)\Microsoft Visual Studio\Shared\NuGetPackages</NuGetPackageFolders>
|
||||||
|
<NuGetProjectStyle Condition=" '$(NuGetProjectStyle)' == '' ">PackageReference</NuGetProjectStyle>
|
||||||
|
<NuGetToolVersion Condition=" '$(NuGetToolVersion)' == '' ">6.6.0</NuGetToolVersion>
|
||||||
|
</PropertyGroup>
|
||||||
|
<ItemGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
|
||||||
|
<SourceRoot Include="C:\Users\hellogung\.nuget\packages\" />
|
||||||
|
<SourceRoot Include="C:\Program Files (x86)\Microsoft Visual Studio\Shared\NuGetPackages\" />
|
||||||
|
</ItemGroup>
|
||||||
|
</Project>
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8" standalone="no"?>
|
||||||
|
<Project ToolsVersion="14.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003" />
|
||||||
|
|
@ -0,0 +1,78 @@
|
||||||
|
{
|
||||||
|
"version": 3,
|
||||||
|
"targets": {
|
||||||
|
"net7.0": {}
|
||||||
|
},
|
||||||
|
"libraries": {},
|
||||||
|
"projectFileDependencyGroups": {
|
||||||
|
"net7.0": []
|
||||||
|
},
|
||||||
|
"packageFolders": {
|
||||||
|
"C:\\Users\\hellogung\\.nuget\\packages\\": {},
|
||||||
|
"C:\\Program Files (x86)\\Microsoft Visual Studio\\Shared\\NuGetPackages": {}
|
||||||
|
},
|
||||||
|
"project": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"restore": {
|
||||||
|
"projectUniqueName": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj",
|
||||||
|
"projectName": "WebsiteDLH",
|
||||||
|
"projectPath": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj",
|
||||||
|
"packagesPath": "C:\\Users\\hellogung\\.nuget\\packages\\",
|
||||||
|
"outputPath": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\obj\\",
|
||||||
|
"projectStyle": "PackageReference",
|
||||||
|
"fallbackFolders": [
|
||||||
|
"C:\\Program Files (x86)\\Microsoft Visual Studio\\Shared\\NuGetPackages"
|
||||||
|
],
|
||||||
|
"configFilePaths": [
|
||||||
|
"C:\\Users\\hellogung\\AppData\\Roaming\\NuGet\\NuGet.Config",
|
||||||
|
"C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.FallbackLocation.config",
|
||||||
|
"C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.Offline.config"
|
||||||
|
],
|
||||||
|
"originalTargetFrameworks": [
|
||||||
|
"net7.0"
|
||||||
|
],
|
||||||
|
"sources": {
|
||||||
|
"C:\\Program Files (x86)\\Microsoft SDKs\\NuGetPackages\\": {},
|
||||||
|
"C:\\Program Files\\dotnet\\library-packs": {},
|
||||||
|
"C:\\Program Files\\dotnet\\sdk\\7.0.306\\Sdks\\Microsoft.NET.Sdk.Web\\library-packs": {},
|
||||||
|
"https://api.nuget.org/v3/index.json": {}
|
||||||
|
},
|
||||||
|
"frameworks": {
|
||||||
|
"net7.0": {
|
||||||
|
"targetAlias": "net7.0",
|
||||||
|
"projectReferences": {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"warningProperties": {
|
||||||
|
"warnAsError": [
|
||||||
|
"NU1605"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"frameworks": {
|
||||||
|
"net7.0": {
|
||||||
|
"targetAlias": "net7.0",
|
||||||
|
"imports": [
|
||||||
|
"net461",
|
||||||
|
"net462",
|
||||||
|
"net47",
|
||||||
|
"net471",
|
||||||
|
"net472",
|
||||||
|
"net48",
|
||||||
|
"net481"
|
||||||
|
],
|
||||||
|
"assetTargetFallback": true,
|
||||||
|
"warn": true,
|
||||||
|
"frameworkReferences": {
|
||||||
|
"Microsoft.AspNetCore.App": {
|
||||||
|
"privateAssets": "none"
|
||||||
|
},
|
||||||
|
"Microsoft.NETCore.App": {
|
||||||
|
"privateAssets": "all"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"runtimeIdentifierGraphPath": "C:\\Program Files\\dotnet\\sdk\\7.0.306\\RuntimeIdentifierGraph.json"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
{
|
||||||
|
"version": 2,
|
||||||
|
"dgSpecHash": "2Qz44edxesU6vDU8ONZVwbcJF+gWz2ZD5AHT5mx9Im/jqWVS1kku+Qw0uz1UJvl1vRNHSqqQIGwhOeD6qkmM0Q==",
|
||||||
|
"success": true,
|
||||||
|
"projectFilePath": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj",
|
||||||
|
"expectedPackageFiles": [],
|
||||||
|
"logs": []
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,42 @@
|
||||||
|
#header .header-body {
|
||||||
|
background-color: rgba(255, 255, 255, 0.85);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
#content p,
|
||||||
|
#content a,
|
||||||
|
#content li {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content ol li,
|
||||||
|
#content ul li {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overflow-ellipsis-1 {
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
-webkit-line-clamp: 1; /* Atur jumlah baris yang diinginkan */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.overflow-ellipsis-2 {
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
-webkit-line-clamp: 2; /* Atur jumlah baris yang diinginkan */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.overflow-ellipsis-3 {
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
-webkit-line-clamp: 3; /* Atur jumlah baris yang diinginkan */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,299 @@
|
||||||
|
html, body, .body {
|
||||||
|
max-width: 100%;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-size-1 {
|
||||||
|
font-size: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-font-size-1 {
|
||||||
|
font-size: 70px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline {
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-stroke-text-effect-1 {
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
-webkit-text-stroke-width: 1px;
|
||||||
|
-webkit-text-stroke-color: #777;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-carousel-1 {
|
||||||
|
position: relative;
|
||||||
|
background: url(../../img/demos/app-landing/backgrounds/bg-smartphone.png);
|
||||||
|
width: 344px;
|
||||||
|
height: 636px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-carousel-1 .owl-carousel {
|
||||||
|
padding: 72px 0 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-carousel-1 .owl-carousel .owl-nav button.owl-next:before {
|
||||||
|
font-size: 32px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-carousel-1 .owl-carousel .owl-nav button.owl-prev {
|
||||||
|
left: -12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-carousel-1 .owl-carousel .owl-nav button.owl-prev:before {
|
||||||
|
font-size: 32px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-call-to-action {
|
||||||
|
margin-left: 50px;
|
||||||
|
margin-right: 50px;
|
||||||
|
border-radius: 70px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-feature-box-1 .feature-box-icon {
|
||||||
|
width: 4.5em;
|
||||||
|
height: 4.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-feature-box-1 .feature-box-icon:after {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-img-1 {
|
||||||
|
position: absolute;
|
||||||
|
top: -35%;
|
||||||
|
right: -25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-1 {
|
||||||
|
position: absolute;
|
||||||
|
right: -200%;
|
||||||
|
top: -60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-svg-1 {
|
||||||
|
right: -78%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-svg-1 {
|
||||||
|
right: -45%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1440px) {
|
||||||
|
.custom-svg-1 {
|
||||||
|
right: -35%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1680px) {
|
||||||
|
.custom-svg-1 {
|
||||||
|
right: -21%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-2 {
|
||||||
|
position: absolute;
|
||||||
|
left: -120%;
|
||||||
|
top: -207%;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-svg-2 {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-svg-2 {
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1440px) {
|
||||||
|
.custom-svg-2 {
|
||||||
|
left: -75%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1680px) {
|
||||||
|
.custom-svg-2 {
|
||||||
|
left: -55%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-3 {
|
||||||
|
position: absolute;
|
||||||
|
right: -120%;
|
||||||
|
top: 12%;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-svg-3 {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-svg-3 {
|
||||||
|
right: -100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1440px) {
|
||||||
|
.custom-svg-3 {
|
||||||
|
right: -75%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1680px) {
|
||||||
|
.custom-svg-3 {
|
||||||
|
right: -55%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-4 {
|
||||||
|
position: absolute;
|
||||||
|
left: -120%;
|
||||||
|
top: 0%;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-svg-4 {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-svg-4 {
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1440px) {
|
||||||
|
.custom-svg-4 {
|
||||||
|
left: -75%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1680px) {
|
||||||
|
.custom-svg-4 {
|
||||||
|
left: -55%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-el {
|
||||||
|
position: absolute;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-el {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-el-circle {
|
||||||
|
border: 2px solid #CCC;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-el-rounded-rectangle {
|
||||||
|
border: 2px solid #CCC;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-el-blur-1 {
|
||||||
|
filter: blur(1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-el-blur-2 {
|
||||||
|
filter: blur(2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-rotate-45 {
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-steps-icons {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-steps-icons .custom-steps-icon {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-steps-icons .custom-steps-icon .animated-icon {
|
||||||
|
border: 1px solid #d9d9d9;
|
||||||
|
padding: 14px;
|
||||||
|
border-radius: 50%;
|
||||||
|
max-width: 105px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-steps-icons .custom-steps-icon h4 {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: -0.5px;
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-steps-icons .custom-steps-icon h4 {
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-steps-icons .custom-steps-connect {
|
||||||
|
position: relative;
|
||||||
|
min-width: 115px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-steps-icons .custom-steps-connect-dots {
|
||||||
|
position: absolute;
|
||||||
|
top: 15%;
|
||||||
|
left: 5px;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-steps-icons .custom-steps-connect-dots {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-steps-icons .custom-steps-connect-point {
|
||||||
|
position: absolute;
|
||||||
|
top: 15%;
|
||||||
|
left: 98px;
|
||||||
|
margin-top: 15px;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-steps-icons .custom-steps-connect-point {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,585 @@
|
||||||
|
body {
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6, .btn {
|
||||||
|
font-family: 'Overpass', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-container-style {
|
||||||
|
max-width: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-container-style {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-container-style-2 {
|
||||||
|
max-width: 78%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-container-style-3 {
|
||||||
|
min-width: 85vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 576px) {
|
||||||
|
.custom-container-style-3 {
|
||||||
|
min-width: 540px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.custom-container-style-3 {
|
||||||
|
min-width: 720px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-container-style-3 {
|
||||||
|
min-width: 960px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-container-style-3 {
|
||||||
|
min-width: 1140px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1440px) {
|
||||||
|
.custom-container-style-3 {
|
||||||
|
min-width: 1440px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-container-position-1 {
|
||||||
|
position: relative;
|
||||||
|
transform: translate3d(-50%, 0, 0);
|
||||||
|
left: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-bg-grey-1 {
|
||||||
|
background: #747473 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-margin-top {
|
||||||
|
margin-top: 170px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.custom-margin-top {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-margin-top {
|
||||||
|
margin-top: -80px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-page-wrapper {
|
||||||
|
padding-left: 6.4vw;
|
||||||
|
padding-right: 6.4vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-secondary {
|
||||||
|
font-family: 'Overpass', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-tertiary {
|
||||||
|
font-family: 'PT Serif', serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-style-1 {
|
||||||
|
position: relative;
|
||||||
|
border-radius: 0;
|
||||||
|
left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-style-1:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: -5px;
|
||||||
|
right: -5px;
|
||||||
|
bottom: -5px;
|
||||||
|
left: -5px;
|
||||||
|
border: 1px solid #CCC;
|
||||||
|
transition: ease all 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-style-1:hover:before {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-style-1.custom-btn-style-1-right {
|
||||||
|
left: auto;
|
||||||
|
right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-box-shadow-1 {
|
||||||
|
box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-stroke-text-effect-1 {
|
||||||
|
-webkit-text-fill-color: #FFF;
|
||||||
|
-webkit-text-stroke-width: 1px;
|
||||||
|
-webkit-text-stroke-color: #CCC;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-big-font-size-1 {
|
||||||
|
font-size: 147.2px;
|
||||||
|
font-size: 9.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-big-font-size-2 {
|
||||||
|
font-size: 187.2px;
|
||||||
|
font-size: 11.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-big-font-size-3 {
|
||||||
|
font-size: 115.2px;
|
||||||
|
font-size: 7.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-img-thumbnail-style-1:before {
|
||||||
|
border-radius: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-ls-1 {
|
||||||
|
letter-spacing: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-link-effect-1 {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-link-effect-1:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 1px;
|
||||||
|
border-bottom: 2px solid #CCC;
|
||||||
|
transition: ease width 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-link-effect-1:hover:after, .custom-link-effect-1.active:after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes customFadeFlipAnim {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-20px) perspective(600px) rotateX(10deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0) perspective(600px) rotateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.customFadeFlipAnim {
|
||||||
|
animation-name: customFadeFlipAnim;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header
|
||||||
|
*/
|
||||||
|
html.sticky-header-active #header .header-body {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .header-nav-main nav > ul > li .dropdown-menu {
|
||||||
|
border-radius: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav {
|
||||||
|
flex: 0 auto;
|
||||||
|
}
|
||||||
|
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
|
||||||
|
background: #FFF !important;
|
||||||
|
}
|
||||||
|
#header .header-nav.header-nav-line nav > ul li:hover > a {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
#header .header-nav.header-nav-line nav > ul li:hover > a:before {
|
||||||
|
background: #FFF !important;
|
||||||
|
}
|
||||||
|
#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before,
|
||||||
|
#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before {
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
font-family: 'Overpass', sans-serif;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: 'Overpass', sans-serif;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
#header .header-container {
|
||||||
|
padding: 0 6.5vw;
|
||||||
|
}
|
||||||
|
#header.header-transparent .header-nav-main nav {
|
||||||
|
padding: 0 6.4vw !important;
|
||||||
|
}
|
||||||
|
html.sticky-header-active #header.header-transparent .header-nav-main nav {
|
||||||
|
padding: 0 6.4vw !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header Search
|
||||||
|
*/
|
||||||
|
#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {
|
||||||
|
border-bottom-color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Slider
|
||||||
|
*/
|
||||||
|
.custom-slider-background {
|
||||||
|
display: flex;
|
||||||
|
align-items: stretch;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 6.4vw;
|
||||||
|
right: 6.4vw;
|
||||||
|
bottom: 0;
|
||||||
|
transform: translate3d(0, 103px, 0);
|
||||||
|
opacity: 0;
|
||||||
|
transition: ease box-shadow 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-slider-background .custom-slider-background-image-stage-outer {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
position: relative;
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-slider-background .custom-slider-background-image-stage-outer .custom-slider-background-image-stage {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-slider-background .custom-slider-background-image-stage-outer .custom-slider-background-image-stage .custom-slider-background-image-item {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-slider-background.show {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-slider-background.show .custom-slider-background-image-stage-outer .custom-slider-background-image-stage {
|
||||||
|
transition: ease transform 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-slider-background .custom-slider-background-image-stage-outer {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.custom-slider-background .custom-slider-background-image-stage-outer:nth-child(2) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#slider .owl-nav {
|
||||||
|
transition: ease opacity 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
#slider .owl-nav.hide {
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#slider .owl-nav.show {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-sticky-header-transform .custom-slider-background {
|
||||||
|
transform: translate3d(0, 136px, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-sticky-header-transform + #footer {
|
||||||
|
margin-top: -33px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Breadcrumb
|
||||||
|
*/
|
||||||
|
.custom-breadcrumb-style-1.breadcrumb > li + li:before {
|
||||||
|
content: "\f054";
|
||||||
|
font-size: 14.4px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Card
|
||||||
|
*/
|
||||||
|
.custom-card-style-1 {
|
||||||
|
transition: ease background-color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-1:hover {
|
||||||
|
background-color: #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-1:hover p {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel
|
||||||
|
*/
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.custom-dots-position .owl-dots {
|
||||||
|
top: calc(50% + 275px) !important;
|
||||||
|
transform: translate3d(0px, 0, 0px) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) and (max-width: 991px) {
|
||||||
|
.custom-dots-position .owl-dots {
|
||||||
|
top: calc(50% + 225px) !important;
|
||||||
|
transform: translate3d(0px, 0, 0px) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1 .owl-dots {
|
||||||
|
margin-top: 20px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1 .owl-dots .owl-dot span {
|
||||||
|
background: transparent;
|
||||||
|
border: 1px solid #CCC;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1 .owl-dots .owl-dot:hover span, .custom-dots-style-1 .owl-dots .owl-dot.active span {
|
||||||
|
background: #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot span {
|
||||||
|
border-color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot:hover span, .custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot.active span {
|
||||||
|
background: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-hide-prev-nav .owl-nav .owl-prev {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-nav-grey.owl-carousel.nav-style-1 .owl-nav .owl-prev,
|
||||||
|
.custom-nav-grey.owl-carousel.nav-style-1 .owl-nav .owl-next {
|
||||||
|
color: #aaaaaa !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Section
|
||||||
|
*/
|
||||||
|
.custom-section {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-section .custom-section-left-content,
|
||||||
|
.custom-section .custom-section-right-content {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-section .custom-section-middle-content {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 -70px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.custom-section .custom-section-left-content,
|
||||||
|
.custom-section .custom-section-right-content {
|
||||||
|
display: block;
|
||||||
|
width: 34vw;
|
||||||
|
}
|
||||||
|
.custom-section .custom-section-middle-content {
|
||||||
|
width: 50vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-section .custom-section-left-content,
|
||||||
|
.custom-section .custom-section-right-content {
|
||||||
|
width: 34vw;
|
||||||
|
}
|
||||||
|
.custom-section .custom-section-middle-content {
|
||||||
|
width: 40vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Heading Style
|
||||||
|
*/
|
||||||
|
.custom-heading-style-1 {
|
||||||
|
position: relative;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-heading-style-1 .custom-heading-style-1-step {
|
||||||
|
position: absolute;
|
||||||
|
font-size: 4.5em;
|
||||||
|
font-weight: 900;
|
||||||
|
font-family: 'Overpass', sans-serif;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
opacity: 0.1;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-heading-style-1 .custom-heading-style-1-text {
|
||||||
|
position: relative;
|
||||||
|
letter-spacing: 4.5px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Testimonial
|
||||||
|
*/
|
||||||
|
.custom-testimonial-quote.testimonial.testimonial-with-quotes blockquote:before {
|
||||||
|
content: '\f10d';
|
||||||
|
font-family: "Font Awesome 6 Free";
|
||||||
|
font-weight: 900;
|
||||||
|
font-size: 22.4px;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Page Header
|
||||||
|
*/
|
||||||
|
.custom-page-header-1 {
|
||||||
|
padding: 0 6.4vw !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-page-header-1 .custom-page-header-1-wrapper {
|
||||||
|
transform: translate3d(0, 103px, 0);
|
||||||
|
transition: ease box-shadow 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Load More
|
||||||
|
*/
|
||||||
|
.load-more-loader {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Sort Navigation
|
||||||
|
*/
|
||||||
|
.custom-nav-filter > li > a {
|
||||||
|
color: #212121 !important;
|
||||||
|
background: transparent !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
padding: 0 4px;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 14.4px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-nav-filter > li.active > a {
|
||||||
|
border-bottom: 1px solid #CCC !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-nav-filter > li + li {
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Contact Form
|
||||||
|
*/
|
||||||
|
.custom-form-style-1 .form-control {
|
||||||
|
height: calc(1.8em + 1.85rem + 2px);
|
||||||
|
padding: 15.6px 20px;
|
||||||
|
padding: 0.975rem 1.25rem;
|
||||||
|
background: #f7f7f7;
|
||||||
|
border-color: #f7f7f7;
|
||||||
|
line-height: 1.5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control:focus {
|
||||||
|
border-color: #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control::-webkit-input-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control::-moz-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control:-ms-input-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select {
|
||||||
|
color: #495057;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select option {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select option[selected] {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 textarea.form-control {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Footer
|
||||||
|
*/
|
||||||
|
#footer p, #footer li, #footer span, #footer a:not(.btn):not(.no-footer-css) {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .footer-copyright p {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,191 @@
|
||||||
|
body {
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-primary {
|
||||||
|
font-family: 'Poppins', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-secondary {
|
||||||
|
font-family: 'Montserrat', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-negative-margin-top {
|
||||||
|
margin-top: -150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-box-shadow-1 {
|
||||||
|
box-shadow: 0px 0px 100px -27px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-pos-1 {
|
||||||
|
transform: translate3d(0, 100%, 0);
|
||||||
|
margin-top: -37px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-size-1 {
|
||||||
|
font-size: 6.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-color-grey-1 {
|
||||||
|
color: #777 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-border-color-grey {
|
||||||
|
border-color: #43474A !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-transition-1 rect {
|
||||||
|
transition: ease all 3s !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) and (max-width: 1530px) {
|
||||||
|
.custom-responsive-text-size-1 {
|
||||||
|
font-size: 0.8rem !important;
|
||||||
|
line-height: 1.5 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1440px) {
|
||||||
|
.custom-responsive-m-p-x {
|
||||||
|
margin-right: 3rem !important;
|
||||||
|
margin-left: 3rem !important;
|
||||||
|
padding-right: 3rem !important;
|
||||||
|
padding-left: 3rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-plus {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-plus:before {
|
||||||
|
content: '+';
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
right: -23px;
|
||||||
|
font-size: 0.4em;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-square-1 {
|
||||||
|
position: absolute;
|
||||||
|
top: -10px;
|
||||||
|
left: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-square-1 rect {
|
||||||
|
fill-opacity: 0;
|
||||||
|
stroke-dasharray: 1550;
|
||||||
|
stroke-dashoffset: 1550;
|
||||||
|
transition: ease all 2000ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-square-1 rect.appear-animation-visible {
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-square-1.custom-square-top-right {
|
||||||
|
right: -10px;
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-square-1.custom-square-1-no-pos {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-square-1.custom-square-1-no-pos rect.appear-animation-visible {
|
||||||
|
fill-opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-mobile-square-thickness rect {
|
||||||
|
stroke-width: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lineProgressFrom {
|
||||||
|
stroke-dashoffset: 1550 !important;
|
||||||
|
transition: ease stroke-dashoffset 8s !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lineProgressTo {
|
||||||
|
stroke-dashoffset: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lineProgressAndFillFrom {
|
||||||
|
stroke-dashoffset: 1550;
|
||||||
|
fill-opacity: 0;
|
||||||
|
transition: ease stroke-dashoffset 3s, ease fill-opacity 1s 2s !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lineProgressAndFillTo {
|
||||||
|
stroke-dashoffset: 300;
|
||||||
|
fill-opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-color-1 {
|
||||||
|
border-color: #43474A !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-color-1:hover {
|
||||||
|
border-color: #212529 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-style-1.btn-dark {
|
||||||
|
background: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-style-1.btn-dark:hover {
|
||||||
|
background: #212529 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active-revslide .custom-square-1 rect {
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-featured-boxes-style-1 .featured-box .box-content {
|
||||||
|
padding: 60.8px 28.8px;
|
||||||
|
padding: 3.8rem 1.8rem;
|
||||||
|
border: 7px solid #43474A;
|
||||||
|
transition: ease border-color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-featured-boxes-style-1 .featured-box .box-content svg {
|
||||||
|
width: 88px;
|
||||||
|
height: auto;
|
||||||
|
fill: #FFF;
|
||||||
|
transition: ease fill 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-thumb-info-style-1.thumb-info-bottom-info-dark-linear .thumb-info-title {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-thumb-info-style-1.thumb-info-bottom-info .thumb-info-title {
|
||||||
|
padding: 36.8px;
|
||||||
|
padding: 2.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-nav-size-1 .owl-nav .owl-prev, .owl-carousel.custom-nav-size-1 .owl-nav .owl-next {
|
||||||
|
font-size: 22.4px;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover .custom-square-1 rect {
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card.custom-card-style-1 {
|
||||||
|
background: transparent;
|
||||||
|
border: 7px solid #43474A;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inner-page .main {
|
||||||
|
padding-top: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header.side-header-hide [data-plugin-scrollable] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,528 @@
|
||||||
|
body {
|
||||||
|
font-family: "Poppins", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
|
||||||
|
max-width: 1200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-border-radius-1 {
|
||||||
|
border-radius: 7px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-underline-1 {
|
||||||
|
border-bottom: 1px solid rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-border-radius {
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-arrow-effect-1 > svg {
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-arrow-effect-1:hover > svg {
|
||||||
|
transform: translate3d(8px, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-select-1.custom-select-1-arrow-position:before {
|
||||||
|
right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-1 {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: -100px;
|
||||||
|
width: 640px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-2 {
|
||||||
|
position: absolute;
|
||||||
|
top: 43%;
|
||||||
|
left: -260px;
|
||||||
|
width: 190px;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-3 {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 576px) {
|
||||||
|
.custom-svg-3 {
|
||||||
|
display: block;
|
||||||
|
bottom: -80px;
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1440px) {
|
||||||
|
.custom-svg-3 {
|
||||||
|
bottom: -150px;
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-bg-color-grey-1 {
|
||||||
|
background-color: #f4f4f4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-alert-bg-color-1 {
|
||||||
|
background-color: #fffcd6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-section-background {
|
||||||
|
background-color: #FFF !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-section-background .container:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 85%;
|
||||||
|
width: 100vw;
|
||||||
|
height: calc( 100% + 150px);
|
||||||
|
background: #FFF;
|
||||||
|
z-index: 0;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-section-background .container:before {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1920px) {
|
||||||
|
.custom-background-style-1 {
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-background-style-1 {
|
||||||
|
background-image: none !important;
|
||||||
|
background-color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 2050px), (max-width: 991px) {
|
||||||
|
.custom-background-size-1 {
|
||||||
|
background-size: cover !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 2050px) {
|
||||||
|
.custom-background-size-1 {
|
||||||
|
background-position: 14vw 50% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-background-1 {
|
||||||
|
position: absolute;
|
||||||
|
width: 1000%;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
height: 100%;
|
||||||
|
transform: translate3d(-50%, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-svg-background-1 {
|
||||||
|
left: 77%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-svg-background-1 {
|
||||||
|
left: 82%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-remove-mobile-border-left {
|
||||||
|
border-left: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-remove-mobile-xs-border-left {
|
||||||
|
border-left: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-divider > hr {
|
||||||
|
height: 4px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes customLineAnim {
|
||||||
|
from {
|
||||||
|
stroke-dasharray: 1600;
|
||||||
|
stroke-dashoffset: 1600;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
stroke-dasharray: 2500;
|
||||||
|
stroke-dashoffset: 1600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.customLineAnim {
|
||||||
|
animation-name: customLineAnim;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes customLineAnim2 {
|
||||||
|
from {
|
||||||
|
stroke-dasharray: 2650;
|
||||||
|
stroke-dashoffset: 2650;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
stroke-dasharray: 2650;
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.customLineAnim2 {
|
||||||
|
animation-name: customLineAnim2;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes customLineProgressAnim {
|
||||||
|
from {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.customLineProgressAnim {
|
||||||
|
animation-name: customLineProgressAnim;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Social Icons
|
||||||
|
*/
|
||||||
|
.custom-social-icons-divider > li + li {
|
||||||
|
position: relative;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-social-icons-divider > li + li:before {
|
||||||
|
content: '';
|
||||||
|
border-left: 1px solid #dadcdd;
|
||||||
|
height: 80%;
|
||||||
|
position: absolute;
|
||||||
|
left: -13px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header
|
||||||
|
*/
|
||||||
|
#header .header-container {
|
||||||
|
height: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
|
||||||
|
border-radius: 5px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .header-nav-features .header-nav-feature.px-4 .header-nav-features-dropdown.show {
|
||||||
|
right: calc( 100% - 30px) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-left-border-1 {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-left-border-1:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: -22px;
|
||||||
|
height: 60%;
|
||||||
|
border-left: 1px solid #CCC;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Icon Style
|
||||||
|
*/
|
||||||
|
.custom-icon-style-1 {
|
||||||
|
position: relative;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 95px;
|
||||||
|
height: 95px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-icon-style-1:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
border: 2px solid #CCC;
|
||||||
|
border-radius: 7px;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
z-index: 0;
|
||||||
|
transition: ease background 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-icon-style-1 svg {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-icon-box-style-1 h3 {
|
||||||
|
transition: ease color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Thumb Info
|
||||||
|
*/
|
||||||
|
.custom-thumb-info-style-1 .thumb-info-wrapper {
|
||||||
|
border-radius: 25px !important;
|
||||||
|
border: 5px solid transparent !important;
|
||||||
|
transition: ease border 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-thumb-info-style-1 h3 {
|
||||||
|
transition: ease color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-img-thumbnail-style-1.img-thumbnail.img-thumbnail-hover-icon:before {
|
||||||
|
border-radius: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Testimonial
|
||||||
|
*/
|
||||||
|
.custom-testimonial-style-1 blockquote {
|
||||||
|
padding: 5px 20px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-testimonial-style-1 blockquote p {
|
||||||
|
font-family: "Poppins", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-testimonial-style-1.testimonial-with-quotes blockquote:before {
|
||||||
|
content: "\f10d";
|
||||||
|
font-family: "Font Awesome 6 Free";
|
||||||
|
font-weight: 900;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-carousel-box-shadow-1 {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.custom-carousel-box-shadow-1:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 65%;
|
||||||
|
height: 0px;
|
||||||
|
box-shadow: 0 0 40px 120px rgba(0, 0, 0, 0.07);
|
||||||
|
transform: translate3d(-50%, -50%, 0);
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Accordion
|
||||||
|
*/
|
||||||
|
.custom-accordion-style-1 > .card {
|
||||||
|
border: 1px solid transparent !important;
|
||||||
|
transition: ease border-color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a {
|
||||||
|
position: relative;
|
||||||
|
padding: 23px 30px;
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
transition: ease background-color 300ms, ease color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a:after {
|
||||||
|
content: '+';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 25px;
|
||||||
|
font-size: inherit;
|
||||||
|
font-weight: inherit;
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header + .collapse.show,
|
||||||
|
.custom-accordion-style-1 > .card .card-header + .collapsing {
|
||||||
|
border: 1px solid #CCC;
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card + .card {
|
||||||
|
margin-top: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Services Detail
|
||||||
|
*/
|
||||||
|
.custom-nav-list-effect-1 > li > a {
|
||||||
|
position: relative;
|
||||||
|
transition: ease padding 300ms, ease color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-nav-list-effect-1 > li > a:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-top: 4px solid #CCC;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
transition: ease opacity 300ms, ease width 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-nav-list-effect-1 > li.active > a, .custom-nav-list-effect-1 > li.open > a, .custom-nav-list-effect-1 > li:hover > a {
|
||||||
|
padding-left: 45px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-nav-list-effect-1 > li.active > a:before, .custom-nav-list-effect-1 > li.open > a:before, .custom-nav-list-effect-1 > li:hover > a:before {
|
||||||
|
width: 30px;
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-feature-box-justify-center {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-feature-box-justify-center .feature-box-icon,
|
||||||
|
.custom-feature-box-justify-center .feature-box-info {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Contact
|
||||||
|
*/
|
||||||
|
.custom-form-style-1 .form-control {
|
||||||
|
border: 0;
|
||||||
|
background: #f4f4f4;
|
||||||
|
border-radius: 35px;
|
||||||
|
height: auto;
|
||||||
|
padding: 20px 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Datepicker
|
||||||
|
*/
|
||||||
|
.datepicker {
|
||||||
|
padding: 10px;
|
||||||
|
margin: 0 auto;
|
||||||
|
line-height: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker.datepicker-inline {
|
||||||
|
line-height: 1.7em;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table tr td {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table thead tr th {
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12.8px;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table thead tr th.prev {
|
||||||
|
content: '\f0d9';
|
||||||
|
font-family: 'Font Awesome 6 Free';
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table thead tr th.next {
|
||||||
|
content: '\f0da';
|
||||||
|
font-family: 'Font Awesome 6 Free';
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table thead tr th:hover {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table thead tr:last-child th {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table thead tr:last-child th:hover {
|
||||||
|
color: #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table td {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepicker table td.day {
|
||||||
|
transition: background-color .1s ease-in .1s, color .1s ease-in .1s;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Footer
|
||||||
|
*/
|
||||||
|
#footer {
|
||||||
|
background: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer a:not(.btn):not(.no-footer-css), #footer li, #footer span, #footer p {
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-list-style-1 > li {
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-top: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-list-style-1 > li + li {
|
||||||
|
border-top: 1px solid #46474a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-list-style-1 > li:first-child {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-list-style-1 > li:last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,205 @@
|
||||||
|
h1, h2, h3, h4, h5, h6, span, a {
|
||||||
|
font-family: 'Josefin Sans', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Montserrat', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-primary {
|
||||||
|
font-family: 'Josefin Sans', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-secondary {
|
||||||
|
font-family: 'Montserrat', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-border-color-1 {
|
||||||
|
border-color: #424549 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-size-1 {
|
||||||
|
font-size: 22.4px !important;
|
||||||
|
font-size: 1.4rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-size-2 {
|
||||||
|
font-size: 12.8px !important;
|
||||||
|
font-size: 0.8rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav .header-nav-line nav > ul:not(:hover) li > a.active {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
#header .header-nav-main nav > ul > li {
|
||||||
|
margin-right: 1.2rem;
|
||||||
|
}
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom Porto SVG Logo (initial state for animation inside slide) */
|
||||||
|
.custom-porto-svg-logo path {
|
||||||
|
fill-opacity: 0;
|
||||||
|
stroke-width: 1px;
|
||||||
|
stroke: #FFF;
|
||||||
|
stroke-dasharray: 630;
|
||||||
|
stroke-dashoffset: 630;
|
||||||
|
transition: ease stroke-dashoffset 5s, ease fill-opacity 1s 1.7s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-porto-svg-logo.active path {
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
fill-opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom Borders Divider */
|
||||||
|
.custom-borders-divider-style-1 > div[class*="col"] {
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #212529;
|
||||||
|
border-top-width: 0;
|
||||||
|
border-right-width: 0;
|
||||||
|
border-left-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 576px) {
|
||||||
|
.custom-borders-divider-style-1 > div[class*="col"] {
|
||||||
|
border-right-width: 1px;
|
||||||
|
}
|
||||||
|
.custom-borders-divider-style-1 > div[class*="col"]:nth-child(1), .custom-borders-divider-style-1 > div[class*="col"]:nth-child(3) {
|
||||||
|
border-left-width: 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-borders-divider-style-1 > div[class*="col"] {
|
||||||
|
border-left-width: 0;
|
||||||
|
}
|
||||||
|
.custom-borders-divider-style-1 > div[class*="col"]:nth-child(1) {
|
||||||
|
border-left-width: 1px;
|
||||||
|
}
|
||||||
|
.custom-borders-divider-style-1 > div[class*="col"]:nth-child(3) {
|
||||||
|
border-left-width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom Brands Colors */
|
||||||
|
.custom-spotify-hover-effect {
|
||||||
|
transition: ease background 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-spotify-hover-effect:hover {
|
||||||
|
background: #24cf5f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-itunes-hover-effect {
|
||||||
|
transition: ease background 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-itunes-hover-effect:hover {
|
||||||
|
background: #d948dd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-amazon-hover-effect {
|
||||||
|
transition: ease background 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-amazon-hover-effect:hover {
|
||||||
|
background: #ff9b00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-googlemusic-hover-effect {
|
||||||
|
transition: ease background 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-googlemusic-hover-effect:hover {
|
||||||
|
background: #f4522b;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom Tour Items Hover Effect */
|
||||||
|
.custom-tour-wrapper {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tour-wrapper .custom-tour-stage {
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tour-wrapper .custom-tour-stage > .custom-tour-item + .custom-tour-item {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
transform: translate3d(0, 100%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tour-wrapper:not(.custom-tour-wrapper-static):hover > .custom-tour-stage {
|
||||||
|
transform: translate3d(0, -100%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom Thumb Info */
|
||||||
|
.custom-thumb-info-style-1 .overlay:before {
|
||||||
|
transition: ease all 300ms 0ms !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-thumb-info-style-1:hover .overlay:before {
|
||||||
|
opacity: 0.8 !important;
|
||||||
|
background: #0c0c0c !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-thumb-info-style-1 .thumb-info-title {
|
||||||
|
padding: 28.8px 44.8px 36.8px 33.6px !important;
|
||||||
|
padding: 1.8rem 2.8rem 2.3rem 2.1rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom Card Style */
|
||||||
|
.custom-card-style-1 .custom-card-img-top-wrapper .post-date {
|
||||||
|
position: absolute;
|
||||||
|
top: 35px;
|
||||||
|
left: 35px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-1 .custom-card-img-top-wrapper .post-date .month {
|
||||||
|
display: block;
|
||||||
|
background: #CCC;
|
||||||
|
border-radius: 0 0 2px 2px;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 0.8em;
|
||||||
|
line-height: 1.8;
|
||||||
|
padding: 1px 10px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-family: "Poppins", Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-1 .custom-card-img-top-wrapper .post-date .day {
|
||||||
|
background: #f7f7f7;
|
||||||
|
border-radius: 2px 2px 0 0;
|
||||||
|
color: #CCC;
|
||||||
|
display: block;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 900;
|
||||||
|
padding: 10px;
|
||||||
|
font-family: "Poppins", Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom SVG Line Animation */
|
||||||
|
@keyframes customSVGLineAnim {
|
||||||
|
from {
|
||||||
|
stroke-dasharray: 40;
|
||||||
|
stroke-dashoffset: 40;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
stroke-dasharray: 40;
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.customSVGLineAnim {
|
||||||
|
animation-name: customSVGLineAnim;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,417 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Montserrat', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-primary-font {
|
||||||
|
font-family: 'Poppins', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-secondary-font {
|
||||||
|
font-family: 'Montserrat', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tertiary-font {
|
||||||
|
font-family: 'Playfair Display', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-padding-1 {
|
||||||
|
padding: 11.2px 12.8px !important;
|
||||||
|
padding: 0.7rem 0.8rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-weight-medium {
|
||||||
|
font-weight: 500 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-weight-extra-light {
|
||||||
|
font-weight: 200 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-fs-1 {
|
||||||
|
font-size: 1.3em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-fs-2 {
|
||||||
|
font-size: 53.44px !important;
|
||||||
|
font-size: 3.34rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-3 {
|
||||||
|
font-size: 1.1em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-style-1 {
|
||||||
|
background-color: #000 !important;
|
||||||
|
border-color: #000 !important;
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
font-size: 17.6px;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
color: #FFF !important;
|
||||||
|
padding: 8px 24px !important;
|
||||||
|
padding: 0.5rem 1.5rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-mobile-scale-1 {
|
||||||
|
transform: scale(0.6);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-slider-dot {
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
border-radius: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes lineProgress {
|
||||||
|
from {
|
||||||
|
stroke-dashoffset: 1550;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lineProgress {
|
||||||
|
animation-name: lineProgress;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes lineProgressAndFill {
|
||||||
|
0% {
|
||||||
|
stroke-dasharray: 1440;
|
||||||
|
stroke-dashoffset: 1440;
|
||||||
|
fill-opacity: 0;
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
fill-opacity: 0.5;
|
||||||
|
}
|
||||||
|
90% {
|
||||||
|
stroke-dasharray: 1440;
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
fill-opacity: 0.5;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
stroke-dasharray: 1440;
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
fill-opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lineProgressAndFill {
|
||||||
|
animation-name: lineProgressAndFill;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 19.2px;
|
||||||
|
padding-left: 1.2rem;
|
||||||
|
padding-right: 19.2px;
|
||||||
|
padding-right: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
background-color: #CCC;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 100%;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 0;
|
||||||
|
background-color: #CCC;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 100%;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots.custom-side-dots-rm-right {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots.custom-side-dots-rm-right:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots.custom-side-dots-rm-left {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots.custom-side-dots-rm-left:before {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots.custom-side-dots-at-top {
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots.custom-side-dots-at-top:before, .custom-side-dots.custom-side-dots-at-top:after {
|
||||||
|
top: 44px;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots.custom-side-dots-big:before, .custom-side-dots.custom-side-dots-big:after {
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots.custom-side-dots-outside:before {
|
||||||
|
left: -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-side-dots.custom-side-dots-outside:after {
|
||||||
|
right: -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.custom-side-dots.custom-side-dots-rm-sm:before, .custom-side-dots.custom-side-dots-rm-sm:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-images-position-1 div:nth-child(2) {
|
||||||
|
transform: translate3d(-50%, -30%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-images-position-1 div:nth-child(3) {
|
||||||
|
transform: translate3d(76%, 30%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-images-position-1 div:nth-child(4) {
|
||||||
|
transform: translate3d(-13%, 147%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-pos-1 {
|
||||||
|
top: -170px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-pos-2 {
|
||||||
|
bottom: -210px !important;
|
||||||
|
right: -170px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
font-size: 14.4px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: -0.5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
padding: 0 1.2rem !important;
|
||||||
|
}
|
||||||
|
#header .header-nav-main nav > ul > li > a:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50.7%;
|
||||||
|
right: -5px;
|
||||||
|
background-color: #FFF !important;
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 100%;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
}
|
||||||
|
#header .header-nav-main nav > ul > li:last-child > a:before {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-blockquote-style-1 {
|
||||||
|
position: relative;
|
||||||
|
border: 0;
|
||||||
|
padding: 8px 44.8px;
|
||||||
|
padding: 0.5rem 2.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-blockquote-style-1:before {
|
||||||
|
content: "“";
|
||||||
|
position: absolute;
|
||||||
|
left: -2px;
|
||||||
|
top: -24px;
|
||||||
|
font-size: 75px;
|
||||||
|
font-style: normal;
|
||||||
|
font-family: 'Playfair Display', sans-serif;
|
||||||
|
line-height: 1;
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-blockquote-style-1 p {
|
||||||
|
font-family: 'Playfair Display', sans-serif;
|
||||||
|
font-size: 20.8px;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-testimonial-style-1 .custom-testimonial-quote > span {
|
||||||
|
font-family: 'Playfair Display', sans-serif;
|
||||||
|
font-size: 192px;
|
||||||
|
font-size: 12rem;
|
||||||
|
line-height: 1;
|
||||||
|
display: block;
|
||||||
|
max-height: 94.4px;
|
||||||
|
max-height: 5.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-working-hours {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-working-hours .custom-working-hours-item {
|
||||||
|
flex-basis: 14.2857%;
|
||||||
|
max-width: 14.2857%;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0px 0px 38px -3px rgba(111, 111, 111, 0.15);
|
||||||
|
margin-left: 7px;
|
||||||
|
margin-right: 7px;
|
||||||
|
padding: 40px 8px;
|
||||||
|
padding: 2.5rem 0.5rem;
|
||||||
|
transition: ease all 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-working-hours .custom-working-hours-item:first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-working-hours .custom-working-hours-item:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-working-hours .custom-working-hours-item:hover, .custom-working-hours .custom-working-hours-item.active {
|
||||||
|
background-color: #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-working-hours .custom-working-hours-item:hover *, .custom-working-hours .custom-working-hours-item.active * {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-working-hours {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.custom-working-hours .custom-working-hours-item {
|
||||||
|
flex-basis: 23.1857%;
|
||||||
|
max-width: 23.1857%;
|
||||||
|
}
|
||||||
|
.custom-working-hours .custom-working-hours-item:nth-child(5), .custom-working-hours .custom-working-hours-item:nth-child(6), .custom-working-hours .custom-working-hours-item:nth-child(7) {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.custom-working-hours .custom-working-hours-item {
|
||||||
|
flex-basis: 30.4857%;
|
||||||
|
max-width: 30.4857%;
|
||||||
|
}
|
||||||
|
.custom-working-hours .custom-working-hours-item:nth-child(4) {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-working-hours .custom-working-hours-item {
|
||||||
|
flex-basis: 44.9857%;
|
||||||
|
max-width: 44.9857%;
|
||||||
|
}
|
||||||
|
.custom-working-hours .custom-working-hours-item:nth-child(3) {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-menu-item .custom-menu-item-details {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-menu-item .custom-menu-item-details .custom-menu-item-title,
|
||||||
|
.custom-menu-item .custom-menu-item-details .custom-menu-item-price {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-menu-item .custom-menu-item-details .custom-menu-item-price strong {
|
||||||
|
font-size: 20.8px;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-menu-item .custom-menu-item-details .custom-menu-item-price strong > span {
|
||||||
|
font-size: 0.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-menu-item .custom-menu-item-details .custom-menu-item-line {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: dashed 1px #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-instagram-feed {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-instagram-feed .custom-instagram-feed-title {
|
||||||
|
flex-basis: 12.5%;
|
||||||
|
max-width: 12.5%;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0 32px;
|
||||||
|
padding: 0 2rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-instagram-feed .custom-intagram-feed-content {
|
||||||
|
flex-basis: 87.5%;
|
||||||
|
max-width: 87.5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1440px) {
|
||||||
|
.custom-instagram-feed .custom-instagram-feed-title {
|
||||||
|
flex-basis: 32.5%;
|
||||||
|
max-width: 32.5%;
|
||||||
|
}
|
||||||
|
.custom-instagram-feed .custom-intagram-feed-content {
|
||||||
|
flex-basis: 67.5%;
|
||||||
|
max-width: 67.5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-instagram-feed .custom-instagram-feed-title {
|
||||||
|
flex-basis: 50%;
|
||||||
|
max-width: 50%;
|
||||||
|
}
|
||||||
|
.custom-instagram-feed .custom-intagram-feed-content {
|
||||||
|
flex-basis: 50%;
|
||||||
|
max-width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control::-webkit-input-placeholder {
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control::-moz-placeholder {
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control:-ms-input-placeholder {
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control:-moz-placeholder {
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,114 @@
|
||||||
|
.custom-container-style-1 {
|
||||||
|
min-width: 85vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 576px) {
|
||||||
|
.custom-container-style-1 {
|
||||||
|
min-width: 540px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.custom-container-style-1 {
|
||||||
|
min-width: 720px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-container-style-1 {
|
||||||
|
min-width: 960px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-container-style-1 {
|
||||||
|
min-width: 1140px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1440px) {
|
||||||
|
.custom-container-style-1 {
|
||||||
|
min-width: 1440px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-container-position-1 {
|
||||||
|
position: relative;
|
||||||
|
transform: translate3d(-50%, 0, 0);
|
||||||
|
left: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-family: 'Playfair Display', sans-serif;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-primary-font {
|
||||||
|
font-family: 'Poppins', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-secondary-font {
|
||||||
|
font-family: 'Playfair Display', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tertiary-font {
|
||||||
|
font-family: 'Rouge Script', cursive !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-text-lg-1 {
|
||||||
|
font-size: 6em !important;
|
||||||
|
line-height: 1 !important;
|
||||||
|
}
|
||||||
|
.custom-text-lg-2 {
|
||||||
|
font-size: 380px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
background: #e7e7e7;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before {
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1400px) {
|
||||||
|
#header .header-nav.header-nav-line nav > ul > li {
|
||||||
|
margin: 0 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 20px;
|
||||||
|
letter-spacing: -0.3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-services .card-body {
|
||||||
|
min-height: 345px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-services .custom-card-services-icon {
|
||||||
|
position: absolute;
|
||||||
|
right: 20px;
|
||||||
|
top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-services .custom-card-services-icon svg {
|
||||||
|
opacity: 0.05 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block-follow-instagram {
|
||||||
|
width: 480px;
|
||||||
|
height: 240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer.border-top {
|
||||||
|
border-top-color: #e7e7e7 !important;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,891 @@
|
||||||
|
body {
|
||||||
|
font-family: "Poppins", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Container
|
||||||
|
*/
|
||||||
|
@media (min-width: 1240px) {
|
||||||
|
.container {
|
||||||
|
max-width: 1240px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* BG
|
||||||
|
*/
|
||||||
|
.custom-bg-color-lighter-grey {
|
||||||
|
background: #fafafc !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-bg-color-light-grey {
|
||||||
|
background: #dde2ea !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Button
|
||||||
|
*/
|
||||||
|
.custom-btn {
|
||||||
|
height: 60px;
|
||||||
|
line-height: 60px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Half Section
|
||||||
|
*/
|
||||||
|
.col-half-section {
|
||||||
|
max-width: 590px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.col-half-section {
|
||||||
|
max-width: 455px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.col-half-section {
|
||||||
|
max-width: 750px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.col-half-section {
|
||||||
|
max-width: 570px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.col-half-section {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Letter Spacing
|
||||||
|
*/
|
||||||
|
.custom-letter-spacing-1 {
|
||||||
|
letter-spacing: -0.5px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-letter-spacing-2 {
|
||||||
|
letter-spacing: -0.8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Font Size
|
||||||
|
*/
|
||||||
|
.custom-text-1 {
|
||||||
|
font-size: 32px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Line Pre
|
||||||
|
*/
|
||||||
|
.line-pre-title {
|
||||||
|
width: 50px;
|
||||||
|
height: 3px;
|
||||||
|
margin-right: 20px;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
html[dir="rtl"] .slider-container .line-pre-title {
|
||||||
|
margin-right: 20px;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Circular Bar
|
||||||
|
*/
|
||||||
|
.custom-circular-bar .circular-bar-chart {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
height: 175px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Card
|
||||||
|
*/
|
||||||
|
.card-accordion-our-services-container {
|
||||||
|
border: 1px solid #eef0f4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-accordion-our-services-container .card-accordion-our-services {
|
||||||
|
border: 9px solid #eef0f4;
|
||||||
|
border-top: 0;
|
||||||
|
margin: -2px -1px 0 -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards.custom-cards-slider .cards-container {
|
||||||
|
margin: -250px auto 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-cards {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .cards-container:before {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-cards .cards-container {
|
||||||
|
position: static;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-cards .cards-container > div:nth-child(1) .card, .custom-cards .cards-container > div:nth-child(2) .card {
|
||||||
|
margin-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .cards-container .card {
|
||||||
|
padding: 70px 0;
|
||||||
|
box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .cards-container .card:before {
|
||||||
|
box-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .cards-container .card .card-body {
|
||||||
|
padding: 0 50px;
|
||||||
|
border-right: 1px solid #eef0f4;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-cards .cards-container .card .card-body {
|
||||||
|
border-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .cards-container .card .card-body img {
|
||||||
|
padding-bottom: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .cards-container .card .card-body .card-title {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .cards-container .card .card-body .card-text, .custom-cards .cards-container .card .card-body .card-title {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header
|
||||||
|
*/
|
||||||
|
.header-top .header-top-phone {
|
||||||
|
font-size: 16px !important;
|
||||||
|
padding: 6px 17px 6px 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-top .header-top-phone > span {
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
line-height: 31px;
|
||||||
|
background-color: #dde2ea;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-top .header-top-email,
|
||||||
|
.header-top .header-top-opening-hours {
|
||||||
|
font-size: 12px !important;
|
||||||
|
letter-spacing: -0.3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-top .header-top-email > span,
|
||||||
|
.header-top .header-top-opening-hours > span {
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
line-height: 31px;
|
||||||
|
background-color: #dde2ea;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-top .header-top-email {
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-top .nav-item-header-top-socials .header-top-socials ul li {
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-top .nav-item-header-top-socials .header-top-socials ul li i {
|
||||||
|
font-size: 15px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-top .header-top-button-make-as-appoitment {
|
||||||
|
width: 230px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-top .header-top-button-make-as-appoitment a {
|
||||||
|
font-size: 12px;
|
||||||
|
border-radius: 0 0 4px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.header-container .header-nav .nav li > a {
|
||||||
|
text-transform: none !important;
|
||||||
|
font-size: 14px !important;
|
||||||
|
}
|
||||||
|
.header-container .header-nav .nav li .dropdown-menu a {
|
||||||
|
font-size: 0.8em !important;
|
||||||
|
}
|
||||||
|
.header-container .header-nav .nav li:hover > a {
|
||||||
|
background: #fff !important;
|
||||||
|
}
|
||||||
|
.header-container .header-nav .nav li:hover > a:before {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.header-container .header-nav .nav li:hover > a + ul.dropdown-menu {
|
||||||
|
border-top: 0 !important;
|
||||||
|
margin-top: -5px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-column-search {
|
||||||
|
flex-grow: 0.14 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.header-column-search {
|
||||||
|
flex-grow: 0.3 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.header-column-search {
|
||||||
|
order: 2;
|
||||||
|
flex-grow: 0.1 !important;
|
||||||
|
align-items: center !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.header-column-logo {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.header-column-nav-menu {
|
||||||
|
order: 3;
|
||||||
|
flex-grow: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-nav-features {
|
||||||
|
padding: 0 !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-nav-features:not(.header-nav-features-no-border):before {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Slider
|
||||||
|
*/
|
||||||
|
.slider-container .custom-bottom-label {
|
||||||
|
width: 200px;
|
||||||
|
height: 60px;
|
||||||
|
letter-spacing: -0.35px !important;
|
||||||
|
font-size: 14px !important;
|
||||||
|
line-height: 60px !important;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-container .section-funnel-layer-bottom {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding: 96px 0;
|
||||||
|
padding: 6rem 0;
|
||||||
|
transform: translate3d(0, 50%, 0);
|
||||||
|
z-index: 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-container .section-funnel-layer-bottom .section-funnel-layer:nth-child(1) {
|
||||||
|
transform: skewY(4.7deg);
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #FFF;
|
||||||
|
z-index: 6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-container .section-funnel-layer-bottom .section-funnel-layer:nth-child(2) {
|
||||||
|
transform: skewY(-4.7deg);
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #FFF;
|
||||||
|
z-index: 6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-container .tparrows {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-container .tparrows:hover {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-container .tparrows:before {
|
||||||
|
color: #222529 !important;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-slider-container:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
background-color: #fafafc;
|
||||||
|
top: -75px;
|
||||||
|
width: 200%;
|
||||||
|
z-index: 21;
|
||||||
|
height: 75px;
|
||||||
|
transform: rotate(-1deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-slider-container:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-slider-container:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
background-color: #fafafc;
|
||||||
|
bottom: -75px;
|
||||||
|
width: 200%;
|
||||||
|
z-index: 21;
|
||||||
|
height: 75px;
|
||||||
|
transform: rotate(1deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-slider-container:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tp-caption-right-side {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tp-bullet {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
box-shadow: 0 0 0 2px #222529 !important;
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tp-bullet.selected {
|
||||||
|
opacity: 1;
|
||||||
|
box-shadow: 0 0 0 2px #222529 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tp-bullet.selected .tp-bullet-inner {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tp-bullet .tp-bullet-inner, .tp-bullet .tp-bullet-inner:hover {
|
||||||
|
transform: scale(0.5) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tp-bullet .tp-bullet-inner {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Social Icons
|
||||||
|
*/
|
||||||
|
.custom-social-icons li {
|
||||||
|
box-shadow: none !important;
|
||||||
|
margin: -1px 13px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-social-icons li a {
|
||||||
|
width: 38px;
|
||||||
|
height: 38px;
|
||||||
|
line-height: 41px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-social-icons li:hover a {
|
||||||
|
color: #333 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-social-icons li:hover a > i[class*="text-color-"] {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Circular Bar
|
||||||
|
*/
|
||||||
|
.circular-bar strong {
|
||||||
|
top: 49%;
|
||||||
|
font-size: 22px !important;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Counters
|
||||||
|
*/
|
||||||
|
.custom-counters .counter:first-child {
|
||||||
|
margin-right: 70px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-counters .counter strong {
|
||||||
|
font-size: 40px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-counters .counter label {
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Our Services
|
||||||
|
*/
|
||||||
|
.col-img-our-services:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
background-color: #fafafc;
|
||||||
|
top: -78px;
|
||||||
|
left: -10px;
|
||||||
|
width: 200%;
|
||||||
|
z-index: 21;
|
||||||
|
height: 75px;
|
||||||
|
transform: rotate(-2deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-img-our-services:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
background-color: #fafafc;
|
||||||
|
bottom: -78px;
|
||||||
|
left: -10px;
|
||||||
|
width: 200%;
|
||||||
|
z-index: 21;
|
||||||
|
height: 75px;
|
||||||
|
transform: rotate(2deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.col-img-our-services {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services {
|
||||||
|
background-position-y: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: auto;
|
||||||
|
height: auto;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.our-services {
|
||||||
|
min-height: 850px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.our-services {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: #fff;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Coaching Consulting
|
||||||
|
*/
|
||||||
|
.coaching-consulting .col-coaching-consulting-imgs .card {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coaching-consulting .col-coaching-consulting-imgs .card:nth-child(1) {
|
||||||
|
z-index: 1;
|
||||||
|
top: 0;
|
||||||
|
right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coaching-consulting .col-coaching-consulting-imgs .card:nth-child(2) {
|
||||||
|
z-index: 3;
|
||||||
|
bottom: 30px;
|
||||||
|
left: 60%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.coaching-consulting .col-coaching-consulting-imgs .card:nth-child(3) {
|
||||||
|
z-index: 2;
|
||||||
|
left: 40px;
|
||||||
|
bottom: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.coaching-consulting .col-coaching-consulting-imgs .card {
|
||||||
|
position: relative;
|
||||||
|
max-width: 30%;
|
||||||
|
margin-top: 30px;
|
||||||
|
transform: none !important;
|
||||||
|
top: 0 !important;
|
||||||
|
left: 0 !important;
|
||||||
|
bottom: 0 !important;
|
||||||
|
right: 0 !important;
|
||||||
|
float: left;
|
||||||
|
margin-right: 3.33%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Real Word Stories
|
||||||
|
*/
|
||||||
|
.real-word-stories:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
background-color: #fafafc;
|
||||||
|
top: -75px;
|
||||||
|
width: 200%;
|
||||||
|
z-index: 21;
|
||||||
|
height: 75px;
|
||||||
|
transform: rotate(-1deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.real-word-stories:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .owl-dots {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 30px !important;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .owl-dots button {
|
||||||
|
border: 2px solid #222529 !important;
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
border-radius: 50%;
|
||||||
|
line-height: 15px !important;
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .owl-dots button:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .owl-dots button span {
|
||||||
|
display: none !important;
|
||||||
|
margin: 0 auto !important;
|
||||||
|
width: 7px !important;
|
||||||
|
height: 7px !important;
|
||||||
|
background-color: #222529 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .owl-dots button.active span {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .custom-testimonial-container {
|
||||||
|
width: 72.5%;
|
||||||
|
padding-right: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.real-word-stories .custom-testimonial-container {
|
||||||
|
padding-right: 200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.real-word-stories .custom-testimonial-container {
|
||||||
|
padding-right: 200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.real-word-stories .custom-testimonial-container {
|
||||||
|
padding-right: 120px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.real-word-stories .custom-testimonial-container {
|
||||||
|
width: 100%;
|
||||||
|
padding-right: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .custom-testimonial-container .custom-testimonial {
|
||||||
|
padding: 45px 0 45px 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .custom-testimonial-container .custom-testimonial blockquote p, .real-word-stories .custom-testimonial-container .custom-testimonial blockquote h4 {
|
||||||
|
font-family: Poppins;
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .custom-testimonial-container .custom-testimonial .testimonial-author strong {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .custom-testimonial-container .custom-testimonial .testimonial-author img {
|
||||||
|
max-width: 70px;
|
||||||
|
max-height: 70px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .custom-testimonial-container .custom-testimonial .custom-testimonial-right {
|
||||||
|
width: 45%;
|
||||||
|
height: 210px;
|
||||||
|
right: 30px;
|
||||||
|
top: 65px;
|
||||||
|
box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .custom-testimonial-container .custom-testimonial .custom-testimonial-right img {
|
||||||
|
max-width: 130px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.real-word-stories .custom-testimonial-container .custom-testimonial .custom-testimonial-right .custom-button-testimonial-right {
|
||||||
|
width: 165px;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
bottom: -25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Are You Lookng For
|
||||||
|
*/
|
||||||
|
.are-you-looking-for {
|
||||||
|
padding: 70px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.are-you-looking-for .are-you-looking-for-phone {
|
||||||
|
margin-right: 37px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.are-you-looking-for .are-you-looking-for-phone > span {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
line-height: 46px;
|
||||||
|
background-color: #dde2ea;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Page Header
|
||||||
|
*/
|
||||||
|
.custom-page-header {
|
||||||
|
padding: 75px 0;
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-page-header {
|
||||||
|
padding: 35px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-page-header:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
background-color: #fafafc;
|
||||||
|
top: -75px;
|
||||||
|
width: 200%;
|
||||||
|
z-index: 21;
|
||||||
|
height: 75px;
|
||||||
|
transform: rotate(-1deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-page-header:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-page-header:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
background-color: #fafafc;
|
||||||
|
bottom: -75px;
|
||||||
|
width: 200%;
|
||||||
|
z-index: 21;
|
||||||
|
height: 75px;
|
||||||
|
transform: rotate(1deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-page-header:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Contact Form
|
||||||
|
*/
|
||||||
|
.custom-form-style-1 .form-control {
|
||||||
|
border: 0;
|
||||||
|
padding: 19.2px;
|
||||||
|
padding: 1.2rem;
|
||||||
|
box-shadow: none !important;
|
||||||
|
height: auto;
|
||||||
|
background: #fafafc !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Footer
|
||||||
|
*/
|
||||||
|
#footer {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
background-color: #fafafc;
|
||||||
|
top: -75px;
|
||||||
|
width: 200%;
|
||||||
|
z-index: 21;
|
||||||
|
height: 75px;
|
||||||
|
transform: rotate(-1deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
#footer:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) and (max-width: 1240px) {
|
||||||
|
#footer .custom-container-info-socials {
|
||||||
|
justify-content: flex-end !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .footer-nav-phone {
|
||||||
|
font-size: 16px !important;
|
||||||
|
padding: 0 17px 0 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .footer-nav-phone > span {
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
line-height: 31px;
|
||||||
|
background-color: #dde2ea;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .footer-nav-email,
|
||||||
|
#footer .footer-nav-opening-hours {
|
||||||
|
font-size: 12px !important;
|
||||||
|
letter-spacing: -0.3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .footer-nav-email > span,
|
||||||
|
#footer .footer-nav-opening-hours > span {
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
line-height: 31px;
|
||||||
|
background-color: #dde2ea;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .footer-nav-email {
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .footer-nav-opening-hours {
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .footer-copyright {
|
||||||
|
border-top: 1px solid #ced6e1;
|
||||||
|
padding: 60px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
#footer .footer-column-get-in-touch {
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .nav-footer > ul {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .nav-footer > ul li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .nav-footer .dropdown-secondary a {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .custom-row-footer {
|
||||||
|
padding-top: 150px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
#footer .custom-row-footer {
|
||||||
|
padding-top: 60px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .custom-row-footer .custom-footer-column-logo img {
|
||||||
|
margin-bottom: 35px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,351 @@
|
||||||
|
.custom-font-size-1 {
|
||||||
|
font-size: 0.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-big-font-size-1 {
|
||||||
|
font-size: 6.9rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1600px) {
|
||||||
|
.custom-big-font-size-1 {
|
||||||
|
font-size: 8.5rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-blockquote-style-1 {
|
||||||
|
border-left-width: 12px;
|
||||||
|
border-left-color: #f3f3f3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-bg-color-grey-1 {
|
||||||
|
background-color: #5a6267;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-border-color-grey-1 {
|
||||||
|
border-color: #404040 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-ws-mobile-wrap {
|
||||||
|
white-space: normal !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-box-shadow-1 {
|
||||||
|
box-shadow: 0 0px 40px 0px rgba(187, 187, 187, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Text Background
|
||||||
|
*/
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-text-background {
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
background-position: 20% 30%;
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-text-background {
|
||||||
|
background-image: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Text Highlight
|
||||||
|
*/
|
||||||
|
.custom-highlight-text-1 {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-highlight-text-1:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 5px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: 7px solid #d20d0d;
|
||||||
|
opacity: 0.2;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Buttons
|
||||||
|
*/
|
||||||
|
.custom-btn-style-1 {
|
||||||
|
position: relative;
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-style-1 > span {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-style-1:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: inherit;
|
||||||
|
opacity: 0.7;
|
||||||
|
border-radius: inherit;
|
||||||
|
transform: translate3d(5px, 5px, 0);
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-style-1:hover {
|
||||||
|
transform: translate3d(2.5px, 2.5px, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-style-1:hover:before {
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Crooked Line
|
||||||
|
*/
|
||||||
|
.custom-crooked-line {
|
||||||
|
display: inline-block;
|
||||||
|
width: 77px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Link Effects
|
||||||
|
*/
|
||||||
|
@keyframes crookedLineAnim {
|
||||||
|
from {
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: translate3d(-48%, 0, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-link-hover-effects .custom-view-more svg {
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-link-hover-effects:hover .custom-crooked-line svg {
|
||||||
|
animation-name: crookedLineAnim;
|
||||||
|
animation-duration: 2s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-link-hover-effects:hover .custom-view-more svg {
|
||||||
|
transform: translate3d(7px, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-link-hover-effects:hover .custom-date-style-1 {
|
||||||
|
transform: translate3d(2.5px, 2.5px, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-link-hover-effects:hover .custom-date-style-1:before {
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header
|
||||||
|
*/
|
||||||
|
.custom-header-top-nav-background {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-header-top-nav-background:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100%;
|
||||||
|
background: #CCC;
|
||||||
|
transform: skewX(-25deg);
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-header-top-nav-background:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 7px;
|
||||||
|
right: -7px;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100%;
|
||||||
|
background: #CCC;
|
||||||
|
transform: skewX(-25deg);
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
padding: 0px 1.2rem !important;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Carousel
|
||||||
|
*/
|
||||||
|
.custom-carousel-box-shadow-1 {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-carousel-box-shadow-1:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 65%;
|
||||||
|
height: 0px;
|
||||||
|
box-shadow: 0 40px 40px 120px rgba(0, 0, 0, 0.03);
|
||||||
|
transform: translate3d(-50%, -50%, 0);
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1 .owl-dots,
|
||||||
|
.custom-dots-style-2 .owl-dots {
|
||||||
|
margin-top: 30px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1 .owl-dots .owl-dot > span,
|
||||||
|
.custom-dots-style-2 .owl-dots .owl-dot > span {
|
||||||
|
background: #9e9e9e !important;
|
||||||
|
transition: ease all 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1 .owl-dots .owl-dot.active > span,
|
||||||
|
.custom-dots-style-2 .owl-dots .owl-dot.active > span {
|
||||||
|
background: #3e3e3e !important;
|
||||||
|
width: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-dots-style-2 .owl-dots {
|
||||||
|
transform: translate3d(0, -50px, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-carousel-vertical-center-items .owl-stage {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-nav-style-1 .owl-nav {
|
||||||
|
left: 50%;
|
||||||
|
width: 105%;
|
||||||
|
transform: translate3d(-50%, -50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.carousel-center-active-item .owl-item {
|
||||||
|
opacity: 0.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Tabs
|
||||||
|
*/
|
||||||
|
.custom-tabs-style-1 .nav-tabs {
|
||||||
|
border-bottom: 1px solid #f1f1f1 !important;
|
||||||
|
margin-bottom: 35px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tabs-style-1 .nav-tabs > li {
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tabs-style-1 .nav-tabs > li .nav-link {
|
||||||
|
border-bottom-width: 1px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tabs-style-1 .nav-tabs > li .nav-link.active {
|
||||||
|
border-bottom-width: 2px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Accordion
|
||||||
|
*/
|
||||||
|
.custom-accordion-style-1 > .card {
|
||||||
|
border: 1px solid transparent !important;
|
||||||
|
transition: ease border-color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a {
|
||||||
|
position: relative;
|
||||||
|
padding: 23px 30px;
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
transition: ease background-color 300ms, ease color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a:after {
|
||||||
|
content: '+';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 25px;
|
||||||
|
font-size: inherit;
|
||||||
|
font-weight: inherit;
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header + .collapse.show,
|
||||||
|
.custom-accordion-style-1 > .card .card-header + .collapsing {
|
||||||
|
border: 1px solid #efefef;
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card + .card {
|
||||||
|
margin-top: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Read More
|
||||||
|
*/
|
||||||
|
.custom-read-more-style-1 .readmore-overlay {
|
||||||
|
background: linear-gradient(rgba(2, 0, 36, 0) 0%, white 60%) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Blog Post Date
|
||||||
|
*/
|
||||||
|
.custom-date-style-1 {
|
||||||
|
position: relative;
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-date-style-1:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: inherit;
|
||||||
|
opacity: 0.7;
|
||||||
|
transform: translate3d(5px, 5px, 0);
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Footer
|
||||||
|
*/
|
||||||
|
#footer p, #footer li, #footer a:not(.btn):not(.no-footer-css), #footer span {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .footer-copyright p {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,222 @@
|
||||||
|
/* Custom Hero Row */
|
||||||
|
.custom-hero-row {
|
||||||
|
min-height: calc(100vh - 100px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom Elements */
|
||||||
|
.custom-element-wrapper {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-1 {
|
||||||
|
top: 25%;
|
||||||
|
left: 45%;
|
||||||
|
width: 300px;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-1 .custom-element {
|
||||||
|
background: transparent;
|
||||||
|
border: 3px solid var(--primary);
|
||||||
|
opacity: 0.05;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-2 {
|
||||||
|
top: 45%;
|
||||||
|
left: 62%;
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-2 .custom-element {
|
||||||
|
background: var(--primary);
|
||||||
|
opacity: 0.05;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-3 {
|
||||||
|
top: 57%;
|
||||||
|
left: 70%;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-3 .custom-element {
|
||||||
|
background: transparent;
|
||||||
|
border: 3px solid var(--primary);
|
||||||
|
opacity: 0.05;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-4 {
|
||||||
|
top: 57%;
|
||||||
|
left: 44%;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-4 .custom-element {
|
||||||
|
background: var(--primary);
|
||||||
|
opacity: 0.03;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-5 {
|
||||||
|
top: 18%;
|
||||||
|
left: 7%;
|
||||||
|
width: 450px;
|
||||||
|
height: 450px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-5 .custom-element {
|
||||||
|
background: var(--secondary);
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.custom-element-wrapper.custom-element-5 {
|
||||||
|
top: 18%;
|
||||||
|
left: 15%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-element-wrapper.custom-element-5 {
|
||||||
|
top: 27%;
|
||||||
|
left: 22%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-element-wrapper.custom-element-5 {
|
||||||
|
top: 22%;
|
||||||
|
left: 22%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1400px) {
|
||||||
|
.custom-element-wrapper.custom-element-5 {
|
||||||
|
top: 27%;
|
||||||
|
left: 78%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-6 {
|
||||||
|
width: 160px;
|
||||||
|
height: 160px;
|
||||||
|
top: 22.2%;
|
||||||
|
right: -8%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-7 {
|
||||||
|
width: 160px;
|
||||||
|
height: 160px;
|
||||||
|
top: 58.2%;
|
||||||
|
right: -38%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-8 {
|
||||||
|
top: -5%;
|
||||||
|
left: -6%;
|
||||||
|
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 77.2% 100%, 0 54%);
|
||||||
|
clip-path: polygon(0 0, 100% 0, 100% 100%, 77.2% 100%, 0 54%);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.custom-element-wrapper.custom-element-8 {
|
||||||
|
top: -5%;
|
||||||
|
left: 5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-element-wrapper.custom-element-8 {
|
||||||
|
top: 5%;
|
||||||
|
left: 5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-element-wrapper.custom-element-8 {
|
||||||
|
top: 0%;
|
||||||
|
left: 10%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1400px) {
|
||||||
|
.custom-element-wrapper.custom-element-8 {
|
||||||
|
top: 5%;
|
||||||
|
left: 63%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-9 {
|
||||||
|
width: 160px;
|
||||||
|
height: 160px;
|
||||||
|
top: 5%;
|
||||||
|
left: 7%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-10 {
|
||||||
|
width: 160px;
|
||||||
|
height: 160px;
|
||||||
|
top: 65%;
|
||||||
|
right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-11 {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-11 img {
|
||||||
|
border-radius: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element-wrapper.custom-element-11:before {
|
||||||
|
display: block;
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left: -30px;
|
||||||
|
background: var(--primary);
|
||||||
|
border-radius: 25px;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page Header */
|
||||||
|
.page-header {
|
||||||
|
padding-top: 153px;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header .container:before {
|
||||||
|
content: "";
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(0, 0, 0, 0.06);
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Breadcrumb */
|
||||||
|
.breadcrumb li {
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb > li + li:before {
|
||||||
|
padding: 0 7px 0 7px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,189 @@
|
||||||
|
@media (min-width: 1440px) {
|
||||||
|
.container {
|
||||||
|
max-width: 1440px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero {
|
||||||
|
background-size: cover;
|
||||||
|
max-width: 1100px;
|
||||||
|
width: 100%;
|
||||||
|
max-height: 770px;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1800px) {
|
||||||
|
.hero {
|
||||||
|
right: -13%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-el-pos-1 {
|
||||||
|
left: 15%;
|
||||||
|
top: 17%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-el-pos-2 {
|
||||||
|
right: 11%;
|
||||||
|
top: 17%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-el-pos-3 {
|
||||||
|
margin-top: -100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-col-1 {
|
||||||
|
padding-top: 120px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) and (max-width: 1399px) {
|
||||||
|
.custom-col-1 {
|
||||||
|
padding-top: 500px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-wrapper-1 > .container > .row {
|
||||||
|
min-height: 935px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
text-transform: none;
|
||||||
|
font-size: 2.4em;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1.1em;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 1.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.max-width-custom-1 {
|
||||||
|
max-width: 485px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes btnDashEffect {
|
||||||
|
0% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
51% {
|
||||||
|
transform: translateX(20px);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
52% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateX(-20px);
|
||||||
|
}
|
||||||
|
53% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
54% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-dash:before {
|
||||||
|
content: "";
|
||||||
|
width: 20px;
|
||||||
|
height: 2px;
|
||||||
|
display: inline-block;
|
||||||
|
background: #FFF;
|
||||||
|
margin-right: 10px;
|
||||||
|
position: relative;
|
||||||
|
top: -3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-dash:hover:before {
|
||||||
|
animation: btnDashEffect ease-out .3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-dash.text-color-primary:before {
|
||||||
|
background: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .header-container {
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
font-size: 18px;
|
||||||
|
margin-left: 6px !important;
|
||||||
|
margin-right: 6px !important;
|
||||||
|
}
|
||||||
|
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1480px) {
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
font-size: 16px;
|
||||||
|
margin-left: 0px !important;
|
||||||
|
margin-right: 0px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabs-navigation-custom .nav-tabs .nav-item {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabs-navigation-custom .nav-tabs .nav-item .nav-link {
|
||||||
|
border: 0 !important;
|
||||||
|
font-size: 18px;
|
||||||
|
padding-left: 25px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabs-navigation-custom .nav-tabs .nav-item .nav-link:not(.active) {
|
||||||
|
color: #212529;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabs-navigation-custom .nav-tabs .nav-item .nav-link:before {
|
||||||
|
content: "";
|
||||||
|
width: 20px;
|
||||||
|
height: 2px;
|
||||||
|
display: inline-block;
|
||||||
|
background: #212529;
|
||||||
|
margin-right: 10px;
|
||||||
|
position: relative;
|
||||||
|
top: -3px;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabs-navigation-custom .nav-tabs .nav-item .nav-link.active:before {
|
||||||
|
background: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-marquee {
|
||||||
|
bottom: -30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-marquee p {
|
||||||
|
font-size: 500px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-outline-text-style-1 {
|
||||||
|
text-shadow: -1px 1px 0 #000,
1px 1px 0 #000,
1px -1px 0 #000,
-1px -1px 0 #000;
|
||||||
|
letter-spacing: 0;
|
||||||
|
color: #FFF;
|
||||||
|
opacity: 0.08;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,490 @@
|
||||||
|
body {
|
||||||
|
font-family: "Poppins", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.container {
|
||||||
|
max-width: 1200px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="text-color-hover-"] {
|
||||||
|
transition: ease all 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="bg-color-hover-"] {
|
||||||
|
transition: ease background 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.custom-max-width-1 {
|
||||||
|
max-width: 387px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-secondary {
|
||||||
|
font-family: 'Roboto Slab', serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-size-1 {
|
||||||
|
font-size: 1.4em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-size-2 {
|
||||||
|
font-size: 1.35em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-size-3 {
|
||||||
|
font-size: 1.15em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-size-4 {
|
||||||
|
font-size: 50% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-color-1 {
|
||||||
|
color: #93bae4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-shadow-1 .card-body {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-box-shadow-1 {
|
||||||
|
box-shadow: 0 0px 90px -55px rgba(0, 0, 0, 0.25) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-border-radius-1 {
|
||||||
|
border-radius: 0.5rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-line {
|
||||||
|
display: inline-block;
|
||||||
|
width: 50px;
|
||||||
|
border-bottom: 3px solid #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-1 {
|
||||||
|
border: 2px solid transparent;
|
||||||
|
transition: ease border 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-1 .custom-card-style-1-image-wrapper img {
|
||||||
|
transform: translate3d(5px, -5px, 0);
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-1 .custom-card-style-1-title,
|
||||||
|
.custom-card-style-1 .custom-card-style-1-link {
|
||||||
|
transition: ease color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-1:hover .custom-card-style-1-image-wrapper img {
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel {
|
||||||
|
display: block;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.owl-loaded {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-carousel-box-shadow-1 {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.custom-carousel-box-shadow-1:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 65%;
|
||||||
|
height: 0px;
|
||||||
|
box-shadow: 0 0 110px 180px rgba(0, 0, 0, 0.07);
|
||||||
|
transform: translate3d(-50%, -50%, 0);
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
.custom-carousel-box-shadow-2 {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.custom-carousel-box-shadow-2:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 57%;
|
||||||
|
height: 0px;
|
||||||
|
box-shadow: 0 0 160px 240px rgba(0, 0, 0, 0.07);
|
||||||
|
transform: translate3d(-50%, -50%, 0);
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-highlight-1 {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.custom-highlight-1:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 0%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: #212529;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.customHighlightAnim:after {
|
||||||
|
animation-name: customHighlightAnim;
|
||||||
|
animation-duration: 2s;
|
||||||
|
animation-fill-mode: forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customHighlightAnimDelay:after {
|
||||||
|
animation-delay: 3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes customHighlightAnim {
|
||||||
|
0% {
|
||||||
|
width: 0;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
width: 100%;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.clean-animation-1 svg g:nth-child(1) {
|
||||||
|
animation: cleanAnimation 3s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clean-animation-1 svg g:nth-child(2) {
|
||||||
|
animation: cleanAnimation 3s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 400ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clean-animation-1 svg g:nth-child(3) {
|
||||||
|
animation: cleanAnimation 3s;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-delay: 800ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes cleanAnimation {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(0.8);
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
}
|
||||||
|
85% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1);
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(1);
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.customLineAnimation {
|
||||||
|
animation-name: customLineAnimation;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes customLineAnimation {
|
||||||
|
0% {
|
||||||
|
width: 0px;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
width: 50px;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 2000px) {
|
||||||
|
.shape-divider svg {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-col-half-section.col-half-section {
|
||||||
|
max-width: 727px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fluid-col-lg-5 .fluid-col {
|
||||||
|
left: 50%;
|
||||||
|
width: 100vw;
|
||||||
|
transform: translate3d(-50%, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.fluid-col-lg-5 {
|
||||||
|
min-height: 0;
|
||||||
|
}
|
||||||
|
.fluid-col-lg-5 .fluid-col {
|
||||||
|
width: calc(44.2vw - 15px);
|
||||||
|
left: 15px;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.fluid-col-lg-5 {
|
||||||
|
min-height: 400px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header
|
||||||
|
*/
|
||||||
|
.custom-header-top-btn-style-1 {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-header-top-btn-style-1:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
right: 0;
|
||||||
|
width: calc( 100% + 20px);
|
||||||
|
height: 10px;
|
||||||
|
z-index: 1;
|
||||||
|
background: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.sticky-header-active #header .header-top {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0 0.8rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
padding: 0 1.3rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Contact Form
|
||||||
|
*/
|
||||||
|
.custom-form-style-1 .form-control {
|
||||||
|
height: calc(1.8em + 1.85rem + 2px);
|
||||||
|
padding: 15.6px 20px;
|
||||||
|
padding: 0.975rem 1.25rem;
|
||||||
|
background: #f7f7f7;
|
||||||
|
border-color: #f7f7f7;
|
||||||
|
line-height: 1.5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control:focus {
|
||||||
|
border-color: #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control::-webkit-input-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control::-moz-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control:-ms-input-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select {
|
||||||
|
color: #495057;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select option {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select option[selected] {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 textarea.form-control {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-stars {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 100%;
|
||||||
|
width: 300px;
|
||||||
|
opacity: 0.1;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Home Why Choose Us Section - Custom Accordion Style
|
||||||
|
*/
|
||||||
|
.custom-accordion-style-1 > .card {
|
||||||
|
border: 1px solid transparent !important;
|
||||||
|
transition: ease border-color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a {
|
||||||
|
position: relative;
|
||||||
|
padding: 23px 30px;
|
||||||
|
background-color: #FFF;
|
||||||
|
transition: ease background-color 300ms, ease color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a:after {
|
||||||
|
content: '+';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 25px;
|
||||||
|
font-size: inherit;
|
||||||
|
font-weight: inherit;
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card + .card {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Home Section Our Process - Custom Featured Icon
|
||||||
|
*/
|
||||||
|
.custom-featured-icon-wrapper {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 110px;
|
||||||
|
height: 110px;
|
||||||
|
border-radius: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-featured-icon-wrapper .icon-featured {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Home Section Happy Clients - Custom Testimonial
|
||||||
|
*/
|
||||||
|
.testimonial.testimonial-style-3.custom-testimonial-style-1 blockquote {
|
||||||
|
background: #FFF !important;
|
||||||
|
padding: 45px 40px 35px 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonial.testimonial-style-3.custom-testimonial-style-1 blockquote:before {
|
||||||
|
content: '\f10d';
|
||||||
|
font-family: "Font Awesome 6 Free";
|
||||||
|
font-weight: 900;
|
||||||
|
font-size: 19.2px;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
top: 15px;
|
||||||
|
left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonial.testimonial-style-3.custom-testimonial-style-1 .testimonial-author {
|
||||||
|
margin: 19px 0 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonial.testimonial-style-3.custom-testimonial-style-1 .testimonial-author img {
|
||||||
|
max-width: 67px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Portfolio Detail
|
||||||
|
*/
|
||||||
|
.custom-list-icons-icon-size li {
|
||||||
|
padding-left: 50px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-list-icons-icon-size li > [class*="fa-"]:first-child,
|
||||||
|
.custom-list-icons-icon-size li > .icons:first-child, .custom-list-icons-icon-size li a:first-child > [class*="fa-"]:first-child,
|
||||||
|
.custom-list-icons-icon-size li a:first-child > .icons:first-child {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 40px !important;
|
||||||
|
height: 40px !important;
|
||||||
|
font-size: 14.4px !important;
|
||||||
|
font-size: 0.9rem !important;
|
||||||
|
top: 1px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Services Detail
|
||||||
|
*/
|
||||||
|
.custom-nav-list-effect-1 > li > a {
|
||||||
|
position: relative;
|
||||||
|
transition: ease padding 300ms, ease color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-nav-list-effect-1 > li > a:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-top: 6px solid transparent;
|
||||||
|
border-bottom: 6px solid transparent;
|
||||||
|
border-left: 6px solid #CCC;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
transition: ease opacity 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-nav-list-effect-1 > li.active > a, .custom-nav-list-effect-1 > li.open > a, .custom-nav-list-effect-1 > li:hover > a {
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-nav-list-effect-1 > li.active > a:before, .custom-nav-list-effect-1 > li.open > a:before, .custom-nav-list-effect-1 > li:hover > a:before {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Blog
|
||||||
|
*/
|
||||||
|
.blog-sidebar .form-control.bg-color-grey {
|
||||||
|
background-color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Footer
|
||||||
|
*/
|
||||||
|
#footer p, #footer a:not(.btn), #footer span, #footer li, #footer .footer-copyright p {
|
||||||
|
color: #a3b2c7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .social-icons li a {
|
||||||
|
color: #a3b2c7 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer .social-icons li:hover a {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer a:not(.btn):not(.no-footer-css) {
|
||||||
|
color: #a3b2c7;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,150 @@
|
||||||
|
body {
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-primary-font {
|
||||||
|
font-family: 'Poppins', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-secondary-font {
|
||||||
|
font-family: 'Poppins', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tertiary-font {
|
||||||
|
font-family: 'Playfair Display', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-bg-color-1 {
|
||||||
|
background-color: #F6F3EF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-h-1 {
|
||||||
|
height: 4px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes customFadeInRightShorter {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translate(-50px, -50%);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 0.1;
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.customFadeInRightShorter {
|
||||||
|
animation-name: customFadeInRightShorter;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes customHeaderAnimOne {
|
||||||
|
from {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.customHeaderAnimOne:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
background: #FFF;
|
||||||
|
animation-name: customHeaderAnimOne;
|
||||||
|
animation-duration: inherit;
|
||||||
|
animation-fill-mode: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-menu-item .custom-menu-item-details {
|
||||||
|
display: flex;
|
||||||
|
justify-content: between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-menu-item .custom-menu-item-details .custom-menu-item-title,
|
||||||
|
.custom-menu-item .custom-menu-item-details .custom-menu-item-price {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-menu-item .custom-menu-item-details .custom-menu-item-price strong {
|
||||||
|
font-size: 20.8px;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-menu-item .custom-menu-item-details .custom-menu-item-price strong > span {
|
||||||
|
font-size: 0.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-menu-item .custom-menu-item-details .custom-menu-item-line {
|
||||||
|
width: 100%;
|
||||||
|
border-bottom: dashed 1px #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
font-size: 14.4px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
letter-spacing: 0;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
html.sticky-header-active .header-logo img {
|
||||||
|
width: 140px;
|
||||||
|
height: auto;
|
||||||
|
top: 16px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-section-halfbar-bg {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 0;
|
||||||
|
width: 50vw;
|
||||||
|
height: 40%;
|
||||||
|
border-radius: 10px 0 0 10px;
|
||||||
|
background: #CCC;
|
||||||
|
opacity: 0.1;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-section-halfbar-bg {
|
||||||
|
height: 20%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-column-bg {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-column-bg:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 0;
|
||||||
|
width: 50vw;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 0 10px 10px 0;
|
||||||
|
background: #212529;
|
||||||
|
opacity: 0.6;
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.custom-column-bg:before {
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-column-bg:before {
|
||||||
|
width: calc(100% - 30px);
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,443 @@
|
||||||
|
body {
|
||||||
|
font-family: "Poppins", sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Col
|
||||||
|
*/
|
||||||
|
@media (min-width: 1400px) {
|
||||||
|
.custom-col {
|
||||||
|
flex: 79% !important;
|
||||||
|
max-width: 79% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1900px) {
|
||||||
|
.custom-col {
|
||||||
|
flex: 74.5% !important;
|
||||||
|
max-width: 74.5% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Btn White
|
||||||
|
*/
|
||||||
|
.custom-btn-white {
|
||||||
|
border-color: #FFF !important;
|
||||||
|
border-width: 3px !important;
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-white:hover {
|
||||||
|
background-color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Btn
|
||||||
|
*/
|
||||||
|
.custom-btn {
|
||||||
|
border-width: 1px !important;
|
||||||
|
border-color: #ccc !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header
|
||||||
|
*/
|
||||||
|
#header .dropdown-item {
|
||||||
|
text-transform: capitalize !important;
|
||||||
|
font-size: 15px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .simple-search .form-control {
|
||||||
|
border-radius: 1.3rem 0 0 1.3rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .header-nav-features-light:before, #header .header-nav-features-light:after {
|
||||||
|
content: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .header-container {
|
||||||
|
height: 113px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .header-top {
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Carousel Slider Navigation
|
||||||
|
*/
|
||||||
|
[data-carousel-navigate] {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-carousel-navigate] p {
|
||||||
|
line-height: 26px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
[data-carousel-navigate].active:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 3px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Page Header
|
||||||
|
*/
|
||||||
|
.custom-page-header.page-header-background-sm {
|
||||||
|
padding: 95px 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-page-header .parallax-background {
|
||||||
|
height: 150% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Portfolio
|
||||||
|
*/
|
||||||
|
.load-more-loader {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portfolio-load-more-loader {
|
||||||
|
min-height: 61px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.load-more-btn-wrapper {
|
||||||
|
min-height: 53px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-portfolio .nav-link {
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 8px 23px;
|
||||||
|
font-size: 12.32px;
|
||||||
|
font-size: 0.77rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-portfolio .nav-item {
|
||||||
|
margin-right: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-portfolio .nav-item:hover .nav-link {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-thumb-info.thumb-info {
|
||||||
|
max-width: 80% !important;
|
||||||
|
border-radius: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Img
|
||||||
|
*/
|
||||||
|
.custom-img {
|
||||||
|
box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);
|
||||||
|
border-radius: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Line Height
|
||||||
|
*/
|
||||||
|
.custom-line-height {
|
||||||
|
line-height: 12.8px !important;
|
||||||
|
line-height: 0.8rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Featured Box
|
||||||
|
*/
|
||||||
|
.custom-featured-box .icon-featured {
|
||||||
|
width: 100px !important;
|
||||||
|
height: 100px !important;
|
||||||
|
display: flex !important;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-featured-box .icon-featured:before {
|
||||||
|
transform: scale(1) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-featured-box:hover .icon-featured:before {
|
||||||
|
transform: scale(1.2) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-featured-box i {
|
||||||
|
margin-top: auto !important;
|
||||||
|
margin-bottom: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-featured-box i::before {
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Max Width
|
||||||
|
*/
|
||||||
|
.max-w-90 {
|
||||||
|
max-width: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Img About
|
||||||
|
*/
|
||||||
|
.custom-img-about {
|
||||||
|
right: 0;
|
||||||
|
top: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-img-about {
|
||||||
|
max-width: 45%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Breadcrumb
|
||||||
|
*/
|
||||||
|
.custom-breadcrumb li, .custom-breadcrumb a {
|
||||||
|
color: #777777 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-breadcrumb > li + li:before {
|
||||||
|
content: "/" !important;
|
||||||
|
font-size: 17.6px;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Cards
|
||||||
|
*/
|
||||||
|
.custom-card:hover {
|
||||||
|
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card:hover:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 0;
|
||||||
|
height: 3px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card .icon-animated {
|
||||||
|
max-width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* HR
|
||||||
|
*/
|
||||||
|
.custom-hr {
|
||||||
|
background: #dadada !important;
|
||||||
|
width: 140%;
|
||||||
|
margin-left: -20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Card
|
||||||
|
*/
|
||||||
|
.custom-card-style-2 {
|
||||||
|
box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.1);
|
||||||
|
border-left: 1px solid #e8e8e8;
|
||||||
|
border-bottom: 1px solid #e8e8e8;
|
||||||
|
border-right: 1px solid #e8e8e8;
|
||||||
|
margin-top: 16px;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-2 h3, .custom-card-style-2 h4 {
|
||||||
|
letter-spacing: inherit;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-2 hr {
|
||||||
|
background: rgba(0, 0, 0, 0.15) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-2:before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 3px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-2.card-contact-us {
|
||||||
|
margin-top: 6.4px !important;
|
||||||
|
margin-top: 0.4rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-3 {
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-3 h4 {
|
||||||
|
letter-spacing: inherit;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-style-3:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Map
|
||||||
|
*/
|
||||||
|
.custom-map {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Tabs
|
||||||
|
*/
|
||||||
|
.custom-tabs {
|
||||||
|
margin-bottom: 50px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tabs .nav-item.active .nav-link, .custom-tabs .nav-item:hover .nav-link {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tabs .nav-item .nav-link {
|
||||||
|
font-weight: 600;
|
||||||
|
border: none !important;
|
||||||
|
padding: 12px 24px !important;
|
||||||
|
padding: 0.75rem 1.5rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tabs .nav-item .nav-link:before {
|
||||||
|
content: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tabs .nav-item .nav-link:hover {
|
||||||
|
padding: 12px 24px !important;
|
||||||
|
padding: 0.75rem 1.5rem !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Contact Form
|
||||||
|
*/
|
||||||
|
.custom-form-style-1 .form-control {
|
||||||
|
border: 0;
|
||||||
|
padding: 19.2px;
|
||||||
|
padding: 1.2rem;
|
||||||
|
box-shadow: none !important;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Progress Bar
|
||||||
|
*/
|
||||||
|
.custom-progress-bar.progress {
|
||||||
|
background-color: #cccccc;
|
||||||
|
border-radius: 25px !important;
|
||||||
|
height: 8px !important;
|
||||||
|
padding-left: 0;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-progress-bar .progress-bar {
|
||||||
|
border-radius: 25px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-progress-bar .progress-bar-tooltip {
|
||||||
|
color: #777777 !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
font-size: 14px;
|
||||||
|
right: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-progress-bar .progress-bar-tooltip::after {
|
||||||
|
content: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Testimonial
|
||||||
|
*/
|
||||||
|
.custom-testimonial blockquote {
|
||||||
|
background: transparent !important;
|
||||||
|
padding: 11.2px 28.8px;
|
||||||
|
padding: 0.7rem 1.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-testimonial blockquote:before, .custom-testimonial blockquote:after {
|
||||||
|
font-family: "Font Awesome 6 Free";
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-testimonial blockquote:before {
|
||||||
|
content: "\f10d";
|
||||||
|
font-size: 17px !important;
|
||||||
|
left: -12px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Owl Carousel - Custom Dots
|
||||||
|
*/
|
||||||
|
.owl-carousel.custom-dots .owl-dots {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-dots button.owl-dot span {
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
border: 2px solid;
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-dots button.owl-dot.active span, .owl-carousel.custom-dots button.owl-dot:hover span {
|
||||||
|
position: relative;
|
||||||
|
border: 2px solid;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-dots button.owl-dot.active span:before, .owl-carousel.custom-dots button.owl-dot:hover span:before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 5px;
|
||||||
|
height: 5px;
|
||||||
|
border-radius: 100%;
|
||||||
|
transform: translate3d(-50%, -50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-dots button.owl-dot:hover {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Angled
|
||||||
|
*/
|
||||||
|
.custom-angled .section-angled-layer-bottom,
|
||||||
|
.custom-angled .section-angled-layer-top {
|
||||||
|
padding: 72px 0 !important;
|
||||||
|
padding: 4.5rem 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-angled:not(.section-angled-reverse) .section-angled-layer-top {
|
||||||
|
transform: skewY(-3deg) translate3d(0, -50%, 0) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-angled:not(.section-angled-reverse) .section-angled-layer-bottom {
|
||||||
|
transform: skewY(3deg) translate3d(0, 50%, 0) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-angled.section-angled-reverse .section-angled-layer-top {
|
||||||
|
transform: skewY(3deg) translate3d(0, -50%, 0) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-angled.section-angled-reverse .section-angled-layer-bottom {
|
||||||
|
transform: skewY(-3deg) translate3d(0, 50%, 0) !important;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,605 @@
|
||||||
|
/*
|
||||||
|
* General
|
||||||
|
*/
|
||||||
|
.custom-big-text-style-1 {
|
||||||
|
font-size: 137.6px;
|
||||||
|
font-size: 8.6rem;
|
||||||
|
letter-spacing: 5px;
|
||||||
|
line-height: 0.85;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-big-text-style-1 {
|
||||||
|
font-size: 7.8rem;
|
||||||
|
}
|
||||||
|
.custom-big-text-style-1.custom-big-text-style-1-variation {
|
||||||
|
font-size: 5.8rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.custom-big-text-style-1 {
|
||||||
|
font-size: 5.6rem;
|
||||||
|
}
|
||||||
|
.custom-big-text-style-1.custom-big-text-style-1-variation {
|
||||||
|
font-size: 4rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-big-text-style-1 {
|
||||||
|
font-size: 4.3rem;
|
||||||
|
}
|
||||||
|
.custom-big-text-style-1.custom-big-text-style-1-variation {
|
||||||
|
font-size: 2.7rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-outline-text-style-1 {
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
-webkit-text-stroke-color: white;
|
||||||
|
-webkit-text-stroke-width: 0.3px;
|
||||||
|
letter-spacing: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-view-more svg {
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-view-more:hover svg {
|
||||||
|
transform: translate3d(7px, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Spacement
|
||||||
|
*/
|
||||||
|
.custom-margin-1 {
|
||||||
|
margin-top: 73.6px !important;
|
||||||
|
margin-top: 4.6rem !important;
|
||||||
|
margin-bottom: 73.6px !important;
|
||||||
|
margin-bottom: 4.6rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Square
|
||||||
|
*/
|
||||||
|
.custom-square-1 {
|
||||||
|
width: 216px;
|
||||||
|
height: 216px;
|
||||||
|
background-color: #CCC;
|
||||||
|
transform: rotate(48deg);
|
||||||
|
transform-origin: 0% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-square-1.custom-square-1-big {
|
||||||
|
width: 626px;
|
||||||
|
height: 626px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom SVG Position
|
||||||
|
*/
|
||||||
|
.custom-svg-position-1 {
|
||||||
|
position: absolute;
|
||||||
|
top: -38px;
|
||||||
|
left: -90px;
|
||||||
|
max-height: none;
|
||||||
|
width: 50vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-position-1 > svg {
|
||||||
|
height: 5.3vw;
|
||||||
|
min-height: 96px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1950px) {
|
||||||
|
.custom-svg-position-1 {
|
||||||
|
left: -121px;
|
||||||
|
width: 51vw;
|
||||||
|
top: -41px !important;
|
||||||
|
}
|
||||||
|
.custom-svg-position-1 > svg {
|
||||||
|
height: 110px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Navigation Buttons
|
||||||
|
*/
|
||||||
|
.custom-navigation-buttons-1 > a {
|
||||||
|
position: relative;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-navigation-buttons-1 > a:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
transition: ease background 300ms;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-navigation-buttons-1 > a:hover:before {
|
||||||
|
background: rgba(0, 0, 0, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Font Size
|
||||||
|
*/
|
||||||
|
.custom-font-size-1 {
|
||||||
|
font-size: 0.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* SVG Line Divider
|
||||||
|
*/
|
||||||
|
@keyframes customLineDividerAnim {
|
||||||
|
from {
|
||||||
|
stroke-dasharray: 170;
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
stroke-dasharray: 170;
|
||||||
|
stroke-dashoffset: -170;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.customLineDividerAnim {
|
||||||
|
animation-name: customLineDividerAnim;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header
|
||||||
|
*/
|
||||||
|
html #header .header-body {
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
html #header .header-logo.custom-header-logo {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
html #header .header-logo.custom-header-logo:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -87px;
|
||||||
|
left: 40px;
|
||||||
|
width: 170px;
|
||||||
|
height: 350px;
|
||||||
|
background-color: #CCC;
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
transition: ease opacity 300ms, ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
html #header .header-logo .logo {
|
||||||
|
transition: ease opacity 300ms, ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
html #header .header-logo .logo-sticky {
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: ease opacity 300ms, ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
html #header .header-container {
|
||||||
|
height: 120px;
|
||||||
|
transition: ease height 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
html #header .header-nav-main nav > ul > li > a {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
html #header .header-nav-main nav > ul > li > a {
|
||||||
|
padding: 0 1.1rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
html #header .header-nav-features:before,
|
||||||
|
html #header .header-nav-features:after {
|
||||||
|
background: rgba(0, 0, 0, 0.04);
|
||||||
|
height: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.sticky-header-active #header .header-body {
|
||||||
|
background: rgba(255, 255, 255, 0.8);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
html.sticky-header-active #header .header-logo.custom-header-logo {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.sticky-header-active #header .header-logo.custom-header-logo:before {
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transform: rotate(45deg) translate3d(0, -20px, 0);
|
||||||
|
transition: ease all 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.sticky-header-active #header .header-logo .logo {
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translate3d(20px, -20px, 0);
|
||||||
|
transition: ease all 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.sticky-header-active #header .header-logo .logo-sticky {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
transform: translate3d(-100%, 0, 0);
|
||||||
|
transition: ease all 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.sticky-header-active #header .header-container {
|
||||||
|
height: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-body {
|
||||||
|
background-color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
html:not(.sticky-header-active) #header .header-body {
|
||||||
|
transform: translate3d(0, 50px, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
html #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
|
||||||
|
border-top: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
html #header .header-nav-main nav > ul > li > a {
|
||||||
|
padding: 0 0.5rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
html #header .header-logo.custom-header-logo:before {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
html #header .header-logo .logo {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
html #header .header-logo .logo-sticky {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
transform: translate3d(0, 0, 0) !important;
|
||||||
|
}
|
||||||
|
html #header .header-nav-main nav > ul > li > a {
|
||||||
|
text-transform: none;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Diamonds SVG Line
|
||||||
|
*/
|
||||||
|
@keyframes customDiamondsLineAnim {
|
||||||
|
from {
|
||||||
|
stroke-dasharray: 1330;
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
stroke-dasharray: 1330;
|
||||||
|
stroke-dashoffset: -1300;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.customDiamondsLineAnim {
|
||||||
|
animation-name: customDiamondsLineAnim;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Diamonds
|
||||||
|
*/
|
||||||
|
.diamonds {
|
||||||
|
font-size: 0;
|
||||||
|
margin: 40px auto 85px;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
padding: 50px 0 0 57px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diamonds > li {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-right: 135px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diamonds .diamond {
|
||||||
|
background: transparent;
|
||||||
|
display: block;
|
||||||
|
height: 243px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
text-decoration: none;
|
||||||
|
width: 245px;
|
||||||
|
overflow: hidden;
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.diamonds .diamond:after {
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
content: " ";
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
background: #000;
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(0);
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diamonds .diamond:before {
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
color: #fff;
|
||||||
|
content: "\e091";
|
||||||
|
font-family: "simple-line-icons";
|
||||||
|
font-size: 28px;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
opacity: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.diamonds .diamond:hover:after {
|
||||||
|
opacity: 0.3;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.diamonds .diamond:hover:before {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.diamonds .content {
|
||||||
|
display: table-cell;
|
||||||
|
height: 255px;
|
||||||
|
padding: 0 8px 0 6px;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 255px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diamonds .content img {
|
||||||
|
max-width: 375px;
|
||||||
|
margin-left: -50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diamonds .diamond-sm {
|
||||||
|
height: 123px;
|
||||||
|
width: 123px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diamonds .diamond-sm .content {
|
||||||
|
height: 123px;
|
||||||
|
width: 123px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diamonds .diamond-sm .content:after {
|
||||||
|
left: 24%;
|
||||||
|
top: 48%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1199px) {
|
||||||
|
.diamonds > li:nth-child(3) {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.diamonds > li:nth-child(4) {
|
||||||
|
right: 143px;
|
||||||
|
top: 9px;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
.diamonds > li:nth-child(5) {
|
||||||
|
margin-left: 516px;
|
||||||
|
margin-top: -70px;
|
||||||
|
}
|
||||||
|
.diamonds > li:nth-child(6) {
|
||||||
|
position: absolute;
|
||||||
|
margin: -8px 0 0 -27px;
|
||||||
|
right: -14px;
|
||||||
|
}
|
||||||
|
.diamonds > li:nth-child(7) {
|
||||||
|
position: absolute;
|
||||||
|
margin: 93px 0 0 -133px;
|
||||||
|
right: 90px;
|
||||||
|
}
|
||||||
|
.diamonds .diamond-sm {
|
||||||
|
height: 123px;
|
||||||
|
width: 123px;
|
||||||
|
}
|
||||||
|
.diamonds .diamond-sm .content {
|
||||||
|
height: 123px;
|
||||||
|
width: 123px;
|
||||||
|
}
|
||||||
|
.diamonds .diamond-sm .content img {
|
||||||
|
max-width: 195px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1198px) {
|
||||||
|
.diamonds {
|
||||||
|
text-align: center;
|
||||||
|
width: 748px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 75px 0 0 75px;
|
||||||
|
}
|
||||||
|
.diamonds::after {
|
||||||
|
clear: both;
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.diamonds > li {
|
||||||
|
margin: 0;
|
||||||
|
position: static;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.diamonds > li:nth-child(2n+2) {
|
||||||
|
margin-bottom: -50px;
|
||||||
|
margin-left: 55px;
|
||||||
|
margin-top: 200px;
|
||||||
|
}
|
||||||
|
.diamonds > li:nth-child(2n+1) {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.diamonds > li:nth-child(4) {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.diamonds > li:nth-child(5), .diamonds > li:nth-child(6), .diamonds > li:nth-child(7) {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.diamonds > li:nth-child(7) {
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 748px) {
|
||||||
|
.diamonds {
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 25px 0 0 0;
|
||||||
|
text-align: center;
|
||||||
|
width: 445px;
|
||||||
|
}
|
||||||
|
.diamonds > li {
|
||||||
|
float: none !important;
|
||||||
|
clear: both !important;
|
||||||
|
margin: 45px 0 115px 95px !important;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.diamonds > li:nth-child(4), .diamonds > li:nth-child(6), .diamonds > li:nth-child(7) {
|
||||||
|
margin-left: 158px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.diamonds-wrapper {
|
||||||
|
min-height: 2290px;
|
||||||
|
}
|
||||||
|
.diamonds-wrapper .diamonds {
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 25px 0 0;
|
||||||
|
text-align: center;
|
||||||
|
width: 445px;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -222px;
|
||||||
|
}
|
||||||
|
.diamonds-wrapper .diamonds .diamond {
|
||||||
|
margin: 130px auto 0;
|
||||||
|
}
|
||||||
|
.diamonds-wrapper .diamonds > li {
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
.diamonds-wrapper .diamonds > li:first-child .diamond {
|
||||||
|
margin-top: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Testimonials
|
||||||
|
*/
|
||||||
|
.testimonial.testimonial-with-quotes.custom-testimonial-quote-position-1 blockquote:before {
|
||||||
|
left: -28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Tabs
|
||||||
|
*/
|
||||||
|
.tabs.tabs-simple .nav-tabs > li .nav-link:not(.active) {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Accordion
|
||||||
|
*/
|
||||||
|
.custom-accordion-style-1 > .card {
|
||||||
|
border: 1px solid transparent !important;
|
||||||
|
transition: ease border-color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a {
|
||||||
|
position: relative;
|
||||||
|
padding: 23px 30px;
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
transition: ease background-color 300ms, ease color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a:after {
|
||||||
|
content: '+';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 25px;
|
||||||
|
font-size: inherit;
|
||||||
|
font-weight: inherit;
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header + .collapse.show,
|
||||||
|
.custom-accordion-style-1 > .card .card-header + .collapsing {
|
||||||
|
background: #f4f4f4;
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card + .card {
|
||||||
|
margin-top: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Process
|
||||||
|
*/
|
||||||
|
.custom-process-style-1.process.process-vertical .process-step-circle {
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
border-color: #CCC;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-process-style-1.process.process-vertical .process-step:after {
|
||||||
|
width: 3px;
|
||||||
|
height: calc(100% - 110px);
|
||||||
|
top: 95px;
|
||||||
|
left: 39px;
|
||||||
|
background-color: #d4d4d4;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Footer
|
||||||
|
*/
|
||||||
|
#footer {
|
||||||
|
background: #f4f4f4;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,102 @@
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
|
||||||
|
color: #3E3E3E;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a:before {
|
||||||
|
height: 1px !important;
|
||||||
|
}
|
||||||
|
#header .header-nav-features .header-nav-top-icon {
|
||||||
|
color: #3E3E3E;
|
||||||
|
}
|
||||||
|
#header .header-nav-features .header-nav-top-icon-img {
|
||||||
|
color: #3E3E3E;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-el-pos-1 {
|
||||||
|
bottom: -260px;
|
||||||
|
left: -15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1600px) {
|
||||||
|
.custom-el-pos-1 {
|
||||||
|
left: -65px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-el-pos-2 {
|
||||||
|
bottom: -155px;
|
||||||
|
right: -145px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-min-height-1 {
|
||||||
|
min-height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
html .btn-quaternary:hover {
|
||||||
|
background: #F0F2FC !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel-light {
|
||||||
|
z-index: initial !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel-light .owl-stage {
|
||||||
|
background: #F5F6FB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-nav-1 .owl-nav .owl-prev, .owl-carousel.custom-nav-1 .owl-nav .owl-next {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background: var(--quaternary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-nav-1 .owl-nav .owl-prev:before, .owl-carousel.custom-nav-1 .owl-nav .owl-next:before {
|
||||||
|
color: #3E3E3E;
|
||||||
|
left: 0 !important;
|
||||||
|
top: 1px !important;
|
||||||
|
font-size: 16px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-nav-1-pos-1 .owl-nav {
|
||||||
|
z-index: 5;
|
||||||
|
top: 100%;
|
||||||
|
transform: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-nav-1-pos-1 .owl-nav .owl-prev {
|
||||||
|
transform: none !important;
|
||||||
|
left: auto;
|
||||||
|
top: -62px;
|
||||||
|
right: 63px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-nav-1-pos-1 .owl-nav .owl-next {
|
||||||
|
transform: none !important;
|
||||||
|
top: -62px;
|
||||||
|
right: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-nav-1-pos-2 .owl-nav .owl-prev {
|
||||||
|
margin-left: -25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-nav-1-pos-3 .owl-nav {
|
||||||
|
margin-top: -45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-nav-1-pos-3 .owl-nav .owl-prev {
|
||||||
|
margin-left: -25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel.custom-nav-1-pos-3 .owl-nav .owl-next {
|
||||||
|
margin-right: -25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.owl-carousel.custom-nav-1-pos-4 .owl-nav {
|
||||||
|
bottom: 33px;
|
||||||
|
top: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,842 @@
|
||||||
|
body {
|
||||||
|
font-family: "Poppins", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-height: 1200px) {
|
||||||
|
.body {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Font Tertiary
|
||||||
|
*/
|
||||||
|
.custom-font-tertiary {
|
||||||
|
font-family: "Lora", serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Font Icons
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fontello";
|
||||||
|
src: url("../../css/fonts/demos/digital-agency-2/fontello.woff2") format("woff2"), url("../../css/fonts/demos/digital-agency-2/fontello.woff") format("woff"), url("../../css/fonts/demos/digital-agency-2/fontello.ttf") format("ttf"), url("../../css/fonts/demos/digital-agency-2/fontello.eot") format("eot");
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Container
|
||||||
|
*/
|
||||||
|
@media (min-width: 1240px) {
|
||||||
|
.container {
|
||||||
|
max-width: 1240px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Text
|
||||||
|
*/
|
||||||
|
.custom-text-1 {
|
||||||
|
font-size: 12px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-2 {
|
||||||
|
font-size: 14px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-3 {
|
||||||
|
font-size: 15px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-4 {
|
||||||
|
font-size: 16px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-5 {
|
||||||
|
font-size: 18px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-6 {
|
||||||
|
font-size: 20px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-7 {
|
||||||
|
font-size: 22px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-8 {
|
||||||
|
font-size: 26px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-9 {
|
||||||
|
font-size: 32px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-10 {
|
||||||
|
font-size: 40px !important;
|
||||||
|
line-height: 40px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-11 {
|
||||||
|
font-size: 55px !important;
|
||||||
|
line-height: 72px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-12 {
|
||||||
|
font-size: 60px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Buttons
|
||||||
|
*/
|
||||||
|
.custom-btn-outline {
|
||||||
|
border-width: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes arrowMove {
|
||||||
|
0% {
|
||||||
|
position: relative;
|
||||||
|
left: -1px;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
position: relative;
|
||||||
|
left: 3px;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
position: relative;
|
||||||
|
left: -1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-with-arrow:after {
|
||||||
|
content: '\E800';
|
||||||
|
font-family: 'Fontello';
|
||||||
|
font-size: 18px;
|
||||||
|
margin-left: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-with-arrow:hover:after {
|
||||||
|
animation: arrowMove 600ms ease;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Titles
|
||||||
|
*/
|
||||||
|
.custom-title-with-icon:before {
|
||||||
|
content: '\E801';
|
||||||
|
font-family: 'Fontello';
|
||||||
|
font-size: 15px;
|
||||||
|
display: block;
|
||||||
|
line-height: 15px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-title-with-icon-center:before {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-title-with-icon-right:before {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Circles
|
||||||
|
*/
|
||||||
|
.custom-circle {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: block;
|
||||||
|
z-index: 100;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-blur {
|
||||||
|
filter: blur(3px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-1 {
|
||||||
|
width: 68px;
|
||||||
|
height: 67px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1799px) {
|
||||||
|
.custom-circle-1 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-2 {
|
||||||
|
width: 33px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1799px) {
|
||||||
|
.custom-circle-2 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-3 {
|
||||||
|
width: 21px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1799px) {
|
||||||
|
.custom-circle-3 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-4 {
|
||||||
|
width: 14px;
|
||||||
|
height: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1799px) {
|
||||||
|
.custom-circle-4 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header
|
||||||
|
*/
|
||||||
|
#header.header-effect-shrink .header-container {
|
||||||
|
min-height: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header.header-effect-shrink .header-container .header-column-social-icons {
|
||||||
|
flex-grow: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header.header-effect-shrink .header-container .header-nav nav ul li.dropdown:hover .dropdown-menu {
|
||||||
|
margin-top: -20px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
html.mobile-menu-opened.sticky-header-active #header.header-transparent .header-body .header-nav-main:before {
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Slider
|
||||||
|
*/
|
||||||
|
.custom-circles-container .custom-circle-1:nth-child(1) {
|
||||||
|
top: 40%;
|
||||||
|
left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circles-container .custom-circle-2:nth-child(2) {
|
||||||
|
top: 20%;
|
||||||
|
left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circles-container .custom-circle-3:nth-child(3) {
|
||||||
|
top: 27%;
|
||||||
|
left: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circles-container .custom-circle-1:nth-child(4) {
|
||||||
|
top: 50%;
|
||||||
|
right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circles-container .custom-circle-2:nth-child(5) {
|
||||||
|
top: 70%;
|
||||||
|
right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circles-container .custom-circle-3:nth-child(6) {
|
||||||
|
top: 60%;
|
||||||
|
right: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Cards
|
||||||
|
*/
|
||||||
|
.custom-cards {
|
||||||
|
margin-top: -345px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-cards {
|
||||||
|
margin-top: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .col-custom-cards .card {
|
||||||
|
bottom: 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-cards .col-custom-cards .card {
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .col-custom-cards:nth-child(2) {
|
||||||
|
transform: translateY(45px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .col-custom-cards:nth-child(3) {
|
||||||
|
transform: translateY(90px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom List
|
||||||
|
*/
|
||||||
|
.custom-list li:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 30px;
|
||||||
|
height: 3px;
|
||||||
|
margin-right: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Approach Img
|
||||||
|
*/
|
||||||
|
.approach-img {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
background-image: url("../../img/demos/digital-agency-2/bg/bg-3.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
border-radius: 50%;
|
||||||
|
min-width: 355px;
|
||||||
|
min-height: 360px;
|
||||||
|
max-width: 355px;
|
||||||
|
max-height: 360px;
|
||||||
|
margin: auto;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.approach-img .custom-circle-1 {
|
||||||
|
display: block;
|
||||||
|
width: 50%;
|
||||||
|
height: 50%;
|
||||||
|
background-color: white;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
border-radius: 113px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.approach-img .custom-circle-2 {
|
||||||
|
display: block;
|
||||||
|
width: 25%;
|
||||||
|
height: 25%;
|
||||||
|
border-radius: 50%;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
background-image: url(../../img/demos/digital-agency-2/bg/bg-3.png);
|
||||||
|
background-position: center;
|
||||||
|
background-size: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.approach-img .custom-circle-our-approach-deco-1 {
|
||||||
|
width: 33px;
|
||||||
|
height: 31px;
|
||||||
|
border-radius: 50%;
|
||||||
|
top: 30px;
|
||||||
|
left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.approach-img .custom-circle-our-approach-deco-2 {
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
border-radius: 50%;
|
||||||
|
top: 25%;
|
||||||
|
right: 2%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.approach-img .custom-circle-our-approach-deco-3 {
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
border-radius: 50%;
|
||||||
|
bottom: 0;
|
||||||
|
left: 20%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Section Our Work
|
||||||
|
*/
|
||||||
|
.our-work .isotope-item {
|
||||||
|
position: static !important;
|
||||||
|
transition: .3s opacity;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work img {
|
||||||
|
min-height: 280px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work .custom-our-work-text {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work .custom-our-work-text h4, .our-work .custom-our-work .custom-our-work-text p, .our-work .custom-our-work .custom-our-work-text span {
|
||||||
|
position: relative;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work .custom-our-work-text h4 {
|
||||||
|
transition: .2s left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work .custom-our-work-text p {
|
||||||
|
transition: .5s left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work .custom-our-work-text span {
|
||||||
|
transition: .9s left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work:hover:before {
|
||||||
|
opacity: 0.8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work:hover .custom-our-work-text h4, .our-work .custom-our-work:hover .custom-our-work-text p, .our-work .custom-our-work:hover .custom-our-work-text span {
|
||||||
|
left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Side menu Our Work
|
||||||
|
*/
|
||||||
|
.side-menu-our-work .sort-source li a:before {
|
||||||
|
content: '';
|
||||||
|
width: 15px;
|
||||||
|
height: 3px;
|
||||||
|
background-color: #CCC;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 16px;
|
||||||
|
vertical-align: middle;
|
||||||
|
transition: .5s width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-our-work .sort-source li a:hover:before {
|
||||||
|
width: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-our-work .sort-source li.active a {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-our-work .sort-source.sort-source-light li.active a {
|
||||||
|
color: #000 !important;
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Section Our Services
|
||||||
|
*/
|
||||||
|
.our-services .custom-circle-2 {
|
||||||
|
top: 10%;
|
||||||
|
right: 7%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .service-card {
|
||||||
|
padding: 65px 0 65px 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .service-card:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 30px;
|
||||||
|
height: 3px;
|
||||||
|
margin-right: 10px;
|
||||||
|
transition: .5s width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .service-card:hover:before {
|
||||||
|
width: 45px;
|
||||||
|
background-color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .service-card.bg-color-dark:before, .our-services .service-card.active:before {
|
||||||
|
background-color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img {
|
||||||
|
min-height: 377px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img img {
|
||||||
|
max-width: 300px;
|
||||||
|
height: auto;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-1 {
|
||||||
|
position: absolute;
|
||||||
|
top: 40%;
|
||||||
|
left: 0;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 253px;
|
||||||
|
height: 140px;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-2 {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 253px;
|
||||||
|
height: 178px;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-3 {
|
||||||
|
border: 3px solid #000;
|
||||||
|
position: absolute;
|
||||||
|
top: 43%;
|
||||||
|
left: 45%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 299px;
|
||||||
|
height: 285px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img .custom-circle-1 {
|
||||||
|
position: absolute;
|
||||||
|
top: 70%;
|
||||||
|
left: -5%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 26px;
|
||||||
|
height: 24px;
|
||||||
|
opacity: 0.5;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Section Our Insights
|
||||||
|
*/
|
||||||
|
.our-insights .custom-circle-2 {
|
||||||
|
top: 8%;
|
||||||
|
left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-insights .custom-circle-3 {
|
||||||
|
top: 18%;
|
||||||
|
left: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* About Us Featured Block
|
||||||
|
*/
|
||||||
|
.about-us-featured-block {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
top: -50%;
|
||||||
|
transform: translate(-70px, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.about-us-featured-block {
|
||||||
|
position: static;
|
||||||
|
transform: translate(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Page Our Work Detail
|
||||||
|
*/
|
||||||
|
.project-details {
|
||||||
|
border-bottom: 1px solid #e7e7e7;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Page Our Services Detail
|
||||||
|
*/
|
||||||
|
.custom-accordion .custom-card-default {
|
||||||
|
border-width: 20px !important;
|
||||||
|
border-top: 0 !important;
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion .custom-card-body-collapse {
|
||||||
|
border-bottom: 20px solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Section Contact Us - Where You Are
|
||||||
|
*/
|
||||||
|
.where-you-are-postal-cards .custom-circle-2:nth-child(1) {
|
||||||
|
top: -10px;
|
||||||
|
left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-you-are-postal-cards .custom-circle-3:nth-child(2) {
|
||||||
|
top: -10px;
|
||||||
|
right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-you-are-postal-cards .custom-circle-3:nth-child(3) {
|
||||||
|
bottom: -40px;
|
||||||
|
right: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal {
|
||||||
|
min-height: 380px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal {
|
||||||
|
min-height: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal img {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal img {
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal .col-where-you-are-postal-text {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal .col-where-you-are-postal-text {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Section Get in Touch
|
||||||
|
*/
|
||||||
|
.get-in-touch {
|
||||||
|
padding: 90px 0 150px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.get-in-touch {
|
||||||
|
padding: 90px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.get-in-touch:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 120%;
|
||||||
|
height: 100px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -48px;
|
||||||
|
left: -5%;
|
||||||
|
transform: rotate(2deg);
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.get-in-touch:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.get-in-touch .custom-circle-1 {
|
||||||
|
top: 20%;
|
||||||
|
right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.get-in-touch .custom-circle-2 {
|
||||||
|
top: 70%;
|
||||||
|
right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Page Header
|
||||||
|
*/
|
||||||
|
.page-header.page-header-modern.page-header-background {
|
||||||
|
padding: 185px 0 245px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
background-position: 0 100%;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.page-header.page-header-modern.page-header-background {
|
||||||
|
padding: 100px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.page-header-modern.page-header-background:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
background-color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -48px;
|
||||||
|
left: 0;
|
||||||
|
transform: rotate(2deg);
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.page-header.page-header-modern.page-header-background:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.page-header-modern.page-header-background .custom-circle-1:nth-child(1) {
|
||||||
|
top: 40%;
|
||||||
|
right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.page-header-modern.page-header-background .custom-circle-2:nth-child(2) {
|
||||||
|
top: 70%;
|
||||||
|
right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.page-header-modern.page-header-background .custom-circle-3:nth-child(3) {
|
||||||
|
top: 60%;
|
||||||
|
right: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.page-header-modern.page-header-background .breadcrumb:before {
|
||||||
|
content: '\E801';
|
||||||
|
font-family: 'Fontello';
|
||||||
|
font-size: 15px;
|
||||||
|
display: block;
|
||||||
|
line-height: 15px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Footer
|
||||||
|
*/
|
||||||
|
#footer {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Text Color
|
||||||
|
*/
|
||||||
|
body {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* BG Dark
|
||||||
|
*/
|
||||||
|
html,
|
||||||
|
html.dark body,
|
||||||
|
html.dark .body {
|
||||||
|
background-color: #252525;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .bg-color-darken {
|
||||||
|
background-color: #252525;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header
|
||||||
|
*/
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
html.dark #header .header-nav.header-nav-dropdowns-dark nav > ul > li > a, html.dark #header .header-nav.header-nav-dropdowns-dark nav > ul > li:hover > a {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu {
|
||||||
|
background: #252525;
|
||||||
|
}
|
||||||
|
html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:hover > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:focus > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li.active > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:active > a {
|
||||||
|
background: #323232;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
html.dark #header.header-transparent .header-body.bg-dark .header-nav-main:before,
|
||||||
|
html #header.header-transparent .header-body.bg-color-dark .header-nav-main:before {
|
||||||
|
background-color: #252525;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Slider
|
||||||
|
*/
|
||||||
|
html.dark .slider-container:after {
|
||||||
|
background-color: #252525;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Page Header
|
||||||
|
*/
|
||||||
|
.page-header.page-header-modern.page-header-background:after {
|
||||||
|
background-color: #252525;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Sort Source
|
||||||
|
*/
|
||||||
|
html.dark .side-menu-our-work .sort-source.sort-source-light li.active a {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .side-menu-our-work .sort-source.sort-source-light li:hover a, html.dark .side-menu-our-work .sort-source.sort-source-light li:hover a:hover {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Project Details
|
||||||
|
*/
|
||||||
|
html.dark .project-details {
|
||||||
|
border-color: #323232;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Blog
|
||||||
|
*/
|
||||||
|
html.dark ul.comments .comment-block {
|
||||||
|
background: #323232;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark ul.comments .comment-block .comment-arrow {
|
||||||
|
border-right-color: #323232;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Accordion
|
||||||
|
*/
|
||||||
|
html.dark .accordion .card-default {
|
||||||
|
border-color: #323232 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .accordion .card,
|
||||||
|
html.dark .accordion .card-header {
|
||||||
|
background-color: #323232 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .accordion .custom-card-body-collapse {
|
||||||
|
border-bottom-color: #323232 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .accordion .card-body {
|
||||||
|
background-color: #2a2a2a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .pagination > li > a,
|
||||||
|
html.dark .pagination > li > span {
|
||||||
|
background-color: #2d2d2d;
|
||||||
|
border-color: #323232;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,727 @@
|
||||||
|
body {
|
||||||
|
font-family: "Poppins", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-height: 1200px) {
|
||||||
|
.body {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Font Tertiary
|
||||||
|
*/
|
||||||
|
.custom-font-tertiary {
|
||||||
|
font-family: "Lora", serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Font Icons
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: "Fontello";
|
||||||
|
src: url("../../css/fonts/demos/digital-agency-2/fontello.woff2") format("woff2"), url("../../css/fonts/demos/digital-agency-2/fontello.woff") format("woff"), url("../../css/fonts/demos/digital-agency-2/fontello.ttf") format("ttf"), url("../../css/fonts/demos/digital-agency-2/fontello.eot") format("eot");
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Container
|
||||||
|
*/
|
||||||
|
@media (min-width: 1240px) {
|
||||||
|
.container {
|
||||||
|
max-width: 1240px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Text
|
||||||
|
*/
|
||||||
|
.custom-text-1 {
|
||||||
|
font-size: 12px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-2 {
|
||||||
|
font-size: 14px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-3 {
|
||||||
|
font-size: 15px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-4 {
|
||||||
|
font-size: 16px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-5 {
|
||||||
|
font-size: 18px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-6 {
|
||||||
|
font-size: 20px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-7 {
|
||||||
|
font-size: 22px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-8 {
|
||||||
|
font-size: 26px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-9 {
|
||||||
|
font-size: 32px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-10 {
|
||||||
|
font-size: 40px !important;
|
||||||
|
line-height: 40px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-11 {
|
||||||
|
font-size: 55px !important;
|
||||||
|
line-height: 72px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-text-12 {
|
||||||
|
font-size: 60px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Buttons
|
||||||
|
*/
|
||||||
|
.custom-btn-outline {
|
||||||
|
border-width: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes arrowMove {
|
||||||
|
0% {
|
||||||
|
position: relative;
|
||||||
|
left: -1px;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
position: relative;
|
||||||
|
left: 3px;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
position: relative;
|
||||||
|
left: -1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-with-arrow:after {
|
||||||
|
content: '\E800';
|
||||||
|
font-family: 'Fontello';
|
||||||
|
font-size: 18px;
|
||||||
|
margin-left: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-btn-with-arrow:hover:after {
|
||||||
|
animation: arrowMove 600ms ease;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Titles
|
||||||
|
*/
|
||||||
|
.custom-title-with-icon:before {
|
||||||
|
content: '\E801';
|
||||||
|
font-family: 'Fontello';
|
||||||
|
font-size: 15px;
|
||||||
|
display: block;
|
||||||
|
line-height: 15px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-title-with-icon-center:before {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-title-with-icon-right:before {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Circles
|
||||||
|
*/
|
||||||
|
.custom-circle {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: block;
|
||||||
|
z-index: 100;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-blur {
|
||||||
|
filter: blur(3px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-1 {
|
||||||
|
width: 68px;
|
||||||
|
height: 67px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1799px) {
|
||||||
|
.custom-circle-1 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-2 {
|
||||||
|
width: 33px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1799px) {
|
||||||
|
.custom-circle-2 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-3 {
|
||||||
|
width: 21px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1799px) {
|
||||||
|
.custom-circle-3 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circle-4 {
|
||||||
|
width: 14px;
|
||||||
|
height: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1799px) {
|
||||||
|
.custom-circle-4 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header
|
||||||
|
*/
|
||||||
|
#header.header-effect-shrink .header-container {
|
||||||
|
min-height: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header.header-effect-shrink .header-container .header-column-social-icons {
|
||||||
|
flex-grow: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header.header-effect-shrink .header-container .header-nav nav ul li.dropdown:hover .dropdown-menu {
|
||||||
|
margin-top: -20px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
html.mobile-menu-opened.sticky-header-active #header.header-transparent .header-body .header-nav-main:before {
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Slider
|
||||||
|
*/
|
||||||
|
.custom-circles-container .custom-circle-1:nth-child(1) {
|
||||||
|
top: 40%;
|
||||||
|
left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circles-container .custom-circle-2:nth-child(2) {
|
||||||
|
top: 20%;
|
||||||
|
left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circles-container .custom-circle-3:nth-child(3) {
|
||||||
|
top: 27%;
|
||||||
|
left: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circles-container .custom-circle-1:nth-child(4) {
|
||||||
|
top: 50%;
|
||||||
|
right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circles-container .custom-circle-2:nth-child(5) {
|
||||||
|
top: 70%;
|
||||||
|
right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-circles-container .custom-circle-3:nth-child(6) {
|
||||||
|
top: 60%;
|
||||||
|
right: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Cards
|
||||||
|
*/
|
||||||
|
.custom-cards {
|
||||||
|
margin-top: -345px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-cards {
|
||||||
|
margin-top: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .col-custom-cards .card {
|
||||||
|
bottom: 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.custom-cards .col-custom-cards .card {
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .col-custom-cards:nth-child(2) {
|
||||||
|
transform: translateY(45px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-cards .col-custom-cards:nth-child(3) {
|
||||||
|
transform: translateY(90px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom List
|
||||||
|
*/
|
||||||
|
.custom-list li:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 30px;
|
||||||
|
height: 3px;
|
||||||
|
margin-right: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Approach Img
|
||||||
|
*/
|
||||||
|
.approach-img {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
background-image: url("../../img/demos/digital-agency-2/bg/bg-3.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
border-radius: 50%;
|
||||||
|
min-width: 355px;
|
||||||
|
min-height: 360px;
|
||||||
|
max-width: 355px;
|
||||||
|
max-height: 360px;
|
||||||
|
margin: auto;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.approach-img .custom-circle-1 {
|
||||||
|
display: block;
|
||||||
|
width: 50%;
|
||||||
|
height: 50%;
|
||||||
|
background-color: white;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
border-radius: 113px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.approach-img .custom-circle-2 {
|
||||||
|
display: block;
|
||||||
|
width: 25%;
|
||||||
|
height: 25%;
|
||||||
|
border-radius: 50%;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
background-image: url(../../img/demos/digital-agency-2/bg/bg-3.png);
|
||||||
|
background-position: center;
|
||||||
|
background-size: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.approach-img .custom-circle-our-approach-deco-1 {
|
||||||
|
width: 33px;
|
||||||
|
height: 31px;
|
||||||
|
border-radius: 50%;
|
||||||
|
top: 30px;
|
||||||
|
left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.approach-img .custom-circle-our-approach-deco-2 {
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
border-radius: 50%;
|
||||||
|
top: 25%;
|
||||||
|
right: 2%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.approach-img .custom-circle-our-approach-deco-3 {
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
border-radius: 50%;
|
||||||
|
bottom: 0;
|
||||||
|
left: 20%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Section Our Work
|
||||||
|
*/
|
||||||
|
.our-work .isotope-item {
|
||||||
|
position: static !important;
|
||||||
|
transition: .3s opacity;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work img {
|
||||||
|
min-height: 280px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work .custom-our-work-text {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work .custom-our-work-text h4, .our-work .custom-our-work .custom-our-work-text p, .our-work .custom-our-work .custom-our-work-text span {
|
||||||
|
position: relative;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work .custom-our-work-text h4 {
|
||||||
|
transition: .2s left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work .custom-our-work-text p {
|
||||||
|
transition: .5s left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work .custom-our-work-text span {
|
||||||
|
transition: .9s left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work:hover:before {
|
||||||
|
opacity: 0.8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-work .custom-our-work:hover .custom-our-work-text h4, .our-work .custom-our-work:hover .custom-our-work-text p, .our-work .custom-our-work:hover .custom-our-work-text span {
|
||||||
|
left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Side menu Our Work
|
||||||
|
*/
|
||||||
|
.side-menu-our-work .sort-source li a:before {
|
||||||
|
content: '';
|
||||||
|
width: 15px;
|
||||||
|
height: 3px;
|
||||||
|
background-color: #CCC;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 16px;
|
||||||
|
vertical-align: middle;
|
||||||
|
transition: .5s width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-our-work .sort-source li a:hover:before {
|
||||||
|
width: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-our-work .sort-source li.active a {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-our-work .sort-source.sort-source-light li.active a {
|
||||||
|
color: #000 !important;
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Section Our Services
|
||||||
|
*/
|
||||||
|
.our-services .custom-circle-2 {
|
||||||
|
top: 10%;
|
||||||
|
right: 7%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .service-card {
|
||||||
|
padding: 65px 0 65px 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .service-card:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 30px;
|
||||||
|
height: 3px;
|
||||||
|
margin-right: 10px;
|
||||||
|
transition: .5s width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .service-card:hover:before {
|
||||||
|
width: 45px;
|
||||||
|
background-color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .service-card.bg-color-dark:before, .our-services .service-card.active:before {
|
||||||
|
background-color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img {
|
||||||
|
min-height: 377px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img img {
|
||||||
|
max-width: 300px;
|
||||||
|
height: auto;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-1 {
|
||||||
|
position: absolute;
|
||||||
|
top: 40%;
|
||||||
|
left: 0;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 253px;
|
||||||
|
height: 140px;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-2 {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 253px;
|
||||||
|
height: 178px;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-3 {
|
||||||
|
border: 3px solid #000;
|
||||||
|
position: absolute;
|
||||||
|
top: 43%;
|
||||||
|
left: 45%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 299px;
|
||||||
|
height: 285px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-services .col-our-services-bottom .col-our-services-bottom-img .custom-circle-1 {
|
||||||
|
position: absolute;
|
||||||
|
top: 70%;
|
||||||
|
left: -5%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 26px;
|
||||||
|
height: 24px;
|
||||||
|
opacity: 0.5;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Section Our Insights
|
||||||
|
*/
|
||||||
|
.our-insights .custom-circle-2 {
|
||||||
|
top: 8%;
|
||||||
|
left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-insights .custom-circle-3 {
|
||||||
|
top: 18%;
|
||||||
|
left: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* About Us Featured Block
|
||||||
|
*/
|
||||||
|
.about-us-featured-block {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
top: -50%;
|
||||||
|
transform: translate(-70px, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.about-us-featured-block {
|
||||||
|
position: static;
|
||||||
|
transform: translate(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Page Our Work Detail
|
||||||
|
*/
|
||||||
|
.project-details {
|
||||||
|
border-bottom: 1px solid #e7e7e7;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Page Our Services Detail
|
||||||
|
*/
|
||||||
|
.custom-accordion .custom-card-default {
|
||||||
|
border-width: 20px !important;
|
||||||
|
border-top: 0 !important;
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion .custom-card-body-collapse {
|
||||||
|
border-bottom: 20px solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Section Contact Us - Where You Are
|
||||||
|
*/
|
||||||
|
.where-you-are-postal-cards .custom-circle-2:nth-child(1) {
|
||||||
|
top: -10px;
|
||||||
|
left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-you-are-postal-cards .custom-circle-3:nth-child(2) {
|
||||||
|
top: -10px;
|
||||||
|
right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-you-are-postal-cards .custom-circle-3:nth-child(3) {
|
||||||
|
bottom: -40px;
|
||||||
|
right: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal {
|
||||||
|
min-height: 380px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal {
|
||||||
|
min-height: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal img {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal img {
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal .col-where-you-are-postal-text {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.where-you-are-postal-cards .col-where-you-are-postal .col-where-you-are-postal-text {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Section Get in Touch
|
||||||
|
*/
|
||||||
|
.get-in-touch {
|
||||||
|
padding: 90px 0 150px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.get-in-touch {
|
||||||
|
padding: 90px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.get-in-touch:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 120%;
|
||||||
|
height: 100px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -48px;
|
||||||
|
left: -5%;
|
||||||
|
transform: rotate(2deg);
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.get-in-touch:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.get-in-touch .custom-circle-1 {
|
||||||
|
top: 20%;
|
||||||
|
right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.get-in-touch .custom-circle-2 {
|
||||||
|
top: 70%;
|
||||||
|
right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Page Header
|
||||||
|
*/
|
||||||
|
.page-header.page-header-modern.page-header-background {
|
||||||
|
padding: 185px 0 245px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
background-position: 0 100%;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.page-header.page-header-modern.page-header-background {
|
||||||
|
padding: 100px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.page-header-modern.page-header-background:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
background-color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -48px;
|
||||||
|
left: 0;
|
||||||
|
transform: rotate(2deg);
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.page-header.page-header-modern.page-header-background:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.page-header-modern.page-header-background .custom-circle-1:nth-child(1) {
|
||||||
|
top: 40%;
|
||||||
|
right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.page-header-modern.page-header-background .custom-circle-2:nth-child(2) {
|
||||||
|
top: 70%;
|
||||||
|
right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.page-header-modern.page-header-background .custom-circle-3:nth-child(3) {
|
||||||
|
top: 60%;
|
||||||
|
right: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header.page-header-modern.page-header-background .breadcrumb:before {
|
||||||
|
content: '\E801';
|
||||||
|
font-family: 'Fontello';
|
||||||
|
font-size: 15px;
|
||||||
|
display: block;
|
||||||
|
line-height: 15px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Footer
|
||||||
|
*/
|
||||||
|
#footer {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,326 @@
|
||||||
|
.custom-big-text-1 {
|
||||||
|
font-size: 152px;
|
||||||
|
font-size: 9.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-big-text-1 {
|
||||||
|
font-size: 5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-big-text-2 {
|
||||||
|
font-size: 124.8px;
|
||||||
|
font-size: 7.8rem;
|
||||||
|
line-height: 112px;
|
||||||
|
line-height: 7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.custom-big-text-2 {
|
||||||
|
font-size: 3.8rem;
|
||||||
|
line-height: 3.8rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-stroke-text-effect-1 {
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
-webkit-text-stroke-width: 0.5px;
|
||||||
|
-webkit-text-stroke-color: #FFF;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-reverse > svg {
|
||||||
|
transform: rotateY(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-svg-style-1 {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1920px) {
|
||||||
|
.custom-svg-style-1 {
|
||||||
|
width: 1920px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.custom-svg-style-1 {
|
||||||
|
width: 1920px;
|
||||||
|
left: 100% !important;
|
||||||
|
}
|
||||||
|
.custom-svg-style-1.custom-svg-style-1-variation {
|
||||||
|
left: 0% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Header
|
||||||
|
*/
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
|
||||||
|
background: #FFF !important;
|
||||||
|
height: 1px !important;
|
||||||
|
}
|
||||||
|
#header .header-nav.header-nav-line nav > ul li:hover > a:before {
|
||||||
|
background: #FFF !important;
|
||||||
|
height: 1px !important;
|
||||||
|
}
|
||||||
|
#header .header-nav-main nav > ul > li {
|
||||||
|
margin-left: 25px;
|
||||||
|
}
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-read-more svg {
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-read-more:hover svg {
|
||||||
|
transform: translate3d(6px, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Tabs
|
||||||
|
*/
|
||||||
|
.custom-tabs-style-1.tabs .nav-tabs .nav-link {
|
||||||
|
border-bottom-width: 1px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-tabs-style-1.tabs .nav-tabs .nav-link h4 {
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-tabs-style-1.tabs .nav-tabs .nav-item {
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Carousel
|
||||||
|
*/
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.custom-half-carousel-style-1.carousel-half-full-width-wrapper > .owl-carousel {
|
||||||
|
width: calc( 100vw - ( ( 100vw - 960px ) / 2 ));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-half-carousel-style-1.carousel-half-full-width-wrapper > .owl-carousel {
|
||||||
|
width: calc( 100vw - ( ( 100vw - 1300px ) / 2 ));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.custom-half-carousel-style-1.carousel-half-full-width-wrapper > .owl-carousel {
|
||||||
|
width: calc( 100vw - ( ( 100vw - 1600px ) / 2 ));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1 .owl-dots .owl-dot {
|
||||||
|
transition: ease transform 150ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1 .owl-dots .owl-dot.active, .custom-dots-style-1 .owl-dots .owl-dot:hover {
|
||||||
|
transform: scale(1.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1 .owl-dots .owl-dot span {
|
||||||
|
margin: 5px 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-dots-style-1 .owl-dots .owl-dot:first-child span {
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel .owl-item .custom-bg-slider-left,
|
||||||
|
.owl-carousel .owl-item .custom-bg-slider-right {
|
||||||
|
position: absolute;
|
||||||
|
width: 130%;
|
||||||
|
max-width: initial;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.owl-carousel .owl-item .custom-bg-slider-left,
|
||||||
|
.owl-carousel .owl-item .custom-bg-slider-right {
|
||||||
|
width: 105%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.owl-carousel .owl-item .custom-bg-slider-left,
|
||||||
|
.owl-carousel .owl-item .custom-bg-slider-right {
|
||||||
|
width: 85%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1600px) {
|
||||||
|
.owl-carousel .owl-item .custom-bg-slider-left,
|
||||||
|
.owl-carousel .owl-item .custom-bg-slider-right {
|
||||||
|
width: 65%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-carousel .owl-item .custom-bg-slider-left {
|
||||||
|
right: auto;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Thumb Info
|
||||||
|
*/
|
||||||
|
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
|
||||||
|
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
|
||||||
|
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
|
||||||
|
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper:after {
|
||||||
|
border-radius: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Page Header
|
||||||
|
*/
|
||||||
|
.custom-page-header.page-header-modern {
|
||||||
|
height: 400px;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-page-header.page-header-modern .custom-big-text-1 {
|
||||||
|
font-size: 64px;
|
||||||
|
font-size: 4rem;
|
||||||
|
line-height: 64px;
|
||||||
|
line-height: 4rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-page-header.page-header-modern .custom-big-text-2 {
|
||||||
|
font-size: 48px;
|
||||||
|
font-size: 3rem;
|
||||||
|
line-height: 48px;
|
||||||
|
line-height: 3rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.custom-page-header.page-header-modern .custom-big-text-1 {
|
||||||
|
font-size: 6rem;
|
||||||
|
line-height: 6rem;
|
||||||
|
}
|
||||||
|
.custom-page-header.page-header-modern .custom-big-text-2 {
|
||||||
|
font-size: 5rem;
|
||||||
|
line-height: 4rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Accordion
|
||||||
|
*/
|
||||||
|
.custom-accordion-style-1 > .card {
|
||||||
|
border: 1px solid transparent !important;
|
||||||
|
transition: ease border-color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a {
|
||||||
|
position: relative;
|
||||||
|
padding: 23px 30px;
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
transition: ease background-color 300ms, ease color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a:after {
|
||||||
|
content: '+';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 25px;
|
||||||
|
font-size: inherit;
|
||||||
|
font-weight: inherit;
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header + .collapse.show,
|
||||||
|
.custom-accordion-style-1 > .card .card-header + .collapsing {
|
||||||
|
background: #f4f4f4;
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card + .card {
|
||||||
|
margin-top: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Custom Por
|
||||||
|
*/
|
||||||
|
.custom-sort-source.sort-source.sort-source-style-3 {
|
||||||
|
border-bottom: 1px solid #EEE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-sort-source.sort-source.sort-source-style-3 > li {
|
||||||
|
position: relative;
|
||||||
|
top: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-sort-source.sort-source.sort-source-style-3 > li > a {
|
||||||
|
border-bottom: 1px solid #EEE;
|
||||||
|
border-radius: 0;
|
||||||
|
padding: 20px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Contact Form
|
||||||
|
*/
|
||||||
|
.custom-form-style-1 .form-control {
|
||||||
|
height: calc(1.8em + 1.85rem + 2px);
|
||||||
|
padding: 15.6px 20px;
|
||||||
|
padding: 0.975rem 1.25rem;
|
||||||
|
background: #f7f7f7;
|
||||||
|
border-color: #f7f7f7;
|
||||||
|
line-height: 1.5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control:focus {
|
||||||
|
border-color: #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control::-webkit-input-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control::-moz-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control:-ms-input-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select {
|
||||||
|
color: #495057;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select option {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select option[selected] {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 textarea.form-control {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,231 @@
|
||||||
|
.custom-bg-color-grey-1 {
|
||||||
|
background-color: #f4f4f4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-font-1 {
|
||||||
|
font-family: Georgia, serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slider */
|
||||||
|
.custom-slider-el-1 {
|
||||||
|
max-width: 30%;
|
||||||
|
right: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-slider-el-2 {
|
||||||
|
max-width: 30%;
|
||||||
|
left: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-slider-text-1 {
|
||||||
|
font-size: 100px;
|
||||||
|
text-transform: none;
|
||||||
|
letter-spacing: 0.01em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-slider-text-1 em {
|
||||||
|
display: inline-block;
|
||||||
|
font-style: normal;
|
||||||
|
color: transparent;
|
||||||
|
font-size: 155px;
|
||||||
|
transform: rotate(-15deg);
|
||||||
|
position: relative;
|
||||||
|
top: 37px;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-slider-text-block {
|
||||||
|
zoom: 0.7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.custom-slider-text-block {
|
||||||
|
zoom: 0.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header Nav Main */
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
#header .header-nav-main nav > ul > li > a {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Feature Boxes */
|
||||||
|
.feature-box-steps .feature-box-step-number {
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-box-steps .feature-box-step-number em {
|
||||||
|
font-size: 44px;
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
margin-top: 32px;
|
||||||
|
margin-right: 10px;
|
||||||
|
color: #FFF;
|
||||||
|
font-weight: bold;
|
||||||
|
transform: rotate(-15deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Courses */
|
||||||
|
.custom-card-courses {
|
||||||
|
border: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-courses .custom-card-courses-author {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -30px;
|
||||||
|
right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-card-courses .custom-card-courses-author img {
|
||||||
|
height: 60px;
|
||||||
|
width: 60px;
|
||||||
|
border-radius: 50% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Countdown */
|
||||||
|
.countdown {
|
||||||
|
min-height: 88px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom Elements */
|
||||||
|
.custom-element {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element.custom-element-pos-1 {
|
||||||
|
top: 30%;
|
||||||
|
left: -35%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element.custom-element-pos-2 {
|
||||||
|
bottom: -15%;
|
||||||
|
right: -35%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element.custom-element-pos-3 {
|
||||||
|
top: 30%;
|
||||||
|
left: -35%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-element.custom-element-pos-4 {
|
||||||
|
top: -20%;
|
||||||
|
right: -20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Section Bacgrkound */
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-section-background-1 {
|
||||||
|
padding-bottom: 35% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.custom-section-background-2 {
|
||||||
|
padding-bottom: 35% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Breadcrumb */
|
||||||
|
.breadcrumb > li {
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Course Details */
|
||||||
|
.custom-course-detail .custom-course-detail-avatar {
|
||||||
|
max-height: 80px;
|
||||||
|
max-width: 80px;
|
||||||
|
border-radius: 50% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.custom-course-detail .border-right {
|
||||||
|
border: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Course Details */
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.custom-instructor-details .border-right {
|
||||||
|
border: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom Accordion Style */
|
||||||
|
.custom-accordion-style-1 > .card {
|
||||||
|
border: 1px solid transparent !important;
|
||||||
|
transition: ease border-color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a {
|
||||||
|
position: relative;
|
||||||
|
padding: 23px 30px;
|
||||||
|
background-color: #FFF;
|
||||||
|
transition: ease background-color 300ms, ease color 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a:after {
|
||||||
|
content: '+';
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 25px;
|
||||||
|
font-size: inherit;
|
||||||
|
font-weight: inherit;
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
transition: ease transform 300ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||||
|
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-accordion-style-1 > .card + .card {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Form */
|
||||||
|
.custom-form-style-1 .form-control {
|
||||||
|
height: calc(1.8em + 1.85rem + 2px);
|
||||||
|
padding: 15.6px 20px;
|
||||||
|
padding: 0.975rem 1.25rem;
|
||||||
|
background: #f7f7f7;
|
||||||
|
border-color: #f7f7f7;
|
||||||
|
line-height: 1.5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control:focus {
|
||||||
|
border-color: #CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control::-webkit-input-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control::-moz-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 .form-control:-ms-input-placeholder {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select {
|
||||||
|
color: #495057;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select option {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 select option[selected] {
|
||||||
|
color: #a9a9a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-form-style-1 textarea.form-control {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue