Initial import
597
ctlinfrangualr/about.html
Normal file
@ -0,0 +1,597 @@
|
|||||||
|
<!DOCTYPE HTML>
|
||||||
|
<html lang="en-US">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||||
|
<title> CTLENG INFRA </title>
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<link rel="icon" type="image/png" sizes="56x56" href="images/icon.png">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/animate.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/animated-text.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/all.min.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/theme-default.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/meanmenu.min.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/owl.transitions.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/venobox.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/bootstrap-icons.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/flaticon.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/coustom-animation.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/odometer-theme-default.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/scroll-up.css" type="text/css" media="all">
|
||||||
|
|
||||||
|
<script src="js/modernizr-3.5.0.min.js"></script>
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
.progress-container {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.progress-bar {
|
||||||
|
height: 25px;
|
||||||
|
background-color: #58595B; /* Green */
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 25px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.nav_scroll li a.active {
|
||||||
|
color: #E31E24; /* Change this to your desired active color */
|
||||||
|
font-weight: bold; /* Optional: make it bold */
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="loading-screen" id="loading-screen">
|
||||||
|
<span class="bar top-bar"></span>
|
||||||
|
<span class="bar down-bar"></span>
|
||||||
|
<div class="animation-preloader">
|
||||||
|
<div class="spinner"></div>
|
||||||
|
<div class="txt-loading">
|
||||||
|
<span data-text-preloader="C" class="letters-loading">C</span>
|
||||||
|
<span data-text-preloader="T" class="letters-loading">T</span>
|
||||||
|
<span data-text-preloader="L" class="letters-loading">L</span>
|
||||||
|
<span data-text-preloader="E" class="letters-loading">E</span>
|
||||||
|
<span data-text-preloader="N" class="letters-loading">N</span>
|
||||||
|
<span data-text-preloader="G" class="letters-loading">G</span>
|
||||||
|
<!-- <span data-text-preloader="I" class="letters-loading">I</span>
|
||||||
|
<span data-text-preloader="N" class="letters-loading">N</span>
|
||||||
|
<span data-text-preloader="F" class="letters-loading">F</span>
|
||||||
|
<span data-text-preloader="R" class="letters-loading">R</span>
|
||||||
|
<span data-text-preloader="A" class="letters-loading">A</span> -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ctl-header-area upper" id="sticky-header" >
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row header-top">
|
||||||
|
<div class="col-xxl-6 col-xl-8 col-lg-8" style="margin-top: 10px;">
|
||||||
|
<div class="header-top-icon-list">
|
||||||
|
<ul>
|
||||||
|
<li><i class="bi bi-telephone"></i>(304)549-3080</li>
|
||||||
|
<li><i class="bi bi-geo-alt"></i>2860 Fisher Road Columbus</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-6 col-xl-4 col-lg-4">
|
||||||
|
<div class="header-top-social-icon-list" style="margin-top: 10px;">
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<div class="ctl_btn1">
|
||||||
|
<a href="#" style="padding: 7px 21px 7px;">CTLENG <i class="flaticon flaticon-right-arrow"></i></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row header-bottom align-items-center">
|
||||||
|
<div class="col-lg-3">
|
||||||
|
<div class="header-logo" >
|
||||||
|
<a class="active_logo" href="index.html"><img src="images/logo33.png" alt="logo" ></a>
|
||||||
|
<a class="logo_two" href="index.html"><img src="images/logo33.png" alt="logo"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-9">
|
||||||
|
<div class="header-menu">
|
||||||
|
<ul class="nav_scroll">
|
||||||
|
<li><a href="#">Home </a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<li><a href="#" class="active">About US <i class="bi bi-chevron-down"></i><span></span></a>
|
||||||
|
<ul class="sub_menu">
|
||||||
|
<li><a href="#">Company Overview</a></li>
|
||||||
|
<li><a href="#">Leadership Team</a></li>
|
||||||
|
<li><a href="#">Safety & Quality</a></li>
|
||||||
|
|
||||||
|
<li><a href="#">Parent Company (CTLEng)</a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="#">Services <i class="bi bi-chevron-down"></i> <span></span></a>
|
||||||
|
<ul class="sub_menu">
|
||||||
|
<li><a href="#">Slip & Slide Repair </a></li>
|
||||||
|
<li><a href="#">Drainage Infrastructure</a></li>
|
||||||
|
|
||||||
|
<li><a href="#">Emergency Response</a></li>
|
||||||
|
|
||||||
|
<li><a href="#">Geotechnical Services</a></li>
|
||||||
|
<li><a href="#">Preventive Maintenance</a></li>
|
||||||
|
|
||||||
|
</ul></li>
|
||||||
|
|
||||||
|
<!-- <li><a href="#">Projects <i class="bi bi-chevron-down"></i><span></span></a>
|
||||||
|
<ul class="sub_menu">
|
||||||
|
<li><a href="#">Project Gallery</a></li>
|
||||||
|
<li><a href="#">Case Studies</a></li>
|
||||||
|
<li><a href="#">Capabilities Statement</a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</li> -->
|
||||||
|
<li><a href="#">Resources <i class="bi bi-chevron-down"></i> <span></span></a>
|
||||||
|
<ul class="sub_menu">
|
||||||
|
<li><a href="#">Technical Information </a></li>
|
||||||
|
<li><a href="#">Equipment Fleet</a></li>
|
||||||
|
<li><a href="#">Industry Links</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="#">Careers</a></li>
|
||||||
|
<li><a href="#">Contact us <i class="bi bi-chevron-down"></i> <span></span></a>
|
||||||
|
<ul class="sub_menu">
|
||||||
|
<!-- <li><a href="#">Emergency Response </a></li> -->
|
||||||
|
<li><a href="#">Project Inquiries</a></li>
|
||||||
|
<li><a href="#">General Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- <div class="header_right">
|
||||||
|
<div class="header-button ctl_btn">
|
||||||
|
<a href="#">Emergency Response <i class="bi bi-arrow-right"></i> <span></span></a>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mobile-menu-area sticky d-sm-block d-md-block d-lg-none">
|
||||||
|
|
||||||
|
<div class="mobile-menu">
|
||||||
|
|
||||||
|
<nav class="header-menu">
|
||||||
|
|
||||||
|
<ul class="nav_scroll">
|
||||||
|
<li><a href="#">Home <span></span></a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li><a href="#"><i class="bi bi-chevron-down"></i> About Us <span></span></a>
|
||||||
|
|
||||||
|
<ul class="sub_menu">
|
||||||
|
<li><a href="#">Company Overview</a></li>
|
||||||
|
<li><a href="#">Leadership Team</a></li>
|
||||||
|
<li><a href="#">Safety & Quality</a></li>
|
||||||
|
|
||||||
|
<li><a href="#">Parent Company (CTLEng)</a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li><a href="#">Services <i class="bi bi-chevron-down"></i> <span></span></a>
|
||||||
|
<ul class="sub_menu">
|
||||||
|
<li><a href="#">Slip & Slide Repair </a></li>
|
||||||
|
<li><a href="#">Drainage Infrastructure</a></li>
|
||||||
|
|
||||||
|
<li><a href="#">Emergency Response</a></li>
|
||||||
|
|
||||||
|
<li><a href="#">Geotechnical Services</a></li>
|
||||||
|
<li><a href="#">Preventive Maintenance</a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<!--
|
||||||
|
<li><a href="#">Projects <i class="bi bi-chevron-down"></i><span></span></a>
|
||||||
|
<ul class="sub_menu">
|
||||||
|
<li><a href="#">Project Gallery</a></li>
|
||||||
|
<li><a href="#">Case Studies</a></li>
|
||||||
|
<li><a href="#">Capabilities Statement</a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</li> -->
|
||||||
|
<li><a href="#">Resources <i class="bi bi-chevron-down"></i> <span></span></a>
|
||||||
|
<ul class="sub_menu">
|
||||||
|
<li><a href="#">Technical Information </a></li>
|
||||||
|
<li><a href="#">Equipment Fleet</a></li>
|
||||||
|
<li><a href="#">Industry Links</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="#">Careers</a></li>
|
||||||
|
<li><a href="#">Contact Us <i class="bi bi-chevron-down"></i> <span></span></a>
|
||||||
|
<ul class="sub_menu">
|
||||||
|
<!-- <li><a href="#">Emergency Response </a></li> -->
|
||||||
|
<li><a href="#">Project Inquiries</a></li>
|
||||||
|
<li><a href="#">General Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="hero_area style_two style_two d-flex align-items-center">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<!-- hero content -->
|
||||||
|
<div class="hero_content style_two text-center">
|
||||||
|
<h4 data-animation="fadeInUp" data-delay="100ms" style="color:#fff;">ABOUT US</h4><br>
|
||||||
|
|
||||||
|
<h1 class="hero-des" data-animation="fadeInUp" data-delay="100ms" style="color:#fff;">COMPANY OVERVIEW</h1>
|
||||||
|
<!-- slider button -->
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="about_area style-one">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="about_content">
|
||||||
|
<!-- section title -->
|
||||||
|
<div class="section_title text-left">
|
||||||
|
<!-- <h4 class="style-tow"> About us </h4> -->
|
||||||
|
<h1>Company Introduction:</h1><hr style="margin:0px;border: none; height: 2px; background: red;opacity:1">
|
||||||
|
|
||||||
|
<p><span>Mission:</span> "To provide expert geotechnical stabilization and drainage solutions that protect West Virginia's infrastructure and communities from slope failures and water damage, while building sustainable capabilities through measured, quality-focused growth."</p>
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<li ><i class="bi bi-chevron-double-right"></i> Founded as wholly owned subsidiary of CTL Engineering</li><br>
|
||||||
|
<li ><i class="bi bi-chevron-double-right"></i> Specialization in slope stabilization and drainage infrastructure</li><br>
|
||||||
|
<li ><i class="bi bi-chevron-double-right"></i> Commitment to West Virginia's infrastructure resilience</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="about_thumb">
|
||||||
|
<div class="about_thumb_inner">
|
||||||
|
<img src="images/company1.png" alt="about-thumb">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="testi_area style-one" style=" padding: 113px 0 152px;background: #E31E24;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-6 col-md-12">
|
||||||
|
<div class="testi-thumb">
|
||||||
|
<img src="images/ctleng.png" alt="testi-thumb">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-md-12">
|
||||||
|
<div class="section_title text-left">
|
||||||
|
<!-- <h4> About us</h4> -->
|
||||||
|
<h1>Our Story:</h1>
|
||||||
|
<hr style="margin:0px;border: none; height: 2px; background: #fff;opacity:1">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="testi_single_box">
|
||||||
|
<div class="testi_content">
|
||||||
|
<div class="col-lg-12 col-md-12">
|
||||||
|
<div class="icon-list-box">
|
||||||
|
<p style="color:#fff;">"To provide expert geotechnical stabilization and drainage solutions that protect West Virginia's infrastructure and communities from slope failures and water damage, while building sustainable capabilities through measured, quality-focused growth."</p><br>
|
||||||
|
<ul>
|
||||||
|
<li style="color:#fff;"><i class="bi bi-chevron-double-right"style="color:#fff;"></i> Formation context (WVDOH transition, IIJA funding opportunities</li><br>
|
||||||
|
<li style="color:#fff;"><i class="bi bi-chevron-double-right" style="color:#fff;"></i> CTL Engineering's nearly 100-year legacy in West Virginia</li><br>
|
||||||
|
<li style="color:#fff;"><i class="bi bi-chevron-double-right" style="color:#fff;"></i> Why specialized subsidiary was created</li><br>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tesi-shape">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="about_area style-one">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="about_content">
|
||||||
|
<!-- section title -->
|
||||||
|
<div class="section_title text-left">
|
||||||
|
<!-- <h4 class="style-tow"> About us </h4> -->
|
||||||
|
<h1>Competitive Advantages:</h1><hr style="margin:0px;border: none; height: 2px; background: red;opacity:1">
|
||||||
|
<p> "To provide expert geotechnical stabilization and drainage solutions that protect West Virginia's infrastructure and communities from slope failures and water damage, while building sustainable capabilities through measured, quality-focused growth."</p>
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<li ><i class="bi bi-chevron-double-right"></i> Direct engineering support from CTL Engineering</li><br>
|
||||||
|
<li ><i class="bi bi-chevron-double-right"></i> Specialized expertise in West Virginia geological challenges</li><br>
|
||||||
|
<li ><i class="bi bi-chevron-double-right"></i> Former WVDOT leadership (Jimmy Wriston)</li><br>
|
||||||
|
<li ><i class="bi bi-chevron-double-right"></i> Quality-focused approach over volume</li><br>
|
||||||
|
<li ><i class="bi bi-chevron-double-right"></i> Advanced technology integration (drones, GPS monitoring, geophysical investigations)</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="about_thumb">
|
||||||
|
<div class="about_thumb_inner">
|
||||||
|
<img src="images/company1.png" alt="about-thumb">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="testi_area style-one" style=" padding: 113px 0 152px;">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-6 col-md-12">
|
||||||
|
<div class="testi-thumb">
|
||||||
|
<img src="images/ctleng.png" alt="testi-thumb">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 col-md-12">
|
||||||
|
<div class="section_title text-left">
|
||||||
|
<!-- <h4> About us</h4> -->
|
||||||
|
<h1>Parent Company Connection:</h1><hr style="margin:0px;border: none; height: 2px; background: #fff;opacity:1">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="testi_single_box">
|
||||||
|
<div class="testi_content">
|
||||||
|
<div class="col-lg-12 col-md-12">
|
||||||
|
<div class="icon-list-box">
|
||||||
|
<p style="color:#fff;"> "To provide expert geotechnical stabilization and drainage solutions that protect West Virginia's infrastructure and communities from slope failures and water damage, while building sustainable capabilities through measured, quality-focused growth."</p><br>
|
||||||
|
<ul>
|
||||||
|
<li style="color:#fff;"><i class="bi bi-chevron-double-right"></i> CTL Engineering overview with link to main site</li><br>
|
||||||
|
<li style="color:#fff;"><i class="bi bi-chevron-double-right"></i> Explanation of subsidiary relationship</li><br>
|
||||||
|
<li style="color:#fff;"><i class="bi bi-chevron-double-right"></i> Shared resources and expertise</li><br>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tesi-shape">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="footer_area boxed">
|
||||||
|
<div class="container" style="max-width: 1500px;">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xl-4 col-lg-4 col-md-6">
|
||||||
|
<div class="footer-widget-contact">
|
||||||
|
<div class="footer_logo">
|
||||||
|
<a href="#"><img src="images/ffflogo.png" alt="footer-logo"style="width:300px;"></a>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
||||||
|
<div class="footer-widget-content">
|
||||||
|
<div class="footer-widget-title">
|
||||||
|
<h4>Our Services</h4>
|
||||||
|
</div>
|
||||||
|
<div class="footer-widget-menu">
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Slip & Slide Repair</a></li>
|
||||||
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Drainage Infrastructure</a></li>
|
||||||
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Emergency Response</a></li>
|
||||||
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Geotechnical Services</a></li>
|
||||||
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Preventive Maintenance</a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-2 col-lg-4 col-md-6">
|
||||||
|
<div class="footer-widget-content">
|
||||||
|
<div class="footer-widget-title">
|
||||||
|
<h4>Quick Links</h4>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="footer-widget-menu">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>About US</a></li>
|
||||||
|
|
||||||
|
|
||||||
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Privacy Polocy</a></li>
|
||||||
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>CTLENG</a></li>
|
||||||
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Sit Map</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
||||||
|
<div class="footer-widget-title">
|
||||||
|
<h4>Contact Info</h4>
|
||||||
|
</div>
|
||||||
|
<div class="footer_from">
|
||||||
|
|
||||||
|
<p class="footer_desc2">
|
||||||
|
300 Capital St , Suite 1520
|
||||||
|
Charleston, West Virginia</br>
|
||||||
|
|
||||||
|
<i class="bi bi-telephone-fill"></i> <a href="#" style="color:#fff;">+1 (304)549-3080</a></br>
|
||||||
|
<i class="bi bi-envelope-fill"></i> <a href="#" style="color:#fff;">jwriston@ctleng.com</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="footer_social_icon">
|
||||||
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||||||
|
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||||
|
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row add-border align-items-center">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="footer-bottom-content">
|
||||||
|
<div class="footer-bottom-content-copy">
|
||||||
|
<p>Copyright @ 2026 CTLENG. All Rights Reserved</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="prgoress_indicator active-progress">
|
||||||
|
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||||
|
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 212.78;"></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script src="js/jquery-3.6.2.min.js"></script>
|
||||||
|
<script src="js/popper.min.js"></script>
|
||||||
|
|
||||||
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
|
<script src="js/owl.carousel.min.js"></script>
|
||||||
|
|
||||||
|
<script src="js/jquery.counterup.min.js"></script>
|
||||||
|
|
||||||
|
<script src="js/waypoints.min.js"></script>
|
||||||
|
|
||||||
|
<script src="js/wow.js"></script>
|
||||||
|
|
||||||
|
<script src="js/imagesloaded.pkgd.min.js"></script>
|
||||||
|
|
||||||
|
<script src="js/venobox.js"></script>
|
||||||
|
|
||||||
|
<script src="js/animated-text.js"></script>
|
||||||
|
|
||||||
|
<script src="js/venobox.min.js"></script>
|
||||||
|
|
||||||
|
<script src="js/isotope.pkgd.min.js"></script>
|
||||||
|
|
||||||
|
<script src="js/jquery.meanmenu.js"></script>
|
||||||
|
|
||||||
|
<script src="js/jquery.scrollUp.js"></script>
|
||||||
|
|
||||||
|
<script src="js/jquery.barfiller.js"></script>
|
||||||
|
|
||||||
|
<script src="js/theme.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
9
ctlinfrangualr/css/all.min.css
vendored
Normal file
13
ctlinfrangualr/css/animate.css
vendored
Normal file
1
ctlinfrangualr/css/animated-text.css
Normal file
1
ctlinfrangualr/css/aos.css
Normal file
1876
ctlinfrangualr/css/bootstrap-icons.css
vendored
Normal file
6
ctlinfrangualr/css/bootstrap.min.css
vendored
Normal file
39
ctlinfrangualr/css/coustom-animation.css
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@keyframes bounceleft{
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translateX(-50px);
|
||||||
|
transform: translateX(-50px);
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
-webkit-transform: translateX(-15px);
|
||||||
|
transform: translateX(-15px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-webkit-transform: translateX(-50px);
|
||||||
|
transform: translateX(-50px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*bounce-top-bottom-animation*/
|
||||||
|
|
||||||
|
@keyframes bounce {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translateY(-50px);
|
||||||
|
transform: translateY(-50px);
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
-webkit-transform: translateY(-15px);
|
||||||
|
transform: translateY(-15px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-webkit-transform: translateY(-50px);
|
||||||
|
transform: translateY(-50px);
|
||||||
|
}
|
||||||
|
}
|
||||||
165
ctlinfrangualr/css/flaticon.css
Normal file
@ -0,0 +1,165 @@
|
|||||||
|
/*
|
||||||
|
Flaticon icon font: Flaticon
|
||||||
|
Creation date: 01/08/2019 09:08
|
||||||
|
*/
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Flaticon";
|
||||||
|
src: url("../fonts/Flaticon.eot");
|
||||||
|
src: url("../fonts/Flaticond41d.eot?#iefix") format("embedded-opentype"),
|
||||||
|
url("../fonts/Flaticon.woff2") format("woff2"),
|
||||||
|
url("../fonts/Flaticon.woff") format("woff"),
|
||||||
|
url("../fonts/Flaticon.ttf") format("truetype"),
|
||||||
|
url("../fonts/Flaticon.svg#Flaticon") format("svg");
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||||
|
@font-face {
|
||||||
|
font-family: "Flaticon";
|
||||||
|
src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
|
||||||
|
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
|
||||||
|
font-family: Flaticon;
|
||||||
|
font-size: inherit;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flaticon-report:before { content: "\f100"; }
|
||||||
|
.flaticon-clock:before { content: "\f101"; }
|
||||||
|
.flaticon-call:before { content: "\f102"; }
|
||||||
|
.flaticon-tourism:before { content: "\f103"; }
|
||||||
|
.flaticon-process:before { content: "\f104"; }
|
||||||
|
.flaticon-data:before { content: "\f105"; }
|
||||||
|
.flaticon-global:before { content: "\f106"; }
|
||||||
|
.flaticon-system:before { content: "\f107"; }
|
||||||
|
.flaticon-padlock:before { content: "\f108"; }
|
||||||
|
.flaticon-process-1:before { content: "\f109"; }
|
||||||
|
.flaticon-data-1:before { content: "\f10a"; }
|
||||||
|
.flaticon-work:before { content: "\f10b"; }
|
||||||
|
.flaticon-data-analytics:before { content: "\f10c"; }
|
||||||
|
.flaticon-chart:before { content: "\f10d"; }
|
||||||
|
.flaticon-algorithm:before { content: "\f10e"; }
|
||||||
|
.flaticon-data-2:before { content: "\f10f"; }
|
||||||
|
.flaticon-clock-1:before { content: "\f110"; }
|
||||||
|
.flaticon-microchip:before { content: "\f111"; }
|
||||||
|
.flaticon-server:before { content: "\f112"; }
|
||||||
|
.flaticon-24h:before { content: "\f113"; }
|
||||||
|
.flaticon-global-1:before { content: "\f114"; }
|
||||||
|
.flaticon-business-and-finance:before { content: "\f115"; }
|
||||||
|
.flaticon-space:before { content: "\f116"; }
|
||||||
|
.flaticon-information:before { content: "\f117"; }
|
||||||
|
.flaticon-privacy:before { content: "\f118"; }
|
||||||
|
.flaticon-alert:before { content: "\f119"; }
|
||||||
|
.flaticon-online-library:before { content: "\f11a"; }
|
||||||
|
.flaticon-info:before { content: "\f11b"; }
|
||||||
|
.flaticon-interaction:before { content: "\f11c"; }
|
||||||
|
.flaticon-mobile-app:before { content: "\f11d"; }
|
||||||
|
.flaticon-code:before { content: "\f11e"; }
|
||||||
|
.flaticon-developer:before { content: "\f11f"; }
|
||||||
|
.flaticon-intelligent:before { content: "\f120"; }
|
||||||
|
.flaticon-content:before { content: "\f121"; }
|
||||||
|
.flaticon-laptop:before { content: "\f122"; }
|
||||||
|
.flaticon-web:before { content: "\f123"; }
|
||||||
|
.flaticon-content-writing:before { content: "\f124"; }
|
||||||
|
.flaticon-computer:before { content: "\f125"; }
|
||||||
|
.flaticon-computer-1:before { content: "\f126"; }
|
||||||
|
.flaticon-graphic-design:before { content: "\f127"; }
|
||||||
|
.flaticon-analysis:before { content: "\f128"; }
|
||||||
|
.flaticon-bar-chart:before { content: "\f129"; }
|
||||||
|
.flaticon-analytics:before { content: "\f12a"; }
|
||||||
|
.flaticon-ui:before { content: "\f12b"; }
|
||||||
|
.flaticon-resume:before { content: "\f12c"; }
|
||||||
|
.flaticon-taxi:before { content: "\f12d"; }
|
||||||
|
.flaticon-online-shop:before { content: "\f12e"; }
|
||||||
|
.flaticon-smartphone:before { content: "\f12f"; }
|
||||||
|
|
||||||
|
.flaticon-next-1:before { content: "\f100"; }
|
||||||
|
.flaticon-back:before { content: "\f101"; }
|
||||||
|
.flaticon-next:before { content: "\f102"; }
|
||||||
|
.flaticon-back-1:before { content: "\f103"; }
|
||||||
|
.flaticon-respect:before { content: "\f104"; }
|
||||||
|
.flaticon-briefcase:before { content: "\f105"; }
|
||||||
|
.flaticon-graduation-hat:before { content: "\f106"; }
|
||||||
|
.flaticon-left-quote:before { content: "\f107"; }
|
||||||
|
.flaticon-aeroplane:before { content: "\f108"; }
|
||||||
|
.flaticon-jet:before { content: "\f109"; }
|
||||||
|
.flaticon-phone-call-1:before { content: "\f10a"; }
|
||||||
|
.flaticon-phone-call:before { content: "\f10b"; }
|
||||||
|
.flaticon-customer-service:before { content: "\f10c"; }
|
||||||
|
.flaticon-speech-bubble:before { content: "\f10d"; }
|
||||||
|
.flaticon-shopping-basket:before { content: "\f10e"; }
|
||||||
|
.flaticon-mail:before { content: "\f10f"; }
|
||||||
|
.flaticon-graph:before { content: "\f110"; }
|
||||||
|
.flaticon-compass:before { content: "\f111"; }
|
||||||
|
.flaticon-home:before { content: "\f112"; }
|
||||||
|
.flaticon-lifebuoy:before { content: "\f113"; }
|
||||||
|
.flaticon-time:before { content: "\f114"; }
|
||||||
|
|
||||||
|
|
||||||
|
.flaticon-artificial-intelligence:before { content: "\f100"; }
|
||||||
|
.flaticon-robotic-arm:before { content: "\f101"; }
|
||||||
|
.flaticon-ai:before { content: "\f102"; }
|
||||||
|
.flaticon-play-button:before { content: "\f103"; }
|
||||||
|
.flaticon-artificial-intelligence-1:before { content: "\f104"; }
|
||||||
|
.flaticon-automaton:before { content: "\f105"; }
|
||||||
|
.flaticon-brain:before { content: "\f106"; }
|
||||||
|
.flaticon-ai-1:before { content: "\f107"; }
|
||||||
|
.flaticon-artificial-intelligence-2:before { content: "\f108"; }
|
||||||
|
.flaticon-artificial-intelligence-3:before { content: "\f109"; }
|
||||||
|
.flaticon-mail:before { content: "\f10a"; }
|
||||||
|
.flaticon-machine-learning:before { content: "\f10b"; }
|
||||||
|
.flaticon-machine-learning-1:before { content: "\f10c"; }
|
||||||
|
.flaticon-code:before { content: "\f10d"; }
|
||||||
|
.flaticon-gps:before { content: "\f10e"; }
|
||||||
|
.flaticon-place:before { content: "\f10f"; }
|
||||||
|
.flaticon-phone:before { content: "\f110"; }
|
||||||
|
.flaticon-mail-1:before { content: "\f111"; }
|
||||||
|
.flaticon-artificial-intelligence-4:before { content: "\f112"; }
|
||||||
|
.flaticon-abc:before { content: "\f113"; }
|
||||||
|
.flaticon-contract:before { content: "\f114"; }
|
||||||
|
.flaticon-quote:before { content: "\f115"; }
|
||||||
|
.flaticon-business-and-finance:before { content: "\f116"; }
|
||||||
|
.flaticon-binary-code:before { content: "\f117"; }
|
||||||
|
.flaticon-database:before { content: "\f118"; }
|
||||||
|
.flaticon-font:before { content: "\f119"; }
|
||||||
|
.flaticon-speech-bubble:before { content: "\f11a"; }
|
||||||
|
.flaticon-face:before { content: "\f11b"; }
|
||||||
|
.flaticon-facial:before { content: "\f11c"; }
|
||||||
|
.flaticon-data:before { content: "\f11d"; }
|
||||||
|
.flaticon-facial-recognition:before { content: "\f11e"; }
|
||||||
|
.flaticon-right-arrow:before { content: "\f11f"; }
|
||||||
|
.flaticon-seo-and-web:before { content: "\f120"; }
|
||||||
|
.flaticon-encrypt:before { content: "\f121"; }
|
||||||
|
.flaticon-encrypt-1:before { content: "\f122"; }
|
||||||
|
.flaticon-data-encryption:before { content: "\f123"; }
|
||||||
|
.flaticon-tick:before { content: "\f124"; }
|
||||||
|
.flaticon-success:before { content: "\f125"; }
|
||||||
|
.flaticon-send:before { content: "\f126"; }
|
||||||
|
.flaticon-left-arrow:before { content: "\f127"; }
|
||||||
|
.flaticon-up-arrow:before { content: "\f128"; }
|
||||||
|
.flaticon-download-arrow:before { content: "\f129"; }
|
||||||
|
.flaticon-basket:before { content: "\f12a"; }
|
||||||
|
.flaticon-stylish-bag:before { content: "\f12b"; }
|
||||||
|
.flaticon-shopping-bag:before { content: "\f12c"; }
|
||||||
|
.flaticon-bag:before { content: "\f12d"; }
|
||||||
|
.flaticon-chat:before { content: "\f12e"; }
|
||||||
|
.flaticon-robotics:before { content: "\f12f"; }
|
||||||
|
.flaticon-qr:before { content: "\f130"; }
|
||||||
|
.flaticon-production:before { content: "\f131"; }
|
||||||
|
.flaticon-inclusion:before { content: "\f132"; }
|
||||||
|
.flaticon-feature:before { content: "\f133"; }
|
||||||
|
.flaticon-art-and-design:before { content: "\f134"; }
|
||||||
|
.flaticon-search:before { content: "\f135"; }
|
||||||
|
.flaticon-seo-and-web-1:before { content: "\f136"; }
|
||||||
|
.flaticon-phone-1:before { content: "\f137"; }
|
||||||
|
.flaticon-email:before { content: "\f138"; }
|
||||||
|
.flaticon-error:before { content: "\f139"; }
|
||||||
|
.flaticon-close:before { content: "\f13a"; }
|
||||||
|
.flaticon-gps-1:before { content: "\f13b"; }
|
||||||
|
.flaticon-cross-out:before { content: "\f13c"; }
|
||||||
|
.flaticon-woman-bag:before { content: "\f13d"; }
|
||||||
BIN
ctlinfrangualr/css/fonts/Flaticon.woff2
Normal file
BIN
ctlinfrangualr/css/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2
Normal file
BIN
ctlinfrangualr/css/fonts/bootstrap-icons.woff2
Normal file
BIN
ctlinfrangualr/css/fonts/fa-brands-400.woff2
Normal file
BIN
ctlinfrangualr/css/fonts/fa-solid-900.woff2
Normal file
BIN
ctlinfrangualr/css/fonts/rP2Hp2ywxg089UriCZOIHQ.woff2
Normal file
136
ctlinfrangualr/css/meanmenu.min.css
vendored
Normal file
@ -0,0 +1,136 @@
|
|||||||
|
a.meanmenu-reveal{display:none}
|
||||||
|
.mean-container .mean-bar {
|
||||||
|
background: #fff;
|
||||||
|
float: left;
|
||||||
|
min-height:100px;
|
||||||
|
padding: 4px 0 0;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 999;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
.mobile-menu.mean-container {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:42px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
|
||||||
|
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
|
||||||
|
.mean-container .mean-nav{float:left;width:100%;background:#0c1923}
|
||||||
|
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
|
||||||
|
.mean-container .mean-nav ul li {
|
||||||
|
background: #f8f8f8;
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a {
|
||||||
|
background: #f8f8f8;
|
||||||
|
color: #232323;
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 1em 5%;
|
||||||
|
text-align: left;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: capitalize;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
.mobile-menu-area {
|
||||||
|
background: #262626;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li li a {
|
||||||
|
border-top: 1px solid rgba(255, 255, 255, 0.25);
|
||||||
|
color: #232323;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
opacity: 0.75;
|
||||||
|
padding: 1em 10%;
|
||||||
|
text-shadow: none !important;
|
||||||
|
text-transform: capitalize;
|
||||||
|
visibility: visible;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
|
||||||
|
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
|
||||||
|
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
|
||||||
|
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
|
||||||
|
.mean-container .mean-nav ul li a:hover {
|
||||||
|
background: #f8f8f8 none repeat scroll 0 0;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand {
|
||||||
|
|
||||||
|
height: 15px;
|
||||||
|
margin-top: 1px;
|
||||||
|
padding: 12px !important;
|
||||||
|
text-align: right;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 2;
|
||||||
|
font-weight: 700;
|
||||||
|
border: 0 !important;
|
||||||
|
background: #F8F8F8;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand:hover {
|
||||||
|
background: #f8f8f8;
|
||||||
|
}
|
||||||
|
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
|
||||||
|
.mean-nav .wrapper{width:100%;padding:0;margin:0}
|
||||||
|
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
|
||||||
|
.mean-remove{display:none!important}
|
||||||
|
.mean-container .mean-bar::after {
|
||||||
|
color: #ffffff;
|
||||||
|
content: "MENU";
|
||||||
|
font-size: 21px;
|
||||||
|
left: 5%;
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* -------------------------------
|
||||||
|
39. Mobile menu
|
||||||
|
----------------------------------*/
|
||||||
|
.mean-container .mean-bar::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a:hover {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.mean-container a.meanmenu-reveal span {
|
||||||
|
background: red;
|
||||||
|
}
|
||||||
|
.mobile-menu-area {
|
||||||
|
background: #fff none repeat scroll 0 0;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand {
|
||||||
|
background: none;
|
||||||
|
top: -4px;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand:hover {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container a.meanmenu-reveal {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
.meanmenu-reveal.meanclose:hover {
|
||||||
|
color: red !important;
|
||||||
|
}
|
||||||
|
.mean-container a.meanmenu-reveal:hover span {
|
||||||
|
background: red;
|
||||||
|
}
|
||||||
|
.mean-container .mean-bar::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 18px;
|
||||||
|
left: 10px;
|
||||||
|
width: 200px; /* Adjust logo width */
|
||||||
|
height: 83px; /* Adjust logo height */
|
||||||
|
background-image: url("../images/logo11.png");
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
136
ctlinfrangualr/css/meanmenu.min.css.bak
Normal file
@ -0,0 +1,136 @@
|
|||||||
|
a.meanmenu-reveal{display:none}
|
||||||
|
.mean-container .mean-bar {
|
||||||
|
background: #fff;
|
||||||
|
float: left;
|
||||||
|
min-height:100px;
|
||||||
|
padding: 4px 0 0;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 999;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
.mobile-menu.mean-container {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:18px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
|
||||||
|
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
|
||||||
|
.mean-container .mean-nav{float:left;width:100%;background:#0c1923}
|
||||||
|
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
|
||||||
|
.mean-container .mean-nav ul li {
|
||||||
|
background: #f8f8f8;
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a {
|
||||||
|
background: #f8f8f8;
|
||||||
|
color: #232323;
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 1em 5%;
|
||||||
|
text-align: left;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: capitalize;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
.mobile-menu-area {
|
||||||
|
background: #262626;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li li a {
|
||||||
|
border-top: 1px solid rgba(255, 255, 255, 0.25);
|
||||||
|
color: #232323;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
opacity: 0.75;
|
||||||
|
padding: 1em 10%;
|
||||||
|
text-shadow: none !important;
|
||||||
|
text-transform: capitalize;
|
||||||
|
visibility: visible;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
|
||||||
|
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
|
||||||
|
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
|
||||||
|
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
|
||||||
|
.mean-container .mean-nav ul li a:hover {
|
||||||
|
background: #f8f8f8 none repeat scroll 0 0;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand {
|
||||||
|
|
||||||
|
height: 15px;
|
||||||
|
margin-top: 1px;
|
||||||
|
padding: 12px !important;
|
||||||
|
text-align: right;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 2;
|
||||||
|
font-weight: 700;
|
||||||
|
border: 0 !important;
|
||||||
|
background: #F8F8F8;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand:hover {
|
||||||
|
background: #f8f8f8;
|
||||||
|
}
|
||||||
|
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
|
||||||
|
.mean-nav .wrapper{width:100%;padding:0;margin:0}
|
||||||
|
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
|
||||||
|
.mean-remove{display:none!important}
|
||||||
|
.mean-container .mean-bar::after {
|
||||||
|
color: #ffffff;
|
||||||
|
content: "MENU";
|
||||||
|
font-size: 21px;
|
||||||
|
left: 5%;
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* -------------------------------
|
||||||
|
39. Mobile menu
|
||||||
|
----------------------------------*/
|
||||||
|
.mean-container .mean-bar::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a:hover {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.mean-container a.meanmenu-reveal span {
|
||||||
|
background: red;
|
||||||
|
}
|
||||||
|
.mobile-menu-area {
|
||||||
|
background: #fff none repeat scroll 0 0;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand {
|
||||||
|
background: none;
|
||||||
|
top: -4px;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand:hover {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container a.meanmenu-reveal {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
.meanmenu-reveal.meanclose:hover {
|
||||||
|
color: red !important;
|
||||||
|
}
|
||||||
|
.mean-container a.meanmenu-reveal:hover span {
|
||||||
|
background: red;
|
||||||
|
}
|
||||||
|
.mean-container .mean-bar::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 18px;
|
||||||
|
left: 10px;
|
||||||
|
width: 200px; /* Adjust logo width */
|
||||||
|
height: 83px; /* Adjust logo height */
|
||||||
|
background-image: url("../images/logo11.png");
|
||||||
|
background-size: contain;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
102
ctlinfrangualr/css/odometer-theme-default.css
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
.odometer.odometer-auto-theme,
|
||||||
|
.odometer.odometer-theme-default {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme .odometer-digit,
|
||||||
|
.odometer.odometer-theme-default .odometer-digit {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
|
||||||
|
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
|
||||||
|
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
|
||||||
|
text-align: left;
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
|
||||||
|
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
|
||||||
|
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
|
||||||
|
display: block;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
|
||||||
|
.odometer.odometer-theme-default .odometer-digit .odometer-value {
|
||||||
|
display: block;
|
||||||
|
-webkit-transform: translateZ(0);
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme
|
||||||
|
.odometer-digit
|
||||||
|
.odometer-value.odometer-last-value,
|
||||||
|
.odometer.odometer-theme-default
|
||||||
|
.odometer-digit
|
||||||
|
.odometer-value.odometer-last-value {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
|
||||||
|
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
|
||||||
|
-webkit-transition: -webkit-transform 2s;
|
||||||
|
-moz-transition: -moz-transform 2s;
|
||||||
|
-ms-transition: -ms-transform 2s;
|
||||||
|
-o-transition: -o-transform 2s;
|
||||||
|
transition: transform 2s;
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating
|
||||||
|
.odometer-ribbon-inner,
|
||||||
|
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating
|
||||||
|
.odometer-ribbon-inner {
|
||||||
|
-webkit-transform: translateY(-100%);
|
||||||
|
-moz-transform: translateY(-100%);
|
||||||
|
-ms-transform: translateY(-100%);
|
||||||
|
-o-transform: translateY(-100%);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
|
||||||
|
.odometer.odometer-theme-default.odometer-animating-down
|
||||||
|
.odometer-ribbon-inner {
|
||||||
|
-webkit-transform: translateY(-100%);
|
||||||
|
-moz-transform: translateY(-100%);
|
||||||
|
-ms-transform: translateY(-100%);
|
||||||
|
-o-transform: translateY(-100%);
|
||||||
|
transform: translateY(-100%);
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
|
||||||
|
.odometer-ribbon-inner,
|
||||||
|
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating
|
||||||
|
.odometer-ribbon-inner {
|
||||||
|
-webkit-transition: -webkit-transform 2s;
|
||||||
|
-moz-transition: -moz-transform 2s;
|
||||||
|
-ms-transition: -ms-transform 2s;
|
||||||
|
-o-transition: -o-transform 2s;
|
||||||
|
transition: transform 2s;
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
-moz-transform: translateY(0);
|
||||||
|
-ms-transform: translateY(0);
|
||||||
|
-o-transform: translateY(0);
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme,
|
||||||
|
.odometer.odometer-theme-default {
|
||||||
|
font-family: "Albert Sans", sans-serif;
|
||||||
|
line-height: 1.1em;
|
||||||
|
}
|
||||||
|
.odometer.odometer-auto-theme .odometer-value,
|
||||||
|
.odometer.odometer-theme-default .odometer-value {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
6
ctlinfrangualr/css/owl.carousel.min.css
vendored
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* Copyright 2013-2018 David Deutsch
|
||||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||||
|
*/
|
||||||
|
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||||
163
ctlinfrangualr/css/owl.transitions.css
Normal file
@ -0,0 +1,163 @@
|
|||||||
|
/*
|
||||||
|
* Owl Carousel CSS3 Transitions
|
||||||
|
* v1.3.2
|
||||||
|
*/
|
||||||
|
|
||||||
|
.owl-origin {
|
||||||
|
-webkit-perspective: 1200px;
|
||||||
|
-webkit-perspective-origin-x : 50%;
|
||||||
|
-webkit-perspective-origin-y : 50%;
|
||||||
|
-moz-perspective : 1200px;
|
||||||
|
-moz-perspective-origin-x : 50%;
|
||||||
|
-moz-perspective-origin-y : 50%;
|
||||||
|
perspective : 1200px;
|
||||||
|
}
|
||||||
|
/* fade */
|
||||||
|
.owl-fade-out {
|
||||||
|
z-index: 10;
|
||||||
|
-webkit-animation: fadeOut .7s both ease;
|
||||||
|
-moz-animation: fadeOut .7s both ease;
|
||||||
|
animation: fadeOut .7s both ease;
|
||||||
|
}
|
||||||
|
.owl-fade-in {
|
||||||
|
-webkit-animation: fadeIn .7s both ease;
|
||||||
|
-moz-animation: fadeIn .7s both ease;
|
||||||
|
animation: fadeIn .7s both ease;
|
||||||
|
}
|
||||||
|
/* backSlide */
|
||||||
|
.owl-backSlide-out {
|
||||||
|
-webkit-animation: backSlideOut 1s both ease;
|
||||||
|
-moz-animation: backSlideOut 1s both ease;
|
||||||
|
animation: backSlideOut 1s both ease;
|
||||||
|
}
|
||||||
|
.owl-backSlide-in {
|
||||||
|
-webkit-animation: backSlideIn 1s both ease;
|
||||||
|
-moz-animation: backSlideIn 1s both ease;
|
||||||
|
animation: backSlideIn 1s both ease;
|
||||||
|
}
|
||||||
|
/* goDown */
|
||||||
|
.owl-goDown-out {
|
||||||
|
-webkit-animation: scaleToFade .7s ease both;
|
||||||
|
-moz-animation: scaleToFade .7s ease both;
|
||||||
|
animation: scaleToFade .7s ease both;
|
||||||
|
}
|
||||||
|
.owl-goDown-in {
|
||||||
|
-webkit-animation: goDown .6s ease both;
|
||||||
|
-moz-animation: goDown .6s ease both;
|
||||||
|
animation: goDown .6s ease both;
|
||||||
|
}
|
||||||
|
/* scaleUp */
|
||||||
|
.owl-fadeUp-in {
|
||||||
|
-webkit-animation: scaleUpFrom .5s ease both;
|
||||||
|
-moz-animation: scaleUpFrom .5s ease both;
|
||||||
|
animation: scaleUpFrom .5s ease both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.owl-fadeUp-out {
|
||||||
|
-webkit-animation: scaleUpTo .5s ease both;
|
||||||
|
-moz-animation: scaleUpTo .5s ease both;
|
||||||
|
animation: scaleUpTo .5s ease both;
|
||||||
|
}
|
||||||
|
/* Keyframes */
|
||||||
|
/*empty*/
|
||||||
|
@-webkit-keyframes empty {
|
||||||
|
0% {opacity: 1}
|
||||||
|
}
|
||||||
|
@-moz-keyframes empty {
|
||||||
|
0% {opacity: 1}
|
||||||
|
}
|
||||||
|
@keyframes empty {
|
||||||
|
0% {opacity: 1}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fadeIn {
|
||||||
|
0% { opacity:0; }
|
||||||
|
100% { opacity:1; }
|
||||||
|
}
|
||||||
|
@-moz-keyframes fadeIn {
|
||||||
|
0% { opacity:0; }
|
||||||
|
100% { opacity:1; }
|
||||||
|
}
|
||||||
|
@keyframes fadeIn {
|
||||||
|
0% { opacity:0; }
|
||||||
|
100% { opacity:1; }
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fadeOut {
|
||||||
|
0% { opacity:1; }
|
||||||
|
100% { opacity:0; }
|
||||||
|
}
|
||||||
|
@-moz-keyframes fadeOut {
|
||||||
|
0% { opacity:1; }
|
||||||
|
100% { opacity:0; }
|
||||||
|
}
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% { opacity:1; }
|
||||||
|
100% { opacity:0; }
|
||||||
|
}
|
||||||
|
@-webkit-keyframes backSlideOut {
|
||||||
|
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||||
|
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||||
|
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||||
|
}
|
||||||
|
@-moz-keyframes backSlideOut {
|
||||||
|
25% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||||
|
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||||
|
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||||
|
}
|
||||||
|
@keyframes backSlideOut {
|
||||||
|
25% { opacity: .5; transform: translateZ(-500px); }
|
||||||
|
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||||
|
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||||
|
}
|
||||||
|
@-webkit-keyframes backSlideIn {
|
||||||
|
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
|
||||||
|
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||||
|
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
|
||||||
|
}
|
||||||
|
@-moz-keyframes backSlideIn {
|
||||||
|
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
|
||||||
|
75% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||||
|
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
|
||||||
|
}
|
||||||
|
@keyframes backSlideIn {
|
||||||
|
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
|
||||||
|
75% { opacity: .5; transform: translateZ(-500px); }
|
||||||
|
100% { opacity: 1; transform: translateZ(0) translateX(0); }
|
||||||
|
}
|
||||||
|
@-webkit-keyframes scaleToFade {
|
||||||
|
to { opacity: 0; -webkit-transform: scale(.8); }
|
||||||
|
}
|
||||||
|
@-moz-keyframes scaleToFade {
|
||||||
|
to { opacity: 0; -moz-transform: scale(.8); }
|
||||||
|
}
|
||||||
|
@keyframes scaleToFade {
|
||||||
|
to { opacity: 0; transform: scale(.8); }
|
||||||
|
}
|
||||||
|
@-webkit-keyframes goDown {
|
||||||
|
from { -webkit-transform: translateY(-100%); }
|
||||||
|
}
|
||||||
|
@-moz-keyframes goDown {
|
||||||
|
from { -moz-transform: translateY(-100%); }
|
||||||
|
}
|
||||||
|
@keyframes goDown {
|
||||||
|
from { transform: translateY(-100%); }
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes scaleUpFrom {
|
||||||
|
from { opacity: 0; -webkit-transform: scale(1.5); }
|
||||||
|
}
|
||||||
|
@-moz-keyframes scaleUpFrom {
|
||||||
|
from { opacity: 0; -moz-transform: scale(1.5); }
|
||||||
|
}
|
||||||
|
@keyframes scaleUpFrom {
|
||||||
|
from { opacity: 0; transform: scale(1.5); }
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes scaleUpTo {
|
||||||
|
to { opacity: 0; -webkit-transform: scale(1.5); }
|
||||||
|
}
|
||||||
|
@-moz-keyframes scaleUpTo {
|
||||||
|
to { opacity: 0; -moz-transform: scale(1.5); }
|
||||||
|
}
|
||||||
|
@keyframes scaleUpTo {
|
||||||
|
to { opacity: 0; transform: scale(1.5); }
|
||||||
|
}
|
||||||
3693
ctlinfrangualr/css/responsive - Copy.css
Normal file
3693
ctlinfrangualr/css/responsive.css
Normal file
81
ctlinfrangualr/css/scroll-up.css
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
|
||||||
|
/*------back-to-top------------*/
|
||||||
|
.prgoress_indicator {
|
||||||
|
position: fixed;
|
||||||
|
right: 26px;
|
||||||
|
bottom: 35px;
|
||||||
|
height: 46px;
|
||||||
|
width: 46px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
border-radius: 50px;
|
||||||
|
box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
|
||||||
|
z-index: 9999999999;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translateY(15px);
|
||||||
|
transform: translateY(15px) !important;
|
||||||
|
transition: all 200ms linear !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prgoress_indicator.active-progress {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
transform: translateY(0) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prgoress_indicator::after {
|
||||||
|
position: absolute;
|
||||||
|
content: "\f106";
|
||||||
|
font-family: "Font Awesome 5 Free";
|
||||||
|
text-align: center;
|
||||||
|
line-height: 46px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #E53925;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 46px;
|
||||||
|
width: 46px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
font-weight: 900;
|
||||||
|
z-index: 1;
|
||||||
|
transition: all 200ms linear !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prgoress_indicator::before {
|
||||||
|
position: absolute;
|
||||||
|
content: "\f106";
|
||||||
|
font-family: "Font Awesome 5 Free";
|
||||||
|
text-align: center;
|
||||||
|
line-height: 46px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 900;
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 46px;
|
||||||
|
width: 46px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
z-index: 2;
|
||||||
|
transition: all 200ms linear !important;
|
||||||
|
}
|
||||||
|
.prgoress_indicator:hover ::after {
|
||||||
|
color: #E53925;
|
||||||
|
}
|
||||||
|
.prgoress_indicator:hover ::before {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.prgoress_indicator svg path {
|
||||||
|
fill: none;
|
||||||
|
}
|
||||||
|
.prgoress_indicator svg.progress-circle path {
|
||||||
|
stroke:#E53925;
|
||||||
|
stroke-width: 4;
|
||||||
|
box-sizing: border-box;
|
||||||
|
transition: all 200ms linear !important;
|
||||||
|
}
|
||||||
6276
ctlinfrangualr/css/style - Copy.css
Normal file
6289
ctlinfrangualr/css/style.css
Normal file
367
ctlinfrangualr/css/theme-default.css
Normal file
@ -0,0 +1,367 @@
|
|||||||
|
/*
|
||||||
|
|
||||||
|
font-family: "Space Grotesk", sans-serif;
|
||||||
|
font-family: "DM Sans", sans-serif;
|
||||||
|
*/
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap');
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root{
|
||||||
|
--natural: #fff;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-size: 17px;
|
||||||
|
line-height: 30px;
|
||||||
|
color: #616161;
|
||||||
|
font-weight: 400;
|
||||||
|
font-family: "DM Sans", sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 17px;
|
||||||
|
line-height: 30px;
|
||||||
|
color: #616161;
|
||||||
|
font-weight: 400;
|
||||||
|
font-family: "DM Sans", sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
color: #0f1e36;
|
||||||
|
font-family:sans-serif;
|
||||||
|
font-style: normal;
|
||||||
|
line-height: 60px;
|
||||||
|
font-weight: 700;
|
||||||
|
-webkit-transition: .5s;
|
||||||
|
transition: .5s;
|
||||||
|
font-size: 52px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
-webkit-transition: all 0.3s ease-out 0s;
|
||||||
|
transition: all 0.3s ease-out 0s;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #012549;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:focus,
|
||||||
|
.btn:focus {
|
||||||
|
text-decoration: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:focus,
|
||||||
|
a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uppercase {
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.capitalize {
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 a,
|
||||||
|
h2 a,
|
||||||
|
h3 a,
|
||||||
|
h4 a,
|
||||||
|
h5 a,
|
||||||
|
h6 a {
|
||||||
|
color: inherit;
|
||||||
|
-webkit-transition: .5s;
|
||||||
|
transition: .5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.white h1,
|
||||||
|
.white h2,
|
||||||
|
.white h3,
|
||||||
|
.white h4,
|
||||||
|
.white h5,
|
||||||
|
.white h6 {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.white p {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.white i {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
ul {
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
input:focus,
|
||||||
|
button:focus {
|
||||||
|
border-color: none;
|
||||||
|
outline-color: none;
|
||||||
|
border: 1px solid none;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea:focus {
|
||||||
|
border-color: #063232;
|
||||||
|
outline-color: #063232;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
margin: 60px 0;
|
||||||
|
padding: 0px;
|
||||||
|
border-bottom: 1px solid #eceff8;
|
||||||
|
border-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr.style-2 {
|
||||||
|
border-bottom: 1px dashed #063232;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr.mp-0 {
|
||||||
|
margin: 0;
|
||||||
|
border-bottom: 1px solid #eceff8;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr.mtb-40 {
|
||||||
|
margin: 40px 0;
|
||||||
|
border-bottom: 1px solid #eceff8;
|
||||||
|
border-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
a,
|
||||||
|
i,
|
||||||
|
cite,
|
||||||
|
em,
|
||||||
|
var,
|
||||||
|
address,
|
||||||
|
dfn,
|
||||||
|
ol,
|
||||||
|
li,
|
||||||
|
ul {
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default Background */
|
||||||
|
.bg_color {
|
||||||
|
background: #43baff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg_color2 {
|
||||||
|
background: #211e3b !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.white_bg {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg_fixed {
|
||||||
|
background-attachment: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg_before {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg_before:before {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
background: rgba(12, 90, 219, 0.3);
|
||||||
|
}
|
||||||
|
.nagative_mb {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: -180px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
*::-moz-selection {
|
||||||
|
background: #4fc1f0;
|
||||||
|
color: #454545;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
::-moz-selection {
|
||||||
|
background: #4fc1f0;
|
||||||
|
color: #454545;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background: #4fc1f0;
|
||||||
|
color: #454545;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
::placeholder {
|
||||||
|
font-size: 17px;
|
||||||
|
color: #616161;
|
||||||
|
}
|
||||||
|
::-webkit-input-placeholder {
|
||||||
|
/* Chrome/Opera/Safari */
|
||||||
|
color: #454545;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-moz-placeholder {
|
||||||
|
/* Firefox 19+ */
|
||||||
|
color: #454545;
|
||||||
|
}
|
||||||
|
|
||||||
|
:-ms-input-placeholder {
|
||||||
|
/* IE 10+ */
|
||||||
|
|
||||||
|
color: #454545;
|
||||||
|
}
|
||||||
|
|
||||||
|
:-moz-placeholder {
|
||||||
|
/* Firefox 18- */
|
||||||
|
|
||||||
|
color: #454545;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Contact Area */
|
||||||
|
.counter_area ::-moz-selection {
|
||||||
|
color: #001d23;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact_area ::-moz-selection {
|
||||||
|
color: #001d23;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact_area ::selection {
|
||||||
|
color: #001d23;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact_area ::placeholder {
|
||||||
|
color: #001d23;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact_area ::-webkit-input-placeholder {
|
||||||
|
/* Chrome/Opera/Safari */
|
||||||
|
color: #001d23;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact_area ::-moz-placeholder {
|
||||||
|
/* Firefox 19+ */
|
||||||
|
color: #001d23;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact_area :-ms-input-placeholder {
|
||||||
|
/* IE 10+ */
|
||||||
|
color: #001d23;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact_area :-moz-placeholder {
|
||||||
|
/* Firefox 18- */
|
||||||
|
color: #001d23;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog_reply ::-moz-selection {
|
||||||
|
color: #151948;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog_reply ::-moz-selection {
|
||||||
|
color: #151948;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog_reply ::selection {
|
||||||
|
color: #151948;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog_reply::placeholder {
|
||||||
|
color: #151948;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog_reply ::-webkit-input-placeholder {
|
||||||
|
/* Chrome/Opera/Safari */
|
||||||
|
color: #151948;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog_reply ::-moz-placeholder {
|
||||||
|
/* Firefox 19+ */
|
||||||
|
color: #151948;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog_reply :-ms-input-placeholder {
|
||||||
|
/* IE 10+ */
|
||||||
|
color: #151948;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog_reply :-moz-placeholder {
|
||||||
|
/* Firefox 18- */
|
||||||
|
color: #151948;
|
||||||
|
}
|
||||||
|
.border_bg {
|
||||||
|
border-bottom: 1px solid #cccdd894;
|
||||||
|
padding-bottom: 120px;
|
||||||
|
}
|
||||||
|
.m-l-50 {
|
||||||
|
margin-left: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Padding Top Css */
|
||||||
|
.pt-10{
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
.pt-30{
|
||||||
|
padding-top: 30px;
|
||||||
|
}
|
||||||
|
.pt-22{
|
||||||
|
padding-top: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* padding bottom css */
|
||||||
|
|
||||||
|
.pb-40 {
|
||||||
|
padding-bottom: 40px;
|
||||||
|
}
|
||||||
|
.pb-50 {
|
||||||
|
padding-bottom: 50px;
|
||||||
|
}
|
||||||
|
.pb-70 {
|
||||||
|
padding-bottom: 70px;
|
||||||
|
}
|
||||||
|
.pl-130 {
|
||||||
|
padding-left: 130px;
|
||||||
|
}
|
||||||
327
ctlinfrangualr/css/venobox.css
Normal file
@ -0,0 +1,327 @@
|
|||||||
|
/* ------ venobox.css --------*/
|
||||||
|
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-webkit-box-sizing:border-box;
|
||||||
|
-moz-box-sizing:border-box;
|
||||||
|
box-sizing:border-box;
|
||||||
|
}
|
||||||
|
/* ------- overlay: change here background color and opacity ----- */
|
||||||
|
.vbox-overlay{
|
||||||
|
background: #fdfdfd;
|
||||||
|
background: rgba(0,0,0,0.85);
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 9999;
|
||||||
|
opacity: 0;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */
|
||||||
|
|
||||||
|
/* circle preloader */
|
||||||
|
.vbox-preloader{
|
||||||
|
position:fixed;
|
||||||
|
width:32px;
|
||||||
|
height:32px;
|
||||||
|
left:50%;
|
||||||
|
top:50%;
|
||||||
|
margin-left:-16px;
|
||||||
|
margin-top:-16px;
|
||||||
|
background-image: url(preload-circle.png);
|
||||||
|
text-indent: -100px;
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-animation: playload 1.4s steps(18) infinite;
|
||||||
|
-moz-animation: playload 1.4s steps(18) infinite;
|
||||||
|
-ms-animation: playload 1.4s steps(18) infinite;
|
||||||
|
-o-animation: playload 1.4s steps(18) infinite;
|
||||||
|
animation: playload 1.4s steps(18) infinite;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -576px; }
|
||||||
|
}
|
||||||
|
@-moz-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -576px; }
|
||||||
|
}
|
||||||
|
@-ms-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -576px; }
|
||||||
|
}
|
||||||
|
@-o-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -576px; }
|
||||||
|
}
|
||||||
|
@keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -576px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* IOS preloader */
|
||||||
|
|
||||||
|
/*.vbox-preloader{
|
||||||
|
position:fixed;
|
||||||
|
width:32px;
|
||||||
|
height:32px;
|
||||||
|
left:50%;
|
||||||
|
top:50%;
|
||||||
|
margin-left:-16px;
|
||||||
|
margin-top:-16px;
|
||||||
|
background-image: url(preload-ios.png);
|
||||||
|
text-indent: -100px;
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-animation: playload 1.4s steps(12) infinite;
|
||||||
|
-moz-animation: playload 1.4s steps(12) infinite;
|
||||||
|
-ms-animation: playload 1.4s steps(12) infinite;
|
||||||
|
-o-animation: playload 1.4s steps(12) infinite;
|
||||||
|
animation: playload 1.4s steps(12) infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -384px; }
|
||||||
|
}
|
||||||
|
@-moz-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -384px; }
|
||||||
|
}
|
||||||
|
@-ms-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -384px; }
|
||||||
|
}
|
||||||
|
@-o-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -384px; }
|
||||||
|
}
|
||||||
|
@keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -384px; }
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* dots preloader */
|
||||||
|
/*
|
||||||
|
.vbox-preloader{
|
||||||
|
position:fixed;
|
||||||
|
width:32px;
|
||||||
|
height:11px;
|
||||||
|
left:50%;
|
||||||
|
top:50%;
|
||||||
|
margin-left:-16px;
|
||||||
|
margin-top:-16px;
|
||||||
|
background-image: url(preload-dots.png);
|
||||||
|
text-indent: -100px;
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-animation: playload 1.4s steps(24) infinite;
|
||||||
|
-moz-animation: playload 1.4s steps(24) infinite;
|
||||||
|
-ms-animation: playload 1.4s steps(24) infinite;
|
||||||
|
-o-animation: playload 1.4s steps(24) infinite;
|
||||||
|
animation: playload 1.4s steps(24) infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -768px; }
|
||||||
|
}
|
||||||
|
@-moz-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -768px; }
|
||||||
|
}
|
||||||
|
@-ms-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -768px; }
|
||||||
|
}
|
||||||
|
@-o-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -768px; }
|
||||||
|
}
|
||||||
|
@keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -768px; }
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* quads preloader */
|
||||||
|
/*
|
||||||
|
.vbox-preloader{
|
||||||
|
position:fixed;
|
||||||
|
width:32px;
|
||||||
|
height:10px;
|
||||||
|
left:50%;
|
||||||
|
top:50%;
|
||||||
|
margin-left:-16px;
|
||||||
|
margin-top:-16px;
|
||||||
|
background-image: url(preload-quads.png);
|
||||||
|
text-indent: -100px;
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-animation: playload 1.4s steps(12) infinite;
|
||||||
|
-moz-animation: playload 1.4s steps(12) infinite;
|
||||||
|
-ms-animation: playload 1.4s steps(12) infinite;
|
||||||
|
-o-animation: playload 1.4s steps(12) infinite;
|
||||||
|
animation: playload 1.4s steps(12) infinite;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -384px; }
|
||||||
|
}
|
||||||
|
@-moz-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -384px; }
|
||||||
|
}
|
||||||
|
@-ms-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -384px; }
|
||||||
|
}
|
||||||
|
@-o-keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -384px; }
|
||||||
|
}
|
||||||
|
@keyframes playload {
|
||||||
|
from { background-position: 0px; }
|
||||||
|
to { background-position: -384px; }
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
/* ----- navigation ----- */
|
||||||
|
.vbox-close{
|
||||||
|
cursor: pointer;
|
||||||
|
position: fixed;
|
||||||
|
top: -1px;
|
||||||
|
right: 0;
|
||||||
|
width: 46px;
|
||||||
|
height: 40px;
|
||||||
|
padding: 10px 20px 10px 0;
|
||||||
|
display: block;
|
||||||
|
background: url(close.gif) no-repeat #161617;
|
||||||
|
background-position:10px center;
|
||||||
|
color: #fff;
|
||||||
|
text-indent: -100px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.vbox-next, .vbox-prev{
|
||||||
|
box-sizing: content-box;
|
||||||
|
cursor: pointer;
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
color: #fff;
|
||||||
|
width: 30px;
|
||||||
|
height: 170px;
|
||||||
|
margin-top: -85px;
|
||||||
|
text-indent: -100px;
|
||||||
|
border: solid transparent; /* Using border instead of padding to keep bg image in place */
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.vbox-prev{
|
||||||
|
left: 0;
|
||||||
|
border-width: 0 30px 0 10px;
|
||||||
|
background: url(prev.gif) center center no-repeat;
|
||||||
|
}
|
||||||
|
.vbox-next{
|
||||||
|
right: 0;
|
||||||
|
border-width: 0 10px 0 30px;
|
||||||
|
background: url(next.gif) center center no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vbox-title{
|
||||||
|
width: 100%;
|
||||||
|
height: 40px;
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 28px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #fff;
|
||||||
|
padding: 6px 40px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #161617;
|
||||||
|
position: fixed;
|
||||||
|
display: none;
|
||||||
|
top: -1px;
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
.vbox-num{
|
||||||
|
cursor: pointer;
|
||||||
|
position: fixed;
|
||||||
|
top: -1px;
|
||||||
|
left: 0;
|
||||||
|
height: 40px;
|
||||||
|
display: block;
|
||||||
|
color: #fff;
|
||||||
|
overflow: hidden;
|
||||||
|
line-height: 28px;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 6px 10px;
|
||||||
|
background: #161617;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
/* ------- inline window ------ */
|
||||||
|
.vbox-inline{
|
||||||
|
width: 420px;
|
||||||
|
height: 315px;
|
||||||
|
padding: 10px;
|
||||||
|
background: #fff;
|
||||||
|
text-align: left;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------- Video & iFrames window ------ */
|
||||||
|
.venoframe{
|
||||||
|
border: none;
|
||||||
|
width: 960px;
|
||||||
|
height: 720px;
|
||||||
|
}
|
||||||
|
@media (max-width: 992px) {
|
||||||
|
.venoframe{
|
||||||
|
width: 640px;
|
||||||
|
height: 480px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.venoframe{
|
||||||
|
width: 420px;
|
||||||
|
height: 315px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 460px) {
|
||||||
|
.vbox-inline{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.venoframe{
|
||||||
|
width: 100%;
|
||||||
|
height: 260px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
|
||||||
|
.vbox-open{
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.vbox-container{
|
||||||
|
position: relative;
|
||||||
|
background: #000;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 15px;
|
||||||
|
}
|
||||||
|
.vbox-content{
|
||||||
|
text-align: center;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.vbox-container img{
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
892
ctlinfrangualr/css/visanet.css
Normal file
@ -0,0 +1,892 @@
|
|||||||
|
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
transition: all 400ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
a,
|
||||||
|
a:hover,
|
||||||
|
a:focus,
|
||||||
|
a:visited {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::placeholder {
|
||||||
|
color: inherit;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
font-family: var(--visanet-heading-font, "Roboto", sans-serif);
|
||||||
|
color: var(--visanet-black, #222222);
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
h1 br,
|
||||||
|
h2 br,
|
||||||
|
h3 br,
|
||||||
|
h4 br,
|
||||||
|
h5 br,
|
||||||
|
h6 br {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.team-card {
|
||||||
|
position: relative;
|
||||||
|
padding: 16px 16px 0px;
|
||||||
|
border-radius: 10px 10px 0px 0px;
|
||||||
|
}
|
||||||
|
.team-card__image {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 1;
|
||||||
|
border-radius: 10px 10px 0px 0px;
|
||||||
|
}
|
||||||
|
.team-card__image::after {
|
||||||
|
content: "";
|
||||||
|
width: 100%;
|
||||||
|
height: 47px;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
z-index: 1;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__image img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
border-radius: inherit;
|
||||||
|
}
|
||||||
|
.team-card__image__shape {
|
||||||
|
position: relative;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.team-card__image__shape::before, .team-card__image__shape::after {
|
||||||
|
content: "";
|
||||||
|
height: 0;
|
||||||
|
width: 0;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
opacity: 0.8;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
-webkit-transition-duration: 1.3s;
|
||||||
|
-o-transition-duration: 1.3s;
|
||||||
|
transition-duration: 1.3s;
|
||||||
|
}
|
||||||
|
.team-card__image__shape::before {
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.team-card__image__shape::after {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__image::after {
|
||||||
|
transform: translateY(105%);
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__image__shape::before, .team-card:hover .team-card__image__shape::after {
|
||||||
|
-webkit-animation: shineFullHover 0.75s;
|
||||||
|
animation: shineFullHover 0.75s;
|
||||||
|
}
|
||||||
|
.team-card__info {
|
||||||
|
width: calc(100% - 80px);
|
||||||
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 21.5px 20px 18.5px 29px;
|
||||||
|
position: relative;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
right: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
z-index: 1;
|
||||||
|
margin: 0px auto;
|
||||||
|
border-radius: 10px;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
@media (max-width: 412px) {
|
||||||
|
.team-card__info {
|
||||||
|
width: calc(100% - 60px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 360px) {
|
||||||
|
.team-card__info {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 991px) {
|
||||||
|
.team-card__info {
|
||||||
|
width: calc(100% - 60px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.team-card__info {
|
||||||
|
width: calc(100% - 0px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-card__info__shape {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: inherit;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
.team-card__info__shape::before {
|
||||||
|
content: "";
|
||||||
|
width: 100%;
|
||||||
|
height: 0%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__info__shape::after {
|
||||||
|
content: "";
|
||||||
|
width: 5px;
|
||||||
|
height: calc(100% - 52px);
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__info__inner {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__info {
|
||||||
|
transform: translateY(-24px);
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__info__shape::before {
|
||||||
|
height: 100%;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__info__shape::after {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card__social {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.team-card__social__box {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: var(--visanet-black3, #1d253a);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__social__box:hover {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card__social__icon {
|
||||||
|
display: inline-flex;
|
||||||
|
font-size: 20px;
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__social__icon svg {
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
.team-card__social__box:hover .team-card__social__icon {
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
.team-card__social .social-links {
|
||||||
|
gap: 8px;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: auto;
|
||||||
|
position: absolute;
|
||||||
|
top: -100%;
|
||||||
|
left: 0px;
|
||||||
|
right: 0px;
|
||||||
|
z-index: 1;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translateY(-150%);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__social .social-links a {
|
||||||
|
width: 35px;
|
||||||
|
height: 35px;
|
||||||
|
border: none;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card__social .social-links a:hover {
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card__social .social-links a .social-links__icon {
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card__social .social-links a:hover .social-links__icon {
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card__social:hover .social-links {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
transform: translateY(-100%);
|
||||||
|
}
|
||||||
|
.team-card__name {
|
||||||
|
margin-bottom: 2px;
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--visanet-black, #222222);
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: capitalize;
|
||||||
|
line-height: 1.318;
|
||||||
|
}
|
||||||
|
@media (max-width: 375px) {
|
||||||
|
.team-card__name {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 991px) {
|
||||||
|
.team-card__name {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-card__name a {
|
||||||
|
color: inherit;
|
||||||
|
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__name a:hover {
|
||||||
|
background-size: 100% 1px;
|
||||||
|
}
|
||||||
|
.team-card__designation {
|
||||||
|
margin: 0px;
|
||||||
|
text-transform: capitalize;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__name, .team-card:hover .team-card__designation {
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card__shape {
|
||||||
|
width: 100%;
|
||||||
|
height: 266px;
|
||||||
|
position: relative;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
border-radius: 10px 10px 0px 0px;
|
||||||
|
background-color: var(--visanet-black3, #1d253a);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
clip-path: polygon(100% 0, 100% 45%, 50% 100%, 0 45%, 0 0);
|
||||||
|
}
|
||||||
|
.team-card__shape::before {
|
||||||
|
content: "";
|
||||||
|
width: 140px;
|
||||||
|
height: 16px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 50%;
|
||||||
|
z-index: 1;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__shape::after {
|
||||||
|
content: "";
|
||||||
|
width: calc(100% - 16px);
|
||||||
|
height: calc(100% - 8px);
|
||||||
|
position: absolute;
|
||||||
|
top: 8px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: inherit;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__shape {
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__shape::before {
|
||||||
|
background-color: var(--visanet-black3, #1d253a);
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-card-two {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.team-card-two {
|
||||||
|
max-width: 330px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-card-two__content {
|
||||||
|
text-align: center;
|
||||||
|
transition: 500ms;
|
||||||
|
}
|
||||||
|
.team-card-two:hover .team-card-two__content {
|
||||||
|
transform: translateY(-50px);
|
||||||
|
}
|
||||||
|
.team-card-two__image {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.team-card-two__image::before {
|
||||||
|
content: "";
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 16px);
|
||||||
|
position: absolute;
|
||||||
|
top: -21px;
|
||||||
|
left: 0px;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-30%);
|
||||||
|
border-radius: 1000px 1000px 0px 0px;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
clip-path: polygon(100% 0, 100% 100%, 50% 40%, 0 100%, 0 0);
|
||||||
|
}
|
||||||
|
.team-card-two__image img {
|
||||||
|
width: 216px !important;
|
||||||
|
height: 216px !important;
|
||||||
|
margin: 0px auto;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.team-card-two:hover .team-card-two__image::before {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0%);
|
||||||
|
}
|
||||||
|
.team-card-two__info {
|
||||||
|
padding: 21px 25px 7px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.team-card-two__name {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: capitalize;
|
||||||
|
line-height: 1.318;
|
||||||
|
}
|
||||||
|
@media (max-width: 375px) {
|
||||||
|
.team-card-two__name {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 991px) {
|
||||||
|
.team-card-two__name {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-card-two__name a {
|
||||||
|
color: inherit;
|
||||||
|
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card-two__name a:hover {
|
||||||
|
background-size: 100% 1px;
|
||||||
|
}
|
||||||
|
.team-card-two__designation {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
cursor: pointer;
|
||||||
|
margin: 0px auto;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 50%;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon::before, .team-card-two__social-icon::after {
|
||||||
|
content: "";
|
||||||
|
width: 16px;
|
||||||
|
height: 2px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon::after {
|
||||||
|
transform: translate(-50%, -50%) rotate(90deg);
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon.active, .team-card-two__social-icon:hover {
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon.active::before, .team-card-two__social-icon.active::after, .team-card-two__social-icon:hover::before, .team-card-two__social-icon:hover::after {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon.active::after, .team-card-two__social-icon:hover::after {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.team-card-two .social-links {
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
z-index: 1;
|
||||||
|
justify-content: center;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a {
|
||||||
|
width: 39px;
|
||||||
|
height: 39px;
|
||||||
|
border: none;
|
||||||
|
position: relative;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(50px);
|
||||||
|
transition: 600ms;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a.active {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0px);
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a:nth-child(1) {
|
||||||
|
top: -20px;
|
||||||
|
transition-delay: 0ms;
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a:nth-child(2) {
|
||||||
|
transition-delay: 50ms;
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a:nth-child(3) {
|
||||||
|
top: -20px;
|
||||||
|
transition-delay: 100ms;
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a:hover {
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a .social-links__icon {
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a:hover .social-links__icon {
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card-two__shape {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 105px);
|
||||||
|
position: relative;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
background-color: RGBA(var(--visanet-border-color-rgb, 221, 221, 221), 0.24);
|
||||||
|
clip-path: polygon(50% 42%, 100% 0, 100% 100%, 51% 89%, 0 100%, 0 0);
|
||||||
|
}
|
||||||
|
.team-card-two__shape::before {
|
||||||
|
content: "";
|
||||||
|
width: calc(100% - 2px);
|
||||||
|
height: calc(100% - 2px);
|
||||||
|
position: absolute;
|
||||||
|
inset: 0px;
|
||||||
|
margin: auto;
|
||||||
|
clip-path: inherit;
|
||||||
|
background-color: var(--visanet-black3, #1d253a);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card-two:hover .team-card-two__shape {
|
||||||
|
clip-path: polygon(50% 0, 100% 0, 100% 100%, 51% 89%, 0 100%, 0 0);
|
||||||
|
}
|
||||||
|
.team-card-two:hover .team-card-two__shape::before {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
clip-path: inherit;
|
||||||
|
background-color: var(--visanet-black6, #26304A);
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-one {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-two {
|
||||||
|
background-color: var(--visanet-black3, #1d253a);
|
||||||
|
}
|
||||||
|
.team-two__top {
|
||||||
|
margin-bottom: 100px;
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.team-two__top {
|
||||||
|
margin-bottom: 110px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-two .sec-title {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.team-two .custom-nav button {
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
border-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-two .custom-nav button:hover {
|
||||||
|
border-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-page {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* team details */
|
||||||
|
.team-details {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-details__image img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.team-details__image img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__content {
|
||||||
|
margin-top: -5px;
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.team-details__content {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__identity {
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
.team-details__name {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
font-size: 22px;
|
||||||
|
line-height: 1.272;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
.team-details__designation {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.team-details__text {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.team-details__info {
|
||||||
|
margin: 0px;
|
||||||
|
border: 1px solid var(--visanet-border-color, #dddddd);
|
||||||
|
}
|
||||||
|
.team-details__info li {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 18px;
|
||||||
|
padding: 30px 25px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.team-details__info li::after {
|
||||||
|
content: "";
|
||||||
|
width: calc(100% + 2px);
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: -1px;
|
||||||
|
left: -1px;
|
||||||
|
z-index: -1;
|
||||||
|
opacity: 0;
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-details__info li.active::after {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.team-details__info__icon {
|
||||||
|
display: inline-flex;
|
||||||
|
font-size: 40px;
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-details__info__icon svg {
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
.team-details__info__title {
|
||||||
|
margin: 0px;
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--visanet-black, #222222);
|
||||||
|
line-height: 1.272;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: capitalize;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-details__info__text {
|
||||||
|
color: var(--visanet-black3, #1d253a);
|
||||||
|
}
|
||||||
|
.team-details__info__text:hover {
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-details__info__text {
|
||||||
|
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-details__info__text:hover {
|
||||||
|
background-size: 100% 1px;
|
||||||
|
}
|
||||||
|
li.active .team-details__info__icon, li.active .team-details__info__title, li.active .team-details__info__text {
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-details__programs {
|
||||||
|
max-width: 335px;
|
||||||
|
position: relative;
|
||||||
|
padding: 37px 34px 40px 24px;
|
||||||
|
border: 1px solid var(--visanet-border-color, #dddddd);
|
||||||
|
border-left-width: 0px;
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.team-details__programs {
|
||||||
|
max-width: 100%;
|
||||||
|
border: none;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.team-details__programs {
|
||||||
|
max-width: 100%;
|
||||||
|
border: none;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__programs::before, .team-details__programs::after {
|
||||||
|
content: "";
|
||||||
|
width: 30px;
|
||||||
|
height: 1px;
|
||||||
|
position: absolute;
|
||||||
|
left: -30px;
|
||||||
|
background-color: var(--visanet-border-color, #dddddd);
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.team-details__programs::before, .team-details__programs::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.team-details__programs::before, .team-details__programs::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__programs::before {
|
||||||
|
top: -1px;
|
||||||
|
}
|
||||||
|
.team-details__programs::after {
|
||||||
|
bottom: -1px;
|
||||||
|
}
|
||||||
|
.team-details__programs__inner {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 23px;
|
||||||
|
}
|
||||||
|
.team-details__programs__inner::before {
|
||||||
|
content: "";
|
||||||
|
width: 2px;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
background-color: var(--visanet-border-color, #dddddd);
|
||||||
|
}
|
||||||
|
.team-details__programs__inner::after {
|
||||||
|
content: "";
|
||||||
|
width: 2px;
|
||||||
|
height: 32px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-details__programs__title {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--visanet-black, #222222);
|
||||||
|
line-height: 1.272;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
.team-details__programs__list {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.team-details__programs__list li + li {
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
|
.team-details__programs__list li {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
align-items: flex-start;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.team-details__programs__list__icon {
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
position: relative;
|
||||||
|
top: 5px;
|
||||||
|
border: 1px solid var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-details__programs__list__icon::after {
|
||||||
|
content: "";
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
background-color: var(--visanet-black4, #000000);
|
||||||
|
}
|
||||||
|
.team-details__personal {
|
||||||
|
margin: 10px 0px 35px;
|
||||||
|
}
|
||||||
|
.team-details__personal__title {
|
||||||
|
margin-bottom: 13px;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.318;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
.team-details__personal__text {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.team-details__personal__text + .team-details__personal__text {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
.team-details__skill {
|
||||||
|
display: grid;
|
||||||
|
grid-gap: 30px 0px;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid var(--visanet-border-color, #dddddd);
|
||||||
|
}
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.team-details__skill {
|
||||||
|
border: none;
|
||||||
|
border-radius: 0px;
|
||||||
|
grid-template-columns: repeat(1, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__certificate {
|
||||||
|
display: flex;
|
||||||
|
gap: 30px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
@media (min-width: 441px) and (max-width: 767px) {
|
||||||
|
.team-details__certificate {
|
||||||
|
display: grid;
|
||||||
|
gap: 20px;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__certificate img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gutter-y-30 {
|
||||||
|
--bs-gutter-y: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__item {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
padding: 15px;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
gap: 50px;
|
||||||
|
align-items: center;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
border: 1px solid var(--visanet-border-color, #dddddd);
|
||||||
|
background: #f3efef;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__item::before {
|
||||||
|
content: "";
|
||||||
|
width: 0%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
right: 0px;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
background-color: var(--visanet-white2, #eef2f5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__image {
|
||||||
|
width: 140px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__image img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
clip-path: polygon(100% 0, 100% 100%, 50% 83%, 0 100%, 0 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__icon-1 {
|
||||||
|
width: 52px;
|
||||||
|
height: 52px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 26px;
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 14px;
|
||||||
|
z-index: 1;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
box-shadow: -1px 2px 4.7px rgba(0, 0, 0, 0.13);
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="icon-"], [class*=" icon-"] {
|
||||||
|
font-family: 'icomoon' !important;
|
||||||
|
speak: never;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 1;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__item:hover {
|
||||||
|
border-color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__image{
|
||||||
|
padding-right:20px;
|
||||||
|
border-right:2px solid #ccc;
|
||||||
|
margin-right:20px;
|
||||||
|
}
|
||||||
886
ctlinfrangualr/css/visanet.css.bak
Normal file
@ -0,0 +1,886 @@
|
|||||||
|
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
transition: all 400ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
a,
|
||||||
|
a:hover,
|
||||||
|
a:focus,
|
||||||
|
a:visited {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::placeholder {
|
||||||
|
color: inherit;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
font-family: var(--visanet-heading-font, "Roboto", sans-serif);
|
||||||
|
color: var(--visanet-black, #222222);
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
h1 br,
|
||||||
|
h2 br,
|
||||||
|
h3 br,
|
||||||
|
h4 br,
|
||||||
|
h5 br,
|
||||||
|
h6 br {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.team-card {
|
||||||
|
position: relative;
|
||||||
|
padding: 16px 16px 0px;
|
||||||
|
border-radius: 10px 10px 0px 0px;
|
||||||
|
}
|
||||||
|
.team-card__image {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 1;
|
||||||
|
border-radius: 10px 10px 0px 0px;
|
||||||
|
}
|
||||||
|
.team-card__image::after {
|
||||||
|
content: "";
|
||||||
|
width: 100%;
|
||||||
|
height: 47px;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
z-index: 1;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__image img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
border-radius: inherit;
|
||||||
|
}
|
||||||
|
.team-card__image__shape {
|
||||||
|
position: relative;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.team-card__image__shape::before, .team-card__image__shape::after {
|
||||||
|
content: "";
|
||||||
|
height: 0;
|
||||||
|
width: 0;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
opacity: 0.8;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
-webkit-transition-duration: 1.3s;
|
||||||
|
-o-transition-duration: 1.3s;
|
||||||
|
transition-duration: 1.3s;
|
||||||
|
}
|
||||||
|
.team-card__image__shape::before {
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.team-card__image__shape::after {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__image::after {
|
||||||
|
transform: translateY(105%);
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__image__shape::before, .team-card:hover .team-card__image__shape::after {
|
||||||
|
-webkit-animation: shineFullHover 0.75s;
|
||||||
|
animation: shineFullHover 0.75s;
|
||||||
|
}
|
||||||
|
.team-card__info {
|
||||||
|
width: calc(100% - 80px);
|
||||||
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 21.5px 20px 18.5px 29px;
|
||||||
|
position: relative;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
right: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
z-index: 1;
|
||||||
|
margin: 0px auto;
|
||||||
|
border-radius: 10px;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
@media (max-width: 412px) {
|
||||||
|
.team-card__info {
|
||||||
|
width: calc(100% - 60px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 360px) {
|
||||||
|
.team-card__info {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 991px) {
|
||||||
|
.team-card__info {
|
||||||
|
width: calc(100% - 60px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.team-card__info {
|
||||||
|
width: calc(100% - 0px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-card__info__shape {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: inherit;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
.team-card__info__shape::before {
|
||||||
|
content: "";
|
||||||
|
width: 100%;
|
||||||
|
height: 0%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__info__shape::after {
|
||||||
|
content: "";
|
||||||
|
width: 5px;
|
||||||
|
height: calc(100% - 52px);
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 0px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__info__inner {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__info {
|
||||||
|
transform: translateY(-24px);
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__info__shape::before {
|
||||||
|
height: 100%;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__info__shape::after {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card__social {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.team-card__social__box {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: var(--visanet-black3, #1d253a);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__social__box:hover {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card__social__icon {
|
||||||
|
display: inline-flex;
|
||||||
|
font-size: 20px;
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__social__icon svg {
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
.team-card__social__box:hover .team-card__social__icon {
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
.team-card__social .social-links {
|
||||||
|
gap: 8px;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: auto;
|
||||||
|
position: absolute;
|
||||||
|
top: -100%;
|
||||||
|
left: 0px;
|
||||||
|
right: 0px;
|
||||||
|
z-index: 1;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translateY(-150%);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__social .social-links a {
|
||||||
|
width: 35px;
|
||||||
|
height: 35px;
|
||||||
|
border: none;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card__social .social-links a:hover {
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card__social .social-links a .social-links__icon {
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card__social .social-links a:hover .social-links__icon {
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card__social:hover .social-links {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
transform: translateY(-100%);
|
||||||
|
}
|
||||||
|
.team-card__name {
|
||||||
|
margin-bottom: 2px;
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--visanet-black, #222222);
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: capitalize;
|
||||||
|
line-height: 1.318;
|
||||||
|
}
|
||||||
|
@media (max-width: 375px) {
|
||||||
|
.team-card__name {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 991px) {
|
||||||
|
.team-card__name {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-card__name a {
|
||||||
|
color: inherit;
|
||||||
|
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__name a:hover {
|
||||||
|
background-size: 100% 1px;
|
||||||
|
}
|
||||||
|
.team-card__designation {
|
||||||
|
margin: 0px;
|
||||||
|
text-transform: capitalize;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__name, .team-card:hover .team-card__designation {
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card__shape {
|
||||||
|
width: 100%;
|
||||||
|
height: 266px;
|
||||||
|
position: relative;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
border-radius: 10px 10px 0px 0px;
|
||||||
|
background-color: var(--visanet-black3, #1d253a);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
clip-path: polygon(100% 0, 100% 45%, 50% 100%, 0 45%, 0 0);
|
||||||
|
}
|
||||||
|
.team-card__shape::before {
|
||||||
|
content: "";
|
||||||
|
width: 140px;
|
||||||
|
height: 16px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 50%;
|
||||||
|
z-index: 1;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card__shape::after {
|
||||||
|
content: "";
|
||||||
|
width: calc(100% - 16px);
|
||||||
|
height: calc(100% - 8px);
|
||||||
|
position: absolute;
|
||||||
|
top: 8px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: inherit;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__shape {
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card:hover .team-card__shape::before {
|
||||||
|
background-color: var(--visanet-black3, #1d253a);
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-card-two {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.team-card-two {
|
||||||
|
max-width: 330px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-card-two__content {
|
||||||
|
text-align: center;
|
||||||
|
transition: 500ms;
|
||||||
|
}
|
||||||
|
.team-card-two:hover .team-card-two__content {
|
||||||
|
transform: translateY(-50px);
|
||||||
|
}
|
||||||
|
.team-card-two__image {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.team-card-two__image::before {
|
||||||
|
content: "";
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 16px);
|
||||||
|
position: absolute;
|
||||||
|
top: -21px;
|
||||||
|
left: 0px;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-30%);
|
||||||
|
border-radius: 1000px 1000px 0px 0px;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
clip-path: polygon(100% 0, 100% 100%, 50% 40%, 0 100%, 0 0);
|
||||||
|
}
|
||||||
|
.team-card-two__image img {
|
||||||
|
width: 216px !important;
|
||||||
|
height: 216px !important;
|
||||||
|
margin: 0px auto;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.team-card-two:hover .team-card-two__image::before {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0%);
|
||||||
|
}
|
||||||
|
.team-card-two__info {
|
||||||
|
padding: 21px 25px 7px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.team-card-two__name {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: capitalize;
|
||||||
|
line-height: 1.318;
|
||||||
|
}
|
||||||
|
@media (max-width: 375px) {
|
||||||
|
.team-card-two__name {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 991px) {
|
||||||
|
.team-card-two__name {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-card-two__name a {
|
||||||
|
color: inherit;
|
||||||
|
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card-two__name a:hover {
|
||||||
|
background-size: 100% 1px;
|
||||||
|
}
|
||||||
|
.team-card-two__designation {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
cursor: pointer;
|
||||||
|
margin: 0px auto;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 50%;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon::before, .team-card-two__social-icon::after {
|
||||||
|
content: "";
|
||||||
|
width: 16px;
|
||||||
|
height: 2px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon::after {
|
||||||
|
transform: translate(-50%, -50%) rotate(90deg);
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon.active, .team-card-two__social-icon:hover {
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon.active::before, .team-card-two__social-icon.active::after, .team-card-two__social-icon:hover::before, .team-card-two__social-icon:hover::after {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card-two__social-icon.active::after, .team-card-two__social-icon:hover::after {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.team-card-two .social-links {
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
z-index: 1;
|
||||||
|
justify-content: center;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a {
|
||||||
|
width: 39px;
|
||||||
|
height: 39px;
|
||||||
|
border: none;
|
||||||
|
position: relative;
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(50px);
|
||||||
|
transition: 600ms;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a.active {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0px);
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a:nth-child(1) {
|
||||||
|
top: -20px;
|
||||||
|
transition-delay: 0ms;
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a:nth-child(2) {
|
||||||
|
transition-delay: 50ms;
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a:nth-child(3) {
|
||||||
|
top: -20px;
|
||||||
|
transition-delay: 100ms;
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a:hover {
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a .social-links__icon {
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-card-two .social-links a:hover .social-links__icon {
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-card-two__shape {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 105px);
|
||||||
|
position: relative;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
background-color: RGBA(var(--visanet-border-color-rgb, 221, 221, 221), 0.24);
|
||||||
|
clip-path: polygon(50% 42%, 100% 0, 100% 100%, 51% 89%, 0 100%, 0 0);
|
||||||
|
}
|
||||||
|
.team-card-two__shape::before {
|
||||||
|
content: "";
|
||||||
|
width: calc(100% - 2px);
|
||||||
|
height: calc(100% - 2px);
|
||||||
|
position: absolute;
|
||||||
|
inset: 0px;
|
||||||
|
margin: auto;
|
||||||
|
clip-path: inherit;
|
||||||
|
background-color: var(--visanet-black3, #1d253a);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-card-two:hover .team-card-two__shape {
|
||||||
|
clip-path: polygon(50% 0, 100% 0, 100% 100%, 51% 89%, 0 100%, 0 0);
|
||||||
|
}
|
||||||
|
.team-card-two:hover .team-card-two__shape::before {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
clip-path: inherit;
|
||||||
|
background-color: var(--visanet-black6, #26304A);
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-one {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-two {
|
||||||
|
background-color: var(--visanet-black3, #1d253a);
|
||||||
|
}
|
||||||
|
.team-two__top {
|
||||||
|
margin-bottom: 100px;
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.team-two__top {
|
||||||
|
margin-bottom: 110px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-two .sec-title {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.team-two .custom-nav button {
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
border-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-two .custom-nav button:hover {
|
||||||
|
border-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-page {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* team details */
|
||||||
|
.team-details {
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-details__image img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.team-details__image img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__content {
|
||||||
|
margin-top: -5px;
|
||||||
|
}
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.team-details__content {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__identity {
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
.team-details__name {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
font-size: 22px;
|
||||||
|
line-height: 1.272;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
.team-details__designation {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.team-details__text {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.team-details__info {
|
||||||
|
margin: 0px;
|
||||||
|
border: 1px solid var(--visanet-border-color, #dddddd);
|
||||||
|
}
|
||||||
|
.team-details__info li {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 18px;
|
||||||
|
padding: 30px 25px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.team-details__info li::after {
|
||||||
|
content: "";
|
||||||
|
width: calc(100% + 2px);
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: -1px;
|
||||||
|
left: -1px;
|
||||||
|
z-index: -1;
|
||||||
|
opacity: 0;
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-details__info li.active::after {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.team-details__info__icon {
|
||||||
|
display: inline-flex;
|
||||||
|
font-size: 40px;
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-details__info__icon svg {
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
.team-details__info__title {
|
||||||
|
margin: 0px;
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--visanet-black, #222222);
|
||||||
|
line-height: 1.272;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: capitalize;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-details__info__text {
|
||||||
|
color: var(--visanet-black3, #1d253a);
|
||||||
|
}
|
||||||
|
.team-details__info__text:hover {
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-details__info__text {
|
||||||
|
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
}
|
||||||
|
.team-details__info__text:hover {
|
||||||
|
background-size: 100% 1px;
|
||||||
|
}
|
||||||
|
li.active .team-details__info__icon, li.active .team-details__info__title, li.active .team-details__info__text {
|
||||||
|
color: var(--visanet-white, #ffffff);
|
||||||
|
}
|
||||||
|
.team-details__programs {
|
||||||
|
max-width: 335px;
|
||||||
|
position: relative;
|
||||||
|
padding: 37px 34px 40px 24px;
|
||||||
|
border: 1px solid var(--visanet-border-color, #dddddd);
|
||||||
|
border-left-width: 0px;
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.team-details__programs {
|
||||||
|
max-width: 100%;
|
||||||
|
border: none;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.team-details__programs {
|
||||||
|
max-width: 100%;
|
||||||
|
border: none;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__programs::before, .team-details__programs::after {
|
||||||
|
content: "";
|
||||||
|
width: 30px;
|
||||||
|
height: 1px;
|
||||||
|
position: absolute;
|
||||||
|
left: -30px;
|
||||||
|
background-color: var(--visanet-border-color, #dddddd);
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.team-details__programs::before, .team-details__programs::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.team-details__programs::before, .team-details__programs::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__programs::before {
|
||||||
|
top: -1px;
|
||||||
|
}
|
||||||
|
.team-details__programs::after {
|
||||||
|
bottom: -1px;
|
||||||
|
}
|
||||||
|
.team-details__programs__inner {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 23px;
|
||||||
|
}
|
||||||
|
.team-details__programs__inner::before {
|
||||||
|
content: "";
|
||||||
|
width: 2px;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
background-color: var(--visanet-border-color, #dddddd);
|
||||||
|
}
|
||||||
|
.team-details__programs__inner::after {
|
||||||
|
content: "";
|
||||||
|
width: 2px;
|
||||||
|
height: 32px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
background-color: var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-details__programs__title {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-size: 22px;
|
||||||
|
color: var(--visanet-black, #222222);
|
||||||
|
line-height: 1.272;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
.team-details__programs__list {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.team-details__programs__list li + li {
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
|
.team-details__programs__list li {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
align-items: flex-start;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.team-details__programs__list__icon {
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
position: relative;
|
||||||
|
top: 5px;
|
||||||
|
border: 1px solid var(--visanet-base, #e50c37);
|
||||||
|
}
|
||||||
|
.team-details__programs__list__icon::after {
|
||||||
|
content: "";
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
background-color: var(--visanet-black4, #000000);
|
||||||
|
}
|
||||||
|
.team-details__personal {
|
||||||
|
margin: 10px 0px 35px;
|
||||||
|
}
|
||||||
|
.team-details__personal__title {
|
||||||
|
margin-bottom: 13px;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.318;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
.team-details__personal__text {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.team-details__personal__text + .team-details__personal__text {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
.team-details__skill {
|
||||||
|
display: grid;
|
||||||
|
grid-gap: 30px 0px;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid var(--visanet-border-color, #dddddd);
|
||||||
|
}
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.team-details__skill {
|
||||||
|
border: none;
|
||||||
|
border-radius: 0px;
|
||||||
|
grid-template-columns: repeat(1, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__certificate {
|
||||||
|
display: flex;
|
||||||
|
gap: 30px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
@media (min-width: 441px) and (max-width: 767px) {
|
||||||
|
.team-details__certificate {
|
||||||
|
display: grid;
|
||||||
|
gap: 20px;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.team-details__certificate img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gutter-y-30 {
|
||||||
|
--bs-gutter-y: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__item {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
padding: 15px;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
gap: 50px;
|
||||||
|
align-items: center;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
border: 1px solid var(--visanet-border-color, #dddddd);
|
||||||
|
background: #f3efef;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__item::before {
|
||||||
|
content: "";
|
||||||
|
width: 0%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
right: 0px;
|
||||||
|
transition: all 500ms ease;
|
||||||
|
background-color: var(--visanet-white2, #eef2f5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__image {
|
||||||
|
width: 140px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__image img {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
clip-path: polygon(100% 0, 100% 100%, 50% 83%, 0 100%, 0 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__icon-1 {
|
||||||
|
width: 52px;
|
||||||
|
height: 52px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 26px;
|
||||||
|
color: var(--visanet-base, #e50c37);
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 14px;
|
||||||
|
z-index: 1;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--visanet-white, #ffffff);
|
||||||
|
transition: all 500ms ease;
|
||||||
|
box-shadow: -1px 2px 4.7px rgba(0, 0, 0, 0.13);
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="icon-"], [class*=" icon-"] {
|
||||||
|
font-family: 'icomoon' !important;
|
||||||
|
speak: never;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 1;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-two__item:hover {
|
||||||
|
border-color: red;
|
||||||
|
}
|
||||||
BIN
ctlinfrangualr/fonts/Flaticon.woff2
Normal file
BIN
ctlinfrangualr/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2
Normal file
BIN
ctlinfrangualr/fonts/bootstrap-icons.woff2
Normal file
BIN
ctlinfrangualr/fonts/fa-brands-400.woff2
Normal file
BIN
ctlinfrangualr/fonts/fa-solid-900.woff2
Normal file
BIN
ctlinfrangualr/fonts/rP2Hp2ywxg089UriCZOIHQ.woff2
Normal file
BIN
ctlinfrangualr/images/Jimmy-Wriston - Copy (2).png
Normal file
|
After Width: | Height: | Size: 723 KiB |
BIN
ctlinfrangualr/images/Jimmy-Wriston.png
Normal file
|
After Width: | Height: | Size: 723 KiB |
BIN
ctlinfrangualr/images/avetta.png
Normal file
|
After Width: | Height: | Size: 111 KiB |
BIN
ctlinfrangualr/images/box-bg.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
ctlinfrangualr/images/case1.png
Normal file
|
After Width: | Height: | Size: 150 KiB |
BIN
ctlinfrangualr/images/case2.png
Normal file
|
After Width: | Height: | Size: 118 KiB |
BIN
ctlinfrangualr/images/case3.png
Normal file
|
After Width: | Height: | Size: 132 KiB |
BIN
ctlinfrangualr/images/certificate.jpeg
Normal file
|
After Width: | Height: | Size: 80 KiB |
BIN
ctlinfrangualr/images/certificate.png
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
ctlinfrangualr/images/choose-bg2.png
Normal file
|
After Width: | Height: | Size: 709 KiB |
BIN
ctlinfrangualr/images/company.png
Normal file
|
After Width: | Height: | Size: 551 KiB |
BIN
ctlinfrangualr/images/company1 - Copy.png
Normal file
|
After Width: | Height: | Size: 513 KiB |
BIN
ctlinfrangualr/images/company1.png
Normal file
|
After Width: | Height: | Size: 489 KiB |
BIN
ctlinfrangualr/images/consulting.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
ctlinfrangualr/images/contact.jpg
Normal file
|
After Width: | Height: | Size: 464 KiB |
BIN
ctlinfrangualr/images/ctl.webp
Normal file
|
After Width: | Height: | Size: 44 KiB |
BIN
ctlinfrangualr/images/ctleng.png
Normal file
|
After Width: | Height: | Size: 522 KiB |
BIN
ctlinfrangualr/images/drianage.jpg
Normal file
|
After Width: | Height: | Size: 89 KiB |
BIN
ctlinfrangualr/images/driangae.jpg
Normal file
|
After Width: | Height: | Size: 167 KiB |
BIN
ctlinfrangualr/images/emer.jpg
Normal file
|
After Width: | Height: | Size: 312 KiB |
BIN
ctlinfrangualr/images/emergecny.png
Normal file
|
After Width: | Height: | Size: 343 KiB |
BIN
ctlinfrangualr/images/emergecny1.png
Normal file
|
After Width: | Height: | Size: 670 KiB |
BIN
ctlinfrangualr/images/ffflogo.png
Normal file
|
After Width: | Height: | Size: 66 KiB |
BIN
ctlinfrangualr/images/footer-bg.png
Normal file
|
After Width: | Height: | Size: 74 KiB |
BIN
ctlinfrangualr/images/geotechnical.png
Normal file
|
After Width: | Height: | Size: 352 KiB |
BIN
ctlinfrangualr/images/geothecnical.png
Normal file
|
After Width: | Height: | Size: 694 KiB |
BIN
ctlinfrangualr/images/hero-bg3.png
Normal file
|
After Width: | Height: | Size: 647 KiB |
BIN
ctlinfrangualr/images/icon-shape.png
Normal file
|
After Width: | Height: | Size: 979 B |
BIN
ctlinfrangualr/images/icon1.png
Normal file
|
After Width: | Height: | Size: 5.8 KiB |
BIN
ctlinfrangualr/images/icon22.png
Normal file
|
After Width: | Height: | Size: 8.4 KiB |
BIN
ctlinfrangualr/images/icon3.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
ctlinfrangualr/images/icon33.png
Normal file
|
After Width: | Height: | Size: 7.8 KiB |
BIN
ctlinfrangualr/images/icon5 - Copy.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
ctlinfrangualr/images/icon5.jpg
Normal file
|
After Width: | Height: | Size: 7.5 KiB |
BIN
ctlinfrangualr/images/icon55.png
Normal file
|
After Width: | Height: | Size: 4.9 KiB |
BIN
ctlinfrangualr/images/image.jpg
Normal file
|
After Width: | Height: | Size: 562 KiB |
BIN
ctlinfrangualr/images/image2.jpg
Normal file
|
After Width: | Height: | Size: 873 KiB |
BIN
ctlinfrangualr/images/img_avatar.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
ctlinfrangualr/images/img_avatar2.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
ctlinfrangualr/images/istockphoto-2088299586-2048x2048.jpg
Normal file
|
After Width: | Height: | Size: 235 KiB |
BIN
ctlinfrangualr/images/istockphoto-2242901675-2048x2048.jpg
Normal file
|
After Width: | Height: | Size: 392 KiB |
BIN
ctlinfrangualr/images/istockphoto-2242901688-2048x2048.jpg
Normal file
|
After Width: | Height: | Size: 571 KiB |
BIN
ctlinfrangualr/images/jimmy.jpg
Normal file
|
After Width: | Height: | Size: 203 KiB |
BIN
ctlinfrangualr/images/jimmy1 - Copy.webp
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
ctlinfrangualr/images/jimmy1.webp
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
ctlinfrangualr/images/jimmyteam.png
Normal file
|
After Width: | Height: | Size: 343 KiB |
BIN
ctlinfrangualr/images/leader1.jpeg
Normal file
|
After Width: | Height: | Size: 488 KiB |
BIN
ctlinfrangualr/images/leader1.jpg
Normal file
|
After Width: | Height: | Size: 304 KiB |
BIN
ctlinfrangualr/images/leadership.jpg
Normal file
|
After Width: | Height: | Size: 222 KiB |
BIN
ctlinfrangualr/images/linepng.png
Normal file
|
After Width: | Height: | Size: 3.8 KiB |
BIN
ctlinfrangualr/images/logo-main.png
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
ctlinfrangualr/images/logo11.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
ctlinfrangualr/images/logo33.png
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
ctlinfrangualr/images/meeting.png
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
ctlinfrangualr/images/phone-call.png
Normal file
|
After Width: | Height: | Size: 1004 B |
BIN
ctlinfrangualr/images/prevent - Copy - Copy.jpeg
Normal file
|
After Width: | Height: | Size: 711 KiB |
BIN
ctlinfrangualr/images/prevent.jpeg
Normal file
|
After Width: | Height: | Size: 90 KiB |
BIN
ctlinfrangualr/images/prevent1.jpeg
Normal file
|
After Width: | Height: | Size: 156 KiB |
BIN
ctlinfrangualr/images/quality.jpg
Normal file
|
After Width: | Height: | Size: 331 KiB |
BIN
ctlinfrangualr/images/safety.jpg
Normal file
|
After Width: | Height: | Size: 95 KiB |
BIN
ctlinfrangualr/images/safety1.jpeg
Normal file
|
After Width: | Height: | Size: 570 KiB |
BIN
ctlinfrangualr/images/safety2.jpeg
Normal file
|
After Width: | Height: | Size: 303 KiB |
BIN
ctlinfrangualr/images/safety3 - Copy.jpeg
Normal file
|
After Width: | Height: | Size: 557 KiB |
BIN
ctlinfrangualr/images/safety3.jpeg
Normal file
|
After Width: | Height: | Size: 136 KiB |
BIN
ctlinfrangualr/images/save-money.png
Normal file
|
After Width: | Height: | Size: 2.0 KiB |