15819 lines
318 KiB
CSS
15819 lines
318 KiB
CSS
/*
|
|
Template Name: Broccoli
|
|
Description: Organic Food HTML Template
|
|
Version: 1.0.0
|
|
*/
|
|
/* Single side border-radius */
|
|
/* BORDER RADIUS */
|
|
/* user select */
|
|
/* box sizing */
|
|
/* placeholder */
|
|
/* transition */
|
|
/* transform */
|
|
/* rotate */
|
|
/* scale */
|
|
/* translate */
|
|
/* translate rotate */
|
|
/* skew */
|
|
/* ============================================================
|
|
>>> TABLE OF CONTENTS:
|
|
===============================================================
|
|
# Google fonts
|
|
# Gutter Code
|
|
# Normalize
|
|
# Typography
|
|
# Custom Class
|
|
# input and button type focus outline disable
|
|
# Form input box
|
|
# Text meant only for screen readers.
|
|
# Transition
|
|
|
|
# Accessibility
|
|
# Globals
|
|
|
|
# Alignments
|
|
# Clearings
|
|
# Posts and pages
|
|
# Captions
|
|
# Galleries
|
|
# Unit test
|
|
# ScrollUp
|
|
# Owl Carousel
|
|
# Slick Slider
|
|
# Background Overlay
|
|
# Scrollbar
|
|
# Padding Top
|
|
# Padding Bottom
|
|
# Margin Top
|
|
# Margin Bottom
|
|
# Custom margin Padding
|
|
|
|
============================================================= */
|
|
/* -------------------------------------
|
|
Google fonts
|
|
------------------------------------- */
|
|
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Rajdhani:wght@400;500;600;700&display=swap");
|
|
/*
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-family: 'Rajdhani', sans-serif;
|
|
*/
|
|
/*
|
|
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,700;1,600&family=Roboto:wght@400;500;700&display=swap');
|
|
/*
|
|
font-family: 'Nunito Sans', sans-serif;
|
|
font-family: 'Roboto', sans-serif;
|
|
*/
|
|
/* ====================================================
|
|
Gutter Code
|
|
==================================================== */
|
|
.container,
|
|
.container-fluid {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.row {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
}
|
|
|
|
.col,
|
|
.col-1,
|
|
.col-10,
|
|
.col-11,
|
|
.col-12,
|
|
.col-2,
|
|
.col-3,
|
|
.col-4,
|
|
.col-5,
|
|
.col-6,
|
|
.col-7,
|
|
.col-8,
|
|
.col-9,
|
|
.col-auto,
|
|
.col-lg,
|
|
.col-lg-1,
|
|
.col-lg-10,
|
|
.col-lg-11,
|
|
.col-lg-12,
|
|
.col-lg-2,
|
|
.col-lg-3,
|
|
.col-lg-4,
|
|
.col-lg-5,
|
|
.col-lg-6,
|
|
.col-lg-7,
|
|
.col-lg-8,
|
|
.col-lg-9,
|
|
.col-lg-auto,
|
|
.col-md,
|
|
.col-md-1,
|
|
.col-md-10,
|
|
.col-md-11,
|
|
.col-md-12,
|
|
.col-md-2,
|
|
.col-md-3,
|
|
.col-md-4,
|
|
.col-md-5,
|
|
.col-md-6,
|
|
.col-md-7,
|
|
.col-md-8,
|
|
.col-md-9,
|
|
.col-md-auto,
|
|
.col-sm,
|
|
.col-sm-1,
|
|
.col-sm-10,
|
|
.col-sm-11,
|
|
.col-sm-12,
|
|
.col-sm-2,
|
|
.col-sm-3,
|
|
.col-sm-4,
|
|
.col-sm-5,
|
|
.col-sm-6,
|
|
.col-sm-7,
|
|
.col-sm-8,
|
|
.col-sm-9,
|
|
.col-sm-auto,
|
|
.col-xl,
|
|
.col-xl-1,
|
|
.col-xl-10,
|
|
.col-xl-11,
|
|
.col-xl-12,
|
|
.col-xl-2,
|
|
.col-xl-3,
|
|
.col-xl-4,
|
|
.col-xl-5,
|
|
.col-xl-6,
|
|
.col-xl-7,
|
|
.col-xl-8,
|
|
.col-xl-9,
|
|
.col-xl-auto {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__no-gutter > [class*="col-"] {
|
|
/* No padding only for child columns */
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.ltn__no-gutter-all [class*="col-"] {
|
|
/* No padding for every columns */
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
/* Modify this based on column def */
|
|
.ltn__custom-gutter {
|
|
margin-left: -0px;
|
|
margin-right: -0px;
|
|
}
|
|
.ltn__custom-gutter > [class*="col-"] {
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
/* Modify this based on column def */
|
|
.ltn__custom-gutter {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
}
|
|
.ltn__custom-gutter > [class*="col-"] {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 576px) {
|
|
/* Modify this based on column def */
|
|
.ltn__product-gutter .row {
|
|
margin-left: -8px;
|
|
margin-right: -8px;
|
|
}
|
|
.ltn__product-gutter [class*="col-"] {
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Normalize
|
|
---------------------------------------------------- */
|
|
:root {
|
|
--ltn__primary-color: #071c1f;
|
|
--ltn__primary-color-2: #041113;
|
|
/* Darken */
|
|
--ltn__primary-color-3: #133236;
|
|
/* Lighten */
|
|
--ltn__secondary-color: #017baa;
|
|
/* --ltn__secondary-color: #e53e29; */
|
|
--ltn__secondary-color-2: ##017baa;
|
|
/* Darken */
|
|
--ltn__secondary-color-3: ##017baa;
|
|
/* Lighten */
|
|
--ltn__heading-color: #071c1f;
|
|
--ltn__paragraph-color: #071c1f;
|
|
--ltn__heading-font: "Rajdhani", sans-serif;
|
|
--ltn__body-font: "Open Sans", sans-serif;
|
|
/*
|
|
--ltn__heading-font: 'Roboto', sans-serif;
|
|
--ltn__body-font: 'Nunito Sans', sans-serif;
|
|
*/
|
|
/* Footer ACD2D8 8CB2B2 */
|
|
--ltn__color-1: #8cb2b2;
|
|
--ltn__color-2: #acd2d8;
|
|
--ltn__color-3: #a3bcc0;
|
|
--ltn__color-4: #84a2a6;
|
|
/* Gradient Colors */
|
|
--gradient-color-1: linear-gradient(
|
|
90deg,
|
|
rgba(242, 139, 194, 1) 0%,
|
|
rgba(216, 177, 242, 1) 50%
|
|
);
|
|
--gradient-color-2: linear-gradient(
|
|
to top,
|
|
rgba(7, 28, 31, 0) 0%,
|
|
rgba(7, 28, 31, 1) 90%
|
|
);
|
|
--gradient-color-3: linear-gradient(
|
|
to bottom,
|
|
rgba(7, 28, 31, 0) 0%,
|
|
rgba(7, 28, 31, 1) 90%
|
|
);
|
|
--gradient-color-4: linear-gradient(
|
|
to top,
|
|
rgba(242, 246, 247, 0) 0%,
|
|
rgba(242, 246, 247, 1) 90%
|
|
);
|
|
/* Background Colors */
|
|
--section-bg-1: #f7f5eb;
|
|
/* White */
|
|
/* --section-bg-1: #F2F6F7; /* White */
|
|
--section-bg-2: #071c1f;
|
|
/* Black */
|
|
--section-bg-5: #272829;
|
|
/* Black */
|
|
--section-bg-6: #fdfdfd;
|
|
/* White */
|
|
/* Border Colors */
|
|
--border-color-1: #e5eaee;
|
|
/* White */
|
|
--border-color-2: #1e2021;
|
|
/* Black */
|
|
--border-color-3: #576466;
|
|
/* Black */
|
|
--border-color-4: #eb6954;
|
|
/* Red */
|
|
--border-color-5: #bc3928;
|
|
/* Red */
|
|
--border-color-6: #103034;
|
|
/* Black */
|
|
--border-color-7: #d1dae0;
|
|
/* White */
|
|
--border-color-8: #f6f6f6;
|
|
/* White */
|
|
--border-color-9: #e4ecf2;
|
|
/* White */
|
|
--border-color-10: #ebeeee;
|
|
/* White */
|
|
--border-color-11: #ededed;
|
|
/* White */
|
|
--border-color-12: #e1e6ff;
|
|
/* White */
|
|
/* Box Shadow Colors */
|
|
--ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
|
|
--ltn__box-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1);
|
|
/* like border */
|
|
--ltn__box-shadow-3: 0 1px 6px 0 rgba(54, 56, 61, 0.15);
|
|
/* like border GGL */
|
|
--ltn__box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
|
|
--ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
|
|
--ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2);
|
|
/* Common Colors */
|
|
--black: #000000;
|
|
--black-2: #22355b;
|
|
--white: #fff;
|
|
--white-2: #f2f6f7;
|
|
--white-3: #e8edee;
|
|
--white-4: #e6ecf0;
|
|
--white-5: #f0f4f7;
|
|
--white-6: #f1f1f1;
|
|
--white-7: #f7f7f7;
|
|
--white-8: #fafafa;
|
|
--white-9: #f2f7fa;
|
|
--red: #ff0000;
|
|
--red-2: #f34f3f;
|
|
--red-3: #db483b;
|
|
--silver: #c0c0c0;
|
|
--gray: #808080;
|
|
--maroon: #800000;
|
|
--yellow: #ffff00;
|
|
--olive: #808000;
|
|
--lime: #00ff00;
|
|
--green: #008000;
|
|
--aqua: #00ffff;
|
|
--teal: #008080;
|
|
--blue: #0000ff;
|
|
--navy: #000080;
|
|
--fuchsia: #ff00ff;
|
|
--purple: #800080;
|
|
--pink: #ffc0cb;
|
|
--nude: #ebc8b2;
|
|
--orange: #ffa500;
|
|
--ratings: #ffb800;
|
|
/* social media colors */
|
|
--facebook: #365493;
|
|
--twitter: #3cf;
|
|
--linkedin: #0077b5;
|
|
--pinterest: #c8232c;
|
|
--dribbble: #ea4c89;
|
|
--behance: #131418;
|
|
--google-plus: #dd4b39;
|
|
--instagram: #e4405f;
|
|
--vk: #3b5998;
|
|
--wechat: #7bb32e;
|
|
--youtube: #cb2027;
|
|
--email: #f89a1e;
|
|
}
|
|
|
|
/* -------------------------------------
|
|
Typography
|
|
------------------------------------- */
|
|
html {
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
font-family: var(--ltn__body-font);
|
|
}
|
|
|
|
* {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
/* Firefox */
|
|
-webkit-font-smoothing: antialiased;
|
|
/* WebKit */
|
|
}
|
|
|
|
body {
|
|
color: var(--ltn__paragraph-color);
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-size: 16px;
|
|
font-family: var(--ltn__body-font);
|
|
line-height: 1.8;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
h1,
|
|
.h1 {
|
|
font-size: 36px;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
h2,
|
|
.h2 {
|
|
font-size: 30px;
|
|
}
|
|
|
|
h3,
|
|
.h3 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
h4,
|
|
.h4 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
h5,
|
|
.h5 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
h6,
|
|
.h6 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
.h1,
|
|
.h2,
|
|
.h3,
|
|
.h4,
|
|
.h5,
|
|
.h6 {
|
|
color: var(--ltn__heading-color);
|
|
clear: both;
|
|
font-family: var(--ltn__heading-font);
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
p {
|
|
color: var(--ltn__paragraph-color);
|
|
margin-bottom: 1.5em;
|
|
-webkit-hyphens: auto;
|
|
-moz-hyphens: auto;
|
|
-ms-hyphens: auto;
|
|
hyphens: auto;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
color: var(--ltn__paragraph-color);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
a,
|
|
a:hover,
|
|
a:focus,
|
|
a:active {
|
|
text-decoration: none;
|
|
outline: none;
|
|
color: inherit;
|
|
}
|
|
|
|
a:hover {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
font-family: var(--ltn__body-font);
|
|
}
|
|
|
|
pre,
|
|
code,
|
|
kbd,
|
|
tt,
|
|
var,
|
|
samp {
|
|
font-family: var(--ltn__body-font);
|
|
}
|
|
|
|
pre {
|
|
word-break: break-word;
|
|
}
|
|
|
|
a i {
|
|
padding: 0 2px;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
ul li,
|
|
ol li {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
/* -------------------------------------
|
|
Custom Class
|
|
------------------------------------- */
|
|
.section-bg-1 {
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
.section-bg-1 .ltn__separate-line .separate-icon {
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
|
|
.section-bg-2 {
|
|
background-color: var(--section-bg-2);
|
|
}
|
|
.section-bg-2 h1,
|
|
.section-bg-2 h2,
|
|
.section-bg-2 h3,
|
|
.section-bg-2 h4,
|
|
.section-bg-2 h5,
|
|
.section-bg-2 h6,
|
|
.section-bg-2 p,
|
|
.section-bg-2 li,
|
|
.section-bg-2 i,
|
|
.section-bg-2 span,
|
|
.section-bg-2 tr,
|
|
.section-bg-2 td {
|
|
color: var(--white);
|
|
}
|
|
.section-bg-2 .ltn__separate-line .separate-icon {
|
|
background-color: var(--black-2);
|
|
}
|
|
|
|
.section-bg-3 {
|
|
position: relative;
|
|
}
|
|
.section-bg-3:before {
|
|
position: absolute;
|
|
content: "";
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--gradient-color-1);
|
|
opacity: 0.9;
|
|
}
|
|
.section-bg-3 h1,
|
|
.section-bg-3 h2,
|
|
.section-bg-3 h3,
|
|
.section-bg-3 h4,
|
|
.section-bg-3 h5,
|
|
.section-bg-3 h6,
|
|
.section-bg-3 p,
|
|
.section-bg-3 li,
|
|
.section-bg-3 i,
|
|
.section-bg-3 span,
|
|
.section-bg-3 tr,
|
|
.section-bg-3 td {
|
|
color: var(--white);
|
|
}
|
|
.section-bg-3 .slick-arrow-1 .slick-arrow {
|
|
background-color: transparent;
|
|
}
|
|
.section-bg-3 input[type="text"],
|
|
.section-bg-3 input[type="email"],
|
|
.section-bg-3 input[type="password"],
|
|
.section-bg-3 input[type="submit"] {
|
|
border-color: var(--white);
|
|
color: var(--white);
|
|
}
|
|
.section-bg-3 .btn-wrapper button {
|
|
color: var(--white);
|
|
}
|
|
.section-bg-3 input::-webkit-input-placeholder {
|
|
color: var(--white);
|
|
}
|
|
.section-bg-3 input::-moz-placeholder {
|
|
color: var(--white);
|
|
}
|
|
.section-bg-3 input:-ms-input-placeholder {
|
|
color: var(--white);
|
|
}
|
|
.section-bg-3 input:-moz-placeholder {
|
|
color: var(--white);
|
|
}
|
|
.section-bg-3 .ltn__separate-line .separate-icon {
|
|
background: var(--gradient-color-1);
|
|
}
|
|
.section-bg-3 .ltn__separate-line .separate-icon i {
|
|
color: var(--white);
|
|
}
|
|
|
|
.section-bg-4 {
|
|
background-color: var(--ltn__primary-color-2);
|
|
}
|
|
.section-bg-4 h1,
|
|
.section-bg-4 h2,
|
|
.section-bg-4 h3,
|
|
.section-bg-4 h4,
|
|
.section-bg-4 h5,
|
|
.section-bg-4 h6,
|
|
.section-bg-4 p,
|
|
.section-bg-4 li,
|
|
.section-bg-4 i,
|
|
.section-bg-4 span,
|
|
.section-bg-4 tr,
|
|
.section-bg-4 td {
|
|
color: var(--white);
|
|
}
|
|
.section-bg-4 .ltn__separate-line .separate-icon {
|
|
background-color: var(--black-2);
|
|
}
|
|
.section-bg-4 .ltn__copyright-design h6,
|
|
.section-bg-4 .ltn__copyright-design h4 {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
|
|
.section-bg-5 {
|
|
background-color: var(--section-bg-5);
|
|
}
|
|
|
|
.section-bg-6 {
|
|
background-color: var(--section-bg-6);
|
|
}
|
|
|
|
.text-color-white {
|
|
color: var(--white);
|
|
}
|
|
.text-color-white h1,
|
|
.text-color-white h2,
|
|
.text-color-white h3,
|
|
.text-color-white h4,
|
|
.text-color-white h5,
|
|
.text-color-white h6,
|
|
.text-color-white p,
|
|
.text-color-white li,
|
|
.text-color-white i,
|
|
.text-color-white span,
|
|
.text-color-white tr,
|
|
.text-color-white td {
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__primary-color {
|
|
color: var(--ltn__primary-color) !important;
|
|
}
|
|
|
|
.ltn__primary-color-2 {
|
|
color: var(--ltn__primary-color-2) !important;
|
|
}
|
|
|
|
.ltn__primary-color-3 {
|
|
color: var(--ltn__primary-color-3) !important;
|
|
}
|
|
|
|
.ltn__secondary-color {
|
|
color: var(--ltn__secondary-color) !important;
|
|
}
|
|
|
|
.ltn__secondary-color-2 {
|
|
color: var(--ltn__secondary-color-2) !important;
|
|
}
|
|
|
|
.ltn__secondary-color-3 {
|
|
color: var(--ltn__secondary-color-3) !important;
|
|
}
|
|
|
|
.ltn__color-1 {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
|
|
.white-color {
|
|
color: var(--white);
|
|
}
|
|
|
|
.white-color-im {
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.ltn__primary-bg {
|
|
background-color: var(--ltn__primary-color);
|
|
}
|
|
|
|
.ltn__primary-bg-2 {
|
|
background-color: var(--ltn__primary-color-2);
|
|
}
|
|
|
|
.ltn__secondary-bg {
|
|
background-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__secondary-bg-2 {
|
|
background-color: var(--ltn__secondary-color-2);
|
|
}
|
|
|
|
.white-bg {
|
|
background-color: var(--white);
|
|
}
|
|
|
|
.gradient-color-1 {
|
|
background: var(--gradient-color-1);
|
|
}
|
|
|
|
.gradient-color-2 {
|
|
background: var(--gradient-color-2);
|
|
}
|
|
|
|
.gradient-color-3 {
|
|
background: var(--gradient-color-3);
|
|
}
|
|
|
|
.gradient-color-4 {
|
|
background: var(--gradient-color-4);
|
|
}
|
|
|
|
.before-bg-1 {
|
|
position: relative;
|
|
}
|
|
.before-bg-1:before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
height: 34.2%;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
|
|
.before-bg-bottom {
|
|
position: relative;
|
|
}
|
|
.before-bg-bottom:before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
height: 55%;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: var(--section-bg-2);
|
|
}
|
|
|
|
.before-bg-bottom-2 {
|
|
position: relative;
|
|
}
|
|
.before-bg-bottom-2:before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
height: 50%;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
|
|
.before-bg-right {
|
|
position: relative;
|
|
}
|
|
.before-bg-right:before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 25%;
|
|
height: 100%;
|
|
left: auto;
|
|
right: 0;
|
|
top: 0;
|
|
background-color: var(--ltn__primary-color);
|
|
}
|
|
|
|
.before-bg-left {
|
|
position: relative;
|
|
}
|
|
.before-bg-left:before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 25%;
|
|
height: 100%;
|
|
left: 0;
|
|
right: auto;
|
|
top: 0;
|
|
background-color: var(--ltn__primary-color);
|
|
}
|
|
|
|
.box-shadow {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-2);
|
|
box-shadow: var(--ltn__box-shadow-2);
|
|
}
|
|
|
|
.ltn__custom-icon {
|
|
position: relative;
|
|
}
|
|
.ltn__custom-icon::before {
|
|
content: "\f063";
|
|
font-family: "Font Awesome\ 5 Free";
|
|
font-weight: 900;
|
|
}
|
|
|
|
.ltn__border {
|
|
border: 1px solid var(--border-color-1);
|
|
}
|
|
|
|
.border-top {
|
|
border-top: 1px solid var(--border-color-1);
|
|
}
|
|
|
|
.ltn__border-top-2 {
|
|
border-top: 1px solid var(--black-2);
|
|
}
|
|
|
|
.border-bottom {
|
|
border-bottom: 1px solid var(--border-color-1);
|
|
}
|
|
|
|
.border-color-3 {
|
|
border-color: var(--border-color-3) !important;
|
|
}
|
|
|
|
mark {
|
|
background-color: var(--ltn__primary-color);
|
|
padding: 3px 15px;
|
|
color: var(--white);
|
|
border-radius: 25px;
|
|
}
|
|
|
|
hr {
|
|
margin-top: 50px;
|
|
margin-bottom: 50px;
|
|
border-top: 1px solid var(--border-color-12);
|
|
}
|
|
|
|
a.text-decoration,
|
|
.text-decoration a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
fieldset {
|
|
padding: 30px 40px;
|
|
border: 1px solid #eee;
|
|
}
|
|
|
|
fieldset legend {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
width: auto;
|
|
margin-top: -9px;
|
|
margin-bottom: 0;
|
|
padding: 0 15px;
|
|
text-transform: uppercase;
|
|
color: #333;
|
|
background-color: #fff;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.before-bg-right:before {
|
|
width: 0;
|
|
}
|
|
.before-bg-left:before {
|
|
width: 0;
|
|
}
|
|
}
|
|
|
|
.position-relative {
|
|
position: relative;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
input and button type focus outline disable
|
|
---------------------------------------------------- */
|
|
input[type="text"]:focus,
|
|
input[type="email"]:focus,
|
|
input[type="url"]:focus,
|
|
input[type="password"]:focus,
|
|
input[type="search"]:focus,
|
|
input[type="tel"]:focus,
|
|
input[type="number"]:focus,
|
|
textarea:focus,
|
|
input[type="button"]:focus,
|
|
input[type="reset"]:focus,
|
|
input[type="submit"]:focus,
|
|
select:focus {
|
|
outline: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
code {
|
|
color: #faa603;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Form input box
|
|
---------------------------------------------------- */
|
|
input[type="text"],
|
|
input[type="email"],
|
|
input[type="password"],
|
|
input[type="submit"],
|
|
textarea {
|
|
background-color: var(--white);
|
|
border: 2px solid;
|
|
border-color: var(--border-color-9);
|
|
height: 65px;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
padding-left: 20px;
|
|
font-size: 16px;
|
|
color: var(--ltn__paragraph-color);
|
|
width: 100%;
|
|
margin-bottom: 30px;
|
|
border-radius: 0;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
input[type="text"]::-webkit-input-placeholder,
|
|
input[type="email"]::-webkit-input-placeholder,
|
|
input[type="password"]::-webkit-input-placeholder,
|
|
input[type="submit"]::-webkit-input-placeholder,
|
|
textarea::-webkit-input-placeholder {
|
|
/* Chrome/Opera/Safari */
|
|
color: var(--ltn__paragraph-color);
|
|
font-size: 14px;
|
|
}
|
|
|
|
input[type="text"]:focus,
|
|
input[type="email"]:focus,
|
|
input[type="password"]:focus,
|
|
textarea:focus {
|
|
border-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
input[type="password"] {
|
|
letter-spacing: 3px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
padding: 15px 20px;
|
|
min-height: 150px;
|
|
}
|
|
|
|
button {
|
|
outline: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.form-input-box {
|
|
position: relative;
|
|
}
|
|
|
|
.form-input-box input[type="text"] {
|
|
width: 100%;
|
|
height: 50px;
|
|
padding: 0 70px 0 15px;
|
|
border-radius: 0 15px 0px 0px;
|
|
border: 1px solid var(--ltn__primary-color);
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.form-input-box button[type="submit"] {
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
padding: 0 18px;
|
|
height: 100%;
|
|
border: 1px solid var(--ltn__primary-color);
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
cursor: pointer;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
.form-input-box button[type="submit"]:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
/* input-item */
|
|
.input-item {
|
|
position: relative;
|
|
}
|
|
.input-item.ltn__custom-icon::before {
|
|
position: absolute;
|
|
top: 35%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 20px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.input-item-name.ltn__custom-icon::before {
|
|
content: "\f007";
|
|
}
|
|
|
|
.input-item-email.ltn__custom-icon::before {
|
|
content: "\f0e0";
|
|
}
|
|
|
|
.input-item-phone.ltn__custom-icon::before {
|
|
content: "\f095";
|
|
}
|
|
|
|
.input-item-subject.ltn__custom-icon::before {
|
|
content: "\f06e";
|
|
}
|
|
|
|
.input-item-website.ltn__custom-icon::before {
|
|
content: "\f0ac";
|
|
}
|
|
|
|
.input-item-date.ltn__custom-icon::before {
|
|
content: "\f073";
|
|
}
|
|
|
|
.input-item-textarea.ltn__custom-icon::before {
|
|
content: "\f303";
|
|
top: 30px;
|
|
}
|
|
|
|
.input-info-save {
|
|
font-size: 14px;
|
|
}
|
|
|
|
label.checkbox-inline {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Text meant only for screen readers.
|
|
---------------------------------------------------- */
|
|
.screen-reader-text {
|
|
border: 0;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
-webkit-clip-path: inset(50%);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute !important;
|
|
width: 1px;
|
|
word-wrap: normal !important;
|
|
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
|
}
|
|
|
|
.screen-reader-text:focus {
|
|
background-color: #f1f1f1;
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
|
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
|
clip: auto !important;
|
|
-webkit-clip-path: none;
|
|
clip-path: none;
|
|
color: #21759b;
|
|
display: block;
|
|
font-size: 14px;
|
|
font-size: 0.875rem;
|
|
font-weight: bold;
|
|
height: auto;
|
|
left: 5px;
|
|
line-height: normal;
|
|
padding: 15px 23px 14px;
|
|
text-decoration: none;
|
|
top: 5px;
|
|
width: auto;
|
|
z-index: 100000;
|
|
/* Above WP toolbar. */
|
|
}
|
|
|
|
/* Do not show the outline on the skip link target. */
|
|
#content[tabindex="-1"]:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
/* -------------------------------------
|
|
Transition
|
|
------------------------------------- */
|
|
/* ----------------------------------------------------
|
|
Alignments
|
|
---------------------------------------------------- */
|
|
.alignleft {
|
|
float: left;
|
|
clear: both;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.alignright {
|
|
float: right;
|
|
clear: both;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.aligncenter {
|
|
clear: both;
|
|
display: block;
|
|
margin: 0 auto 1.75em;
|
|
}
|
|
|
|
.alignfull {
|
|
margin: 1.5em 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.alignwide {
|
|
max-width: 1100px;
|
|
}
|
|
|
|
.fix {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Clearings
|
|
---------------------------------------------------- */
|
|
.clear:before,
|
|
.clear:after,
|
|
.entry-content:before,
|
|
.entry-content:after,
|
|
.comment-content:before,
|
|
.comment-content:after,
|
|
.site-header:before,
|
|
.site-header:after,
|
|
.site-content:before,
|
|
.site-content:after,
|
|
.site-footer:before,
|
|
.site-footer:after {
|
|
content: "";
|
|
display: table;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.clear:after,
|
|
.entry-content:after,
|
|
.comment-content:after,
|
|
.site-header:after,
|
|
.site-content:after,
|
|
.site-footer:after {
|
|
clear: both;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Posts and pages
|
|
---------------------------------------------------- */
|
|
.sticky {
|
|
display: block;
|
|
}
|
|
|
|
.updated:not(.published) {
|
|
display: none;
|
|
}
|
|
|
|
.blog-pagination ul li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.blog-pagination ul li + li {
|
|
margin: 0 5px;
|
|
}
|
|
|
|
.blog-pagination {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.blog-pagination ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.blog-pagination ul li a,
|
|
.blog-pagination ul li span {
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
border: 1px solid #e2e2e2;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
-webkit-transition: 0.3s ease-in;
|
|
-o-transition: 0.3s ease-in;
|
|
transition: 0.3s ease-in;
|
|
}
|
|
|
|
.blog-pagination ul li span.current,
|
|
.blog-pagination ul li a:hover {
|
|
background-color: var(--ltn__primary-color);
|
|
color: #fff;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Media
|
|
---------------------------------------------------- */
|
|
.page-content .wp-smiley,
|
|
.entry-content .wp-smiley,
|
|
.comment-content .wp-smiley {
|
|
border: none;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Make sure embeds and iframes fit their containers. */
|
|
embed,
|
|
iframe,
|
|
object {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Make sure logo link wraps around logo image. */
|
|
.custom-logo-link {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Captions
|
|
---------------------------------------------------- */
|
|
.wp-caption {
|
|
margin-bottom: 1.5em;
|
|
max-width: 100%;
|
|
clear: both;
|
|
}
|
|
|
|
.wp-caption img[class*="wp-image-"] {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.wp-caption .wp-caption-text {
|
|
margin: 0.8075em 0;
|
|
}
|
|
|
|
.wp-caption-text {
|
|
text-align: center;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Galleries
|
|
---------------------------------------------------- */
|
|
.gallery {
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.gallery-item {
|
|
display: inline-block;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
width: 100%;
|
|
}
|
|
|
|
.gallery-columns-2 .gallery-item {
|
|
max-width: 50%;
|
|
}
|
|
|
|
.gallery-columns-3 .gallery-item {
|
|
max-width: 33.33%;
|
|
}
|
|
|
|
.gallery-columns-4 .gallery-item {
|
|
max-width: 25%;
|
|
}
|
|
|
|
.gallery-columns-5 .gallery-item {
|
|
max-width: 20%;
|
|
}
|
|
|
|
.gallery-columns-6 .gallery-item {
|
|
max-width: 16.66%;
|
|
}
|
|
|
|
.gallery-columns-7 .gallery-item {
|
|
max-width: 14.28%;
|
|
}
|
|
|
|
.gallery-columns-8 .gallery-item {
|
|
max-width: 12.5%;
|
|
}
|
|
|
|
.gallery-columns-9 .gallery-item {
|
|
max-width: 11.11%;
|
|
}
|
|
|
|
.gallery-caption {
|
|
display: block;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Unit test
|
|
---------------------------------------------------- */
|
|
.wp-link-pages a {
|
|
margin: 0 5px;
|
|
-webkit-transition: 0.3s ease-in;
|
|
-o-transition: 0.3s ease-in;
|
|
transition: 0.3s ease-in;
|
|
}
|
|
|
|
.wp-link-pages {
|
|
margin-bottom: 30px;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.wp-link-pages span,
|
|
.wp-link-pages a {
|
|
border: 1px solid #e2e2e2;
|
|
padding: 5px 15px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.wp-link-pages .current,
|
|
.wp-link-pages a:hover {
|
|
background-color: var(--ltn__primary-color);
|
|
color: #fff;
|
|
border-color: var(--ltn__primary-color);
|
|
}
|
|
|
|
.wp-link-pages span:first-child {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
dl,
|
|
ol,
|
|
ul {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.post-password-form input {
|
|
display: block;
|
|
border: 1px solid #e2e2e2;
|
|
height: 50px;
|
|
border-radius: 3px;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.post-password-form label {
|
|
font-weight: 600;
|
|
color: #333;
|
|
}
|
|
|
|
.post-password-form input[type="submit"] {
|
|
width: 100px;
|
|
height: 50px;
|
|
background-color: var(--ltn__primary-color);
|
|
color: #fff;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
letter-spacing: 1px;
|
|
border: none;
|
|
cursor: pointer;
|
|
-webkit-transition: 0.3s ease-in;
|
|
-o-transition: 0.3s ease-in;
|
|
transition: 0.3s ease-in;
|
|
}
|
|
|
|
.post-password-form input[type="submit"]:hover {
|
|
background-color: #121a2f;
|
|
}
|
|
|
|
.footer-widget .table td,
|
|
.footer-widget .table th {
|
|
padding: 0.5rem !important;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
ScrollUp
|
|
---------------------------------------------------- */
|
|
#scrollUp {
|
|
background-color: var(--section-bg-1);
|
|
color: var(--ltn__heading-color);
|
|
bottom: 70px;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
height: 40px;
|
|
width: 40px;
|
|
right: 3%;
|
|
text-align: center;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
}
|
|
#scrollUp i {
|
|
line-height: 40px;
|
|
-webkit-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
#scrollUp:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Owl Carousel
|
|
---------------------------------------------------- */
|
|
.owl-dots {
|
|
display: block;
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.owl-dots .owl-dot {
|
|
display: inline-block;
|
|
background-color: var(--ltn__secondary-color);
|
|
height: 10px;
|
|
width: 10px;
|
|
margin-right: 30px;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.owl-dots .owl-dot:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.owl-dots .owl-dot:hover,
|
|
.owl-dots .owl-dot.active {
|
|
background-color: var(--ltn__primary-color);
|
|
}
|
|
|
|
/* owl-arrow-1 */
|
|
.owl-arrow-1 .owl-nav > div {
|
|
position: absolute;
|
|
left: -60px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: auto;
|
|
}
|
|
|
|
.owl-arrow-1 .owl-nav > div.owl-next {
|
|
left: auto;
|
|
right: -60px;
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.owl-arrow-1 .owl-nav > div {
|
|
right: auto;
|
|
left: 0px;
|
|
}
|
|
.owl-arrow-1 .owl-nav > div.owl-next {
|
|
right: 0px;
|
|
left: auto;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Slick Slider Dots, Arrow
|
|
---------------------------------------------------- */
|
|
/* Slick dots */
|
|
.slick-dots {
|
|
margin: 0 0 30px;
|
|
padding: 0;
|
|
display: block;
|
|
text-align: center;
|
|
line-height: 1;
|
|
}
|
|
.slick-dots li {
|
|
display: inline-block;
|
|
list-style: none;
|
|
display: inline-block;
|
|
font-size: 0;
|
|
height: 10px;
|
|
width: 10px;
|
|
border-radius: 100%;
|
|
margin-right: 20px;
|
|
background-color: var(--silver);
|
|
cursor: pointer;
|
|
margin-top: 0;
|
|
}
|
|
.slick-dots li button {
|
|
display: none;
|
|
}
|
|
.slick-dots li:hover,
|
|
.slick-dots li.slick-active {
|
|
background-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* slick-arrow */
|
|
.slick-arrow {
|
|
cursor: pointer;
|
|
z-index: 9;
|
|
}
|
|
|
|
/* slick-arrow-1 */
|
|
.slick-arrow-1 .slick-arrow {
|
|
background-color: var(--white);
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 30%;
|
|
left: 15px;
|
|
right: auto;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
width: 50px;
|
|
height: 50px;
|
|
line-height: 48px;
|
|
display: block;
|
|
border: 1px solid var(--white-4);
|
|
border-radius: 100%;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
color: var(--ltn__primary-color) !important;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.slick-arrow-1 .slick-arrow:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--ltn__secondary-color);
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.slick-arrow-1 .slick-next {
|
|
right: 15px;
|
|
left: auto;
|
|
}
|
|
|
|
.slick-arrow-1:hover .slick-arrow {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.slick-arrow-1-inner.slick-arrow-1:hover .slick-arrow {
|
|
left: 50px;
|
|
right: auto;
|
|
}
|
|
|
|
.slick-arrow-1-inner.slick-arrow-1:hover .slick-next {
|
|
right: 50px;
|
|
left: auto;
|
|
}
|
|
|
|
@media (min-width: 1350px) {
|
|
.slick-arrow-1:hover .slick-arrow {
|
|
left: -60px;
|
|
right: auto;
|
|
}
|
|
.slick-arrow-1:hover .slick-next {
|
|
right: -60px;
|
|
left: auto;
|
|
}
|
|
}
|
|
|
|
/* slick-arrow-2 */
|
|
.slick-arrow-2 .slick-arrow {
|
|
color: var(--ltn__primary-color) !important;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
bottom: -30px;
|
|
height: 30px;
|
|
width: 30px;
|
|
line-height: 28px;
|
|
display: block;
|
|
left: 15px;
|
|
border: 1px solid var(--border-color-1);
|
|
text-align: center;
|
|
}
|
|
.slick-arrow-2 .slick-arrow:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--ltn__secondary-color);
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.slick-arrow-2 .slick-next {
|
|
left: 60px;
|
|
}
|
|
|
|
/* slick-arrow-3 */
|
|
.slick-arrow-3 .slick-arrow {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: -120px;
|
|
height: 60px;
|
|
width: 60px;
|
|
line-height: 58px;
|
|
display: block;
|
|
left: auto;
|
|
right: 100px;
|
|
border: 2px solid;
|
|
text-align: center;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-2);
|
|
box-shadow: var(--ltn__box-shadow-2);
|
|
}
|
|
.slick-arrow-3 .slick-arrow:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--border-color-4);
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.slick-arrow-3 .slick-next {
|
|
right: 15px;
|
|
background-color: var(--white);
|
|
border-color: var(--white);
|
|
color: var(--ltn__primary-color) !important;
|
|
}
|
|
|
|
.slick-arrow-3 .slick-prev {
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--border-color-4);
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
/* slick-arrow-4 */
|
|
.slick-arrow-4 {
|
|
margin: 0;
|
|
}
|
|
.slick-arrow-4 .slick-arrow {
|
|
position: absolute;
|
|
bottom: -50px;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
height: 50px;
|
|
width: 50px;
|
|
line-height: 50px;
|
|
margin: 0 auto;
|
|
border: 1px solid;
|
|
border-radius: 100%;
|
|
}
|
|
.slick-arrow-4 .slick-arrow:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--border-color-4);
|
|
color: var(--white) !important;
|
|
}
|
|
.slick-arrow-4 .slick-next {
|
|
right: -60px;
|
|
}
|
|
.slick-arrow-4 .slick-prev {
|
|
left: -60px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.slick-dots {
|
|
margin: 0 0 15px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Background Overlay
|
|
---------------------------------------------------- */
|
|
.bg-overlay-black-10,
|
|
.bg-overlay-black-20,
|
|
.bg-overlay-black-30,
|
|
.bg-overlay-black-40,
|
|
.bg-overlay-black-50,
|
|
.bg-overlay-black-60,
|
|
.bg-overlay-black-70,
|
|
.bg-overlay-black-80,
|
|
.bg-overlay-black-90,
|
|
.bg-overlay-white-10,
|
|
.bg-overlay-white-20,
|
|
.bg-overlay-white-30,
|
|
.bg-overlay-white-40,
|
|
.bg-overlay-white-50,
|
|
.bg-overlay-white-60,
|
|
.bg-overlay-white-70,
|
|
.bg-overlay-white-80,
|
|
.bg-overlay-white-90 {
|
|
z-index: 8;
|
|
position: relative;
|
|
}
|
|
|
|
.bg-overlay-black-10:before,
|
|
.bg-overlay-black-20:before,
|
|
.bg-overlay-black-30:before,
|
|
.bg-overlay-black-40:before,
|
|
.bg-overlay-black-50:before,
|
|
.bg-overlay-black-60:before,
|
|
.bg-overlay-black-70:before,
|
|
.bg-overlay-black-80:before,
|
|
.bg-overlay-black-90:before,
|
|
.bg-overlay-white-10:before,
|
|
.bg-overlay-white-20:before,
|
|
.bg-overlay-white-30:before,
|
|
.bg-overlay-white-40:before,
|
|
.bg-overlay-white-50:before,
|
|
.bg-overlay-white-60:before,
|
|
.bg-overlay-white-70:before,
|
|
.bg-overlay-white-80:before,
|
|
.bg-overlay-white-90:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
z-index: -1;
|
|
}
|
|
|
|
.bg-overlay-black-10:before {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.bg-overlay-black-20:before {
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.bg-overlay-black-30:before {
|
|
background: rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.bg-overlay-black-40:before {
|
|
background: rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
.bg-overlay-black-50:before {
|
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.bg-overlay-black-60:before {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
.bg-overlay-black-70:before {
|
|
background: rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
.bg-overlay-black-80:before {
|
|
background: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.bg-overlay-black-90:before {
|
|
background: rgba(0, 0, 0, 0.9);
|
|
}
|
|
|
|
.bg-overlay-white-10:before {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.bg-overlay-white-20:before {
|
|
background: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.bg-overlay-white-30:before {
|
|
background: rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
.bg-overlay-white-40:before {
|
|
background: rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.bg-overlay-white-50:before {
|
|
background: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.bg-overlay-white-60:before {
|
|
background: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.bg-overlay-white-70:before {
|
|
background: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.bg-overlay-white-80:before {
|
|
background: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.bg-overlay-white-90:before {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.bg-overlay-theme-10,
|
|
.bg-overlay-theme-20,
|
|
.bg-overlay-theme-30,
|
|
.bg-overlay-theme-40,
|
|
.bg-overlay-theme-50,
|
|
.bg-overlay-theme-60,
|
|
.bg-overlay-theme-70,
|
|
.bg-overlay-theme-80,
|
|
.bg-overlay-theme-90 {
|
|
z-index: 9;
|
|
position: relative;
|
|
}
|
|
|
|
.bg-overlay-theme-10:before,
|
|
.bg-overlay-theme-20:before,
|
|
.bg-overlay-theme-30:before,
|
|
.bg-overlay-theme-40:before,
|
|
.bg-overlay-theme-50:before,
|
|
.bg-overlay-theme-60:before,
|
|
.bg-overlay-theme-70:before,
|
|
.bg-overlay-theme-80:before,
|
|
.bg-overlay-theme-90:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
z-index: -1;
|
|
background-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.bg-overlay-theme-10:before {
|
|
opacity: 0.1;
|
|
}
|
|
|
|
.bg-overlay-theme-20:before {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.bg-overlay-theme-30:before {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.bg-overlay-theme-40:before {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.bg-overlay-theme-50:before {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.bg-overlay-theme-60:before {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.bg-overlay-theme-70:before {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.bg-overlay-theme-80:before {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.bg-overlay-theme-90:before {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.bg-overlay-theme-black-10,
|
|
.bg-overlay-theme-black-20,
|
|
.bg-overlay-theme-black-30,
|
|
.bg-overlay-theme-black-40,
|
|
.bg-overlay-theme-black-50,
|
|
.bg-overlay-theme-black-60,
|
|
.bg-overlay-theme-black-70,
|
|
.bg-overlay-theme-black-80,
|
|
.bg-overlay-theme-black-90 {
|
|
z-index: 9;
|
|
position: relative;
|
|
}
|
|
|
|
.bg-overlay-theme-black-10:before,
|
|
.bg-overlay-theme-black-20:before,
|
|
.bg-overlay-theme-black-30:before,
|
|
.bg-overlay-theme-black-40:before,
|
|
.bg-overlay-theme-black-50:before,
|
|
.bg-overlay-theme-black-60:before,
|
|
.bg-overlay-theme-black-70:before,
|
|
.bg-overlay-theme-black-80:before,
|
|
.bg-overlay-theme-black-90:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
z-index: -1;
|
|
background-color: var(--ltn__primary-color);
|
|
}
|
|
|
|
.bg-overlay-theme-black-10:before {
|
|
opacity: 0.1;
|
|
}
|
|
|
|
.bg-overlay-theme-black-20:before {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.bg-overlay-theme-black-30:before {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.bg-overlay-theme-black-40:before {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.bg-overlay-theme-black-50:before {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.bg-overlay-theme-black-60:before {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.bg-overlay-theme-black-70:before {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.bg-overlay-theme-black-80:before {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.bg-overlay-theme-black-90:before {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
/* ----------------------------------------------
|
|
Scrollbar
|
|
---------------------------------------------- */
|
|
.ltn__scrollbar {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.ltn__scrollbar::-webkit-scrollbar {
|
|
width: 2px;
|
|
background-color: #f5f5f5;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
.ltn__scrollbar::-webkit-scrollbar-thumb {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
.mean-nav {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.mean-nav::-webkit-scrollbar {
|
|
width: 3px;
|
|
background-color: var(--ltn__primary-color);
|
|
border-radius: 30px;
|
|
}
|
|
|
|
.mean-nav::-webkit-scrollbar-thumb {
|
|
background-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Padding Top
|
|
---------------------------------------------------- */
|
|
.pt-0 {
|
|
padding-top: 0px !important;
|
|
}
|
|
|
|
.pt-10 {
|
|
padding-top: 10px !important;
|
|
}
|
|
|
|
.pt-15 {
|
|
padding-top: 15px !important;
|
|
}
|
|
|
|
.pt-20 {
|
|
padding-top: 20px !important;
|
|
}
|
|
|
|
.pt-25 {
|
|
padding-top: 25px;
|
|
}
|
|
|
|
.pt-30 {
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.pt-35 {
|
|
padding-top: 35px;
|
|
}
|
|
|
|
.pt-40 {
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.pt-45 {
|
|
padding-top: 45px;
|
|
}
|
|
|
|
.pt-50 {
|
|
padding-top: 50px;
|
|
}
|
|
|
|
.pt-55 {
|
|
padding-top: 55px;
|
|
}
|
|
|
|
.pt-60 {
|
|
padding-top: 60px;
|
|
}
|
|
|
|
.pt-65 {
|
|
padding-top: 65px;
|
|
}
|
|
|
|
.pt-70 {
|
|
padding-top: 70px;
|
|
}
|
|
|
|
.pt-75 {
|
|
padding-top: 75px;
|
|
}
|
|
|
|
.pt-80 {
|
|
padding-top: 80px;
|
|
}
|
|
|
|
.pt-85 {
|
|
padding-top: 85px;
|
|
}
|
|
|
|
.pt-90 {
|
|
padding-top: 90px;
|
|
}
|
|
|
|
.pt-95 {
|
|
padding-top: 95px;
|
|
}
|
|
|
|
.pt-97 {
|
|
padding-top: 97px;
|
|
}
|
|
|
|
.pt-100 {
|
|
padding-top: 100px;
|
|
}
|
|
|
|
.pt-105 {
|
|
padding-top: 105px;
|
|
}
|
|
|
|
.pt-110 {
|
|
padding-top: 110px;
|
|
}
|
|
|
|
.pt-112 {
|
|
padding-top: 112px;
|
|
}
|
|
|
|
.pt-115 {
|
|
padding-top: 115px;
|
|
}
|
|
|
|
.pt-118 {
|
|
padding-top: 118px;
|
|
}
|
|
|
|
.pt-120 {
|
|
padding-top: 120px;
|
|
}
|
|
|
|
.pt-122 {
|
|
padding-top: 122px;
|
|
}
|
|
|
|
.pt-125 {
|
|
padding-top: 125px;
|
|
}
|
|
|
|
.pt-130 {
|
|
padding-top: 130px;
|
|
}
|
|
|
|
.pt-135 {
|
|
padding-top: 135px;
|
|
}
|
|
|
|
.pt-140 {
|
|
padding-top: 140px;
|
|
}
|
|
|
|
.pt-145 {
|
|
padding-top: 145px;
|
|
}
|
|
|
|
.pt-150 {
|
|
padding-top: 150px;
|
|
}
|
|
|
|
.pt-155 {
|
|
padding-top: 155px;
|
|
}
|
|
|
|
.pt-160 {
|
|
padding-top: 160px;
|
|
}
|
|
|
|
.pt-170 {
|
|
padding-top: 170px;
|
|
}
|
|
|
|
.pt-180 {
|
|
padding-top: 180px;
|
|
}
|
|
|
|
.pt-190 {
|
|
padding-top: 190px;
|
|
}
|
|
|
|
.pt-200 {
|
|
padding-top: 200px;
|
|
}
|
|
|
|
.pt-210 {
|
|
padding-top: 210px;
|
|
}
|
|
|
|
.pt-220 {
|
|
padding-top: 220px;
|
|
}
|
|
|
|
.pt-230 {
|
|
padding-top: 230px;
|
|
}
|
|
|
|
.pt-250 {
|
|
padding-top: 250px;
|
|
}
|
|
|
|
.pt-280 {
|
|
padding-top: 280px;
|
|
}
|
|
|
|
.pt-290 {
|
|
padding-top: 290px;
|
|
}
|
|
|
|
.pt-300 {
|
|
padding-top: 300px;
|
|
}
|
|
|
|
.pt-310 {
|
|
padding-top: 310px;
|
|
}
|
|
|
|
.pt-320 {
|
|
padding-top: 320px;
|
|
}
|
|
|
|
.pt-350 {
|
|
padding-top: 350px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Padding Bottom
|
|
---------------------------------------------------- */
|
|
.pb-0 {
|
|
padding-bottom: 0px !important;
|
|
}
|
|
|
|
.pb-10 {
|
|
padding-bottom: 10px !important;
|
|
}
|
|
|
|
.pb-15 {
|
|
padding-bottom: 15px !important;
|
|
}
|
|
|
|
.pb-20 {
|
|
padding-bottom: 20px !important;
|
|
}
|
|
|
|
.pb-25 {
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
.pb-30 {
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.pb-35 {
|
|
padding-bottom: 35px;
|
|
}
|
|
|
|
.pb-40 {
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
.pb-45 {
|
|
padding-bottom: 45px;
|
|
}
|
|
|
|
.pb-50 {
|
|
padding-bottom: 50px;
|
|
}
|
|
|
|
.pb-55 {
|
|
padding-bottom: 55px;
|
|
}
|
|
|
|
.pb-60 {
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
.pb-65 {
|
|
padding-bottom: 65px;
|
|
}
|
|
|
|
.pb-70 {
|
|
padding-bottom: 70px;
|
|
}
|
|
|
|
.pb-75 {
|
|
padding-bottom: 75px;
|
|
}
|
|
|
|
.pb-80 {
|
|
padding-bottom: 80px;
|
|
}
|
|
|
|
.pb-85 {
|
|
padding-bottom: 85px;
|
|
}
|
|
|
|
.pb-90 {
|
|
padding-bottom: 90px;
|
|
}
|
|
|
|
.pb-95 {
|
|
padding-bottom: 95px;
|
|
}
|
|
|
|
.pb-97 {
|
|
padding-bottom: 97px;
|
|
}
|
|
|
|
.pb-100 {
|
|
padding-bottom: 100px;
|
|
}
|
|
|
|
.pb-105 {
|
|
padding-bottom: 105px;
|
|
}
|
|
|
|
.pb-107 {
|
|
padding-bottom: 107px;
|
|
}
|
|
|
|
.pb-110 {
|
|
padding-bottom: 110px;
|
|
}
|
|
|
|
.pb-112 {
|
|
padding-bottom: 112px;
|
|
}
|
|
|
|
.pb-115 {
|
|
padding-bottom: 115px;
|
|
}
|
|
|
|
.pb-118 {
|
|
padding-bottom: 118px;
|
|
}
|
|
|
|
.pb-120 {
|
|
padding-bottom: 120px;
|
|
}
|
|
|
|
.pb-122 {
|
|
padding-bottom: 122px;
|
|
}
|
|
|
|
.pb-125 {
|
|
padding-bottom: 125px;
|
|
}
|
|
|
|
.pb-130 {
|
|
padding-bottom: 130px;
|
|
}
|
|
|
|
.pb-140 {
|
|
padding-bottom: 140px;
|
|
}
|
|
|
|
.pb-145 {
|
|
padding-bottom: 145px;
|
|
}
|
|
|
|
.pb-150 {
|
|
padding-bottom: 150px;
|
|
}
|
|
|
|
.pb-155 {
|
|
padding-bottom: 155px;
|
|
}
|
|
|
|
.pb-160 {
|
|
padding-bottom: 160px;
|
|
}
|
|
|
|
.pb-170 {
|
|
padding-bottom: 170px;
|
|
}
|
|
|
|
.pb-180 {
|
|
padding-bottom: 180px;
|
|
}
|
|
|
|
.pb-190 {
|
|
padding-bottom: 190px;
|
|
}
|
|
|
|
.pb-200 {
|
|
padding-bottom: 200px;
|
|
}
|
|
|
|
.pb-210 {
|
|
padding-bottom: 210px;
|
|
}
|
|
|
|
.pb-220 {
|
|
padding-bottom: 220px;
|
|
}
|
|
|
|
.pb-250 {
|
|
padding-bottom: 250px;
|
|
}
|
|
|
|
.pb-280 {
|
|
padding-bottom: 280px;
|
|
}
|
|
|
|
.pb-290 {
|
|
padding-bottom: 290px;
|
|
}
|
|
|
|
.pb-300 {
|
|
padding-bottom: 300px;
|
|
}
|
|
|
|
.pb-310 {
|
|
padding-bottom: 310px;
|
|
}
|
|
|
|
.pb-320 {
|
|
padding-bottom: 320px;
|
|
}
|
|
|
|
.pb-350 {
|
|
padding-bottom: 350px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Margin Top
|
|
---------------------------------------------------- */
|
|
.mt-0 {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.mt-10 {
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
.mt-12 {
|
|
margin-top: 12px !important;
|
|
}
|
|
|
|
.mt-15 {
|
|
margin-top: 15px !important;
|
|
}
|
|
|
|
.mt-20 {
|
|
margin-top: 20px !important;
|
|
}
|
|
|
|
.mt-25 {
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.mt-30 {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.mt-35 {
|
|
margin-top: 35px;
|
|
}
|
|
|
|
.mt-37 {
|
|
margin-top: 37px;
|
|
}
|
|
|
|
.mt-40 {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.mt-45 {
|
|
margin-top: 45px;
|
|
}
|
|
|
|
.mt-50 {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.mt-55 {
|
|
margin-top: 55px;
|
|
}
|
|
|
|
.mt-60 {
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.mt-65 {
|
|
margin-top: 65px;
|
|
}
|
|
|
|
.mt-70 {
|
|
margin-top: 70px;
|
|
}
|
|
|
|
.mt-80 {
|
|
margin-top: 80px;
|
|
}
|
|
|
|
.mt-90 {
|
|
margin-top: 90px;
|
|
}
|
|
|
|
.mt-95 {
|
|
margin-top: 95px;
|
|
}
|
|
|
|
.mt-100 {
|
|
margin-top: 100px;
|
|
}
|
|
|
|
.mt-105 {
|
|
margin-top: 105px;
|
|
}
|
|
|
|
.mt-110 {
|
|
margin-top: 110px;
|
|
}
|
|
|
|
.mt-115 {
|
|
margin-top: 115px;
|
|
}
|
|
|
|
.mt-118 {
|
|
margin-top: 118px;
|
|
}
|
|
|
|
.mt-120 {
|
|
margin-top: 120px;
|
|
}
|
|
|
|
.mt-122 {
|
|
margin-top: 122px;
|
|
}
|
|
|
|
.mt-125 {
|
|
margin-top: 125px;
|
|
}
|
|
|
|
.mt-130 {
|
|
margin-top: 130px;
|
|
}
|
|
|
|
.mt-140 {
|
|
margin-top: 140px;
|
|
}
|
|
|
|
.mt-150 {
|
|
margin-top: 150px;
|
|
}
|
|
|
|
.mt-160 {
|
|
margin-top: 160px;
|
|
}
|
|
|
|
.mt-170 {
|
|
margin-top: 170px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Margin Bottom
|
|
---------------------------------------------------- */
|
|
.mb-0 {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
.mb-10 {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.mb-12 {
|
|
margin-bottom: 12px !important;
|
|
}
|
|
|
|
.mb-15 {
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
.mb-20 {
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
.mb-25 {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.mb-30 {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mb-35 {
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.mb-40 {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.mb-45 {
|
|
margin-bottom: 45px;
|
|
}
|
|
|
|
.mb-50 {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.mb-55 {
|
|
margin-bottom: 55px;
|
|
}
|
|
|
|
.mb-60 {
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.mb-65 {
|
|
margin-bottom: 65px;
|
|
}
|
|
|
|
.mb-70 {
|
|
margin-bottom: 70px;
|
|
}
|
|
|
|
.mb-80 {
|
|
margin-bottom: 80px;
|
|
}
|
|
|
|
.mb-90 {
|
|
margin-bottom: 90px;
|
|
}
|
|
|
|
.mb-95 {
|
|
margin-bottom: 95px;
|
|
}
|
|
|
|
.mb-100 {
|
|
margin-bottom: 100px;
|
|
}
|
|
|
|
.mb-105 {
|
|
margin-bottom: 105px;
|
|
}
|
|
|
|
.mb-110 {
|
|
margin-bottom: 110px;
|
|
}
|
|
|
|
.mb-115 {
|
|
margin-bottom: 115px;
|
|
}
|
|
|
|
.mb-118 {
|
|
margin-bottom: 118px;
|
|
}
|
|
|
|
.mb-120 {
|
|
margin-bottom: 120px;
|
|
}
|
|
|
|
.mb-122 {
|
|
margin-bottom: 122px;
|
|
}
|
|
|
|
.mb-125 {
|
|
margin-bottom: 125px;
|
|
}
|
|
|
|
.mb-130 {
|
|
margin-bottom: 130px;
|
|
}
|
|
|
|
.mb-140 {
|
|
margin-bottom: 140px;
|
|
}
|
|
|
|
.mb-150 {
|
|
margin-bottom: 150px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Custom margin Padding
|
|
---------------------------------------------------- */
|
|
.mr-30 {
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.ml-30 {
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.pl-70 {
|
|
padding-left: 70px;
|
|
}
|
|
|
|
.pr-70 {
|
|
padding-right: 70px;
|
|
}
|
|
|
|
/* Padding left right */
|
|
.plr--2 {
|
|
padding-left: 2%;
|
|
padding-right: 2%;
|
|
}
|
|
|
|
.plr--3 {
|
|
padding-left: 3%;
|
|
padding-right: 3%;
|
|
}
|
|
|
|
.plr--4 {
|
|
padding-left: 4%;
|
|
padding-right: 4%;
|
|
}
|
|
|
|
.plr--5 {
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
}
|
|
|
|
.plr--6 {
|
|
padding-left: 6%;
|
|
padding-right: 6%;
|
|
}
|
|
|
|
.plr--7 {
|
|
padding-left: 7%;
|
|
padding-right: 7%;
|
|
}
|
|
|
|
.plr--8 {
|
|
padding-left: 8%;
|
|
padding-right: 8%;
|
|
}
|
|
|
|
.plr--9 {
|
|
/* used */
|
|
padding-left: 9%;
|
|
padding-right: 9%;
|
|
}
|
|
|
|
.plr--10 {
|
|
padding-left: 10%;
|
|
padding-right: 10%;
|
|
}
|
|
|
|
.plr--11 {
|
|
padding-left: 11%;
|
|
padding-right: 11%;
|
|
}
|
|
|
|
.plr--12 {
|
|
padding-left: 12%;
|
|
padding-right: 12%;
|
|
}
|
|
|
|
@media (max-width: 1599px) {
|
|
.plr--2,
|
|
.plr--3,
|
|
.plr--4,
|
|
.plr--5,
|
|
.plr--6,
|
|
.plr--7,
|
|
.plr--8,
|
|
.plr--9,
|
|
.plr--10,
|
|
.plr--11,
|
|
.plr--12 {
|
|
padding-left: 2%;
|
|
padding-right: 2%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1399px) {
|
|
.plr--2,
|
|
.plr--3,
|
|
.plr--4,
|
|
.plr--5,
|
|
.plr--6,
|
|
.plr--7,
|
|
.plr--8,
|
|
.plr--9,
|
|
.plr--10,
|
|
.plr--11,
|
|
.plr--12 {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
/* Margin Top Minus */
|
|
.mt--30 {
|
|
margin-top: -30px !important;
|
|
}
|
|
.mt--65 {
|
|
margin-top: -65px;
|
|
}
|
|
.mt--80 {
|
|
margin-top: -100px;
|
|
}
|
|
.mt--90 {
|
|
margin-top: -100px;
|
|
}
|
|
.mt--100 {
|
|
margin-top: -100px;
|
|
}
|
|
.mt--110 {
|
|
margin-top: -100px;
|
|
}
|
|
.mt--120 {
|
|
margin-top: -100px;
|
|
}
|
|
.mt--150 {
|
|
margin-top: -100px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.mb-sm-20 {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
/* Margin Bottom Minus */
|
|
.mb--30 {
|
|
margin-bottom: -30px;
|
|
}
|
|
|
|
.mb--80 {
|
|
margin-bottom: -100px;
|
|
}
|
|
|
|
.mb--90 {
|
|
margin-bottom: -100px;
|
|
}
|
|
|
|
.mb--100 {
|
|
margin-bottom: -100px;
|
|
}
|
|
|
|
.mb--110 {
|
|
margin-bottom: -100px;
|
|
}
|
|
|
|
.mb--120 {
|
|
margin-bottom: -100px;
|
|
}
|
|
|
|
.mb--150 {
|
|
margin-bottom: -100px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Custom Height
|
|
---------------------------------------------------- */
|
|
.ltn__height-100 {
|
|
height: 100px;
|
|
}
|
|
|
|
.ltn__height-200 {
|
|
height: 200px;
|
|
}
|
|
|
|
.ltn__height-250 {
|
|
height: 250px;
|
|
}
|
|
|
|
.ltn__height-300 {
|
|
height: 300px;
|
|
}
|
|
|
|
.ltn__height-350 {
|
|
height: 350px;
|
|
}
|
|
|
|
.ltn__height-400 {
|
|
height: 400px;
|
|
}
|
|
|
|
.ltn__height-450 {
|
|
height: 450px;
|
|
}
|
|
|
|
.ltn__height-500 {
|
|
height: 500px;
|
|
}
|
|
|
|
.ltn__height-550 {
|
|
height: 550px;
|
|
}
|
|
|
|
.ltn__height-600 {
|
|
height: 600px;
|
|
}
|
|
|
|
.ltn__height-650 {
|
|
height: 650px;
|
|
}
|
|
|
|
.ltn__height-700 {
|
|
height: 700px;
|
|
}
|
|
|
|
/* --------------------------------------------------------------
|
|
# Gutenberg Default Style
|
|
-------------------------------------------------------------- */
|
|
.single-post-details-item .entry-content > .alignwide {
|
|
max-width: 1100px;
|
|
}
|
|
|
|
.single-post-details-item .entry-content > .alignfull {
|
|
margin: 1.5em 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.wp-block-video video {
|
|
max-width: 636px;
|
|
}
|
|
|
|
.wp-block-image img {
|
|
display: block;
|
|
}
|
|
|
|
.wp-block-image.alignleft,
|
|
.wp-block-image.alignright {
|
|
width: 100%;
|
|
}
|
|
|
|
.wp-block-image.alignfull img {
|
|
width: 100vw;
|
|
}
|
|
|
|
.wp-block-gallery:not(.components-placeholder) {
|
|
margin: 1.5em auto;
|
|
}
|
|
|
|
.wp-block-cover-text p {
|
|
padding: 1.5em 14px;
|
|
}
|
|
|
|
ul.wp-block-latest-posts.alignwide,
|
|
ul.wp-block-latest-posts.alignfull,
|
|
ul.wp-block-latest-posts.is-grid.alignwide,
|
|
ul.wp-block-latest-posts.is-grid.alignwide {
|
|
padding: 0 14px;
|
|
}
|
|
|
|
.wp-block-table {
|
|
display: block;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.wp-block-table table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
.wp-block-table td,
|
|
.wp-block-table th {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.wp-block-embed.type-video > .wp-block-embed__wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 0;
|
|
padding-top: 56.25%;
|
|
}
|
|
|
|
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.wp-block-quote.is-large {
|
|
margin: 0 auto 16px;
|
|
}
|
|
|
|
.wp-block-pullquote > p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.wp-block-separator {
|
|
margin: 3em auto;
|
|
padding: 0;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.wp-block-cover-text p {
|
|
padding: 1.5em 0;
|
|
}
|
|
}
|
|
|
|
.wp-block-video video {
|
|
max-width: 636px;
|
|
}
|
|
|
|
.wp-block-image img {
|
|
display: block;
|
|
}
|
|
|
|
.wp-block-image.alignleft,
|
|
.wp-block-image.alignright {
|
|
width: 100%;
|
|
}
|
|
|
|
.wp-block-image.alignfull img {
|
|
width: 100vw;
|
|
}
|
|
|
|
.wp-block-gallery:not(.components-placeholder) {
|
|
margin: 1.5em auto;
|
|
}
|
|
|
|
.wp-block-cover-text p {
|
|
padding: 1.5em 14px;
|
|
}
|
|
|
|
ul.wp-block-latest-posts.alignwide,
|
|
ul.wp-block-latest-posts.alignfull,
|
|
ul.wp-block-latest-posts.is-grid.alignwide,
|
|
ul.wp-block-latest-posts.is-grid.alignwide {
|
|
padding: 0 14px;
|
|
}
|
|
|
|
.wp-block-table {
|
|
display: block;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.wp-block-table table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
.wp-block-table td,
|
|
.wp-block-table th {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.wp-block-embed.type-video > .wp-block-embed__wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 0;
|
|
padding-top: 56.25%;
|
|
}
|
|
|
|
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.wp-block-quote.is-large {
|
|
margin: 0 auto 16px;
|
|
}
|
|
|
|
.wp-block-pullquote > p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.wp-block-quote:not(.is-large):not(.is-style-large) {
|
|
border-left: 4px solid #000;
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.wp-block-separator {
|
|
margin: 3em auto;
|
|
padding: 0;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.wp-block-cover-text p {
|
|
padding: 1.5em 0;
|
|
}
|
|
}
|
|
|
|
.wp-block-pullquote {
|
|
border-top: 4px solid #555d66;
|
|
border-bottom: 4px solid #555d66;
|
|
color: #40464d;
|
|
}
|
|
|
|
/* --------------------------------------------------------------
|
|
## Block Color Palette Colors
|
|
-------------------------------------------------------------- */
|
|
.has-strong-blue-color {
|
|
color: #0073aa;
|
|
}
|
|
|
|
.has-strong-blue-background-color {
|
|
background-color: #0073aa;
|
|
}
|
|
|
|
.has-lighter-blue-color {
|
|
color: #229fd8;
|
|
}
|
|
|
|
.has-lighter-blue-background-color {
|
|
background-color: #229fd8;
|
|
}
|
|
|
|
.has-very-light-gray-color {
|
|
color: #eee;
|
|
}
|
|
|
|
.has-very-light-gray-background-color {
|
|
background-color: #eee;
|
|
}
|
|
|
|
.has-very-dark-gray-color {
|
|
color: #444;
|
|
}
|
|
|
|
.has-very-dark-gray-background-color {
|
|
background-color: #444;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Animation Custom Class
|
|
---------------------------------------------------- */
|
|
.ltn__effect-img {
|
|
position: absolute;
|
|
}
|
|
|
|
.ltn__effect-img-top-left {
|
|
top: 6%;
|
|
left: 5%;
|
|
}
|
|
|
|
.ltn__effect-img-top-right {
|
|
top: 5%;
|
|
right: 5%;
|
|
}
|
|
|
|
.ltn__effect-img-center-left {
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
left: 3%;
|
|
}
|
|
|
|
.ltn__effect-img-center-center {
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%) translateX(-50%);
|
|
-ms-transform: translateY(-50%) translateX(-50%);
|
|
transform: translateY(-50%) translateX(-50%);
|
|
left: 50%;
|
|
}
|
|
|
|
.ltn__effect-img-center-right {
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 3%;
|
|
}
|
|
|
|
.ltn__effect-img-bottom-left {
|
|
bottom: 5%;
|
|
left: 0;
|
|
}
|
|
|
|
.ltn__effect-img-bottom-right {
|
|
bottom: 5%;
|
|
right: 5%;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Animation CSS
|
|
---------------------------------------------------- */
|
|
.ltn__parallax-effect-wrap,
|
|
.layer {
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.ltn__parallax-effect-wrap {
|
|
min-height: 600px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layer {
|
|
position: absolute;
|
|
}
|
|
|
|
.layer div {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
-moz-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
-webkit-transform-style: preserve-3d;
|
|
-moz-transform-style: preserve-3d;
|
|
transform-style: preserve-3d;
|
|
-webkit-backface-visibility: hidden;
|
|
-moz-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
.background {
|
|
background: url(../img/effect/1.png) no-repeat 50% 100%;
|
|
bottom: 96px;
|
|
background-size: cover;
|
|
position: absolute;
|
|
width: 110%;
|
|
left: -5%;
|
|
top: -5%;
|
|
}
|
|
|
|
.lighthouse {
|
|
-webkit-transform-origin: 50% 90%;
|
|
-moz-transform-origin: 50% 90%;
|
|
-ms-transform-origin: 50% 90%;
|
|
transform-origin: 50% 90%;
|
|
-webkit-animation: lighthouse 4s 0.1s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
-moz-animation: lighthouse 4s 0.1s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
animation: lighthouse 4s 0.1s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
margin: 0px -64px;
|
|
background-size: 128px 224px;
|
|
height: 224px;
|
|
width: 128px;
|
|
background-image: url(../img/effect/2.png);
|
|
background-repeat: no-repeat;
|
|
bottom: 64px;
|
|
position: absolute;
|
|
right: 20%;
|
|
}
|
|
|
|
.wave.plain {
|
|
background-image: url(../img/effect/3.png);
|
|
}
|
|
|
|
.wave.paint {
|
|
background-image: url(../img/effect/4.png);
|
|
}
|
|
|
|
.light {
|
|
margin: -120px -120px;
|
|
background-size: 240px 240px;
|
|
height: 240px;
|
|
width: 240px;
|
|
background-repeat: no-repeat;
|
|
bottom: 112px;
|
|
position: absolute;
|
|
left: 50%;
|
|
}
|
|
|
|
.light.orange {
|
|
background-image: url(../img/effect/5.png);
|
|
}
|
|
|
|
.light.purple {
|
|
background-image: url(../img/effect/6.png);
|
|
}
|
|
|
|
.light.a {
|
|
bottom: 80px;
|
|
left: 20%;
|
|
}
|
|
|
|
.light.b {
|
|
bottom: 80px;
|
|
left: 30%;
|
|
}
|
|
|
|
.light.c {
|
|
bottom: 112px;
|
|
left: 45%;
|
|
}
|
|
|
|
.light.d {
|
|
bottom: 96px;
|
|
left: 60%;
|
|
}
|
|
|
|
.light.e {
|
|
bottom: 112px;
|
|
left: 75%;
|
|
}
|
|
|
|
.light.f {
|
|
bottom: 64px;
|
|
left: 80%;
|
|
}
|
|
|
|
.light.phase-1 {
|
|
-webkit-animation: phase 20s 0.1s infinite linear;
|
|
-moz-animation: phase 20s 0.1s infinite linear;
|
|
animation: phase 20s 0.1s infinite linear;
|
|
}
|
|
|
|
.light.phase-2 {
|
|
-webkit-animation: phase 18s 0.1s infinite linear;
|
|
-moz-animation: phase 18s 0.1s infinite linear;
|
|
animation: phase 18s 0.1s infinite linear;
|
|
}
|
|
|
|
.light.phase-3 {
|
|
-webkit-animation: phase 16s 0.1s infinite linear;
|
|
-moz-animation: phase 16s 0.1s infinite linear;
|
|
animation: phase 16s 0.1s infinite linear;
|
|
}
|
|
|
|
.light.phase-4 {
|
|
-webkit-animation: phase 14s 0.1s infinite linear;
|
|
-moz-animation: phase 14s 0.1s infinite linear;
|
|
animation: phase 14s 0.1s infinite linear;
|
|
}
|
|
|
|
.light.phase-5 {
|
|
-webkit-animation: phase 12s 0.1s infinite linear;
|
|
-moz-animation: phase 12s 0.1s infinite linear;
|
|
animation: phase 12s 0.1s infinite linear;
|
|
}
|
|
|
|
.light.phase-6 {
|
|
-webkit-animation: phase 10s 0.1s infinite linear;
|
|
-moz-animation: phase 10s 0.1s infinite linear;
|
|
animation: phase 10s 0.1s infinite linear;
|
|
}
|
|
|
|
.hanger {
|
|
-webkit-transform-origin: 0% 0%;
|
|
-moz-transform-origin: 0% 0%;
|
|
-ms-transform-origin: 0% 0%;
|
|
transform-origin: 0% 0%;
|
|
position: absolute;
|
|
}
|
|
|
|
.hanger.position-1 {
|
|
top: 28%;
|
|
}
|
|
|
|
.hanger.position-2 {
|
|
top: 46%;
|
|
}
|
|
|
|
.hanger.position-3 {
|
|
top: 59%;
|
|
}
|
|
|
|
.hanger.position-4 {
|
|
top: 66.5%;
|
|
}
|
|
|
|
.hanger.position-5 {
|
|
top: 69.5%;
|
|
}
|
|
|
|
.hanger.position-6 {
|
|
top: 66.5%;
|
|
}
|
|
|
|
.hanger.position-7 {
|
|
top: 59%;
|
|
}
|
|
|
|
.hanger.position-8 {
|
|
top: 46%;
|
|
}
|
|
|
|
.hanger.position-9 {
|
|
top: 28%;
|
|
}
|
|
|
|
.hanger.position-1 {
|
|
left: 10%;
|
|
}
|
|
|
|
.hanger.position-2 {
|
|
left: 20%;
|
|
}
|
|
|
|
.hanger.position-3 {
|
|
left: 30%;
|
|
}
|
|
|
|
.hanger.position-4 {
|
|
left: 40%;
|
|
}
|
|
|
|
.hanger.position-5 {
|
|
left: 50%;
|
|
}
|
|
|
|
.hanger.position-6 {
|
|
left: 60%;
|
|
}
|
|
|
|
.hanger.position-7 {
|
|
left: 70%;
|
|
}
|
|
|
|
.hanger.position-8 {
|
|
left: 80%;
|
|
}
|
|
|
|
.hanger.position-9 {
|
|
left: 90%;
|
|
}
|
|
|
|
.board {
|
|
-webkit-transform-origin: 50% 0%;
|
|
-moz-transform-origin: 50% 0%;
|
|
-ms-transform-origin: 50% 0%;
|
|
transform-origin: 50% 0%;
|
|
margin: 0px -140px;
|
|
background-size: 280px 280px;
|
|
height: 280px;
|
|
width: 280px;
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
top: -4px;
|
|
left: 0;
|
|
}
|
|
|
|
.board.birds {
|
|
background-image: url(../img/effect/5.png);
|
|
}
|
|
|
|
.board.cloud-1 {
|
|
background-image: url(../img/effect/1.png);
|
|
}
|
|
|
|
.board.cloud-2 {
|
|
background-image: url(../img/effect/2.png);
|
|
}
|
|
|
|
.board.cloud-3 {
|
|
background-image: url(../img/effect/3.png);
|
|
}
|
|
|
|
.board.cloud-4 {
|
|
background-image: url(../img/effect/4.png);
|
|
}
|
|
|
|
.swing-1 {
|
|
-webkit-animation: swing 4s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
-moz-animation: swing 4s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
animation: swing 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
}
|
|
|
|
.swing-2 {
|
|
-webkit-animation: swing 3.5s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
-moz-animation: swing 3.5s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
animation: swing 3.5s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
}
|
|
|
|
.swing-3 {
|
|
-webkit-animation: swing 3s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
-moz-animation: swing 3s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
animation: swing 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
}
|
|
|
|
.swing-4 {
|
|
-webkit-animation: swing 2.5s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
-moz-animation: swing 2.5s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
animation: swing 2.5s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
}
|
|
|
|
.swing-5 {
|
|
-webkit-animation: swing 2s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
-moz-animation: swing 2s infinite alternate
|
|
cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
animation: swing 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
}
|
|
|
|
/* --------------- */
|
|
.wave {
|
|
background: transparent repeat-x;
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0;
|
|
margin: 0px 0px;
|
|
background-position: center bottom;
|
|
background-size: auto 101%;
|
|
height: 30%;
|
|
-webkit-animation: wave 5.33333s 0.1s infinite linear;
|
|
-moz-animation: wave 5.33333s 0.1s infinite linear;
|
|
animation: wave 5.33333s 0.1s infinite linear;
|
|
}
|
|
|
|
.ltn__animation-wave-3s {
|
|
-webkit-animation: wave 3s 0.1s infinite linear;
|
|
-moz-animation: wave 3s 0.1s infinite linear;
|
|
animation: wave 3s 0.1s infinite linear;
|
|
}
|
|
|
|
.ltn__animation-wave-4s {
|
|
-webkit-animation: wave 4s 0.1s infinite linear;
|
|
-moz-animation: wave 4s 0.1s infinite linear;
|
|
animation: wave 4s 0.1s infinite linear;
|
|
}
|
|
|
|
.ltn__animation-wave-5s {
|
|
-webkit-animation: wave 5.33333s 0.1s infinite linear;
|
|
-moz-animation: wave 5.33333s 0.1s infinite linear;
|
|
animation: wave 5.33333s 0.1s infinite linear;
|
|
}
|
|
|
|
.ltn__animation-wave-6s {
|
|
-webkit-animation: wave 6.22222s 0.1s infinite linear;
|
|
-moz-animation: wave 6.22222s 0.1s infinite linear;
|
|
animation: wave 6.22222s 0.1s infinite linear;
|
|
}
|
|
|
|
.ltn__animation-wave-7s {
|
|
-webkit-animation: wave 7.11111s 0.1s infinite linear;
|
|
-moz-animation: wave 7.11111s 0.1s infinite linear;
|
|
animation: wave 7.11111s 0.1s infinite linear;
|
|
}
|
|
|
|
.ltn__animation-wave-8s {
|
|
-webkit-animation: wave 8s 0.1s infinite linear;
|
|
-moz-animation: wave 8s 0.1s infinite linear;
|
|
animation: wave 8s 0.1s infinite linear;
|
|
}
|
|
|
|
.cross,
|
|
.x,
|
|
.y {
|
|
-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
-o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
}
|
|
|
|
@-webkit-keyframes phase {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
25% {
|
|
opacity: 0.4;
|
|
}
|
|
50% {
|
|
opacity: 0.8;
|
|
}
|
|
75% {
|
|
opacity: 0.4;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes phase {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
25% {
|
|
opacity: 0.4;
|
|
}
|
|
50% {
|
|
opacity: 0.8;
|
|
}
|
|
75% {
|
|
opacity: 0.4;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-ms-keyframes phase {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
25% {
|
|
opacity: 0.4;
|
|
}
|
|
50% {
|
|
opacity: 0.8;
|
|
}
|
|
75% {
|
|
opacity: 0.4;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes phase {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
25% {
|
|
opacity: 0.4;
|
|
}
|
|
50% {
|
|
opacity: 0.8;
|
|
}
|
|
75% {
|
|
opacity: 0.4;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes tilt {
|
|
0% {
|
|
-webkit-transform: rotateX(-30deg);
|
|
-moz-transform: rotateX(-30deg);
|
|
transform: rotateX(-30deg);
|
|
}
|
|
25% {
|
|
-webkit-transform: rotateX(30deg);
|
|
-moz-transform: rotateX(30deg);
|
|
transform: rotateX(30deg);
|
|
}
|
|
50% {
|
|
-webkit-transform: rotateY(-30deg);
|
|
-moz-transform: rotateY(-30deg);
|
|
transform: rotateY(-30deg);
|
|
}
|
|
75% {
|
|
-webkit-transform: rotateY(30deg);
|
|
-moz-transform: rotateY(30deg);
|
|
transform: rotateY(30deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(20deg);
|
|
-moz-transform: rotateZ(20deg);
|
|
transform: rotateZ(20deg);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes tilt {
|
|
0% {
|
|
-webkit-transform: rotateX(-30deg);
|
|
-moz-transform: rotateX(-30deg);
|
|
transform: rotateX(-30deg);
|
|
}
|
|
25% {
|
|
-webkit-transform: rotateX(30deg);
|
|
-moz-transform: rotateX(30deg);
|
|
transform: rotateX(30deg);
|
|
}
|
|
50% {
|
|
-webkit-transform: rotateY(-30deg);
|
|
-moz-transform: rotateY(-30deg);
|
|
transform: rotateY(-30deg);
|
|
}
|
|
75% {
|
|
-webkit-transform: rotateY(30deg);
|
|
-moz-transform: rotateY(30deg);
|
|
transform: rotateY(30deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(20deg);
|
|
-moz-transform: rotateZ(20deg);
|
|
transform: rotateZ(20deg);
|
|
}
|
|
}
|
|
|
|
@-ms-keyframes tilt {
|
|
0% {
|
|
-webkit-transform: rotateX(-30deg);
|
|
-moz-transform: rotateX(-30deg);
|
|
transform: rotateX(-30deg);
|
|
}
|
|
25% {
|
|
-webkit-transform: rotateX(30deg);
|
|
-moz-transform: rotateX(30deg);
|
|
transform: rotateX(30deg);
|
|
}
|
|
50% {
|
|
-webkit-transform: rotateY(-30deg);
|
|
-moz-transform: rotateY(-30deg);
|
|
transform: rotateY(-30deg);
|
|
}
|
|
75% {
|
|
-webkit-transform: rotateY(30deg);
|
|
-moz-transform: rotateY(30deg);
|
|
transform: rotateY(30deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(20deg);
|
|
-moz-transform: rotateZ(20deg);
|
|
-ms-transform: rotate(20deg);
|
|
transform: rotateZ(20deg);
|
|
}
|
|
}
|
|
|
|
@keyframes tilt {
|
|
0% {
|
|
-webkit-transform: rotateX(-30deg);
|
|
-moz-transform: rotateX(-30deg);
|
|
transform: rotateX(-30deg);
|
|
}
|
|
25% {
|
|
-webkit-transform: rotateX(30deg);
|
|
-moz-transform: rotateX(30deg);
|
|
transform: rotateX(30deg);
|
|
}
|
|
50% {
|
|
-webkit-transform: rotateY(-30deg);
|
|
-moz-transform: rotateY(-30deg);
|
|
transform: rotateY(-30deg);
|
|
}
|
|
75% {
|
|
-webkit-transform: rotateY(30deg);
|
|
-moz-transform: rotateY(30deg);
|
|
transform: rotateY(30deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(20deg);
|
|
-moz-transform: rotateZ(20deg);
|
|
transform: rotateZ(20deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes wave {
|
|
0% {
|
|
-webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
-moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
-moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes wave {
|
|
0% {
|
|
-webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
-moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
-moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
}
|
|
}
|
|
|
|
@-ms-keyframes wave {
|
|
0% {
|
|
-webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
-moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
-moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes wave {
|
|
0% {
|
|
-webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
-moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
-moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes lighthouse {
|
|
0% {
|
|
-webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
-moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
-moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes lighthouse {
|
|
0% {
|
|
-webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
-moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
-moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
}
|
|
}
|
|
|
|
@-ms-keyframes lighthouse {
|
|
0% {
|
|
-webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
-moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
-moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
}
|
|
}
|
|
|
|
@keyframes lighthouse {
|
|
0% {
|
|
-webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
-moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
transform: translate3d(15%, 0, 0) rotateZ(10deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
-moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes swing {
|
|
0% {
|
|
-webkit-transform: rotateZ(10deg);
|
|
-moz-transform: rotateZ(10deg);
|
|
transform: rotateZ(10deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(-10deg);
|
|
-moz-transform: rotateZ(-10deg);
|
|
transform: rotateZ(-10deg);
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes swing {
|
|
0% {
|
|
-webkit-transform: rotateZ(10deg);
|
|
-moz-transform: rotateZ(10deg);
|
|
transform: rotateZ(10deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(-10deg);
|
|
-moz-transform: rotateZ(-10deg);
|
|
transform: rotateZ(-10deg);
|
|
}
|
|
}
|
|
|
|
@-ms-keyframes swing {
|
|
0% {
|
|
-webkit-transform: rotateZ(10deg);
|
|
-moz-transform: rotateZ(10deg);
|
|
-ms-transform: rotate(10deg);
|
|
transform: rotateZ(10deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(-10deg);
|
|
-moz-transform: rotateZ(-10deg);
|
|
-ms-transform: rotate(-10deg);
|
|
transform: rotateZ(-10deg);
|
|
}
|
|
}
|
|
|
|
@keyframes swing {
|
|
0% {
|
|
-webkit-transform: rotateZ(10deg);
|
|
-moz-transform: rotateZ(10deg);
|
|
transform: rotateZ(10deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateZ(-10deg);
|
|
-moz-transform: rotateZ(-10deg);
|
|
transform: rotateZ(-10deg);
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
End Animation
|
|
---------------------------------------------------- */
|
|
/* ----------------------------------------------------
|
|
Breadcurmb Area
|
|
---------------------------------------------------- */
|
|
.ltn__breadcrumb-area {
|
|
background-color: var(--section-bg-1);
|
|
|
|
padding-top: 80px;
|
|
padding-bottom: 80px;
|
|
}
|
|
|
|
.ltn__breadcrumb-list ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.ltn__breadcrumb-list ul li {
|
|
display: inline-block;
|
|
margin-right: 30px;
|
|
position: relative;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.ltn__breadcrumb-list ul li:last-child {
|
|
margin-right: 0;
|
|
color: var(--ltn__primary-color);
|
|
}
|
|
|
|
.ltn__breadcrumb-list ul li:after {
|
|
position: absolute;
|
|
content: "\f054";
|
|
font-family: "Font Awesome\ 5 Free";
|
|
font-weight: 900;
|
|
font-size: 10px;
|
|
right: -20px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.ltn__breadcrumb-list ul li:last-child:after {
|
|
display: none;
|
|
}
|
|
|
|
/* breadcrumb-area-2 */
|
|
.ltn__breadcrumb-area-2 {
|
|
padding-top: 210px;
|
|
padding-bottom: 130px;
|
|
}
|
|
|
|
.ltn__breadcrumb-inner-2 {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.ltn__breadcrumb-inner-2 .section-title-area {
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn__breadcrumb-inner-2 .ltn__section-title-2 .section-title {
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn__breadcrumb-inner-2 .ltn__breadcrumb-list {
|
|
margin-left: 100px;
|
|
}
|
|
.ltn__breadcrumb-inner-2 .ltn__breadcrumb-list ul li:after {
|
|
position: absolute;
|
|
content: "";
|
|
right: -20px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
height: 10px;
|
|
width: 2px;
|
|
background-color: var(--ltn__color-1);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.ltn__breadcrumb-color-white .ltn__breadcrumb-list li {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
.ltn__breadcrumb-color-white .ltn__breadcrumb-list li:last-child {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* breadcrumb-area-3 */
|
|
.ltn__breadcrumb-area-3 {
|
|
padding-top: 350px;
|
|
padding-bottom: 130px;
|
|
}
|
|
|
|
/* breadcrumb-area-4 */
|
|
.ltn__breadcrumb-inner-4 .section-title-area {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ltn__breadcrumb-inner-4 .ltn__breadcrumb-list ul li:last-child {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Responsive
|
|
---------------------------------------------------- */
|
|
@media (max-width: 767px) {
|
|
.ltn__breadcrumb-area-2 {
|
|
padding-top: 240px;
|
|
padding-bottom: 80px;
|
|
}
|
|
.ltn__breadcrumb-inner-2 {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-flow: column;
|
|
flex-flow: column;
|
|
text-align: center;
|
|
}
|
|
.ltn__breadcrumb-inner-2 .ltn__breadcrumb-list {
|
|
margin-left: 0;
|
|
}
|
|
.ltn__breadcrumb-list ul li {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
END
|
|
---------------------------------------------------- */
|
|
/* ============================================================
|
|
>>> TABLE OF CONTENTS:
|
|
===============================================================
|
|
# Widgets
|
|
# Search Widget
|
|
# Newsletter Widget
|
|
# Tag Cloud Widget
|
|
# Color Widget
|
|
# Menu Widget
|
|
# Popular Post Widget
|
|
# Banner Widget
|
|
# Top Rated Product Widget
|
|
# Price Filter Widget
|
|
# Instagram Widget
|
|
# Video Widget
|
|
# Author Widget
|
|
# Widget Responsive
|
|
|
|
============================================================= */
|
|
/* --------------------------------------------------------------
|
|
Widgets
|
|
-------------------------------------------------------------- */
|
|
.widget {
|
|
margin-bottom: 40px;
|
|
padding: 35px 30px 40px 35px;
|
|
border: 2px solid var(--border-color-11);
|
|
}
|
|
.widget:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ltn__widget-title {
|
|
font-size: 20px;
|
|
margin-bottom: 35px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.ltn__widget-title-border {
|
|
position: relative;
|
|
padding-left: 45px;
|
|
}
|
|
.ltn__widget-title-border::after,
|
|
.ltn__widget-title-border::before {
|
|
position: absolute;
|
|
content: "";
|
|
background-color: var(--ltn__secondary-color);
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
left: 0;
|
|
}
|
|
.ltn__widget-title-border::before {
|
|
width: 18px;
|
|
height: 4px;
|
|
border-radius: 25px;
|
|
}
|
|
.ltn__widget-title-border::after {
|
|
width: 4px;
|
|
height: 4px;
|
|
left: 22px;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
/* widget-2 */
|
|
.widget-2 {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Search Widget
|
|
---------------------------------------------------- */
|
|
.ltn__search-widget form {
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__search-widget input[type="text"] {
|
|
margin-bottom: 0;
|
|
padding-right: 65px;
|
|
padding-left: 20px;
|
|
height: 60px;
|
|
background-color: var(--section-bg-1);
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ltn__search-widget input[type="text"]::-webkit-input-placeholder {
|
|
color: var(--ltn__primary-color);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ltn__search-widget button {
|
|
position: absolute;
|
|
right: 0;
|
|
height: 100%;
|
|
padding: 0 20px;
|
|
color: var(--white);
|
|
border: 1px solid;
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--ltn__secondary-color);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
.ltn__search-widget button:hover {
|
|
color: var(--white);
|
|
background-color: var(--ltn__primary-color);
|
|
border-color: var(--ltn__primary-color);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Newsletter Widget
|
|
---------------------------------------------------- */
|
|
.ltn__newsletter-widget {
|
|
background-color: var(--ltn__primary-color);
|
|
padding: 50px 35px;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.ltn__newsletter-widget h6 {
|
|
color: var(--ltn__secondary-color);
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__newsletter-widget h4 {
|
|
color: var(--white);
|
|
font-size: 40px;
|
|
}
|
|
.ltn__newsletter-widget input[type="text"] {
|
|
background-color: #133236;
|
|
color: var(--white);
|
|
border-color: #133236;
|
|
height: 70px;
|
|
padding-left: 25px;
|
|
padding-right: 70px;
|
|
}
|
|
.ltn__newsletter-widget input[type="text"]::-webkit-input-placeholder {
|
|
color: var(--white);
|
|
}
|
|
.ltn__newsletter-widget input[type="text"]:-ms-input-placeholder {
|
|
color: var(--white);
|
|
}
|
|
.ltn__newsletter-widget input[type="text"]::-ms-input-placeholder {
|
|
color: var(--white);
|
|
}
|
|
.ltn__newsletter-widget input[type="text"]::placeholder {
|
|
color: var(--white);
|
|
}
|
|
.ltn__newsletter-widget button {
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
padding: 0 25px;
|
|
}
|
|
.ltn__newsletter-widget button:hover {
|
|
background-color: var(--ltn__secondary-color-2);
|
|
border-color: var(--ltn__secondary-color-2);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__newsletter-bg-icon {
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 15%;
|
|
font-size: 120px;
|
|
color: var(--ltn__color-1);
|
|
opacity: 0.1;
|
|
z-index: -1;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Tag Cloud Widget
|
|
---------------------------------------------------- */
|
|
.ltn__tagcloud-widget ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ltn__tagcloud-widget ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin: 5px 3px;
|
|
}
|
|
.ltn__tagcloud-widget ul li a {
|
|
display: block;
|
|
padding: 8px 24px 6px;
|
|
font-size: 13px;
|
|
text-transform: uppercase;
|
|
background-color: var(--section-bg-1);
|
|
font-weight: 700;
|
|
font-family: var(--ltn__heading-font);
|
|
}
|
|
.ltn__tagcloud-widget ul li a:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Color Widget
|
|
---------------------------------------------------- */
|
|
.ltn__color-widget ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__color-widget ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin-top: 3px;
|
|
margin-right: 5px;
|
|
background-color: var(--section-bg-1);
|
|
border: 1px solid var(--border-color-1);
|
|
}
|
|
.ltn__color-widget ul li a {
|
|
width: 40px;
|
|
height: 22px;
|
|
display: block;
|
|
}
|
|
.ltn__color-widget ul li:hover {
|
|
outline: 2px solid var(--ltn__secondary-color);
|
|
outline-offset: 1px;
|
|
}
|
|
.ltn__color-widget ul .black {
|
|
background-color: var(--black);
|
|
}
|
|
.ltn__color-widget ul .white {
|
|
background-color: var(--white);
|
|
}
|
|
.ltn__color-widget ul .red {
|
|
background-color: var(--red);
|
|
}
|
|
.ltn__color-widget ul .silver {
|
|
background-color: var(--silver);
|
|
}
|
|
.ltn__color-widget ul .gray {
|
|
background-color: var(--gray);
|
|
}
|
|
.ltn__color-widget ul .maroon {
|
|
background-color: var(--maroon);
|
|
}
|
|
.ltn__color-widget ul .yellow {
|
|
background-color: var(--yellow);
|
|
}
|
|
.ltn__color-widget ul .olive {
|
|
background-color: var(--olive);
|
|
}
|
|
.ltn__color-widget ul .lime {
|
|
background-color: var(--lime);
|
|
}
|
|
.ltn__color-widget ul .green {
|
|
background-color: var(--green);
|
|
}
|
|
.ltn__color-widget ul .aqua {
|
|
background-color: var(--aqua);
|
|
}
|
|
.ltn__color-widget ul .teal {
|
|
background-color: var(--teal);
|
|
}
|
|
.ltn__color-widget ul .blue {
|
|
background-color: var(--blue);
|
|
}
|
|
.ltn__color-widget ul .navy {
|
|
background-color: var(--navy);
|
|
}
|
|
.ltn__color-widget ul .fuchsia {
|
|
background-color: var(--fuchsia);
|
|
}
|
|
.ltn__color-widget ul .purple {
|
|
background-color: var(--purple);
|
|
}
|
|
.ltn__color-widget ul .pink {
|
|
background-color: var(--pink);
|
|
}
|
|
.ltn__color-widget ul .nude {
|
|
background-color: var(--nude);
|
|
}
|
|
.ltn__color-widget ul .orange {
|
|
background-color: var(--orange);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Menu Widget
|
|
---------------------------------------------------- */
|
|
.ltn__menu-widget > ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__menu-widget > ul li {
|
|
list-style: none;
|
|
margin-top: 10px;
|
|
}
|
|
.ltn__menu-widget > ul li a {
|
|
display: block;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
}
|
|
.ltn__menu-widget > ul li a span {
|
|
float: right;
|
|
color: var(--ltn__color-1);
|
|
}
|
|
|
|
/* menu-widget-2 */
|
|
.ltn__menu-widget-2 {
|
|
background-color: transparent;
|
|
}
|
|
.ltn__menu-widget-2 ul li a {
|
|
background-color: var(--section-bg-1);
|
|
padding: 20px 10px 20px 30px;
|
|
}
|
|
.ltn__menu-widget-2 ul li a span {
|
|
background-color: var(--white);
|
|
color: var(--ltn__primary-color);
|
|
position: relative;
|
|
top: -11px;
|
|
width: 50px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
text-align: center;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__menu-widget-2 ul li.active a,
|
|
.ltn__menu-widget-2 ul li:hover > a {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
.ltn__menu-widget-2 ul li.active a span,
|
|
.ltn__menu-widget-2 ul li:hover > a span {
|
|
background-color: var(--ltn__secondary-color-2);
|
|
color: var(--white);
|
|
}
|
|
.ltn__menu-widget-2 ul li.active a span:hover,
|
|
.ltn__menu-widget-2 ul li:hover > a span:hover {
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
}
|
|
.ltn__menu-widget-2 > ul > li:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li a {
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
}
|
|
.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li a span {
|
|
background-color: var(--ltn__primary-color-2);
|
|
color: var(--white);
|
|
}
|
|
.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a,
|
|
.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover > a {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a span,
|
|
.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover > a span {
|
|
background-color: var(--ltn__secondary-color-2);
|
|
color: var(--white);
|
|
}
|
|
.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a span:hover,
|
|
.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover > a span:hover {
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Popular Post Widget
|
|
---------------------------------------------------- */
|
|
.ltn__popular-post-widget ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__popular-post-widget ul li {
|
|
list-style: none;
|
|
}
|
|
|
|
.ltn__popular-post-widget > ul > li {
|
|
margin-bottom: 30px;
|
|
border-bottom: 1px solid var(--border-color-1);
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.ltn__popular-post-widget > ul > li:last-child {
|
|
margin-bottom: 0;
|
|
border-bottom: 0;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.popular-post-widget-img {
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
.popular-post-widget-img img {
|
|
max-width: 80px;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.popular-post-widget-brief {
|
|
overflow: hidden;
|
|
}
|
|
.popular-post-widget-brief h6 {
|
|
margin-bottom: 5px;
|
|
}
|
|
.popular-post-widget-brief .ltn__blog-meta {
|
|
margin-bottom: 0;
|
|
}
|
|
.popular-post-widget-brief .ltn__blog-meta li {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__twitter-post-widget .popular-post-widget-img {
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
.ltn__twitter-post-widget .popular-post-widget-img img {
|
|
max-width: 60px;
|
|
border-radius: 100%;
|
|
}
|
|
.ltn__twitter-post-widget .popular-post-widget-img a {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__twitter-post-widget .popular-post-widget-brief p {
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__twitter-post-widget .popular-post-widget-brief p a {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Banner Widget
|
|
---------------------------------------------------- */
|
|
.ltn__banner-widget {
|
|
padding: 0 !important;
|
|
border: 0;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Top Rated Product Widget
|
|
---------------------------------------------------- */
|
|
.ltn__top-rated-product-widget ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__top-rated-product-widget ul li {
|
|
list-style: none;
|
|
}
|
|
|
|
.ltn__top-rated-product-widget > ul > li {
|
|
margin-bottom: 25px;
|
|
padding-bottom: 25px;
|
|
border-bottom: 1px solid;
|
|
border-color: var(--white-4);
|
|
}
|
|
|
|
.ltn__top-rated-product-widget > ul > li:last-child {
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.top-rated-product-img {
|
|
max-width: 90px;
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.top-rated-product-info {
|
|
overflow: hidden;
|
|
}
|
|
.top-rated-product-info h6 {
|
|
margin-bottom: 0;
|
|
}
|
|
.top-rated-product-info .product-ratting {
|
|
margin-bottom: 0;
|
|
}
|
|
.top-rated-product-info .product-ratting li {
|
|
font-size: 12px;
|
|
}
|
|
.top-rated-product-info .product-price {
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
color: var(--ltn__secondary-color);
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Price Filter Widget
|
|
---------------------------------------------------- */
|
|
.price_filter {
|
|
padding-bottom: 13px;
|
|
}
|
|
|
|
.price_slider_amount {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.price_slider_amount > input[type="text"],
|
|
.price_slider_amount > input[type="submit"] {
|
|
background: transparent none repeat scroll 0 0;
|
|
border: medium none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
float: left;
|
|
height: 25px;
|
|
padding: 0;
|
|
text-align: left;
|
|
width: 140px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.price_slider_amount > input[type="text"] {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.price_filter .ui-widget-content {
|
|
background-color: var(--ltn__primary-color);
|
|
border: medium none;
|
|
color: #222;
|
|
height: 3px;
|
|
width: 98%;
|
|
background-image: none;
|
|
}
|
|
|
|
.price_filter .ui-slider .ui-slider-range {
|
|
background-color: var(--ltn__secondary-color);
|
|
background-image: none;
|
|
}
|
|
|
|
.price_filter .ui-state-default,
|
|
.price_filter .ui-widget-content .ui-state-default,
|
|
.price_filter .ui-widget-header .ui-state-default {
|
|
background-color: var(--ltn__secondary-color);
|
|
border: medium none;
|
|
border-radius: 100%;
|
|
height: 12px;
|
|
margin-left: 0;
|
|
margin-top: -6px;
|
|
top: 50%;
|
|
width: 12px;
|
|
background-image: none;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Instagram Widget
|
|
---------------------------------------------------- */
|
|
.ltn__instafeed-grid {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
.ltn__instafeed-grid .instagram_gallery {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
.ltn__instafeed-grid .instagram_gallery a,
|
|
.ltn__instafeed-grid .instagram_gallery .instagram-image {
|
|
display: block;
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1 0 16.6666%;
|
|
-ms-flex: 1 0 16.6666%;
|
|
flex: 1 0 16.6666%;
|
|
max-width: 16.6666%;
|
|
}
|
|
|
|
.ltn__instagram-widget .ltn__instafeed-grid .instagram_gallery a,
|
|
.ltn__instagram-widget
|
|
.ltn__instafeed-grid
|
|
.instagram_gallery
|
|
.instagram-image {
|
|
-webkit-flex: 0 0 33.333333%;
|
|
-ms-flex: 0 0 33.333333%;
|
|
-webkit-box-flex: 0;
|
|
flex: 0 0 33.333333%;
|
|
max-width: 33.333333%;
|
|
}
|
|
|
|
.ltn__instafeed-slider .slick-list .slick-slide {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.insta-slide-gutter .slick-list {
|
|
margin-right: -7.5px !important;
|
|
margin-left: -7.5px !important;
|
|
}
|
|
.insta-slide-gutter .slick-list .slick-slide {
|
|
padding-right: 7.5px;
|
|
padding-left: 7.5px;
|
|
}
|
|
|
|
.insta-grid-gutter .instagram_gallery {
|
|
margin-right: -7.5px !important;
|
|
margin-left: -7.5px !important;
|
|
}
|
|
.insta-grid-gutter .instagram_gallery a,
|
|
.insta-grid-gutter .instagram_gallery .instagram-image {
|
|
padding-right: 7.5px;
|
|
padding-left: 7.5px;
|
|
margin: 7px 0;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Video Widget
|
|
---------------------------------------------------- */
|
|
.ltn__video-icon-1 {
|
|
background-color: transparent;
|
|
color: var(--white);
|
|
height: 80px;
|
|
width: 80px;
|
|
border: 6px solid;
|
|
border-color: var(--white);
|
|
border-radius: 100%;
|
|
font-size: 22px;
|
|
z-index: 9;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.ltn__video-icon-1:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__video-icon-2 {
|
|
height: 80px;
|
|
width: 80px;
|
|
background-color: var(--white);
|
|
color: var(--ltn__secondary-color);
|
|
font-size: 20px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
z-index: 9;
|
|
}
|
|
.ltn__video-icon-2 i {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__video-icon-2:hover {
|
|
outline: outset;
|
|
}
|
|
|
|
.ltn__video-icon-2-border {
|
|
outline-offset: 15px;
|
|
outline: 4px solid var(--border-color-9);
|
|
margin: 20px;
|
|
}
|
|
|
|
.ltn__video-bg-img {
|
|
min-height: 350px;
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-flow: column;
|
|
flex-flow: column;
|
|
z-index: 99;
|
|
}
|
|
|
|
.ltn__video-img {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.ltn__video-img::before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0.3;
|
|
background-color: var(--ltn__primary-color);
|
|
}
|
|
.ltn__video-img img {
|
|
margin: 0;
|
|
}
|
|
.ltn__video-img .ltn__video-icon-1,
|
|
.ltn__video-img .ltn__video-icon-2 {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.ltn__video-info {
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__video-popup-height-300 {
|
|
height: 300px;
|
|
}
|
|
|
|
.ltn__video-popup-height-400 {
|
|
height: 400px;
|
|
}
|
|
|
|
.ltn__video-popup-height-500 {
|
|
height: 500px;
|
|
}
|
|
|
|
.ltn__video-popup-height-600 {
|
|
height: 600px;
|
|
}
|
|
|
|
.text-center .slide-video {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.ltn__secondary-bg.ltn__video-icon-2 {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__secondary-bg.ltn__video-icon-2 i {
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__video-icon-2-small {
|
|
height: 60px;
|
|
width: 60px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.ltn__video-popup-height-500,
|
|
.ltn__video-popup-height-600 {
|
|
height: 450px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__video-icon-2 {
|
|
height: 50px;
|
|
width: 50px;
|
|
font-size: 18px;
|
|
}
|
|
.ltn__video-popup-height-500,
|
|
.ltn__video-popup-height-600 {
|
|
height: initial;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__video-bg-img {
|
|
min-height: 320px;
|
|
}
|
|
.ltn__video-bg-img.ml-30 {
|
|
margin-left: 0;
|
|
}
|
|
.ltn__video-img.ml-30,
|
|
.ltn__video-bg-img.ml-30 {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Author Widget
|
|
---------------------------------------------------- */
|
|
.ltn__author-widget-inner img {
|
|
margin-bottom: 25px;
|
|
max-width: 140px;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.ltn__author-widget-inner p {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ltn__author-widget-inner .ltn__social-media ul li {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
|
|
.ltn__author-widget-2 .ltn__author-widget-inner img {
|
|
margin-bottom: 25px;
|
|
max-width: 100%;
|
|
border-radius: inherit;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Footer About Widget
|
|
---------------------------------------------------- */
|
|
@media (min-width: 992px) {
|
|
.footer-about-widget {
|
|
padding-right: 35px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Widget Responsive
|
|
---------------------------------------------------- */
|
|
@media (max-width: 1199px) {
|
|
.widget {
|
|
padding: 35px 20px 40px 20px;
|
|
}
|
|
.top-rated-product-img {
|
|
max-width: 70px;
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__right-sidebar {
|
|
margin-top: 100px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.car-price-filter-range .price_filter .ui-state-default:last-child::after {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
END
|
|
---------------------------------------------------- */
|
|
/* ============================================================
|
|
>>> TABLE OF CONTENTS:
|
|
===============================================================
|
|
# Header
|
|
# Header Top Area
|
|
# Header Middle Area
|
|
# Header Bottom Area
|
|
# Header Feature Area
|
|
# Main Menu
|
|
# Header Options
|
|
# Mini Cart
|
|
# Header Searchbox
|
|
# Currency Menu
|
|
# Header Sticky
|
|
# Utilize Mobile Menu
|
|
|
|
============================================================= */
|
|
/* --------------------------------------------------------------
|
|
Header
|
|
-------------------------------------------------------------- */
|
|
.ltn__header-area {
|
|
z-index: 9999;
|
|
position: relative;
|
|
}
|
|
|
|
/* ----------------------------------------------
|
|
Header Top Area
|
|
---------------------------------------------- */
|
|
.ltn__header-top-area {
|
|
border-bottom: 1px solid;
|
|
border-color: var(--border-color-1);
|
|
}
|
|
.ltn__header-top-area .ltn__social-media ul li {
|
|
font-size: 14px;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
|
|
.top-area-color-white {
|
|
background-color: var(--ltn__primary-color);
|
|
}
|
|
.top-area-color-white p,
|
|
.top-area-color-white a,
|
|
.top-area-color-white li,
|
|
.top-area-color-white .welcome p,
|
|
.top-area-color-white .welcome a,
|
|
.top-area-color-white .ltn__drop-menu > ul > li > a,
|
|
.top-area-color-white .ltn__drop-menu > ul > li:hover > a {
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__header-top-area .row {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
/* welcome */
|
|
.welcome p {
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.ltn__top-bar-menu > ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__top-bar-menu > ul > li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin: 0 30px 0 0;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
}
|
|
.ltn__top-bar-menu > ul > li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ltn__top-bar-menu > ul > li > i,
|
|
.ltn__top-bar-menu > ul > li > a > i {
|
|
margin-right: 3px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__top-bar-menu .ltn__currency-menu .active-currency {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* ----------------------------------------------
|
|
Header Middle Area
|
|
---------------------------------------------- */
|
|
.ltn__header-middle-area {
|
|
z-index: 999;
|
|
}
|
|
|
|
.ltn__header-middle-area > .container-fluid > .row,
|
|
.ltn__header-middle-area > .container > .row {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__header-middle-area > .container-fluid > .row > .col,
|
|
.ltn__header-middle-area > .container > .row > .col {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex-positive: 0;
|
|
flex-grow: 1;
|
|
position: static;
|
|
}
|
|
|
|
.site-logo {
|
|
min-width: 185px;
|
|
height: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
}
|
|
.site-logo a {
|
|
color: var(--ltn__primary-color);
|
|
font-size: 30px;
|
|
font-weight: 600;
|
|
letter-spacing: 1px;
|
|
display: contents;
|
|
}
|
|
.site-logo i {
|
|
color: var(--ltn__secondary-color);
|
|
margin-right: 5px;
|
|
font-size: 24px;
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
.ltn__header-1 .ltn__header-middle-area {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
/* ----------------------------------------------
|
|
Header Bottom Area (header-2)
|
|
---------------------------------------------- */
|
|
.header-bottom-area .row {
|
|
position: relative;
|
|
}
|
|
.header-bottom-area .row .col {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.sticky-logo {
|
|
max-width: 200px;
|
|
-ms-flex-item-align: center;
|
|
-ms-grid-row-align: center;
|
|
align-self: center;
|
|
height: 100%;
|
|
float: left;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
display: none;
|
|
}
|
|
|
|
.header-menu-2 {
|
|
text-align: center;
|
|
}
|
|
.header-menu-2 .ltn__main-menu > ul {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* ----------------------------------------------
|
|
Header Feature Area
|
|
---------------------------------------------- */
|
|
.header-feature-area {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.header-feature-item {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
margin-right: 50px;
|
|
max-width: 50%;
|
|
}
|
|
.header-feature-item:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.header-feature-item h6 {
|
|
margin-bottom: 0;
|
|
color: var(--ltn__body-color);
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
}
|
|
.header-feature-item p {
|
|
margin-bottom: 0;
|
|
font-size: 16px;
|
|
font-family: var(--ltn__heading-font);
|
|
font-weight: 700;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.header-feature-icon {
|
|
margin-right: 10px;
|
|
font-size: 25px;
|
|
line-height: 1;
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
|
|
/* ----------------------------------------------
|
|
Main Menu
|
|
---------------------------------------------- */
|
|
.header-menu-wrap,
|
|
.header-menu-column {
|
|
position: inherit;
|
|
}
|
|
|
|
.ltn__main-menu ul {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ltn__main-menu > ul {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
padding: 0;
|
|
}
|
|
|
|
.ltn__main-menu li {
|
|
list-style: none;
|
|
display: block;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.ltn__main-menu li > a {
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__main-menu > ul > li {
|
|
display: inline-block;
|
|
position: relative;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.ltn__main-menu > ul > li:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.ltn__main-menu > ul > li > a {
|
|
font-size: 16px;
|
|
padding: 20px 10px;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
color: var(--ltn__heading-color);
|
|
font-weight: 700;
|
|
font-family: var(--ltn__heading-font);
|
|
}
|
|
|
|
.ltn__main-menu li:hover > a {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* Submenu */
|
|
.ltn__main-menu li > ul,
|
|
.ltn__main-menu .sub-menu {
|
|
position: absolute;
|
|
margin: 0;
|
|
top: 130%;
|
|
-webkit-transition: opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s,
|
|
top 0.2s ease 0.1s;
|
|
-o-transition: opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s,
|
|
top 0.2s ease 0.1s;
|
|
transition: opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s,
|
|
top 0.2s ease 0.1s;
|
|
min-width: 230px;
|
|
padding: 15px 0;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-4);
|
|
box-shadow: var(--ltn__box-shadow-4);
|
|
background-color: #fff;
|
|
left: inherit;
|
|
right: inherit;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
text-align: left;
|
|
z-index: 999;
|
|
border-top: 5px solid var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__main-menu li ul li,
|
|
.ltn__main-menu .sub-menu li {
|
|
line-height: 1.3;
|
|
padding: 12px 25px 12px 30px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.mega-menu li ul {
|
|
border-top: 0;
|
|
}
|
|
|
|
.mega-menu li ul li {
|
|
padding-left: 10px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.ltn__main-menu li:hover > ul,
|
|
.ltn__main-menu li:hover > .sub-menu {
|
|
top: 100%;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.ltn__main-menu li ul li > ul,
|
|
.ltn__main-menu .sub-menu li > .sub-menu {
|
|
left: 100%;
|
|
}
|
|
|
|
.ltn__main-menu li ul li:hover > ul,
|
|
.ltn__main-menu .sub-menu li:hover > .sub-menu {
|
|
top: 0;
|
|
}
|
|
|
|
.ltn__main-menu li ul li,
|
|
.ltn__main-menu .sub-menu li {
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__main-menu > ul > li:last-child ul li > ul,
|
|
.ltn__main-menu > ul > li:last-child .sub-menu li > .sub-menu,
|
|
.ltn__main-menu > ul > li:nth-last-child(2) ul li > ul,
|
|
.ltn__main-menu > ul > li:nth-last-child(2) .sub-menu li > .sub-menu,
|
|
.ltn__main-menu > ul > li:nth-last-child(3) ul li > ul,
|
|
.ltn__main-menu > ul > li:nth-last-child(3) .sub-menu li > .sub-menu {
|
|
left: auto;
|
|
right: 100%;
|
|
}
|
|
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-2,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2,
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-3,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 {
|
|
width: 510px;
|
|
}
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-2 > li,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2 > li,
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-3 > li,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 > li {
|
|
width: 50%;
|
|
float: left;
|
|
padding: 12px 20px 12px 25px;
|
|
}
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-2 > li > a,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2 > li > a,
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-3 > li > a,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 > li > a {
|
|
padding: 12px 20px 12px 20px;
|
|
margin-left: 0;
|
|
border-bottom: 1px dashed #ddd;
|
|
display: block;
|
|
font-weight: 600;
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-2 .sub-menu-child,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child,
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-3 .sub-menu-child,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child {
|
|
position: inherit;
|
|
float: left;
|
|
width: 100%;
|
|
left: inherit;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
z-index: inherit;
|
|
}
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-2 .sub-menu-child li,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li,
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-3 .sub-menu-child li,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li {
|
|
padding: 12px 20px 12px 20px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
position: relative;
|
|
}
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-2 .sub-menu-child li img,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li img,
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-3 .sub-menu-child li img,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li img {
|
|
position: absolute;
|
|
bottom: -20px;
|
|
left: 50%;
|
|
width: 150px;
|
|
height: auto;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
z-index: 999;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-2 .sub-menu-child li:hover img,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li:hover img,
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-3 .sub-menu-child li:hover img,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li:hover img {
|
|
bottom: -10px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-3,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 {
|
|
width: 780px;
|
|
}
|
|
.ltn__main-menu li > ul.ltn__sub-menu-col-3 > li,
|
|
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 > li {
|
|
width: 33.33%;
|
|
}
|
|
|
|
.ltn__main-menu li:hover > ul.ltn__sub-menu-col-2 .sub-menu-child,
|
|
.ltn__main-menu li:hover > .sub-menu.ltn__sub-menu-col-2 .sub-menu-child {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
/* menu-pages-img-show */
|
|
.menu-pages-img-show li {
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
position: relative;
|
|
}
|
|
.menu-pages-img-show li img {
|
|
position: absolute;
|
|
bottom: -20px;
|
|
left: 50%;
|
|
width: 130px;
|
|
height: auto;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
z-index: 999;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.menu-pages-img-show li:hover img {
|
|
bottom: -10px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Menu Reverse */
|
|
.ltn__main-menu > ul > li:last-child,
|
|
.ltn__main-menu > ul > li:nth-last-child(2) {
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__main-menu > ul > li:last-child > ul,
|
|
.ltn__main-menu > ul > li:last-child > .sub-menu,
|
|
.ltn__main-menu > ul > li:nth-last-child(2) > ul,
|
|
.ltn__main-menu > ul > li:nth-last-child(2) > .sub-menu {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
/* Mega Menu */
|
|
.ltn__main-menu .mega-menu {
|
|
left: 0;
|
|
right: auto;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.mega-menu > li {
|
|
float: left;
|
|
padding-bottom: 0 !important;
|
|
min-width: 250px !important;
|
|
}
|
|
|
|
.mega-menu > li {
|
|
min-width: 220px;
|
|
}
|
|
|
|
.ltn__main-menu li:hover ul.mega-menu {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
-webkit-transform: scaley(1);
|
|
-ms-transform: scaley(1);
|
|
transform: scaley(1);
|
|
}
|
|
|
|
.mega-menu li ul,
|
|
.mega-menu li .sub-menu {
|
|
left: 0% !important;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
position: inherit;
|
|
}
|
|
|
|
/* .ltn__main-menu li:hover .mega-menu li ul */
|
|
.ltn__main-menu li .mega-menu > li > ul,
|
|
.ltn__main-menu li .mega-menu .sub-menu {
|
|
top: 0;
|
|
}
|
|
|
|
.ltn__main-menu li:hover .mega-menu > li > ul,
|
|
.ltn__main-menu li:hover .mega-menu .sub-menu {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.mega-menu > li > a {
|
|
margin-left: 0;
|
|
border-bottom: 1px dashed #ddd;
|
|
display: block;
|
|
font-weight: 600;
|
|
padding: 10px;
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
|
|
.mega-menu.column-1,
|
|
.mega-menu.column-2 {
|
|
left: auto;
|
|
}
|
|
|
|
.mega-menu.column-2 > li {
|
|
min-width: 50%;
|
|
width: 50%;
|
|
}
|
|
|
|
.mega-menu.column-3 > li {
|
|
min-width: 33.33%;
|
|
width: 33.33%;
|
|
}
|
|
|
|
@media (min-width: 991px) {
|
|
.mega-menu.column-4 > li,
|
|
.mega-menu.column-5 > li,
|
|
.mega-menu.column-6 > li,
|
|
.mega-menu.column-7 > li,
|
|
.mega-menu.column-8 > li,
|
|
.mega-menu.column-9 > li,
|
|
.mega-menu.column-10 > li,
|
|
.mega-menu.column-11 > li,
|
|
.mega-menu.column-12 > li {
|
|
min-width: 25%;
|
|
width: 25%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.mega-menu.column-2 > li,
|
|
.mega-menu.column-3 > li,
|
|
.mega-menu.column-4 > li,
|
|
.mega-menu.column-5 > li,
|
|
.mega-menu.column-6 > li,
|
|
.mega-menu.column-7 > li,
|
|
.mega-menu.column-8 > li,
|
|
.mega-menu.column-9 > li,
|
|
.mega-menu.column-10 > li,
|
|
.mega-menu.column-11 > li,
|
|
.mega-menu.column-12 > li {
|
|
min-width: 50%;
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.mega-menu.column-2 > li,
|
|
.mega-menu.column-3 > li,
|
|
.mega-menu.column-4 > li,
|
|
.mega-menu.column-5 > li,
|
|
.mega-menu.column-6 > li,
|
|
.mega-menu.column-7 > li,
|
|
.mega-menu.column-8 > li,
|
|
.mega-menu.column-9 > li,
|
|
.mega-menu.column-10 > li,
|
|
.mega-menu.column-11 > li,
|
|
.mega-menu.column-12 > li {
|
|
min-width: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* Mega menu submenu submenu */
|
|
.mega-menu li ul li ul {
|
|
left: 100% !important;
|
|
position: absolute;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-4);
|
|
box-shadow: var(--ltn__box-shadow-4);
|
|
}
|
|
|
|
.mega-menu li ul li:hover > ul {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
@media (min-width: 991px) {
|
|
.mega-menu-parent {
|
|
position: inherit !important;
|
|
}
|
|
}
|
|
|
|
/* Menu Icon */
|
|
.menu-icon > a {
|
|
position: relative;
|
|
}
|
|
|
|
.menu-icon > a::before {
|
|
content: "\f067";
|
|
font-size: 8px;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
font-family: "Font Awesome\ 5 Free";
|
|
font-weight: 900;
|
|
}
|
|
|
|
/* Menu Item Badge */
|
|
.menu-item-badge {
|
|
position: absolute;
|
|
left: -8px;
|
|
top: -10px;
|
|
font-size: 10px;
|
|
padding: 0 3px;
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
border-radius: 2px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* Menu Porduct Item */
|
|
.menu-product-item {
|
|
margin-bottom: 30px;
|
|
margin-top: 15px;
|
|
border: 2px solid;
|
|
border-color: var(--border-color-8);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
text-align: center;
|
|
}
|
|
.menu-product-item .product-info {
|
|
padding: 25px 15px 15px;
|
|
padding-top: 0;
|
|
}
|
|
.menu-product-item .product-title {
|
|
font-size: 16px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.menu-product-item .product-price {
|
|
font-size: 16px;
|
|
color: var(--ltn__secondary-color);
|
|
font-weight: 600;
|
|
}
|
|
.menu-product-item .product-price del {
|
|
font-size: 15px;
|
|
opacity: 0.5;
|
|
color: var(--gray);
|
|
}
|
|
|
|
.menu-product-item:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
|
|
/* ----------------------------------------------
|
|
Header Options
|
|
---------------------------------------------- */
|
|
.ltn__header-options > ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__header-options > ul > li {
|
|
display: inline-block;
|
|
margin-right: 15px;
|
|
margin-top: 0;
|
|
list-style: none;
|
|
}
|
|
.ltn__header-options > ul > li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.ltn__header-options {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
}
|
|
.ltn__header-options ul li {
|
|
list-style: none;
|
|
}
|
|
.ltn__header-options > div {
|
|
margin-right: 20px;
|
|
}
|
|
.ltn__header-options > div:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ltn__header-options .ltn__drop-menu > ul > li > a {
|
|
padding: 0;
|
|
}
|
|
.ltn__header-options .ltn__drop-menu ul {
|
|
padding: 0;
|
|
}
|
|
.ltn__header-options .ltn__drop-menu ul li ul {
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.ltn__header-options-2 > div {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.ltn__header-options-2 .header-search-1,
|
|
.ltn__header-options-2 .ltn__drop-menu > ul > li > a,
|
|
.ltn__header-options-2 .mini-cart-icon a,
|
|
.ltn__header-options-2 .header-wishlist {
|
|
height: 50px;
|
|
width: 50px;
|
|
line-height: 50px;
|
|
background: var(--white);
|
|
color: var(--ltn__heading-color);
|
|
text-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
padding: 0;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
.ltn__header-options-2 .header-search-1:hover,
|
|
.ltn__header-options-2 .ltn__drop-menu > ul > li > a:hover,
|
|
.ltn__header-options-2 .mini-cart-icon a:hover,
|
|
.ltn__header-options-2 .header-wishlist:hover {
|
|
background: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__header-options-2 .header-search-1:hover,
|
|
.ltn__header-options-2 .ltn__drop-menu > ul > li:hover > a,
|
|
.ltn__header-options-2 .mini-cart-icon a:hover {
|
|
background: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__header-options-2 .ltn__drop-menu.ltn__currency-menu > ul > li > a {
|
|
height: inherit;
|
|
width: inherit;
|
|
line-height: inherit;
|
|
background: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
.ltn__header-options-2 .mobile-menu-toggle > a {
|
|
width: 50px;
|
|
height: 50px;
|
|
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
|
|
/* ltn__drop-menu */
|
|
.ltn__drop-menu {
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
|
|
.ltn__drop-menu li {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.ltn__drop-menu + .ltn__drop-menu {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.ltn__drop-menu ul {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ltn__drop-menu > ul > li {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__drop-menu > ul > li > a {
|
|
display: block;
|
|
text-decoration: none;
|
|
padding: 0 10px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.ltn__drop-menu ul li ul {
|
|
position: absolute;
|
|
min-width: 150px;
|
|
right: 0;
|
|
background-color: #fff;
|
|
z-index: 999;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-4);
|
|
box-shadow: var(--ltn__box-shadow-4);
|
|
border-top: 1px solid #ececec;
|
|
top: 130%;
|
|
padding: 10px 0;
|
|
margin: 0;
|
|
-webkit-transition: opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s,
|
|
top 0.2s ease 0.1s;
|
|
-o-transition: opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s,
|
|
top 0.2s ease 0.1s;
|
|
transition: opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s,
|
|
top 0.2s ease 0.1s;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.ltn__drop-menu ul li ul li {
|
|
display: block;
|
|
padding: 5px 15px;
|
|
font-size: 16px;
|
|
color: var(--ltn__paragraph-color);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.ltn__drop-menu ul li ul li a {
|
|
color: inherit;
|
|
}
|
|
|
|
.ltn__drop-menu ul li:hover > ul {
|
|
top: 100%;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.ltn__drop-menu ul li:hover > a {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__drop-menu > ul > li,
|
|
.header-wishlist a {
|
|
font-size: 20px;
|
|
}
|
|
|
|
/* header-wishlist */
|
|
.header-wishlist {
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
|
|
/* ----------------------------------------------
|
|
Mini Cart
|
|
---------------------------------------------- */
|
|
.ltn__mini-cart ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.mini-cart-icon {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
line-height: 30px;
|
|
cursor: pointer;
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
.mini-cart-icon i {
|
|
font-size: 18px;
|
|
}
|
|
.mini-cart-icon sup {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.mini-cart-header h5 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mini-cart-product-area {
|
|
max-height: calc(100% - (60px + 245px));
|
|
}
|
|
|
|
.ltn__utilize-cart-menu .ltn__mini-cart {
|
|
max-height: calc(100% - (60px + 245px));
|
|
}
|
|
|
|
.mini-cart-item {
|
|
padding-top: 20px;
|
|
padding-left: 10px;
|
|
margin-bottom: 20px;
|
|
border-top: 1px solid var(--border-color-1);
|
|
}
|
|
.mini-cart-item:first-child {
|
|
border-top: 0;
|
|
}
|
|
|
|
.mini-cart-img {
|
|
float: left;
|
|
width: 80px;
|
|
margin-right: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.mini-cart-img img {
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
|
|
.mini-cart-info {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mini-cart-info h6 {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.mini-cart-item-delete {
|
|
position: absolute;
|
|
left: -8px;
|
|
top: -8px;
|
|
height: 20px;
|
|
width: 20px;
|
|
border-radius: 100%;
|
|
display: block;
|
|
line-height: 20px;
|
|
background-color: #fff;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
cursor: pointer;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.mini-cart-item-delete:hover {
|
|
background-color: var(--red);
|
|
color: #fff;
|
|
}
|
|
|
|
.mini-cart-footer {
|
|
margin-top: 25px;
|
|
}
|
|
.mini-cart-footer p {
|
|
font-size: 14px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mini-cart-sub-total {
|
|
border-top: 1px solid var(--border-color-1);
|
|
border-bottom: 1px solid var(--border-color-1);
|
|
padding: 20px 0;
|
|
}
|
|
.mini-cart-sub-total h5 {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
margin-bottom: 0;
|
|
}
|
|
.mini-cart-sub-total span {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.mini-cart-footer .btn-wrapper {
|
|
margin-top: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
padding: 25px 0 15px;
|
|
}
|
|
|
|
.mini-cart-footer .btn-wrapper .btn {
|
|
margin-bottom: 5px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mini-cart-icon-2 > a {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
min-width: 125px;
|
|
}
|
|
.mini-cart-icon-2 > a .mini-cart-icon {
|
|
margin-right: 5px;
|
|
}
|
|
.mini-cart-icon-2 > a .mini-cart-icon i {
|
|
color: var(--ltn__heading-color);
|
|
font-size: 20px;
|
|
}
|
|
.mini-cart-icon-2 > a .mini-cart-icon sup {
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
height: 20px;
|
|
width: 20px;
|
|
line-height: 20px;
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
text-align: center;
|
|
border-radius: 100%;
|
|
right: 8px;
|
|
top: -8px;
|
|
}
|
|
.mini-cart-icon-2 > a h6 {
|
|
margin-bottom: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-flow: column;
|
|
flex-flow: column;
|
|
line-height: 20px;
|
|
font-weight: 700;
|
|
color: var(--ltn__body-color);
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.mini-cart-icon-2 ul li {
|
|
list-style: none;
|
|
}
|
|
|
|
/* ----------------------------------------
|
|
Header Searchbox
|
|
---------------------------------------- */
|
|
.header-search-1 {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
}
|
|
.header-search-1 .search-icon {
|
|
min-width: 25px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.header-search-wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.header-search-1-form {
|
|
background-color: var(--white);
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
height: 0;
|
|
margin-right: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 130%;
|
|
-webkit-transition-duration: 0.4s;
|
|
-o-transition-duration: 0.4s;
|
|
transition-duration: 0.4s;
|
|
-webkit-transition-property: height;
|
|
-o-transition-property: height;
|
|
transition-property: height;
|
|
width: 320px;
|
|
z-index: 9999;
|
|
}
|
|
.header-search-1-form form {
|
|
position: relative;
|
|
margin: 15px 15px 0;
|
|
}
|
|
.header-search-1-form input {
|
|
height: 60px;
|
|
padding-right: 50px;
|
|
}
|
|
.header-search-1-form button[type="submit"] {
|
|
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
|
|
border: medium none;
|
|
color: var(--ltn__heading-color);
|
|
display: block;
|
|
font-size: 18px;
|
|
height: 60px;
|
|
line-height: 48px;
|
|
position: absolute;
|
|
right: 8px;
|
|
text-align: center;
|
|
top: 0;
|
|
padding: 1px 6px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.header-search-1-form button[type="submit"]:hover {
|
|
color: var(--ltn__primary-color);
|
|
}
|
|
|
|
.search-icon {
|
|
position: relative;
|
|
}
|
|
.search-icon .for-search-close {
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
left: 0;
|
|
right: 0;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.search-open.header-search-1-form {
|
|
height: 90px;
|
|
}
|
|
|
|
.search-open .for-search-show {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.search-open .for-search-close {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.header-search-wrap {
|
|
position: inherit;
|
|
}
|
|
.header-search-1-form {
|
|
top: 100%;
|
|
}
|
|
.header-search-1-form {
|
|
-webkit-transform: translateX(50%);
|
|
-ms-transform: translateX(50%);
|
|
transform: translateX(50%);
|
|
right: 50%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.header-search-1-form {
|
|
width: 270px;
|
|
}
|
|
}
|
|
|
|
/* search-2 */
|
|
.header-search-2 {
|
|
min-width: 500px;
|
|
}
|
|
.header-search-2 form {
|
|
position: relative;
|
|
}
|
|
.header-search-2 input {
|
|
margin-bottom: 0;
|
|
border: 0;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
border-radius: 50px;
|
|
padding-left: 25px;
|
|
padding-right: 50px;
|
|
height: 45px;
|
|
}
|
|
.header-search-2 button {
|
|
position: absolute;
|
|
right: 0;
|
|
background-color: transparent;
|
|
height: 45px;
|
|
top: 0;
|
|
padding: 0 22px;
|
|
}
|
|
|
|
/* ----------------------------------------
|
|
Currency Menu
|
|
---------------------------------------- */
|
|
.ltn__currency-menu .active-currency {
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.ltn__currency-menu ul li ul {
|
|
min-width: 200px;
|
|
}
|
|
|
|
.ltn__currency-menu .dropdown-toggle::after {
|
|
margin-left: 3px;
|
|
border-top: 0.25em solid;
|
|
border-right: 0.2em solid transparent;
|
|
border-left: 0.2em solid transparent;
|
|
}
|
|
|
|
.ltn__language-menu .dropdown-toggle {
|
|
padding-right: 10px !important;
|
|
position: relative;
|
|
}
|
|
.ltn__language-menu .dropdown-toggle::after {
|
|
display: none;
|
|
}
|
|
.ltn__language-menu .dropdown-toggle::before {
|
|
content: "\e911";
|
|
font-size: 14px;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: -5px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
font-family: "icomoon";
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* ----------------------------------------
|
|
Header 2
|
|
---------------------------------------- */
|
|
.ltn__header-2 .sticky-active .row .col {
|
|
-webkit-box-pack: justify !important;
|
|
-ms-flex-pack: justify !important;
|
|
justify-content: space-between !important;
|
|
}
|
|
|
|
.ltn__header-2 .sticky-active .sticky-logo {
|
|
display: block;
|
|
}
|
|
|
|
.ltn__header-2 .sticky-active .header-menu-2 {
|
|
text-align: right;
|
|
}
|
|
|
|
/* ----------------------------------------
|
|
Header 3
|
|
---------------------------------------- */
|
|
.ltn__header-3 .ltn__header-middle-area {
|
|
padding: 30px 0;
|
|
}
|
|
|
|
.ltn__header-3 .header-bottom-area.sticky-active {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.ltn__header-3 .sticky-active .row .col {
|
|
-webkit-box-pack: justify !important;
|
|
-ms-flex-pack: justify !important;
|
|
justify-content: space-between !important;
|
|
}
|
|
|
|
.ltn__header-3 .sticky-active .sticky-logo {
|
|
display: block;
|
|
}
|
|
|
|
.ltn__header-3 .sticky-active .header-menu-2 {
|
|
text-align: right;
|
|
}
|
|
|
|
/* ----------------------------------------
|
|
Header 4
|
|
---------------------------------------- */
|
|
.ltn__header-4 .ltn__header-middle-area,
|
|
.ltn__header-5 .ltn__header-middle-area {
|
|
padding-top: 22px;
|
|
padding-bottom: 22px;
|
|
}
|
|
|
|
.ltn__header-4 .ltn__header-top-area {
|
|
border-color: var(--border-color-3);
|
|
}
|
|
|
|
.site-logo-wrap {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
.site-logo-wrap .site-logo {
|
|
min-width: auto;
|
|
}
|
|
|
|
.get-support {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
position: relative;
|
|
padding-left: 20px;
|
|
margin-left: 20px;
|
|
}
|
|
.get-support::before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
height: 30px;
|
|
width: 1px;
|
|
background-color: #999;
|
|
}
|
|
.get-support .get-support-icon {
|
|
margin-right: 10px;
|
|
font-size: 35px;
|
|
line-height: 1;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.get-support .get-support-icon i {
|
|
-webkit-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
.get-support .get-support-info {
|
|
margin: 0;
|
|
text-align: left;
|
|
}
|
|
.get-support .get-support-info h6 {
|
|
margin: 0;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
}
|
|
.get-support .get-support-info h4 {
|
|
margin: 5px 0 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
.get-support-color-white .get-support-info h6,
|
|
.get-support-color-white .get-support-info h4 {
|
|
color: var(--white);
|
|
}
|
|
|
|
.special-link {
|
|
margin-left: 15px;
|
|
-ms-flex-item-align: center;
|
|
-ms-grid-row-align: center;
|
|
align-self: center;
|
|
}
|
|
.special-link a {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white) !important;
|
|
padding: 12px 30px !important;
|
|
}
|
|
.special-link a:hover {
|
|
background-color: var(--ltn__secondary-color-2);
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.menu-color-white .ltn__main-menu > ul > li > a {
|
|
color: var(--white);
|
|
}
|
|
|
|
/* ----------------------------------------
|
|
Header 5
|
|
---------------------------------------- */
|
|
.ltn__header-5 .get-support::before {
|
|
background-color: #e4e8ea;
|
|
}
|
|
|
|
.ltn__header-5 .ltn__header-options {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/* ----------------------------------------------
|
|
Header Sticky
|
|
---------------------------------------------- */
|
|
.sticky-active {
|
|
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
|
|
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
|
|
background-color: var(--white);
|
|
left: 0;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 999;
|
|
-webkit-box-shadow: 0 10px 50px 0 rgba(46, 56, 220, 0.2);
|
|
box-shadow: 0 10px 50px 0 rgba(46, 56, 220, 0.2);
|
|
}
|
|
|
|
.ltn__header-4 .ltn__header-middle-area.sticky-active,
|
|
.ltn__header-5 .ltn__header-middle-area.sticky-active {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
/* Sticky Background Secondary */
|
|
.sticky-active.ltn__sticky-bg-secondary {
|
|
background-color: var(--ltn__secondary-color);
|
|
}
|
|
.sticky-active.ltn__sticky-bg-secondary .ltn__main-menu > ul > li > a,
|
|
.sticky-active.ltn__sticky-bg-secondary .header-wishlist a,
|
|
.sticky-active.ltn__sticky-bg-secondary .mini-cart-icon,
|
|
.sticky-active.ltn__sticky-bg-secondary .header-feature-item h6,
|
|
.sticky-active.ltn__sticky-bg-secondary .header-feature-item p,
|
|
.sticky-active.ltn__sticky-bg-secondary .header-feature-icon,
|
|
.sticky-active.ltn__sticky-bg-secondary .header-search-1 .search-icon,
|
|
.sticky-active.ltn__sticky-bg-secondary
|
|
.ltn__header-options
|
|
.ltn__drop-menu
|
|
> ul
|
|
> li
|
|
> a {
|
|
color: var(--white);
|
|
}
|
|
.sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .header-search-1,
|
|
.sticky-active.ltn__sticky-bg-secondary
|
|
.ltn__header-options-2
|
|
.header-search-1
|
|
i,
|
|
.sticky-active.ltn__sticky-bg-secondary
|
|
.ltn__header-options-2
|
|
.ltn__drop-menu
|
|
> ul
|
|
> li
|
|
> a,
|
|
.sticky-active.ltn__sticky-bg-secondary
|
|
.ltn__header-options-2
|
|
.mini-cart-icon
|
|
a,
|
|
.sticky-active.ltn__sticky-bg-secondary
|
|
.ltn__header-options-2
|
|
.header-wishlist {
|
|
background: var(--white);
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
|
|
/* Sticky Background Black */
|
|
.sticky-active.ltn__sticky-bg-black {
|
|
background-color: var(--ltn__heading-color);
|
|
}
|
|
.sticky-active.ltn__sticky-bg-black .ltn__main-menu > ul > li > a,
|
|
.sticky-active.ltn__sticky-bg-black .header-wishlist a,
|
|
.sticky-active.ltn__sticky-bg-black .mini-cart-icon,
|
|
.sticky-active.ltn__sticky-bg-black .header-feature-item h6,
|
|
.sticky-active.ltn__sticky-bg-black .header-feature-item p,
|
|
.sticky-active.ltn__sticky-bg-black .header-feature-icon,
|
|
.sticky-active.ltn__sticky-bg-black .header-search-1 .search-icon,
|
|
.sticky-active.ltn__sticky-bg-black
|
|
.ltn__header-options
|
|
.ltn__drop-menu
|
|
> ul
|
|
> li
|
|
> a {
|
|
color: var(--white);
|
|
}
|
|
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-search-1,
|
|
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-search-1 i,
|
|
.sticky-active.ltn__sticky-bg-black
|
|
.ltn__header-options-2
|
|
.ltn__drop-menu
|
|
> ul
|
|
> li
|
|
> a,
|
|
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .mini-cart-icon a,
|
|
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-wishlist {
|
|
background: var(--white);
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
|
|
/* Sticky Background White */
|
|
.sticky-active.ltn__sticky-bg-white {
|
|
background-color: var(--white);
|
|
}
|
|
.sticky-active.ltn__sticky-bg-white .ltn__main-menu > ul > li > a,
|
|
.sticky-active.ltn__sticky-bg-white .header-wishlist a,
|
|
.sticky-active.ltn__sticky-bg-white .mini-cart-icon,
|
|
.sticky-active.ltn__sticky-bg-white .header-feature-item h6,
|
|
.sticky-active.ltn__sticky-bg-white .header-feature-item p,
|
|
.sticky-active.ltn__sticky-bg-white .header-feature-icon,
|
|
.sticky-active.ltn__sticky-bg-white .header-search-1 .search-icon,
|
|
.sticky-active.ltn__sticky-bg-white
|
|
.ltn__header-options
|
|
.ltn__drop-menu
|
|
> ul
|
|
> li
|
|
> a {
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-search-1,
|
|
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-search-1 i,
|
|
.sticky-active.ltn__sticky-bg-white
|
|
.ltn__header-options-2
|
|
.ltn__drop-menu
|
|
> ul
|
|
> li
|
|
> a,
|
|
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .mini-cart-icon a,
|
|
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-wishlist {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
background: var(--white);
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
|
|
.header-contact-search {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
/* ltn__header-transparent */
|
|
.ltn__header-transparent {
|
|
width: 100%;
|
|
z-index: 999;
|
|
background-color: transparent;
|
|
}
|
|
.ltn__header-transparent .top-area-color-white {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* sticky-active-into-mobile */
|
|
.sticky-active-into-mobile.sticky-active {
|
|
position: fixed;
|
|
background-color: #fff; /* Change this to your desired background color */
|
|
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Optional: Add a box shadow for a better visual effect */
|
|
}
|
|
|
|
/* ----------------------------------------
|
|
Utilize Mobile Menu
|
|
---------------------------------------- */
|
|
.ltn__utilize {
|
|
position: fixed;
|
|
z-index: 1000;
|
|
top: 0;
|
|
right: 0;
|
|
left: auto;
|
|
display: block;
|
|
overflow: hidden;
|
|
width: 400px;
|
|
height: 100vh;
|
|
padding: 20px 10px 20px 30px;
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
-webkit-transform: translateX(100%);
|
|
-ms-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
background-color: var(--white);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
z-index: 99999;
|
|
}
|
|
|
|
.ltn__utilize.ltn__utilize-mobile-menu {
|
|
right: auto;
|
|
left: 0;
|
|
padding: 50px 40px;
|
|
-webkit-transform: translateX(-100%);
|
|
-ms-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
}
|
|
|
|
.ltn__utilize-menu-inner {
|
|
position: relative;
|
|
z-index: 9;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
-ms-touch-action: auto;
|
|
touch-action: auto;
|
|
overflow-x: hidden !important;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.ltn__utilize-menu-search-form {
|
|
margin-bottom: 30px;
|
|
position: relative;
|
|
}
|
|
.ltn__utilize-menu-search-form input[type="text"] {
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn__utilize-menu-search-form button {
|
|
background-color: transparent;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
height: 100%;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
@media (max-width: 479px) {
|
|
.ltn__utilize {
|
|
width: 300px;
|
|
}
|
|
.ltn__utilize.ltn__utilize-mobile-menu {
|
|
padding: 50px 20px;
|
|
}
|
|
}
|
|
|
|
.ltn__utilize-menu > ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.ltn__utilize-menu > ul > li {
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__utilize-menu > ul > li .menu-expand {
|
|
position: absolute;
|
|
z-index: 2;
|
|
top: 0;
|
|
right: 0;
|
|
width: 24px;
|
|
height: 44px;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.ltn__utilize-menu > ul > li .menu-expand::before,
|
|
.ltn__utilize-menu > ul > li .menu-expand::after {
|
|
position: absolute;
|
|
top: calc(50% - 1px);
|
|
left: calc(50% - 7px);
|
|
width: 14px;
|
|
height: 2px;
|
|
content: "";
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
-webkit-transform: scale(0.75);
|
|
-ms-transform: scale(0.75);
|
|
transform: scale(0.75);
|
|
background-color: #7e7e7e;
|
|
}
|
|
|
|
.ltn__utilize-menu > ul > li .menu-expand::after {
|
|
-webkit-transform: rotate(90deg) scale(0.75);
|
|
-ms-transform: rotate(90deg) scale(0.75);
|
|
transform: rotate(90deg) scale(0.75);
|
|
}
|
|
|
|
.ltn__utilize-menu > ul > li.active .menu-expand::after {
|
|
-webkit-transform: inherit;
|
|
-ms-transform: inherit;
|
|
transform: inherit;
|
|
}
|
|
|
|
.ltn__utilize-menu > ul > li > a {
|
|
display: block;
|
|
padding: 8px 24px 8px 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.ltn__utilize-menu > ul > li .sub-menu {
|
|
position: static;
|
|
top: auto;
|
|
display: none;
|
|
visibility: visible;
|
|
width: 100%;
|
|
min-width: auto;
|
|
padding: 0;
|
|
padding-left: 15px;
|
|
-webkit-transition: none;
|
|
-o-transition: none;
|
|
transition: none;
|
|
opacity: 1;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.ltn__utilize-menu > ul > li .sub-menu li {
|
|
line-height: inherit;
|
|
position: relative;
|
|
list-style: none;
|
|
}
|
|
|
|
.ltn__utilize-overlay {
|
|
position: fixed;
|
|
z-index: 9999;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
display: none;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.ltn__utilize.ltn__utilize-open {
|
|
-webkit-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
|
|
.ltn__utilize.ltn__utilize-mobile-menu.ltn__utilize-open {
|
|
-webkit-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
|
|
.mobile-menu-toggle {
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.mobile-menu-toggle > a {
|
|
width: 24px;
|
|
height: 32px;
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
color: #333;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.mobile-menu-toggle svg {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 50px;
|
|
height: 60px;
|
|
margin-top: -2px;
|
|
margin-left: -2px;
|
|
cursor: pointer;
|
|
-webkit-transform: translate3d(-50%, -50%, 0);
|
|
transform: translate3d(-50%, -50%, 0);
|
|
}
|
|
|
|
.mobile-menu-toggle svg path {
|
|
-webkit-transition: stroke-dashoffset 0.5s
|
|
cubic-bezier(0.25, -0.25, 0.75, 1.25),
|
|
stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
|
|
-o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
|
|
stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
|
|
transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
|
|
stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
|
|
fill: none;
|
|
stroke: #333;
|
|
stroke-dashoffset: 0;
|
|
stroke-linecap: round;
|
|
stroke-width: 30px;
|
|
}
|
|
|
|
.mobile-menu-toggle svg path#top,
|
|
.mobile-menu-toggle svg path#bottom {
|
|
stroke-dasharray: 240px 950px;
|
|
}
|
|
|
|
.mobile-menu-toggle svg path#middle {
|
|
stroke-dasharray: 240px 240px;
|
|
}
|
|
|
|
.mobile-menu-toggle .close svg path#top,
|
|
.mobile-menu-toggle .close svg path#bottom {
|
|
stroke-dasharray: -650px;
|
|
stroke-dashoffset: -650px;
|
|
}
|
|
|
|
.mobile-menu-toggle .close svg path#middle {
|
|
stroke-dasharray: 1px 220px;
|
|
stroke-dashoffset: -115px;
|
|
}
|
|
|
|
.ltn__utilize-menu-head {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
margin-bottom: 25px;
|
|
padding-bottom: 15px;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
.ltn__utilize-menu-head .ltn__utilize-menu-title {
|
|
font-weight: 700;
|
|
}
|
|
.ltn__utilize-menu-head .ltn__utilize-close {
|
|
background-color: transparent;
|
|
font-size: 30px;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.ltn__utilize-buttons {
|
|
border-top: 1px solid var(--border-color-1);
|
|
padding: 5px 0px 20px;
|
|
margin: 30px 0;
|
|
border-bottom: 1px solid var(--border-color-1);
|
|
}
|
|
.ltn__utilize-buttons ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__utilize-buttons ul li {
|
|
display: inline-block;
|
|
}
|
|
.ltn__utilize-buttons .utilize-btn-icon {
|
|
width: 50px;
|
|
display: inline-block;
|
|
height: 50px;
|
|
border: 2px solid var(--border-color-1);
|
|
line-height: 46px;
|
|
text-align: center;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.ltn__utilize-buttons-2 ul li {
|
|
display: block;
|
|
}
|
|
|
|
.menu-btn-white.mobile-menu-toggle > a {
|
|
color: #fff;
|
|
}
|
|
|
|
.menu-btn-white.mobile-menu-toggle svg path {
|
|
stroke: #fff;
|
|
}
|
|
|
|
.menu-btn-border a {
|
|
width: 40px;
|
|
height: 38px;
|
|
border: 1px solid;
|
|
}
|
|
|
|
/* logo-right-menu-option */
|
|
.ltn__logo-right-menu-option .row > * {
|
|
width: auto;
|
|
}
|
|
|
|
/* ----------------------------------------
|
|
Responsive
|
|
---------------------------------------- */
|
|
@media (min-width: 1200px) and (max-width: 1300px) {
|
|
.ltn__main-menu > ul > li {
|
|
margin-right: 15px;
|
|
}
|
|
.ltn__main-menu > ul > li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ltn__main-menu > ul > li > a {
|
|
font-size: 15px;
|
|
}
|
|
.ltn__header-6 .ltn__main-menu > ul > li {
|
|
margin-right: 10px;
|
|
}
|
|
.ltn__header-6 .ltn__main-menu > ul > li:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
.ltn__header-6 .special-link a {
|
|
padding: 15px 20px !important;
|
|
}
|
|
.ltn__header-6 .ltn__main-menu > ul > li > a {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.site-logo {
|
|
min-width: 180px;
|
|
}
|
|
.ltn__main-menu > ul > li > a {
|
|
padding: 20px 15px;
|
|
}
|
|
.ltn__main-menu > ul > li {
|
|
margin-right: 10px;
|
|
}
|
|
.ltn__header-3 .header-feature-item {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.header-search-column,
|
|
.header-menu-column {
|
|
display: none;
|
|
}
|
|
/* sticky */
|
|
.sticky-active {
|
|
position: inherit;
|
|
}
|
|
.ltn__header-2
|
|
.ltn__header-middle-area
|
|
> .container
|
|
> .row
|
|
.header-feature-column {
|
|
-webkit-box-ordinal-group: 4;
|
|
-ms-flex-order: 3;
|
|
order: 3;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
max-width: 100%;
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
.ltn__header-2 .header-feature-area {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.ltn__header-2 .header-feature-item {
|
|
margin-right: 15px;
|
|
}
|
|
.ltn__header-3
|
|
.ltn__header-middle-area
|
|
> .container
|
|
> .row
|
|
.header-search-column {
|
|
-webkit-box-ordinal-group: 4;
|
|
-ms-flex-order: 3;
|
|
order: 3;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
max-width: 100%;
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
.ltn__header-3 .header-search-2 {
|
|
min-width: 280px;
|
|
}
|
|
.ltn__top-bar-menu ul li {
|
|
margin: 0 20px 0 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__header-top-area {
|
|
padding: 5px 0;
|
|
text-align: center;
|
|
}
|
|
.ltn__header-top-area .ltn__social-media ul li {
|
|
font-size: 12px;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.ltn__top-bar-menu .ltn__currency-menu .active-currency,
|
|
.ltn__top-bar-menu > ul > li {
|
|
font-size: 13px;
|
|
}
|
|
.ltn__drop-menu > ul > li {
|
|
position: inherit;
|
|
}
|
|
.ltn__drop-menu > ul > li > a {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.ltn__drop-menu ul li ul {
|
|
left: 50%;
|
|
right: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
.top-bar-right {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.welcome p {
|
|
line-height: 20px;
|
|
margin: 5px 0;
|
|
}
|
|
.site-logo {
|
|
min-width: 100px;
|
|
}
|
|
.ltn__header-5 .top-bar-right,
|
|
.ltn__header-4 .top-bar-right {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
margin-top: 5px;
|
|
}
|
|
.ltn__header-4 .site-logo-wrap,
|
|
.ltn__header-5 .site-logo-wrap {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
margin: 10px 0 30px;
|
|
}
|
|
.ltn__header-4 .ltn__header-options,
|
|
.ltn__header-5 .ltn__header-options {
|
|
margin-top: -25px;
|
|
margin-left: 0;
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 100%;
|
|
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.ltn__header-3 .top-bar-right {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
margin-top: 5px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.site-logo a {
|
|
font-size: 24px;
|
|
}
|
|
.site-logo a i {
|
|
font-size: 20px;
|
|
}
|
|
.ltn__header-1 .ltn__header-middle-area > .container > .row {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-flow: column;
|
|
flex-flow: column;
|
|
}
|
|
.ltn__header-1 .site-logo {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.ltn__header-1 .ltn__header-options {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
margin-top: 30px;
|
|
}
|
|
.ltn__header-7 .site-logo {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.ltn__header-7 .ltn__header-options {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
margin-top: 20px;
|
|
}
|
|
.ltn__header-7 .ltn__header-middle-area > .container > .row .col,
|
|
.ltn__header-7 .ltn__header-middle-area > .container-fluid > .row .col {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
}
|
|
.ltn__header-3 .mini-cart-icon-2 > a {
|
|
min-width: auto;
|
|
}
|
|
.ltn__header-3 .mini-cart-icon-2 > a h6 {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 449px) {
|
|
.ltn__header-options > div {
|
|
margin-right: 10px;
|
|
}
|
|
.ltn__header-options > ul > li {
|
|
margin-right: 5px;
|
|
}
|
|
.header-feature-area {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-flow: column;
|
|
flex-flow: column;
|
|
}
|
|
.header-feature-item:last-child {
|
|
padding-top: 0;
|
|
}
|
|
.get-support {
|
|
padding-left: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
.get-support .get-support-icon {
|
|
font-size: 20px;
|
|
display: none;
|
|
}
|
|
.get-support .get-support-info h6 {
|
|
display: 13px;
|
|
}
|
|
.get-support .get-support-info h4 {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 370px) {
|
|
.ltn__header-3 .ltn__header-options > ul > li {
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------
|
|
Icon Font
|
|
---------------------------------------- */
|
|
.ltn__header-options i,
|
|
.ltn__header-top-area i {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Category Menu
|
|
---------------------------------------------------- */
|
|
.ltn__category-menu-wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__category-menu-title h2 {
|
|
cursor: pointer;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
line-height: 45px;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 5px 20px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
}
|
|
.ltn__category-menu-title h2::before,
|
|
.ltn__category-menu-title h2::after {
|
|
font-family: "Font Awesome\ 5 Free";
|
|
font-weight: 900;
|
|
display: block;
|
|
font-size: 14px;
|
|
}
|
|
.ltn__category-menu-title h2::before {
|
|
content: "\f0c9";
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
.ltn__category-menu-title h2::after {
|
|
content: "\f0dd";
|
|
float: right;
|
|
}
|
|
|
|
.ltn__category-menu-toggle {
|
|
background-color: var(--white);
|
|
}
|
|
.ltn__category-menu-toggle > ul {
|
|
border-color: var(--border-color-1);
|
|
border-width: 1px 1px 1px;
|
|
border-style: solid;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__category-menu-toggle > ul > li > a {
|
|
padding: 12px 15px;
|
|
display: block;
|
|
font-size: 15px;
|
|
border-bottom: 1px solid var(--border-color-1);
|
|
}
|
|
.ltn__category-menu-toggle > ul > li:hover > a {
|
|
background-color: var(--section-bg-1);
|
|
font-weight: 700;
|
|
}
|
|
.ltn__category-menu-toggle > ul > li:hover .ltn__category-submenu {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
top: 0;
|
|
}
|
|
.ltn__category-menu-toggle > ul > li i {
|
|
font-size: 18px;
|
|
margin-right: 5px;
|
|
width: 25px;
|
|
display: inline-block;
|
|
}
|
|
.ltn__category-menu-toggle ul {
|
|
margin: 0;
|
|
}
|
|
.ltn__category-menu-toggle ul li {
|
|
margin-top: 0;
|
|
list-style: none;
|
|
position: relative;
|
|
font-size: 14px;
|
|
}
|
|
.ltn__category-menu-toggle ul li a {
|
|
display: block;
|
|
}
|
|
.ltn__category-menu-toggle ul li:hover > a {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__category-menu-toggle.ltn__one-line-active .ltn__category-submenu li a {
|
|
display: block;
|
|
overflow: hidden;
|
|
-o-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.ltn__category-submenu {
|
|
position: absolute;
|
|
left: 100%;
|
|
top: 90%;
|
|
width: 230px;
|
|
z-index: 99;
|
|
background-color: #fff;
|
|
padding: 25px 20px;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-4);
|
|
box-shadow: var(--ltn__box-shadow-4);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__category-submenu ul {
|
|
padding: 0;
|
|
}
|
|
.ltn__category-submenu ul li {
|
|
padding: 8px 0px;
|
|
}
|
|
.ltn__category-submenu > li {
|
|
width: 100%;
|
|
float: left;
|
|
padding: 0 10px;
|
|
}
|
|
.ltn__category-submenu.ltn__category-column-5,
|
|
.ltn__category-submenu.ltn__category-column-6,
|
|
.ltn__category-submenu.ltn__category-column-7,
|
|
.ltn__category-submenu.ltn__category-column-8,
|
|
.ltn__category-submenu.ltn__category-column-9,
|
|
.ltn__category-submenu.ltn__category-column-10,
|
|
.ltn__category-submenu.ltn__category-column-11,
|
|
.ltn__category-submenu.ltn__category-column-12,
|
|
.ltn__category-submenu.ltn__category-column-no-5,
|
|
.ltn__category-submenu.ltn__category-column-no-6,
|
|
.ltn__category-submenu.ltn__category-column-no-7,
|
|
.ltn__category-submenu.ltn__category-column-no-8,
|
|
.ltn__category-submenu.ltn__category-column-no-9,
|
|
.ltn__category-submenu.ltn__category-column-no-10,
|
|
.ltn__category-submenu.ltn__category-column-no-11,
|
|
.ltn__category-submenu.ltn__category-column-no-12,
|
|
.ltn__category-submenu.ltn__category-column-no-13,
|
|
.ltn__category-submenu.ltn__category-column-no-14 {
|
|
width: 730px;
|
|
}
|
|
.ltn__category-submenu.ltn__category-column-5 > li,
|
|
.ltn__category-submenu.ltn__category-column-6 > li,
|
|
.ltn__category-submenu.ltn__category-column-7 > li,
|
|
.ltn__category-submenu.ltn__category-column-8 > li,
|
|
.ltn__category-submenu.ltn__category-column-9 > li,
|
|
.ltn__category-submenu.ltn__category-column-10 > li,
|
|
.ltn__category-submenu.ltn__category-column-11 > li,
|
|
.ltn__category-submenu.ltn__category-column-12 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-5 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-6 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-7 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-8 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-9 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-10 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-11 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-12 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-13 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-14 > li {
|
|
width: 25%;
|
|
}
|
|
.ltn__category-submenu.ltn__category-column-4,
|
|
.ltn__category-submenu.ltn__category-column-no-4 {
|
|
width: 730px;
|
|
}
|
|
.ltn__category-submenu.ltn__category-column-4 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-4 > li {
|
|
width: 25%;
|
|
}
|
|
.ltn__category-submenu.ltn__category-column-3,
|
|
.ltn__category-submenu.ltn__category-column-no-3 {
|
|
width: 690px;
|
|
}
|
|
.ltn__category-submenu.ltn__category-column-3 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-3 > li {
|
|
width: 33%;
|
|
}
|
|
.ltn__category-submenu.ltn__category-column-2,
|
|
.ltn__category-submenu.ltn__category-column-no-2 {
|
|
width: 460px;
|
|
}
|
|
.ltn__category-submenu.ltn__category-column-2 > li,
|
|
.ltn__category-submenu.ltn__category-column-no-2 > li {
|
|
width: 50%;
|
|
}
|
|
|
|
.ltn__category-submenu-title > a {
|
|
border-bottom: 1px solid #ddd;
|
|
font-weight: 700;
|
|
padding: 5px 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ltn__category-menu-toggle .ltn__category-menu-more-item-parent {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ltn__category-menu-toggle .ltn__category-menu-more-item-child,
|
|
.ltn__category-menu-toggle .rx-show {
|
|
display: none;
|
|
}
|
|
|
|
.ltn__category-menu-toggle .rx-change .rx-show {
|
|
display: block;
|
|
}
|
|
|
|
.ltn__category-menu-toggle .rx-change .rx-default {
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
.ltn__category-menu-toggle > ul > li > a {
|
|
padding: 10px 5px;
|
|
font-size: 13px;
|
|
}
|
|
.ltn__category-menu-toggle > ul > li i {
|
|
font-size: 16px;
|
|
width: 20px;
|
|
}
|
|
.ltn__category-menu-toggle ul li {
|
|
font-size: 13px;
|
|
}
|
|
.ltn__category-submenu ul {
|
|
padding-left: 10px;
|
|
}
|
|
.ltn__category-submenu ul li {
|
|
padding: 5px 0px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__category-menu-wrap {
|
|
margin-bottom: 30px;
|
|
}
|
|
.ltn__category-menu-toggle {
|
|
max-height: 350px;
|
|
overflow: auto;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
.ltn__category-submenu {
|
|
display: none;
|
|
opacity: inherit !important;
|
|
visibility: inherit !important;
|
|
left: inherit !important;
|
|
width: 100% !important;
|
|
top: 100%;
|
|
max-height: 350px;
|
|
overflow: auto;
|
|
-webkit-transition: unset;
|
|
-o-transition: unset;
|
|
transition: unset;
|
|
-webkit-box-shadow: inherit;
|
|
box-shadow: inherit;
|
|
position: inherit;
|
|
padding: 5px 0px 0px 15px;
|
|
}
|
|
.ltn__category-submenu > li {
|
|
width: 100% !important;
|
|
margin-bottom: 0;
|
|
float: none;
|
|
}
|
|
.ltn__category-submenu-children {
|
|
display: none;
|
|
}
|
|
.ltn__category-menu-drop > a {
|
|
position: relative;
|
|
}
|
|
.ltn__category-menu-drop > a::before {
|
|
position: absolute;
|
|
content: "+";
|
|
right: 15px;
|
|
top: 50%;
|
|
-webkit-transform: translatey(-50%);
|
|
-ms-transform: translatey(-50%);
|
|
transform: translatey(-50%);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
}
|
|
.ltn__category-menu-drop.open > a::before {
|
|
display: none;
|
|
}
|
|
.ltn__category-menu-drop.open > a::after {
|
|
position: absolute;
|
|
content: "-";
|
|
right: 15px;
|
|
top: 50%;
|
|
-webkit-transform: translatey(-50%);
|
|
-ms-transform: translatey(-50%);
|
|
transform: translatey(-50%);
|
|
font-size: 30px;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
.mobile-header-menu-fullwidth .mobile-menu-toggle {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
border: 1px solid var(--border-color-1);
|
|
padding: 7px 20px 6px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
END
|
|
---------------------------------------------------- */
|
|
/* ----------------------------------------------------
|
|
Slider Area 1, 2, 3, 4, 5, 6, 7, 9
|
|
---------------------------------------------------- */
|
|
.ltn__slide-item {
|
|
padding-top: 100px;
|
|
padding-bottom: 100px;
|
|
height: 750px;
|
|
}
|
|
|
|
.ltn__slide-item-inner {
|
|
height: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.slide-item-info-inner {
|
|
width: 100%;
|
|
}
|
|
|
|
.slide-title {
|
|
font-size: 50px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* Slider Animation Start */
|
|
.ltn__slide-animation {
|
|
position: relative;
|
|
z-index: 9;
|
|
}
|
|
.ltn__slide-animation > * {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-animation-name: fadeOutUp;
|
|
animation-name: fadeOutUp;
|
|
}
|
|
.ltn__slide-animation > *:nth-child(1) {
|
|
-webkit-animation-delay: 0.5s;
|
|
animation-delay: 0.5s;
|
|
-webkit-animation-duration: 0.5s;
|
|
animation-duration: 0.5s;
|
|
}
|
|
.ltn__slide-animation > *:nth-child(2) {
|
|
-webkit-animation-delay: 1s;
|
|
animation-delay: 1s;
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
}
|
|
.ltn__slide-animation > *:nth-child(3) {
|
|
-webkit-animation-delay: 1.5s;
|
|
animation-delay: 1.5s;
|
|
-webkit-animation-duration: 1.5s;
|
|
animation-duration: 1.5s;
|
|
}
|
|
.ltn__slide-animation > *:nth-child(4) {
|
|
-webkit-animation-delay: 2s;
|
|
animation-delay: 2s;
|
|
-webkit-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
}
|
|
.ltn__slide-animation > *:nth-child(5) {
|
|
-webkit-animation-delay: 2.5s;
|
|
animation-delay: 2.5s;
|
|
-webkit-animation-duration: 2.5s;
|
|
animation-duration: 2.5s;
|
|
}
|
|
.ltn__slide-animation > *:nth-child(6) {
|
|
-webkit-animation-delay: 3s;
|
|
animation-delay: 3s;
|
|
-webkit-animation-duration: 3s;
|
|
animation-duration: 3s;
|
|
}
|
|
.ltn__slide-animation > *:nth-child(7) {
|
|
-webkit-animation-delay: 3.5s;
|
|
animation-delay: 3.5s;
|
|
-webkit-animation-duration: 3.5s;
|
|
animation-duration: 3.5s;
|
|
}
|
|
.ltn__slide-animation > *:nth-child(8) {
|
|
-webkit-animation-delay: 4s;
|
|
animation-delay: 4s;
|
|
-webkit-animation-duration: 4s;
|
|
animation-duration: 4s;
|
|
}
|
|
.ltn__slide-animation > *:nth-child(9) {
|
|
-webkit-animation-delay: 4.5s;
|
|
animation-delay: 4.5s;
|
|
-webkit-animation-duration: 4.5s;
|
|
animation-duration: 4.5s;
|
|
}
|
|
.ltn__slide-animation > *:nth-child(11) {
|
|
-webkit-animation-delay: 5s;
|
|
animation-delay: 5s;
|
|
-webkit-animation-duration: 5s;
|
|
animation-duration: 5s;
|
|
}
|
|
|
|
.slick-current .ltn__slide-animation > *,
|
|
.ltn__slide-animation-active .ltn__slide-animation > * {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
-webkit-animation-name: fadeInUp;
|
|
animation-name: fadeInUp;
|
|
}
|
|
|
|
/* Title Background Image */
|
|
.title-bg-img {
|
|
background-image: url("../img/slider/1.jpg");
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.title-bg-img-2 {
|
|
background-image: url("../img/slider/2.jpg");
|
|
}
|
|
|
|
/* Slide Arrow */
|
|
.slick-slide-arrow-1 .slick-arrow {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 40px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
width: 60px;
|
|
height: 60px;
|
|
line-height: 58px;
|
|
border: 1px solid var(--border-color-1);
|
|
text-align: center;
|
|
font-size: 20px;
|
|
color: var(--ltn__primary-color) !important;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.slick-slide-arrow-1 .slick-arrow:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--ltn__secondary-color);
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.slick-slide-arrow-1 .slick-next {
|
|
right: 40px;
|
|
left: auto;
|
|
}
|
|
|
|
.slick-slide-arrow-1:hover .slick-arrow {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
left: 20px;
|
|
}
|
|
|
|
.slick-slide-arrow-1:hover .slick-next {
|
|
right: 20px;
|
|
left: auto;
|
|
}
|
|
|
|
.slick-slide-dots-1 .slick-dots {
|
|
position: absolute;
|
|
bottom: 50px;
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
.arrow-white .slick-arrow {
|
|
color: var(--white) !important;
|
|
border: 1px solid var(--border-color-3);
|
|
}
|
|
|
|
@media (min-width: 1400px) {
|
|
.slick-slide-arrow-1:hover .slick-arrow {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
left: 60px;
|
|
}
|
|
.slick-slide-arrow-1:hover .slick-next {
|
|
right: 60px;
|
|
left: auto;
|
|
}
|
|
}
|
|
|
|
.slide-sub-title img,
|
|
.slide-title img {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* slide-item-2 */
|
|
.ltn__slide-item-2 {
|
|
height: calc(100vh - 0px);
|
|
padding-top: 200px;
|
|
}
|
|
.ltn__slide-item-2 .slide-item-info {
|
|
max-width: 650px;
|
|
}
|
|
.ltn__slide-item-2 .slide-sub-title {
|
|
margin-bottom: 20px;
|
|
}
|
|
.ltn__slide-item-2 .slide-sub-title span {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__slide-item-2 .slide-title {
|
|
font-size: 72px;
|
|
line-height: 1;
|
|
margin-bottom: 20px;
|
|
}
|
|
.ltn__slide-item-2 .slide-title span {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__slide-item-2 .btn-wrapper {
|
|
margin-top: 40px;
|
|
}
|
|
.ltn__slide-item-2 .slide-brief {
|
|
padding-left: 30px;
|
|
border-left: 1px solid #576466;
|
|
}
|
|
|
|
.ltn__slide-item-6 .text-right .slide-item-info,
|
|
.ltn__slide-item-2 .text-right .slide-item-info {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.ltn__slide-item-6 .text-right .slide-brief,
|
|
.ltn__slide-item-2 .text-right .slide-brief {
|
|
padding-left: 0px;
|
|
border-left: 0;
|
|
padding-right: 30px;
|
|
border-right: 1px solid #576466;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.ltn__slide-item-6 .text-center .slide-item-info,
|
|
.ltn__slide-item-2 .text-center .slide-item-info {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.ltn__slide-item-6 .text-center .slide-brief,
|
|
.ltn__slide-item-2 .text-center .slide-brief {
|
|
padding-left: 0px;
|
|
border-left: 0;
|
|
padding-right: 0px;
|
|
border-right: 0;
|
|
}
|
|
|
|
.slide-brief {
|
|
max-width: 450px;
|
|
}
|
|
|
|
.text-right .slide-brief {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.text-center .slide-brief {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.ltn__product-pointer {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 9;
|
|
}
|
|
.ltn__product-pointer > ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__product-pointer > ul > li {
|
|
display: inline-block;
|
|
list-style: none;
|
|
position: relative;
|
|
}
|
|
.ltn__product-pointer > ul > li > ul {
|
|
position: absolute;
|
|
top: 80%;
|
|
min-width: 300px;
|
|
padding: 0;
|
|
background-color: white;
|
|
right: 80px;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
text-align: left;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.ltn__product-pointer > ul > li > ul > li {
|
|
list-style: none;
|
|
}
|
|
.ltn__product-pointer > ul > li:hover ul {
|
|
top: 50%;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.ltn__product-pointer > ul > li:hover .ltn__pointer-icon {
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
.ltn__product-pointer ul li,
|
|
.ltn__product-pointer ol li {
|
|
margin-top: 5px;
|
|
}
|
|
.ltn__product-pointer img {
|
|
height: inherit !important;
|
|
}
|
|
.ltn__product-pointer p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn__product-pointer .ltn__pointer-icon {
|
|
cursor: pointer;
|
|
height: 60px;
|
|
width: 60px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
background-color: white;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
border-radius: 100%;
|
|
font-size: 20px;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-4);
|
|
box-shadow: var(--ltn__box-shadow-4);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__product-pointer .ltn__product-pointer-inner {
|
|
padding: 15px 30px 25px;
|
|
position: relative;
|
|
}
|
|
.ltn__product-pointer .ltn__product-pointer-inner::before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 15px solid transparent;
|
|
border-left: 15px solid var(--white);
|
|
border-bottom: 15px solid transparent;
|
|
right: -15px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
.ltn__product-pointer .ltn__product-pointer-inner h5 {
|
|
margin-bottom: 10px;
|
|
}
|
|
.ltn__product-pointer .ltn__product-pointer-inner p {
|
|
font-size: 14px;
|
|
}
|
|
.ltn__product-pointer.ltn__product-pointer-1 {
|
|
top: 38%;
|
|
left: auto;
|
|
right: 24%;
|
|
}
|
|
.ltn__product-pointer.ltn__product-pointer-2 {
|
|
top: 60%;
|
|
left: 20%;
|
|
}
|
|
.ltn__product-pointer.ltn__product-pointer-3 {
|
|
top: 10%;
|
|
left: 40%;
|
|
}
|
|
|
|
.slide-img-left .ltn__product-pointer > ul > li > ul {
|
|
left: 80px;
|
|
right: auto;
|
|
}
|
|
|
|
.slide-img-left .ltn__product-pointer .ltn__product-pointer-inner::before {
|
|
border-right: 15px solid var(--white);
|
|
border-left: 0;
|
|
right: auto;
|
|
left: -15px;
|
|
}
|
|
|
|
/* slide-item-3 */
|
|
.ltn__slide-item-3 .row [class*="col-"] {
|
|
position: inherit;
|
|
}
|
|
|
|
.ltn__slide-item-3 .slide-item-info {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.ltn__slide-item-3 .slide-item-img {
|
|
width: 45%;
|
|
position: absolute;
|
|
right: 150px;
|
|
top: auto;
|
|
bottom: 100px;
|
|
height: 70%;
|
|
}
|
|
.ltn__slide-item-3 .slide-item-img img {
|
|
text-align: right;
|
|
margin-left: auto;
|
|
height: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
-o-object-position: center center;
|
|
object-position: center center;
|
|
}
|
|
|
|
.ltn__slide-item-3 .text-right .slide-item-img {
|
|
right: auto;
|
|
left: 150px;
|
|
}
|
|
|
|
.ltn__slide-item-3-normal {
|
|
height: calc(100vh - 160px);
|
|
padding-top: 100px;
|
|
}
|
|
|
|
/* slide-item-4 */
|
|
.ltn__slide-item-4 {
|
|
padding-bottom: 0;
|
|
}
|
|
.ltn__slide-item-4 .slide-item-img {
|
|
margin-top: 100px;
|
|
}
|
|
|
|
/* slider-5 */
|
|
.ltn__slider-5 .ltn__slide-item-2 {
|
|
padding-top: 100px;
|
|
}
|
|
|
|
/* slide-item-5 */
|
|
.ltn__slide-item-5 .slide-item-img {
|
|
right: 200px;
|
|
bottom: 0;
|
|
height: 80%;
|
|
}
|
|
|
|
.ltn__slide-item-5 .call-to-circle-1 {
|
|
right: 14%;
|
|
left: auto;
|
|
top: 30%;
|
|
z-index: -1;
|
|
-webkit-animation: wave 8s 0.1s infinite linear;
|
|
animation: wave 8s 0.1s infinite linear;
|
|
}
|
|
|
|
.ltn__slide-item-5 .text-right .slide-item-img {
|
|
right: auto;
|
|
left: 150px;
|
|
}
|
|
|
|
.ltn__slide-item-5 .text-right .call-to-circle-1 {
|
|
left: 20%;
|
|
right: auto;
|
|
}
|
|
|
|
/* slide-item-6 */
|
|
.ltn__slide-item-6 .slide-item-info {
|
|
max-width: 850px;
|
|
}
|
|
|
|
.ltn__slide-item-6 .slide-title {
|
|
font-size: 100px;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* slide-item-7 */
|
|
.ltn__slide-item-7 {
|
|
min-height: 800px;
|
|
height: calc(100vh - 0px);
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.ltn__slide-item-7 .slide-item-info {
|
|
max-width: 850px;
|
|
}
|
|
.ltn__slide-item-7 .slide-title {
|
|
font-size: 100px;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* slider-9 */
|
|
.ltn__slide-item-9 {
|
|
height: 800px;
|
|
}
|
|
.ltn__slide-item-9 .slide-item-info {
|
|
height: 800px;
|
|
max-width: 500px;
|
|
}
|
|
|
|
.ltn__slide-item-9 .ltn__slide-item-inner {
|
|
display: block;
|
|
}
|
|
|
|
.ltn__slide-item-9 .slide-item-info {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 30px 30px 10px;
|
|
}
|
|
|
|
.ltn__slide-item-9 .right-align .slide-item-info {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.ltn__slide-item-9 .slide-item-info-inner {
|
|
position: relative;
|
|
}
|
|
.ltn__slide-item-9 .slide-item-info-inner::before,
|
|
.ltn__slide-item-9 .slide-item-info-inner::after {
|
|
position: absolute;
|
|
content: "";
|
|
width: 2px;
|
|
height: 84px;
|
|
background-color: var(--ltn__heading-color);
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
.ltn__slide-item-9 .slide-item-info-inner::before {
|
|
top: -46.5%;
|
|
}
|
|
.ltn__slide-item-9 .slide-item-info-inner::after {
|
|
bottom: -51%;
|
|
}
|
|
|
|
.ltn__slide-item-9 .text-color-white .slide-item-info-inner::before,
|
|
.ltn__slide-item-9 .text-color-white .slide-item-info-inner::after {
|
|
background-color: var(--white);
|
|
}
|
|
|
|
.ltn__slide-item-9 .ltn__tab-menu a {
|
|
padding: 12px 20px;
|
|
}
|
|
|
|
.ltn__slide-item-9 .slide-item-info-line-no::before,
|
|
.ltn__slide-item-9 .slide-item-info-line-no::after {
|
|
display: none;
|
|
}
|
|
|
|
/* slide-item-10 */
|
|
.ltn__slide-item-10 {
|
|
height: 525px;
|
|
}
|
|
.ltn__slide-item-10 .slide-item-info-inner {
|
|
padding: 30px;
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
.ltn__slide-item-2 {
|
|
overflow: hidden;
|
|
}
|
|
.ltn__slide-item-3-normal {
|
|
}
|
|
.ltn__slide-item-6 {
|
|
height: 800px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1599px) {
|
|
.liton-slide-item,
|
|
.ltn__slide-item-3,
|
|
.liton-slide-item-inner {
|
|
height: inherit;
|
|
}
|
|
.ltn__slide-item-9 {
|
|
height: 650px;
|
|
}
|
|
.ltn__slide-item-9 .slide-item-info {
|
|
height: 650px;
|
|
max-width: 400px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) and (max-width: 1599px) {
|
|
.ltn__slide-item-2 .slide-title {
|
|
font-size: 50px;
|
|
}
|
|
.ltn__slide-item-6 {
|
|
height: 620px;
|
|
}
|
|
.ltn__slide-item-6 .slide-title {
|
|
font-size: 80px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1400px) and (max-width: 1599px) {
|
|
.ltn__slide-item-3 .slide-item-img {
|
|
width: 45%;
|
|
right: 60px;
|
|
top: 60%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
.ltn__slide-item-3 .slide-item-img.slide-img-left {
|
|
right: auto;
|
|
left: 60px;
|
|
}
|
|
.ltn__slide-item-4 .slide-item-img {
|
|
margin-top: 50px;
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) and (max-width: 1399px) {
|
|
.ltn__slide-item-3 .slide-item-img {
|
|
width: 45%;
|
|
right: 60px;
|
|
top: 65%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
.ltn__slide-item-3 .slide-item-img.slide-img-left {
|
|
right: auto;
|
|
left: 60px;
|
|
}
|
|
.ltn__slide-item-4 .slide-item-img {
|
|
margin-top: 50px;
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.ltn__slide-item-3 .slide-item-img {
|
|
width: 45%;
|
|
right: 60px;
|
|
}
|
|
.ltn__slide-item-3 .slide-item-img.slide-img-left {
|
|
right: auto;
|
|
left: 60px;
|
|
}
|
|
.ltn__slide-item-6 .slide-title {
|
|
font-size: 60px;
|
|
}
|
|
.ltn__slide-item.ltn__slide-item-10 {
|
|
height: 495px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.slide-title {
|
|
font-size: 36px;
|
|
}
|
|
.ltn__slide-item {
|
|
height: auto;
|
|
}
|
|
.liton-slide-item-inner {
|
|
height: inherit;
|
|
}
|
|
.slide-item-info-inner {
|
|
margin-bottom: 30px;
|
|
}
|
|
.ltn__slide-item-2 .slide-title {
|
|
font-size: 56px;
|
|
}
|
|
.ltn__slide-item-2 .slide-brief {
|
|
padding-left: 15px;
|
|
}
|
|
.ltn__slide-item-6 {
|
|
padding-top: 140px;
|
|
}
|
|
.ltn__slide-item-7 {
|
|
min-height: 550px;
|
|
height: auto;
|
|
}
|
|
.ltn__slide-item-7 .slide-title {
|
|
font-size: 60px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.slide-title {
|
|
font-size: 26px;
|
|
}
|
|
.liton-slide-item-inner {
|
|
height: inherit;
|
|
}
|
|
.slide-item-info-inner {
|
|
margin-bottom: 30px;
|
|
}
|
|
.slick-slide-arrow-1 .slick-arrow {
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 38px;
|
|
font-size: 16px;
|
|
}
|
|
.ltn__slide-item-2 .slide-title {
|
|
font-size: 40px;
|
|
}
|
|
.ltn__slide-item-2 .slide-brief {
|
|
padding-left: 15px;
|
|
}
|
|
.ltn__slide-item-3 .slide-item-img {
|
|
width: 100%;
|
|
position: relative;
|
|
height: auto;
|
|
right: auto;
|
|
bottom: auto;
|
|
}
|
|
.ltn__slide-item-3 .slide-item-img img {
|
|
height: auto;
|
|
}
|
|
.ltn__slide-item-3 .text-right .slide-item-img {
|
|
right: auto;
|
|
left: auto;
|
|
}
|
|
.ltn__product-pointer > ul > li > ul {
|
|
min-width: 280px;
|
|
}
|
|
.ltn__product-pointer > ul > li > ul {
|
|
top: 110%;
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
.ltn__product-pointer > ul > li:hover ul {
|
|
top: 130%;
|
|
}
|
|
.ltn__product-pointer .ltn__product-pointer-inner::before {
|
|
left: 50%;
|
|
top: -25px;
|
|
-webkit-transform: translateX(-50%) rotate(-90deg);
|
|
-ms-transform: translateX(-50%) rotate(-90deg);
|
|
transform: translateX(-50%) rotate(-90deg);
|
|
}
|
|
.slide-img-left .ltn__product-pointer .ltn__product-pointer-inner::before {
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%) rotate(90deg);
|
|
-ms-transform: translateX(-50%) rotate(90deg);
|
|
transform: translateX(-50%) rotate(90deg);
|
|
}
|
|
.ltn__slide-item-5 .slide-item-img {
|
|
display: none;
|
|
}
|
|
.ltn__slide-item-6 .slide-title {
|
|
font-size: 40px;
|
|
}
|
|
.ltn__slide-item-7 {
|
|
min-height: 400px;
|
|
}
|
|
.ltn__slide-item-7 .slide-title {
|
|
font-size: 40px;
|
|
}
|
|
.ltn__slide-item-9 {
|
|
height: 560px;
|
|
}
|
|
.ltn__slide-item-9 .slide-item-info {
|
|
height: auto;
|
|
margin: 30px;
|
|
}
|
|
.ltn__slide-item-9 .ltn__slide-item-inner {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-pack: distribute;
|
|
justify-content: space-around;
|
|
}
|
|
.ltn__slide-item-9 .slide-item-info-inner::before,
|
|
.ltn__slide-item-9 .slide-item-info-inner::after {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.liton-slide-item-inner {
|
|
height: inherit;
|
|
}
|
|
.slide-item-info-inner {
|
|
margin-bottom: 30px;
|
|
}
|
|
.slide-title br {
|
|
display: none;
|
|
}
|
|
.slide-title {
|
|
font-size: 24px;
|
|
}
|
|
.ltn__slide-item-2 {
|
|
height: auto;
|
|
padding-top: 300px;
|
|
}
|
|
.ltn__slide-item-2 .slide-title {
|
|
font-size: 30px;
|
|
}
|
|
.ltn__slide-item-2 .slide-brief {
|
|
padding-left: 15px;
|
|
}
|
|
.ltn__slide-item-3-normal {
|
|
padding-top: 100px;
|
|
}
|
|
.ltn__product-pointer {
|
|
display: none;
|
|
}
|
|
.ltn__slide-item-6 .slide-title {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
END
|
|
---------------------------------------------------- */
|
|
/* ----------------------------------------------------
|
|
Product Area
|
|
---------------------------------------------------- */
|
|
.ltn__product-item {
|
|
position: relative;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.product-img {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.product-img a {
|
|
display: inline-block;
|
|
}
|
|
|
|
.slick-slide .ltn__product-item-3 .product-info {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.product-img img {
|
|
position: relative;
|
|
-webkit-transition: all 3.5s ease 0s;
|
|
-o-transition: all 3.5s ease 0s;
|
|
transition: all 3.5s ease 0s;
|
|
z-index: -1;
|
|
}
|
|
|
|
.product-img:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: var(--ltn__primary-color);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
.ltn__product-item:hover .product-img:before {
|
|
opacity: 0.4;
|
|
visibility: visible;
|
|
}
|
|
|
|
.ltn__product-item:hover .product-img::before {
|
|
opacity: 0.4;
|
|
visibility: visible;
|
|
}
|
|
|
|
.product-title {
|
|
font-size: 18px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.product-ratting {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.product-ratting ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.product-ratting li {
|
|
display: inline-block;
|
|
margin: 0 -2px;
|
|
color: var(--ratings);
|
|
font-size: 12px;
|
|
}
|
|
.product-ratting li.review-total {
|
|
margin-left: 3px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.product-hover-action {
|
|
position: absolute;
|
|
top: 60%;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
.ltn__product-item:hover .product-hover-action {
|
|
top: 50%;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.product-hover-action ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: inline-block;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
}
|
|
|
|
.product-hover-action li {
|
|
height: 50px;
|
|
width: 50px;
|
|
line-height: 50px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
float: left;
|
|
margin-right: 0px;
|
|
margin-top: 0;
|
|
list-style: none;
|
|
border-right: 1px solid var(--border-color-7);
|
|
}
|
|
|
|
.product-hover-action li:last-child {
|
|
margin-right: 0;
|
|
border-right: 0;
|
|
}
|
|
|
|
.product-hover-action li a {
|
|
display: block;
|
|
background-color: var(--white);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.product-hover-action li:hover a {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.product-badge {
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 18px;
|
|
}
|
|
|
|
.product-badge ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.product-badge li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
padding: 1px 12px;
|
|
text-transform: uppercase;
|
|
border-radius: 15px 0px 15px 0px;
|
|
}
|
|
.product-badge li:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.product-badge li::before {
|
|
position: absolute;
|
|
content: "";
|
|
bottom: -8px;
|
|
left: 0;
|
|
border-left: 8px solid var(--ltn__secondary-color);
|
|
width: 0;
|
|
height: 0;
|
|
border-bottom: 8px solid transparent;
|
|
display: none;
|
|
}
|
|
.product-badge li .soldout-badge {
|
|
background-color: var(--red-2);
|
|
}
|
|
|
|
.product-info {
|
|
padding: 20px 0 0;
|
|
}
|
|
|
|
.product-price {
|
|
color: var(--ltn__secondary-color);
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.product-price del {
|
|
opacity: 0.6;
|
|
margin-left: 5px;
|
|
font-size: 80%;
|
|
}
|
|
|
|
.ltn__product-item .product-price {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.product-action ul {
|
|
margin: 10px 0 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.product-action li {
|
|
display: inline-block;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.product-action li a {
|
|
display: inline-block;
|
|
padding: 3px 15px;
|
|
border: 1px solid var(--ltn__heading-color);
|
|
color: var(--ltn__heading-color);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
.product-action li:hover a {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
border-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.button-1 a {
|
|
display: inline-block;
|
|
padding: 5px 15px;
|
|
background-color: var(--ltn__heading-color);
|
|
color: var(--white);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
.button-1:hover a {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
/* product-item-2 */
|
|
.ltn__product-item-2 .product-img img {
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
|
|
.ltn__product-item-2:hover .product-img img {
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.ltn__product-item .add-to-cart {
|
|
width: auto;
|
|
text-transform: uppercase;
|
|
}
|
|
.ltn__product-item .add-to-cart a {
|
|
padding: 0 15px;
|
|
}
|
|
.ltn__product-item .add-to-cart span {
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* product-item-3 */
|
|
.ltn__product-item-3 {
|
|
border: 2px solid;
|
|
border-color: var(--border-color-8);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__product-item-3 .product-img::before {
|
|
display: none;
|
|
}
|
|
.ltn__product-item-3 .product-info {
|
|
padding: 25px 30px 15px;
|
|
}
|
|
.ltn__product-item-3 .product-title {
|
|
font-size: 16px;
|
|
margin-bottom: 3px;
|
|
}
|
|
.ltn__product-item-3 .product-price {
|
|
font-size: 20px;
|
|
color: var(--ltn__secondary-color);
|
|
font-weight: 700;
|
|
}
|
|
.ltn__product-item-3 .product-price del {
|
|
font-size: 20px;
|
|
opacity: 0.6;
|
|
}
|
|
.ltn__product-item-3 .product-info-brief {
|
|
border-top: 2px solid;
|
|
border-color: var(--border-color-8);
|
|
margin-bottom: 15px;
|
|
max-width: 400px;
|
|
}
|
|
.ltn__product-item-3 .product-info-brief ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.ltn__product-item-3 .product-info-brief ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
}
|
|
.ltn__product-item-3 .product-info-brief ul li i {
|
|
color: var(--ltn__secondary-color);
|
|
margin-right: 5px;
|
|
}
|
|
.ltn__product-item-3 .product-hover-action {
|
|
top: 70%;
|
|
}
|
|
.ltn__product-item-3 .product-hover-action ul {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ltn__product-item-3 .product-hover-action ul li {
|
|
border-radius: 100%;
|
|
margin: 0 5px;
|
|
}
|
|
.ltn__product-item-3 .product-hover-action ul li a {
|
|
border-radius: 100%;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
}
|
|
.ltn__product-item-3:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
.ltn__product-item-3:hover .product-hover-action {
|
|
top: 55%;
|
|
}
|
|
|
|
.product-ratting-product-badge {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.product-ratting-product-badge .product-badge {
|
|
position: inherit;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Modal Area
|
|
---------------------------------------------------- */
|
|
.modal-dialog {
|
|
margin-top: 150px;
|
|
}
|
|
|
|
.modal-content {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.modal-header {
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
.modal-header .close {
|
|
position: absolute;
|
|
height: 40px;
|
|
width: 40px;
|
|
line-height: 40px;
|
|
padding: 0;
|
|
right: 16px;
|
|
left: auto;
|
|
top: 16px;
|
|
opacity: 1;
|
|
z-index: 1;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.modal-header .close span {
|
|
display: block;
|
|
font-size: 25px;
|
|
}
|
|
.modal-header .close:not(:disabled):not(.disabled):focus,
|
|
.modal-header .close:not(:disabled):not(.disabled):hover,
|
|
.modal-header .close:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.modal-lg {
|
|
max-width: 980px;
|
|
}
|
|
}
|
|
|
|
.modal-product-info {
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.modal-product-info h3 {
|
|
font-size: 24px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.modal-product-info hr {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.modal-product-info .product-price {
|
|
font-size: 50px;
|
|
margin-bottom: 10px;
|
|
color: var(--ltn__secondary-color);
|
|
line-height: 1.2;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.modal-product-meta > ul {
|
|
margin: 15px 0;
|
|
padding: 20px 0;
|
|
border-bottom: 1px solid var(--border-color-12);
|
|
border-top: 1px solid var(--border-color-12);
|
|
}
|
|
|
|
.modal-product-meta > ul > li {
|
|
list-style: none;
|
|
font-size: 14px;
|
|
margin-top: 10px;
|
|
}
|
|
.modal-product-meta > ul > li:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.modal-product-meta li strong {
|
|
color: var(--ltn__heading-color);
|
|
margin-right: 5px;
|
|
font-weight: 600;
|
|
min-width: 100px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.modal-product-quantity input {
|
|
border: 1px solid #e5e5e5;
|
|
float: left;
|
|
height: 45px;
|
|
text-align: center;
|
|
width: 80px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.modal-btn {
|
|
margin-top: 15px;
|
|
border-top: 1px solid #f1f1f1;
|
|
text-align: right;
|
|
}
|
|
|
|
.modal-btn a {
|
|
font-size: 14px;
|
|
color: var(--ltn__heading-color);
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.ltn__modal-area .modal-btn {
|
|
border: 0;
|
|
}
|
|
|
|
.modal-body {
|
|
padding: 30px;
|
|
}
|
|
|
|
.ltn__add-to-cart-modal-area .modal-body {
|
|
padding: 30px;
|
|
}
|
|
|
|
.ltn__add-to-cart-modal-area .modal-product-img {
|
|
float: left;
|
|
max-width: 125px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.ltn__add-to-cart-modal-area .modal-product-info {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ltn__add-to-cart-modal-area .added-cart i {
|
|
color: var(--green);
|
|
}
|
|
|
|
.ltn__add-to-cart-modal-area .btn-wrapper {
|
|
margin-top: 20px;
|
|
}
|
|
.ltn__add-to-cart-modal-area .btn-wrapper .btn {
|
|
padding: 5px 20px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.ltn__add-to-cart-modal-area .additional-info {
|
|
border-top: 1px solid var(--border-color-1);
|
|
text-align: center;
|
|
padding-top: 30px;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.modal-backdrop.show {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.modal-body .additional-info p {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Product Tab
|
|
---------------------------------------------------- */
|
|
.ltn__tab-menu {
|
|
margin-top: 30px;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.ltn__tab-menu .nav {
|
|
display: inline-block;
|
|
}
|
|
|
|
.ltn__gallery-filter-menu button,
|
|
.ltn__tab-menu a {
|
|
display: inline-block;
|
|
padding: 15px 40px;
|
|
margin-right: 5px;
|
|
margin-bottom: 10px;
|
|
color: var(--ltn__heading-color);
|
|
background-color: var(--section-bg-1);
|
|
font-weight: 700;
|
|
}
|
|
.ltn__gallery-filter-menu button:last-child,
|
|
.ltn__tab-menu a:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ltn__gallery-filter-menu button i,
|
|
.ltn__tab-menu a i {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.ltn__gallery-filter-menu .active,
|
|
.ltn__tab-menu a.active {
|
|
color: var(--white);
|
|
background-color: var(--ltn__primary-color);
|
|
border-color: var(--ltn__primary-color);
|
|
}
|
|
|
|
.ltn__tab-menu-top-left {
|
|
position: absolute;
|
|
left: 15px;
|
|
top: 0;
|
|
}
|
|
|
|
.ltn__tab-menu-top-right {
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 0;
|
|
}
|
|
|
|
.ltn__gallery-filter-menu.text-uppercase button {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.ltn__tab-menu-2 a {
|
|
background-color: transparent;
|
|
border-bottom: 2px solid transparent;
|
|
position: relative;
|
|
}
|
|
.ltn__tab-menu-2 a.active {
|
|
color: var(--ltn__secondary-color);
|
|
background-color: transparent;
|
|
border-color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__tab-menu-2 a::before {
|
|
position: absolute;
|
|
content: "";
|
|
right: -5px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
height: 16px;
|
|
width: 2px;
|
|
background-color: var(--ltn__color-1);
|
|
opacity: 0.4;
|
|
}
|
|
.ltn__tab-menu-2 a:last-child::before {
|
|
display: none;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__gallery-filter-menu button,
|
|
.ltn__tab-menu a {
|
|
padding: 15px 25px;
|
|
font-size: 14px;
|
|
}
|
|
.ltn__tab-menu-top-right {
|
|
position: initial;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Product Details
|
|
---------------------------------------------------- */
|
|
.ltn__small-product-item {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
padding: 30px 25px;
|
|
border: 2px solid;
|
|
border-color: var(--border-color-1);
|
|
margin-bottom: 30px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__small-product-item:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
border-color: transparent;
|
|
}
|
|
.ltn__small-product-item .product-price {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.small-product-item-img {
|
|
max-width: 90px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Product Details
|
|
---------------------------------------------------- */
|
|
.product-meta-date input[type="date"] {
|
|
border: 1px solid #ddd;
|
|
height: 63px;
|
|
padding: 0 15px;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.product-meta-date input[type="date"]::-webkit-input-placeholder {
|
|
/* Chrome/Opera/Safari */
|
|
color: pink;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.product-meta-date input[type="date"]::-moz-placeholder {
|
|
/* Firefox 19+ */
|
|
color: pink;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.product-meta-date input[type="date"]:-ms-input-placeholder {
|
|
/* IE 10+ */
|
|
color: pink;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.product-meta-date input[type="date"]:-moz-placeholder {
|
|
/* Firefox 18- */
|
|
color: pink;
|
|
line-height: 50px;
|
|
}
|
|
|
|
/* ltn__shop-details-img-gallery */
|
|
.ltn__shop-details-img-gallery {
|
|
margin-bottom: 35px;
|
|
}
|
|
.ltn__shop-details-img-gallery img {
|
|
background-color: var(--white-8);
|
|
}
|
|
|
|
.ltn__shop-details-small-img {
|
|
margin-top: 20px;
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
}
|
|
.ltn__shop-details-small-img .single-small-img {
|
|
padding: 0 5px;
|
|
}
|
|
.ltn__shop-details-small-img .single-small-img.slick-current img {
|
|
border: 1px solid var(--ltn__secondary-color);
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ltn__shop-details-small-img.slick-arrow-2 {
|
|
margin-bottom: 35px;
|
|
}
|
|
.ltn__shop-details-small-img.slick-arrow-2 .slick-arrow {
|
|
left: 5px;
|
|
bottom: -35px;
|
|
}
|
|
.ltn__shop-details-small-img.slick-arrow-2 .slick-next {
|
|
left: 45px;
|
|
}
|
|
|
|
/* ltn__shop-details-content-wrap */
|
|
.ltn__shop-details-content-wrap {
|
|
padding: 50px 50px 40px;
|
|
}
|
|
|
|
/* ltn__shop-details-tab-area */
|
|
.ltn__shop-details-tab-menu .nav {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
.ltn__shop-details-tab-menu .nav a {
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
padding: 20px 20px;
|
|
font-size: 16px;
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1 0 auto;
|
|
flex: 1 0 auto;
|
|
text-align: center;
|
|
font-weight: 700;
|
|
}
|
|
.ltn__shop-details-tab-menu .nav a.active {
|
|
background-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__shop-details-tab-content-inner {
|
|
border: 1px solid #e5e5e5;
|
|
padding: 50px 50px 30px;
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
.ltn__shop-details-tab-content-inner .ltn__comment-reply-area form {
|
|
padding: 0;
|
|
}
|
|
|
|
.add-a-review {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.add-a-review h6 {
|
|
margin-bottom: 0;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu {
|
|
border-bottom: 2px solid var(--border-color-1);
|
|
}
|
|
.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a {
|
|
background-color: transparent;
|
|
color: var(--ltn__paragraph-color);
|
|
padding: 20px 0px;
|
|
margin-right: 50px;
|
|
-webkit-box-flex: inherit;
|
|
-ms-flex: inherit;
|
|
flex: inherit;
|
|
text-align: left;
|
|
position: relative;
|
|
}
|
|
.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a::before {
|
|
position: absolute;
|
|
content: "";
|
|
bottom: -2px;
|
|
left: 0;
|
|
width: 0%;
|
|
height: 2px;
|
|
background-color: transparent;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a.active {
|
|
color: var(--ltn__secondary-color);
|
|
background-color: transparent;
|
|
}
|
|
.ltn__shop-details-tab-inner-2
|
|
.ltn__shop-details-tab-menu
|
|
.nav
|
|
a.active::before {
|
|
background-color: var(--ltn__secondary-color);
|
|
width: 100%;
|
|
}
|
|
|
|
.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-content-inner {
|
|
border: 0;
|
|
padding: 30px 0px 0px;
|
|
background-color: transparent;
|
|
}
|
|
.ltn__shop-details-tab-inner-2
|
|
.ltn__shop-details-tab-content-inner
|
|
.ltn__comment-reply-area
|
|
form {
|
|
padding: 30px;
|
|
}
|
|
|
|
/* product-details-menu-1 */
|
|
.ltn__product-details-menu-1 ul li a {
|
|
position: relative;
|
|
margin-right: 10px;
|
|
}
|
|
.ltn__product-details-menu-1 ul li a::before {
|
|
position: absolute;
|
|
content: ",";
|
|
right: -5px;
|
|
}
|
|
.ltn__product-details-menu-1 ul li a:last-child::before {
|
|
display: none;
|
|
}
|
|
|
|
.ltn__product-details-menu-1 ul li strong {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.ltn__product-details-menu-1 ul li span {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.ltn__product-details-menu-1 .ltn__color-widget ul li a {
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
|
|
.ltn__product-details-menu-1 .ltn__tagcloud-widget ul li {
|
|
margin: 0;
|
|
}
|
|
.ltn__product-details-menu-1 .ltn__tagcloud-widget ul li a {
|
|
padding: 3px 10px 1px;
|
|
}
|
|
|
|
/* product-details-menu-2 */
|
|
.ltn__product-details-menu-2 ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__product-details-menu-2 ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
.ltn__product-details-menu-2 ul li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* product-details-menu-3 */
|
|
.ltn__product-details-menu-3 ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__product-details-menu-3 ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin-right: 20px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
.ltn__product-details-menu-3 ul li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Product Options
|
|
---------------------------------------------------- */
|
|
.nice-select .option {
|
|
margin-top: 0;
|
|
white-space: normal;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.nice-select .list {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.ltn__shop-options {
|
|
margin-bottom: 40px;
|
|
}
|
|
.ltn__shop-options ul {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
margin-bottom: 30px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ltn__shop-options ul li {
|
|
list-style: none;
|
|
margin-top: 0;
|
|
line-height: 50px;
|
|
}
|
|
.ltn__shop-options .short-by .nice-select {
|
|
border-radius: 0;
|
|
border: 2px solid #ededed;
|
|
height: 50px;
|
|
line-height: 46px;
|
|
min-width: 190px;
|
|
}
|
|
.ltn__shop-options .short-by .nice-select .option {
|
|
width: 100%;
|
|
padding-left: 10px;
|
|
padding-right: 5px;
|
|
}
|
|
.ltn__shop-options .short-by .nice-select .current {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.ltn__grid-list-tab-menu a {
|
|
font-size: 30px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.ltn__grid-list-tab-menu .active {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.showing-product-number span {
|
|
font-weight: 700;
|
|
font-size: 20px;
|
|
font-family: var(--ltn__heading-font);
|
|
}
|
|
|
|
.ltn__product-list-view .product-title {
|
|
font-size: 22px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ltn__product-list-view .ltn__product-item:after {
|
|
display: block;
|
|
clear: both;
|
|
content: "";
|
|
}
|
|
|
|
.ltn__product-list-view .ltn__product-item .product-img {
|
|
max-width: 45%;
|
|
float: left;
|
|
}
|
|
|
|
.ltn__product-list-view .ltn__product-item .product-info {
|
|
overflow: hidden;
|
|
padding: 0 0 0 30px;
|
|
}
|
|
|
|
.ltn__product-list-view .ltn__product-item-3 .product-info {
|
|
overflow: hidden;
|
|
padding: 25px 25px 20px 30px;
|
|
}
|
|
|
|
.ltn__product-list-view .product-hover-action {
|
|
position: inherit;
|
|
-webkit-transform: inherit;
|
|
-ms-transform: inherit;
|
|
transform: inherit;
|
|
text-align: left;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
/* Bootstrap Tab with Slider Issue Fix Start */
|
|
.tab-content {
|
|
width: 100%;
|
|
}
|
|
|
|
.tab-content .tab-pane {
|
|
display: block;
|
|
height: 0;
|
|
max-width: 100%;
|
|
visibility: hidden;
|
|
overflow: hidden;
|
|
opacity: 0;
|
|
}
|
|
|
|
.tab-content .tab-pane.active {
|
|
height: auto;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
overflow: visible;
|
|
}
|
|
|
|
/* Bootstrap Tab with Slider Issue Fix End */
|
|
@media (max-width: 1400px) {
|
|
.shop-details-info .product-price {
|
|
font-size: 36px;
|
|
}
|
|
.shop-details-info .cart-plus-minus {
|
|
width: 130px;
|
|
}
|
|
.shop-details-info .ltn__product-details-menu-2 .btn {
|
|
padding: 17px 15px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__product-item-3 .product-info {
|
|
padding: 25px 15px 15px;
|
|
}
|
|
.ltn__product-item-3 .product-price {
|
|
font-size: 16px;
|
|
}
|
|
.ltn__product-item-3 .product-price del {
|
|
font-size: 14px;
|
|
}
|
|
.ltn__shop-details-img-gallery {
|
|
margin-bottom: 75px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__shop-options ul li {
|
|
margin: 5px 0;
|
|
}
|
|
.showing-product-number span {
|
|
font-size: 16px;
|
|
}
|
|
.ltn__product-list-view .ltn__product-item .product-img {
|
|
max-width: 100%;
|
|
}
|
|
.ltn__product-list-view .ltn__product-item .product-info {
|
|
padding: 25px 0 0 1px;
|
|
}
|
|
.ltn__product-list-view .ltn__product-item-3 .product-info {
|
|
padding: 25px 25px 20px 30px;
|
|
}
|
|
.modal-product-info h3 {
|
|
font-size: 22px;
|
|
}
|
|
.modal-product-info .product-price {
|
|
font-size: 34px;
|
|
}
|
|
.ltn__shop-details-tab-menu .nav a {
|
|
padding: 15px 15px;
|
|
font-size: 14px;
|
|
}
|
|
.ltn__shop-details-tab-content-inner {
|
|
padding: 50px 20px 30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 576px) {
|
|
.product-hover-action li {
|
|
height: 35px;
|
|
width: 35px;
|
|
line-height: 35px;
|
|
font-size: 13px;
|
|
}
|
|
.product-badge li {
|
|
font-size: 10px;
|
|
padding: 1px 8px;
|
|
}
|
|
.product-badge li::before {
|
|
bottom: -6px;
|
|
}
|
|
.ltn__product-item-3 .product-title {
|
|
font-size: 14px;
|
|
}
|
|
.ltn__product-item-3 .product-info {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
.ltn__product-item-3 .product-price {
|
|
font-size: 14px;
|
|
}
|
|
.ltn__product-item-3 .product-price del {
|
|
font-size: 13px;
|
|
}
|
|
.ltn__product-item-3 .product-info-brief ul li {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
END
|
|
---------------------------------------------------- */
|
|
/* ----------------------------------------------
|
|
Gallery Area
|
|
---------------------------------------------- */
|
|
.ltn__gallery-item {
|
|
margin-bottom: 30px;
|
|
}
|
|
.ltn__gallery-item:hover .ltn__gallery-item-img::before {
|
|
opacity: 0.9;
|
|
visibility: visible;
|
|
}
|
|
.ltn__gallery-item:hover .ltn__gallery-item-img img {
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
.ltn__gallery-item:hover .ltn__gallery-action-icon {
|
|
top: 50%;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.ltn__gallery-item-inner {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.ltn__gallery-item-inner h4 {
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__gallery-item-inner p {
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ltn__gallery-item-img {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.ltn__gallery-item-img::before {
|
|
position: absolute;
|
|
content: "";
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: var(--ltn__primary-color);
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
z-index: 1;
|
|
}
|
|
.ltn__gallery-item-img img {
|
|
-webkit-transition: all 3.5s ease 0s;
|
|
-o-transition: all 3.5s ease 0s;
|
|
transition: all 3.5s ease 0s;
|
|
}
|
|
|
|
.ltn__gallery-action-icon {
|
|
position: absolute;
|
|
top: 45%;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
z-index: 2;
|
|
}
|
|
.ltn__gallery-action-icon i {
|
|
width: 50px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
background-color: var(--white);
|
|
color: var(--ltn__primary-color);
|
|
border-radius: 100%;
|
|
margin: 3px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__gallery-action-icon i:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__gallery-item-info {
|
|
padding: 25px 30px;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
/* Gallery Style 1 */
|
|
.ltn__gallery-style-1 .ltn__gallery-item-info {
|
|
border: 1px solid var(--border-color-1);
|
|
}
|
|
|
|
/* Gallery Style 2 */
|
|
.ltn__gallery-style-2 .ltn__gallery-item-info {
|
|
position: absolute;
|
|
bottom: -30px;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
background: var(--gradient-color-3);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.ltn__gallery-style-2 h4,
|
|
.ltn__gallery-style-2 p {
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__gallery-style-2 .ltn__gallery-item:hover .ltn__gallery-item-info {
|
|
bottom: 0px;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.ltn__gallery-style-2 .ltn__gallery-item:hover .ltn__gallery-action-icon {
|
|
top: 35%;
|
|
}
|
|
|
|
.ltn__gallery-info-hide .ltn__gallery-item-info {
|
|
display: none;
|
|
}
|
|
|
|
.ltn__gallery-info-hide .ltn__gallery-item:hover .ltn__gallery-action-icon {
|
|
top: 50%;
|
|
}
|
|
|
|
/* Lightcase Default CSS */
|
|
.lightcase-error {
|
|
color: var(--white);
|
|
}
|
|
|
|
#lightcase-info {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
|
|
#lightcase-caption {
|
|
color: var(--white);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
END
|
|
---------------------------------------------------- */
|
|
/* ============================================================
|
|
>>> TABLE OF CONTENTS:
|
|
===============================================================
|
|
# Common CSS
|
|
# Section title
|
|
# Category Area
|
|
# Feature Area
|
|
# Countdown Area
|
|
# Blog Area
|
|
# Blog Details
|
|
# Service Details
|
|
# Pagination
|
|
# Testimonial
|
|
# Banner Area
|
|
# Team Area
|
|
# CounterUp Area
|
|
# Contact Form Area
|
|
# Cart Table Area
|
|
# Cart plus minus
|
|
# Product Details
|
|
# Shoping Cart
|
|
# Custom Content
|
|
# Newsletter
|
|
# Faq Area
|
|
# 404 Area
|
|
# Coming Soon Area
|
|
# Screenshot Area
|
|
# Pricing List Area
|
|
# Checkbox
|
|
# Body Sidebar Icons
|
|
# About Us Area
|
|
# Why Choose Us Area
|
|
# Service Area
|
|
# Call To Action
|
|
# Elements Area
|
|
# Service Form
|
|
# Get A Quote Form
|
|
# Car Dealer Form
|
|
# Video Area
|
|
# Brand Logo
|
|
# Progress Bar
|
|
# Our Journey Area
|
|
# Google Map Locations Area
|
|
# Team Details
|
|
# Our History Area
|
|
# Appointment Form Area
|
|
# Checkout Page
|
|
# Myaccount Page
|
|
# Time Schedule Area
|
|
|
|
============================================================= */
|
|
/* ----------------------------------------------------
|
|
Common CSS
|
|
---------------------------------------------------- */
|
|
.ltn__social-media ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ltn__social-media ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin: 0 15px 0 0;
|
|
}
|
|
.ltn__social-media ul li:last-child {
|
|
margin: 0;
|
|
}
|
|
|
|
.ltn__social-media-2 ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ltn__social-media-2 ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
.ltn__social-media-2 ul li a {
|
|
background-color: var(--section-bg-1);
|
|
color: var(--ltn__paragraph-color);
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
}
|
|
.ltn__social-media-2 ul li a i {
|
|
color: inherit;
|
|
}
|
|
.ltn__social-media-2 ul li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ltn__social-media-2 ul li:hover a {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__social-media-3 ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ltn__social-media-3 ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
.ltn__social-media-3 ul li a {
|
|
background-color: var(--white);
|
|
color: var(--ltn__paragraph-color);
|
|
border: 2px solid var(--border-color-11);
|
|
display: block;
|
|
width: 50px;
|
|
height: 50px;
|
|
line-height: 46px;
|
|
text-align: center;
|
|
}
|
|
.ltn__social-media-3 ul li a i {
|
|
color: inherit;
|
|
}
|
|
.ltn__social-media-3 ul li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ltn__social-media-3 ul li:hover a {
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.bg-image {
|
|
height: 500px;
|
|
background-size: cover;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.bg-image-top {
|
|
background-size: auto;
|
|
background-position: top center;
|
|
background-repeat: no-repeat;
|
|
height: 550px;
|
|
}
|
|
|
|
.nice-select .option {
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* small mobile :320px. */
|
|
@media (max-width: 991px) {
|
|
.bg-image-top {
|
|
background-size: inherit;
|
|
}
|
|
}
|
|
|
|
.ltn__social-media-4 ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ltn__social-media-4 ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
.ltn__social-media-4 ul li a {
|
|
background-color: var(--ltn__primary-color-3);
|
|
color: var(--white);
|
|
display: block;
|
|
width: 50px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
text-align: center;
|
|
border-radius: 100%;
|
|
}
|
|
.ltn__social-media-4 ul li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ltn__social-media-4 ul li:hover a {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
/* ----------------------------------------
|
|
Section title
|
|
---------------------------------------- */
|
|
.section-title-area {
|
|
margin-bottom: 50px;
|
|
}
|
|
.section-title-area p {
|
|
margin-bottom: 0;
|
|
max-width: 600px;
|
|
}
|
|
.section-title-area p + p {
|
|
margin-top: 15px;
|
|
}
|
|
.section-title-area.text-right p {
|
|
margin-left: auto;
|
|
}
|
|
.section-title-area.text-center p {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.section-title {
|
|
margin-bottom: 5px;
|
|
font-size: 48px;
|
|
font-weight: 700;
|
|
line-height: 1.2;
|
|
}
|
|
.section-title span {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.section-title p {
|
|
font-size: 16px;
|
|
line-height: 1.8;
|
|
color: var(--ltn__paragraph-color);
|
|
margin-top: 20px;
|
|
}
|
|
.section-title.white .section-title {
|
|
color: var(--white);
|
|
}
|
|
.section-title.white p {
|
|
color: rgba(var(--white), 0.7);
|
|
}
|
|
|
|
/* ltn__separate-line */
|
|
.ltn__separate-line {
|
|
position: relative;
|
|
display: inline-block;
|
|
min-width: 200px;
|
|
margin-bottom: 3px;
|
|
text-align: center !important;
|
|
}
|
|
.ltn__separate-line::before {
|
|
position: absolute;
|
|
content: "";
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
left: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
right top,
|
|
from(#f28bc2),
|
|
color-stop(50%, #d8b1f2)
|
|
);
|
|
background: -webkit-linear-gradient(left, #f28bc2 0%, #d8b1f2 50%);
|
|
background: -o-linear-gradient(left, #f28bc2 0%, #d8b1f2 50%);
|
|
background: linear-gradient(90deg, #f28bc2 0%, #d8b1f2 50%);
|
|
}
|
|
.ltn__separate-line .separate-icon {
|
|
position: relative;
|
|
z-index: 1;
|
|
background-color: #fff;
|
|
padding: 0 15px;
|
|
}
|
|
.ltn__separate-line i {
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
margin: 0 -4px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* Section Title 2 */
|
|
.ltn__section-title-2 {
|
|
margin-bottom: 40px;
|
|
}
|
|
.ltn__section-title-2 .section-subtitle {
|
|
text-transform: uppercase;
|
|
}
|
|
.ltn__section-title-2 .section-title {
|
|
font-size: 72px;
|
|
font-weight: 700;
|
|
margin-bottom: 15px;
|
|
line-height: 1;
|
|
}
|
|
.ltn__section-title-2 p {
|
|
padding: 0 0 0 30px;
|
|
border-width: 0 0 0 2px;
|
|
border-style: solid;
|
|
border-color: var(--ltn__secondary-color);
|
|
max-width: 450px;
|
|
}
|
|
.ltn__section-title-2.text-right p {
|
|
padding: 0 30px 0 0;
|
|
border-width: 0 2px 0 0;
|
|
margin-left: auto;
|
|
}
|
|
.ltn__section-title-2.text-center p {
|
|
padding: 0 0 0 30px;
|
|
border-width: 0 0 0 2px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: left !important;
|
|
}
|
|
|
|
/* Section Title 3 */
|
|
.section-title-style-3 {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.section-title-style-3 .section-brief-in p {
|
|
padding: 0 30px 0 0;
|
|
border-width: 0 2px 0 0;
|
|
margin-left: auto;
|
|
margin-right: 30px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* title-2 */
|
|
.title-2 {
|
|
margin-bottom: 30px;
|
|
font-size: 26px;
|
|
}
|
|
|
|
@media (max-width: 1599px) {
|
|
.ltn__section-title-2 .section-title {
|
|
font-size: 60px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1399px) {
|
|
.ltn__section-title-2 .section-title {
|
|
font-size: 56px;
|
|
}
|
|
.section-title-style-3 .section-title {
|
|
min-width: 320px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.section-title {
|
|
font-size: 30px;
|
|
}
|
|
.ltn__section-title-2 .section-title {
|
|
font-size: 50px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.section-title {
|
|
font-size: 26px;
|
|
}
|
|
.ltn__section-title-2 .section-title {
|
|
font-size: 40px;
|
|
}
|
|
.ltn__section-title-2 p {
|
|
padding: 0 0 0 15px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.section-title {
|
|
font-size: 30px;
|
|
}
|
|
.ltn__section-title-2 .section-title {
|
|
font-size: 30px;
|
|
}
|
|
.ltn__section-title-2 p {
|
|
padding: 0 0 0 15px;
|
|
}
|
|
.section-title-style-3 {
|
|
display: block;
|
|
}
|
|
.section-title-style-3 .section-title {
|
|
min-width: 100%;
|
|
}
|
|
.section-title-style-3 .section-brief-in p {
|
|
padding: 0 0px 0 15px;
|
|
border-width: 0 0px 0 2px;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
text-align: left;
|
|
margin-bottom: 15px;
|
|
}
|
|
.title-2 {
|
|
font-size: 22px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.section-title {
|
|
font-size: 24px;
|
|
}
|
|
.ltn__section-title-2 .section-title {
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Category Area
|
|
---------------------------------------------------- */
|
|
.ltn__category-item {
|
|
margin-top: 2px;
|
|
margin-bottom: 30px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
border: 1px solid var(--border-color-7);
|
|
background-color: var(--white);
|
|
}
|
|
|
|
.ltn__category-item-img {
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
.ltn__category-item-img img {
|
|
display: inline-block;
|
|
}
|
|
|
|
.ltn__category-item-name {
|
|
padding: 15px 20px 5px;
|
|
}
|
|
|
|
.ltn__category-item:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
}
|
|
|
|
/* ltn__category-item-2 */
|
|
.ltn__category-item-2 {
|
|
padding: 20px 15px 15px;
|
|
}
|
|
.ltn__category-item-2 .ltn__category-item-img {
|
|
float: left;
|
|
width: 35%;
|
|
}
|
|
.ltn__category-item-2 .ltn__category-item-name {
|
|
overflow: hidden;
|
|
}
|
|
.ltn__category-item-2 .ltn__category-item-name ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__category-item-2 .ltn__category-item-name ul li {
|
|
list-style: circle;
|
|
margin-top: 5px;
|
|
font-size: 14px;
|
|
}
|
|
.ltn__category-item-2 .ltn__category-item-name ul li a {
|
|
display: block;
|
|
}
|
|
.ltn__category-item-2 h4 {
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__category-item-2 .category-btn {
|
|
float: right;
|
|
font-size: 13px;
|
|
text-transform: uppercase;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* ltn__category-item-3 */
|
|
.ltn__category-item-3 {
|
|
width: 200px;
|
|
position: relative;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ltn__category-item-3::before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 0%;
|
|
height: 4px;
|
|
background-color: var(--ltn__secondary-color);
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.ltn__category-item-3:hover {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ltn__category-item-3:hover::before {
|
|
width: 100%;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.ltn__category-item-3:hover h5 {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.ltn__category-item-2 .ltn__category-item-img {
|
|
display: none;
|
|
}
|
|
.ltn__category-item-3 {
|
|
padding: 30px 0 5px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Feature Area
|
|
---------------------------------------------------- */
|
|
.ltn__feature-item {
|
|
padding: 40px 25px 10px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__feature-icon {
|
|
margin-bottom: 20px;
|
|
font-size: 60px;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* feature-item-2 */
|
|
.ltn__feature-item-2 {
|
|
padding: 40px 25px 10px;
|
|
}
|
|
.ltn__feature-item-2 .ltn__feature-icon {
|
|
margin-bottom: 20px;
|
|
}
|
|
.ltn__feature-item-2 .ltn__feature-icon span {
|
|
background: transparent;
|
|
height: 100px;
|
|
width: 100px;
|
|
line-height: 109px;
|
|
border-radius: 100%;
|
|
position: relative;
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
.ltn__feature-item-2 .ltn__feature-icon span::before,
|
|
.ltn__feature-item-2 .ltn__feature-icon span::after {
|
|
position: absolute;
|
|
content: "";
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
border-radius: 100%;
|
|
-webkit-transition: all 0.8s ease 0s;
|
|
-o-transition: all 0.8s ease 0s;
|
|
transition: all 0.8s ease 0s;
|
|
}
|
|
.ltn__feature-item-2 .ltn__feature-icon span:before {
|
|
height: 0%;
|
|
width: 0%;
|
|
background: transparent;
|
|
}
|
|
.ltn__feature-item-2 .ltn__feature-icon span:after {
|
|
height: 100%;
|
|
width: 100%;
|
|
border: 1px solid;
|
|
border-color: var(--ltn__heading-color);
|
|
}
|
|
.ltn__feature-item-2 .ltn__feature-icon i {
|
|
font-size: 26px;
|
|
color: var(--ltn__heading-color);
|
|
line-height: 1;
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
.ltn__feature-item-2.active-feature .ltn__feature-icon span,
|
|
.ltn__feature-item-2:hover .ltn__feature-icon span {
|
|
color: var(--white);
|
|
border-color: transparent;
|
|
}
|
|
.ltn__feature-item-2.active-feature .ltn__feature-icon span:before,
|
|
.ltn__feature-item-2:hover .ltn__feature-icon span:before {
|
|
height: 100%;
|
|
width: 100%;
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
right top,
|
|
from(#ee91cb),
|
|
color-stop(50%, #d9b0f1)
|
|
);
|
|
background: -webkit-linear-gradient(left, #ee91cb 0%, #d9b0f1 50%);
|
|
background: -o-linear-gradient(left, #ee91cb 0%, #d9b0f1 50%);
|
|
background: linear-gradient(90deg, #ee91cb 0%, #d9b0f1 50%);
|
|
}
|
|
.ltn__feature-item-2.active-feature .ltn__feature-icon span:after,
|
|
.ltn__feature-item-2:hover .ltn__feature-icon span:after {
|
|
border-color: var(--white);
|
|
height: 80%;
|
|
width: 80%;
|
|
}
|
|
.ltn__feature-item-2.active-feature .ltn__feature-icon i,
|
|
.ltn__feature-item-2:hover .ltn__feature-icon i {
|
|
color: var(--white);
|
|
}
|
|
.ltn__feature-item-2.active-feature .ltn__feature-info h6,
|
|
.ltn__feature-item-2:hover .ltn__feature-info h6 {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* feature-item-3 */
|
|
.ltn__feature-item-3 {
|
|
padding: 35px 22px 15px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
border: 2px solid;
|
|
border-color: #f4faff;
|
|
margin-bottom: 20px;
|
|
position: relative;
|
|
}
|
|
.ltn__feature-item-3 h1,
|
|
.ltn__feature-item-3 h2,
|
|
.ltn__feature-item-3 h3,
|
|
.ltn__feature-item-3 h4,
|
|
.ltn__feature-item-3 h5,
|
|
.ltn__feature-item-3 h6 {
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__feature-item-3 .ltn__feature-icon {
|
|
margin: 0px 20px 0 0;
|
|
font-size: 50px;
|
|
color: var(--ltn__secondary-color);
|
|
line-height: 1.5;
|
|
}
|
|
.ltn__feature-item-3 .ltn__feature-icon img {
|
|
max-width: 60px;
|
|
}
|
|
.ltn__feature-item-3 p {
|
|
font-size: 14px;
|
|
}
|
|
.ltn__feature-item-3::before {
|
|
position: absolute;
|
|
content: "";
|
|
left: -2px;
|
|
top: 50%;
|
|
width: 4px;
|
|
height: 0%;
|
|
background-color: var(--ltn__secondary-color);
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
.ltn__feature-item-3:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
.ltn__feature-item-3:hover::before {
|
|
height: 80%;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.ltn__feature-item-3.text-right {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
-ms-flex-flow: row-reverse;
|
|
flex-flow: row-reverse;
|
|
}
|
|
.ltn__feature-item-3.text-right .ltn__feature-icon {
|
|
margin: 0px 0 0 20px;
|
|
}
|
|
.ltn__feature-item-3.text-right::before {
|
|
right: -2px;
|
|
left: auto;
|
|
}
|
|
|
|
/* feature-item-4 */
|
|
.ltn__feature-item-4 {
|
|
padding: 50px 20px 15px;
|
|
background-color: var(--white);
|
|
margin-bottom: 30px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-2);
|
|
box-shadow: var(--ltn__box-shadow-2);
|
|
}
|
|
.ltn__feature-item-4:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
|
|
/* feature-item-5 */
|
|
.ltn__feature-item-5 {
|
|
padding: 70px 30px 25px;
|
|
margin-bottom: 30px;
|
|
}
|
|
.ltn__feature-item-5 .ltn__feature-icon {
|
|
margin-bottom: 25px;
|
|
font-size: 80px;
|
|
line-height: 1;
|
|
}
|
|
.ltn__feature-item-5 .ltn__feature-icon img {
|
|
max-width: 200px;
|
|
}
|
|
.ltn__feature-item-5 .ltn__feature-icon span {
|
|
position: relative;
|
|
}
|
|
.ltn__feature-item-5 .ltn__feature-icon span::before {
|
|
position: absolute;
|
|
content: "\e942";
|
|
font-family: "icomoon";
|
|
right: -10px;
|
|
top: -10px;
|
|
height: 35px;
|
|
width: 35px;
|
|
line-height: 35px;
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
font-size: 14px;
|
|
border-radius: 100%;
|
|
}
|
|
.ltn__feature-item-5 .btn-wrapper {
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0;
|
|
bottom: 0;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.ltn__feature-item-5 .btn-wrapper a {
|
|
min-height: 60px;
|
|
}
|
|
.ltn__feature-item-5:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
.ltn__feature-item-5:hover .btn-wrapper {
|
|
bottom: -60px;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.ltn__feature-item-5.section-bg-2 .ltn__feature-icon {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__feature-item-5.section-bg-2 .ltn__feature-icon i {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__feature-item-5.section-bg-2 .ltn__feature-icon span::before {
|
|
background-color: var(--white);
|
|
color: var(--ltn__primary-color);
|
|
}
|
|
.ltn__feature-item-5.white-bg .ltn__feature-icon span::before {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.feature-btn a {
|
|
display: block;
|
|
padding: 15px 20px;
|
|
background-color: #fff;
|
|
text-align: center;
|
|
}
|
|
|
|
/* feature-item-6 */
|
|
.ltn__feature-item-6 {
|
|
border: 1px solid var(--border-color-8);
|
|
margin-bottom: 30px;
|
|
padding: 40px 30px 35px;
|
|
}
|
|
.ltn__feature-item-6::before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 0%;
|
|
height: 4px;
|
|
background-color: var(--ltn__secondary-color);
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.ltn__feature-item-6 .ltn__feature-icon {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__feature-item-6 .ltn__feature-icon i {
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__feature-item-6 .ltn__feature-info p {
|
|
font-size: 14px;
|
|
}
|
|
.ltn__feature-item-6 .ltn__feature-info .ltn__service-btn {
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
color: var(--ltn__color-1);
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
}
|
|
.ltn__feature-item-6.active,
|
|
.ltn__feature-item-6:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
.ltn__feature-item-6.active::before,
|
|
.ltn__feature-item-6:hover::before {
|
|
width: 100%;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.ltn__feature-item-6.active .ltn__feature-info .ltn__service-btn,
|
|
.ltn__feature-item-6.active .ltn__feature-icon,
|
|
.ltn__feature-item-6:hover .ltn__feature-info .ltn__service-btn,
|
|
.ltn__feature-item-6:hover .ltn__feature-icon {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* feature-item-7 */
|
|
.ltn__feature-item-7 {
|
|
background-color: var(--white);
|
|
padding: 38px 30px 10px;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-2);
|
|
box-shadow: var(--ltn__box-shadow-2);
|
|
margin-bottom: 30px;
|
|
}
|
|
.ltn__feature-item-7 .ltn__feature-icon-title {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
margin-bottom: 15px;
|
|
}
|
|
.ltn__feature-item-7 .ltn__feature-icon {
|
|
margin-bottom: 0;
|
|
margin-right: 20px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__feature-item-7 h3 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ltn__feature-item-7-color-white {
|
|
background-color: transparent;
|
|
border: 1px solid #203336;
|
|
}
|
|
.ltn__feature-item-7-color-white h3,
|
|
.ltn__feature-item-7-color-white p {
|
|
color: var(--white);
|
|
}
|
|
|
|
/* feature-item-8 */
|
|
.ltn__feature-item-8 {
|
|
padding: 40px 30px 15px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.ltn__feature-item-8 .ltn__feature-icon {
|
|
margin-right: 20px;
|
|
font-size: 40px;
|
|
width: 50px;
|
|
}
|
|
.ltn__feature-item-8 .ltn__feature-info h4 {
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__feature-item-8 .ltn__feature-info p {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.ltn__feature-item-box-wrap {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
|
|
.ltn__feature-item-box-wrap-2 {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-ms-flex-flow: wrap;
|
|
flex-flow: wrap;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ltn__feature-item-box-wrap-2 .ltn__feature-item-8 {
|
|
min-width: 280px;
|
|
}
|
|
|
|
.ltn__border-between-column [class*="col"]::before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
height: 50%;
|
|
width: 1px;
|
|
background-color: var(--border-color-1);
|
|
}
|
|
|
|
.ltn__border-between-column [class*="col"]:first-child::before {
|
|
display: none;
|
|
}
|
|
|
|
/* small mobile :320px. */
|
|
@media (max-width: 767px) {
|
|
.ltn__feature-item-5 + .btn-wrapper {
|
|
margin-bottom: 30px;
|
|
}
|
|
.ltn__feature-item-7 {
|
|
padding: 38px 20px 10px;
|
|
}
|
|
.ltn__border-between-column [class*="col"]::before {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Countdown Area
|
|
---------------------------------------------------- */
|
|
.ltn__countdown {
|
|
margin-top: 30px;
|
|
display: inline-block;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
padding: 25px 40px 5px;
|
|
}
|
|
.ltn__countdown .single {
|
|
display: inline-block;
|
|
margin-right: 30px;
|
|
}
|
|
.ltn__countdown .single:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.ltn__countdown-2 {
|
|
margin-top: 0;
|
|
padding: 20px 30px 1px;
|
|
}
|
|
.ltn__countdown-2 .single {
|
|
margin-right: 20px;
|
|
}
|
|
.ltn__countdown-2 .single h1 {
|
|
font-size: 22px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__countdown-2 .single p {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ltn__countdown-3 {
|
|
margin-top: 0;
|
|
padding: 20px 30px 1px;
|
|
padding-left: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ltn__countdown-3 .single {
|
|
margin-right: 20px;
|
|
text-align: center;
|
|
}
|
|
.ltn__countdown-3 .single h1 {
|
|
font-size: 30px;
|
|
margin-bottom: 5px;
|
|
height: 100px;
|
|
width: 100px;
|
|
line-height: 100px;
|
|
background-color: var(--white);
|
|
border-radius: 100%;
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
.ltn__countdown-3 .single p {
|
|
font-size: 20px;
|
|
text-transform: uppercase;
|
|
}
|
|
.ltn__countdown-3 .btn-wrapper {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.ltn__countdown-4 {
|
|
margin-top: 0;
|
|
padding: 20px 30px 1px;
|
|
padding-left: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ltn__countdown-4 .single {
|
|
margin-right: 20px;
|
|
text-align: center;
|
|
width: 100px;
|
|
background-color: white;
|
|
padding: 15px 10px;
|
|
}
|
|
.ltn__countdown-4 .single h1 {
|
|
font-size: 30px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn__countdown-4 .single p {
|
|
font-size: 18px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__countdown-3 .single h1 {
|
|
font-size: 20px;
|
|
height: 50px;
|
|
width: 50px;
|
|
line-height: 50px;
|
|
}
|
|
.ltn__countdown-3 .single p {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 767px) {
|
|
.ltn__countdown-1 {
|
|
min-width: 380px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Blog Area
|
|
---------------------------------------------------- */
|
|
.ltn__blog-item {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.ltn__blog-img {
|
|
position: relative;
|
|
}
|
|
.ltn__blog-img img {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ltn__blog-likes {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
}
|
|
.ltn__blog-likes ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ltn__blog-likes li {
|
|
list-style: none;
|
|
}
|
|
.ltn__blog-likes li a {
|
|
height: 70px;
|
|
width: 70px;
|
|
font-size: 16px;
|
|
border-radius: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
background-color: var(--white);
|
|
text-align: center;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-flow: column;
|
|
flex-flow: column;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
.ltn__blog-likes li a i {
|
|
font-size: 18px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__blog-likes li a span {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ltn__blog-brief {
|
|
padding: 30px 0 30px;
|
|
}
|
|
|
|
.ltn__blog-title {
|
|
margin-bottom: 20px;
|
|
font-size: 26px;
|
|
}
|
|
|
|
.ltn__blog-meta {
|
|
margin-bottom: 20px;
|
|
}
|
|
.ltn__blog-meta ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__blog-meta li {
|
|
font-weight: 700;
|
|
font-family: var(--ltn__heading-font);
|
|
display: inline-block;
|
|
margin-right: 25px;
|
|
position: relative;
|
|
font-size: 14px;
|
|
margin-top: 0;
|
|
}
|
|
.ltn__blog-meta li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ltn__blog-meta li i {
|
|
color: var(--ltn__secondary-color);
|
|
margin-right: 5px;
|
|
}
|
|
.ltn__blog-meta li img {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ltn__blog-tags a {
|
|
margin-right: 10px;
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.ltn__blog-tags a::before {
|
|
position: absolute;
|
|
content: ",";
|
|
right: -3px;
|
|
}
|
|
.ltn__blog-tags a:last-child::before {
|
|
display: none;
|
|
}
|
|
|
|
.ltn__blog-author img {
|
|
border-radius: 100%;
|
|
margin-right: 10px;
|
|
max-width: 30px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.ltn__blog-btn {
|
|
color: var(--ltn__heading-color);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
.ltn__blog-category a {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
padding: 5px 15px 2px;
|
|
margin-bottom: 5px;
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
}
|
|
.ltn__blog-category a:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ltn__blog-category a:hover {
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__blog-meta-btn {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.ltn__blog-meta-btn .ltn__blog-meta {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* ltn__blog-item-1 */
|
|
.ltn__blog-item-1 .ltn__blog-img img {
|
|
border-radius: 0px 0px 0px 35px;
|
|
}
|
|
|
|
.ltn__blog-item-1 .ltn__blog-meta ul li {
|
|
position: relative;
|
|
}
|
|
.ltn__blog-item-1 .ltn__blog-meta ul li::before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 2px;
|
|
height: 10px;
|
|
top: 50%;
|
|
background-color: var(--ltn__primary-color);
|
|
right: -15px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
opacity: 0.2;
|
|
}
|
|
.ltn__blog-item-1 .ltn__blog-meta ul li:last-child::before {
|
|
display: none;
|
|
}
|
|
|
|
/* ltn__blog-item-2 */
|
|
.ltn__blog-item-2 {
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__blog-item-2 .ltn__blog-brief {
|
|
padding: 30px 20px 30px;
|
|
}
|
|
.ltn__blog-item-2 .ltn__blog-meta li:before {
|
|
height: 15px;
|
|
width: 2px;
|
|
top: 50%;
|
|
}
|
|
.ltn__blog-item-2 .ltn__blog-meta li:before::before {
|
|
position: absolute;
|
|
content: "";
|
|
right: -15px;
|
|
height: 15px;
|
|
width: 2px;
|
|
background-color: var(--ltn__heading-color);
|
|
top: 50%;
|
|
bottom: 6px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
opacity: 0.6;
|
|
}
|
|
.ltn__blog-item-2 .ltn__blog-meta li:before:last-child::before {
|
|
display: none;
|
|
}
|
|
.ltn__blog-item-2 .ltn__blog-btn {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
margin-top: -20px;
|
|
}
|
|
.ltn__blog-item-2:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
.ltn__blog-item-2:hover .ltn__blog-btn {
|
|
margin-top: 0;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
/* ltn__blog-item-3 */
|
|
/* ltn__blog-item-4 */
|
|
.ltn__blog-item-3 .ltn__blog-brief,
|
|
.ltn__blog-item-4 .ltn__blog-brief {
|
|
padding: 30px 30px 30px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
background-color: var(--white);
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__blog-item-3 .ltn__blog-meta,
|
|
.ltn__blog-item-4 .ltn__blog-meta {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.ltn__blog-item-3 .ltn__blog-meta-btn,
|
|
.ltn__blog-item-4 .ltn__blog-meta-btn {
|
|
border-top: 1px solid;
|
|
border-color: var(--border-color-1);
|
|
padding-top: 20px;
|
|
}
|
|
.ltn__blog-item-3 .ltn__blog-meta-btn .ltn__blog-meta,
|
|
.ltn__blog-item-4 .ltn__blog-meta-btn .ltn__blog-meta {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ltn__blog-item-3 .ltn__blog-btn,
|
|
.ltn__blog-item-4 .ltn__blog-btn {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
font-family: var(--ltn__heading-font);
|
|
color: var(--ltn__secondary-color);
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* ltn__blog-item-3 */
|
|
.ltn__blog-item-3 .ltn__blog-brief {
|
|
width: calc(100% - 30px);
|
|
-webkit-box-shadow: var(--ltn__box-shadow-4);
|
|
box-shadow: var(--ltn__box-shadow-4);
|
|
}
|
|
|
|
.ltn__blog-item-3 .ltn__blog-img + .ltn__blog-brief {
|
|
margin-top: -50px;
|
|
}
|
|
|
|
.ltn__blog-item-3-normal .ltn__blog-item-3 {
|
|
margin-bottom: 50px;
|
|
}
|
|
.ltn__blog-item-3-normal .ltn__blog-item-3 .ltn__blog-brief {
|
|
width: calc(100%);
|
|
}
|
|
.ltn__blog-item-3-normal .ltn__blog-item-3 .ltn__blog-img + .ltn__blog-brief {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.ltn__blog-item-3 .ltn__blog-img {
|
|
overflow: hidden;
|
|
}
|
|
.ltn__blog-item-3 .ltn__blog-img img {
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
}
|
|
|
|
.ltn__blog-item-3:hover .ltn__blog-img img {
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
/* ltn__blog-item-4 */
|
|
.ltn__blog-item-4 {
|
|
border: 2px solid var(--white-9);
|
|
margin-top: 1px;
|
|
}
|
|
.ltn__blog-item-4 .ltn__blog-brief {
|
|
margin-top: 0;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__blog-item-4 p {
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__blog-item-4::before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 0%;
|
|
background-color: var(--ltn__primary-color);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__blog-item-4:hover::before {
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0.9;
|
|
visibility: visible;
|
|
}
|
|
.ltn__blog-item-4:hover .ltn__blog-brief {
|
|
background-color: transparent;
|
|
}
|
|
.ltn__blog-item-4:hover .ltn__blog-meta,
|
|
.ltn__blog-item-4:hover .ltn__blog-title,
|
|
.ltn__blog-item-4:hover p {
|
|
color: var(--white);
|
|
}
|
|
|
|
/* ltn__blog-item-5 */
|
|
.ltn__blog-item-5 {
|
|
border: 2px solid var(--border-color-11);
|
|
}
|
|
.ltn__blog-item-5 .ltn__blog-brief {
|
|
padding: 40px 30px 40px 30px;
|
|
}
|
|
.ltn__blog-item-5 .ltn__blog-meta-btn {
|
|
padding-top: 10px;
|
|
}
|
|
.ltn__blog-item-5 .ltn__blog-author {
|
|
font-size: 16px;
|
|
}
|
|
.ltn__blog-item-5 .ltn__blog-author img {
|
|
max-width: 40px;
|
|
}
|
|
.ltn__blog-item-5 .ltn__blog-btn {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
font-family: var(--ltn__body-font);
|
|
}
|
|
|
|
/* blog-item-quote */
|
|
.ltn__blog-item-quote {
|
|
border: 0;
|
|
}
|
|
.ltn__blog-item-quote .ltn__blog-meta li {
|
|
color: var(--white);
|
|
}
|
|
.ltn__blog-item-quote .ltn__blog-meta li i {
|
|
color: var(--white);
|
|
}
|
|
.ltn__blog-item-quote .ltn__blog-meta li:hover a {
|
|
color: var(--white-3);
|
|
}
|
|
.ltn__blog-item-quote blockquote {
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
position: relative;
|
|
background-color: transparent;
|
|
font-style: normal;
|
|
border-left: 0;
|
|
border-color: var(--ltn__heading-color);
|
|
padding: 60px 0 0;
|
|
margin: 0px 0 30px 0px;
|
|
color: var(--white);
|
|
text-align: left;
|
|
}
|
|
.ltn__blog-item-quote blockquote::before {
|
|
position: absolute;
|
|
content: "\e94d";
|
|
font-family: "icomoon";
|
|
font-size: 30px;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
-webkit-transform: inherit;
|
|
-ms-transform: inherit;
|
|
transform: inherit;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__blog-item-quote blockquote a:hover,
|
|
.ltn__blog-item-quote blockquote:hover {
|
|
color: var(--white-3);
|
|
}
|
|
|
|
/* blog-item-6 */
|
|
.ltn__blog-item-6 {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-5);
|
|
box-shadow: var(--ltn__box-shadow-5);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__blog-item-6:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
.ltn__blog-item-6 .ltn__blog-brief {
|
|
padding: 35px 30px 15px 35px;
|
|
}
|
|
.ltn__blog-item-6 .ltn__blog-title {
|
|
font-size: 22px;
|
|
}
|
|
.ltn__blog-item-6 p {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* blog-item-7 */
|
|
.ltn__blog-item-7 {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-5);
|
|
box-shadow: var(--ltn__box-shadow-5);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__blog-item-7:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
.ltn__blog-item-7 .ltn__blog-meta li {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__blog-item-7 .ltn__blog-brief {
|
|
padding: 30px 30px 30px 35px;
|
|
}
|
|
.ltn__blog-item-7 .ltn__blog-title {
|
|
font-size: 18px;
|
|
text-transform: uppercase;
|
|
}
|
|
.ltn__blog-item-7 p {
|
|
font-size: 18px;
|
|
line-height: 28px;
|
|
}
|
|
.ltn__blog-item-7 .ltn__blog-btn {
|
|
font-size: 15px;
|
|
}
|
|
|
|
/* blog-list-wrap */
|
|
.ltn__blog-list-wrap .ltn__blog-item {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.ltn__blog-list-wrap .ltn__blog-title {
|
|
font-size: 40px;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.ltn__blog-list-wrap .ltn__blog-item-5 .ltn__blog-brief {
|
|
padding: 50px 40px 50px 45px;
|
|
}
|
|
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
|
|
padding-left: 100px;
|
|
}
|
|
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
|
|
font-size: 35px;
|
|
line-height: 1.2;
|
|
padding: 0 0 0 100px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
|
|
font-size: 80px;
|
|
left: 0;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote blockquote a:hover,
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote blockquote:hover {
|
|
color: var(--white-3);
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.ltn__blog-list-wrap .ltn__blog-title {
|
|
font-size: 26px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
|
|
font-size: 24px;
|
|
padding: 0 0 0 80px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
|
|
font-size: 50px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
|
|
padding-left: 80px;
|
|
}
|
|
.ltn__blog-item-6 .ltn__blog-title {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__blog-title {
|
|
font-size: 22px;
|
|
}
|
|
.ltn__blog-item-3 .ltn__blog-brief {
|
|
width: calc(100% - 30px);
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-title {
|
|
font-size: 26px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
|
|
font-size: 24px;
|
|
padding: 0 0 0 0px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
|
|
font-size: 30px;
|
|
display: block;
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__blog-title {
|
|
font-size: 18px;
|
|
}
|
|
.ltn__blog-meta li {
|
|
margin-right: 10px;
|
|
font-size: 12px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-title {
|
|
font-size: 22px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-5 .ltn__blog-brief {
|
|
padding: 40px 20px 35px 20px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
|
|
font-size: 20px;
|
|
padding: 0 0 0 0px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
|
|
font-size: 30px;
|
|
display: block;
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
}
|
|
.ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
|
|
padding-left: 0;
|
|
}
|
|
.ltn__blog-item-6 .ltn__blog-title {
|
|
font-size: 20px;
|
|
}
|
|
.ltn__blog-item-6 .ltn__blog-brief {
|
|
padding: 35px 20px 15px 20px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Blog Details
|
|
---------------------------------------------------- */
|
|
.ltn__page-details-inner h1,
|
|
.ltn__page-details-inner h2,
|
|
.ltn__page-details-inner h3,
|
|
.ltn__page-details-inner h4,
|
|
.ltn__page-details-inner h5,
|
|
.ltn__page-details-inner h6 {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.ltn__page-details-inner p {
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
.ltn__page-details-inner .ltn__blog-title {
|
|
margin-top: 0;
|
|
font-size: 36px;
|
|
}
|
|
|
|
.ltn__page-details-inner .ltn__blog-img {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.ltn__page-details-inner .img-radius img {
|
|
border-radius: 0px 0px 0px 35px;
|
|
}
|
|
|
|
.ltn__page-details-inner label {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* blog-details-wrap */
|
|
.ltn__blog-details-wrap {
|
|
border: 2px solid var(--border-color-11);
|
|
padding: 50px;
|
|
margin-bottom: 90px;
|
|
}
|
|
|
|
blockquote {
|
|
font-size: 28px;
|
|
font-family: var(--ltn__heading-font);
|
|
line-height: 1.6;
|
|
font-weight: 700;
|
|
background-color: var(--section-bg-1);
|
|
padding: 60px 50px 60px 60px;
|
|
margin: 50px 0 50px 0px;
|
|
font-style: normal;
|
|
text-align: center;
|
|
border-left: 0;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
blockquote::before {
|
|
position: absolute;
|
|
content: "\e94d";
|
|
font-family: "icomoon";
|
|
font-size: 230px;
|
|
right: 45px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
color: var(--white);
|
|
z-index: -1;
|
|
}
|
|
|
|
.ltn__comment-item {
|
|
position: relative;
|
|
}
|
|
.ltn__comment-item p {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ltn__commenter-img {
|
|
float: left;
|
|
margin-right: 30px;
|
|
max-width: 100px;
|
|
}
|
|
|
|
.ltn__commenter-img img {
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.ltn__commenter-comment {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ltn__commenter-comment h6 {
|
|
margin-bottom: 5px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.ltn__commenter-comment .comment-date {
|
|
margin-bottom: 10px;
|
|
display: block;
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
font-family: var(--ltn__heading-font);
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__comment-inner ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.ltn__comment-inner li {
|
|
list-style: none;
|
|
border-top: 1px solid var(--border-color-12);
|
|
padding-top: 30px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.ltn__comment-inner > ul > li:first-child {
|
|
border-top: 0;
|
|
padding-top: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.ltn__comment-inner ul ul {
|
|
margin: 0 0 0 70px;
|
|
padding: 0;
|
|
}
|
|
|
|
.ltn__comment-reply-btn {
|
|
position: absolute;
|
|
padding: 0 25px 0;
|
|
border: 2px solid var(--border-color-11);
|
|
display: inline-block;
|
|
border-radius: 25px;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
height: 40px;
|
|
line-height: 36px;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.ltn__comment-reply-btn i {
|
|
margin-right: 5px;
|
|
}
|
|
.ltn__comment-reply-btn:hover {
|
|
border-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__comment-reply-area form {
|
|
padding: 50px;
|
|
background-color: var(--white-5);
|
|
}
|
|
.ltn__comment-reply-area form input[type="text"],
|
|
.ltn__comment-reply-area form input[type="email"],
|
|
.ltn__comment-reply-area form input[type="password"],
|
|
.ltn__comment-reply-area form input[type="submit"],
|
|
.ltn__comment-reply-area form textarea {
|
|
border-color: var(--white-5);
|
|
}
|
|
|
|
.ltn__comment-inner .product-ratting ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__comment-inner .product-ratting ul li {
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.ltn__first-letter {
|
|
font-size: 70px;
|
|
font-weight: 700;
|
|
float: left;
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
margin-right: 30px;
|
|
line-height: 1;
|
|
text-transform: uppercase;
|
|
width: 100px;
|
|
height: 100px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.ltn__blog-tags-social-media .ltn__social-media ul li {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
|
|
.ltn__prev-next-btn {
|
|
position: relative;
|
|
}
|
|
.ltn__prev-next-btn::before {
|
|
position: absolute;
|
|
content: "\e958";
|
|
font-family: "icomoon";
|
|
left: 50%;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%) translateX(-50%);
|
|
-ms-transform: translateY(-50%) translateX(-50%);
|
|
transform: translateY(-50%) translateX(-50%);
|
|
font-size: 30px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__prev-next-btn h6 {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__prev-next-btn .ltn__blog-title {
|
|
font-size: 28px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ltn-author-introducing {
|
|
padding: 40px;
|
|
border: 2px solid var(--border-color-11);
|
|
margin-bottom: 50px;
|
|
}
|
|
.ltn-author-introducing .author-img {
|
|
float: left;
|
|
max-width: 180px;
|
|
margin-right: 40px;
|
|
}
|
|
.ltn-author-introducing .author-info {
|
|
overflow: hidden;
|
|
}
|
|
.ltn-author-introducing .author-info h6 {
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn-author-introducing .author-info h1 {
|
|
margin-bottom: 10px;
|
|
}
|
|
.ltn-author-introducing .author-info p {
|
|
font-size: 14px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn-author-introducing .author-info p + p {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.ltn-author-introducing .author-img {
|
|
max-width: 120px;
|
|
margin-right: 30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__blog-tags-social-media .ltn__social-media {
|
|
text-align: left !important;
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__page-details-inner .ltn__blog-title {
|
|
margin-top: 0;
|
|
font-size: 24px;
|
|
}
|
|
.ltn__page-details-inner .ltn__blog-img {
|
|
margin-bottom: 40px;
|
|
}
|
|
.ltn__blog-details-wrap {
|
|
padding: 50px 20px;
|
|
}
|
|
blockquote {
|
|
font-size: 16px;
|
|
padding: 70px 20px 40px 20px;
|
|
}
|
|
blockquote::before {
|
|
position: initial;
|
|
font-size: 60px;
|
|
display: block;
|
|
line-height: 1;
|
|
}
|
|
.ltn__prev-next-btn .ltn__blog-title {
|
|
font-size: 18px;
|
|
}
|
|
.blog-prev {
|
|
margin-bottom: 40px;
|
|
}
|
|
.blog-next {
|
|
margin-top: 40px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn-author-introducing {
|
|
padding: 40px 20px;
|
|
}
|
|
.ltn-author-introducing .author-img {
|
|
max-width: 100px;
|
|
margin-right: 0px;
|
|
margin-bottom: 30px;
|
|
}
|
|
.ltn-author-introducing .author-info {
|
|
overflow: inherit;
|
|
}
|
|
.ltn__commenter-img {
|
|
float: inherit;
|
|
margin-right: 0;
|
|
max-width: 80px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.ltn__commenter-comment h6 {
|
|
font-size: 18px;
|
|
}
|
|
.ltn__comment-reply-btn {
|
|
position: inherit;
|
|
font-size: 12px;
|
|
}
|
|
.ltn__comment-inner ul ul {
|
|
margin: 0px;
|
|
}
|
|
.ltn__comment-inner li {
|
|
margin-top: 30px;
|
|
}
|
|
.ltn__comment-reply-area form {
|
|
padding: 50px 20px;
|
|
}
|
|
.ltn__first-letter {
|
|
font-size: 40px;
|
|
margin-right: 20px;
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Service Details
|
|
---------------------------------------------------- */
|
|
.ltn__service-list-menu ul {
|
|
padding: 0;
|
|
}
|
|
.ltn__service-list-menu ul li {
|
|
display: block;
|
|
border-top: 2px solid #f6f6f6;
|
|
padding: 18px 0;
|
|
margin: 0;
|
|
font-weight: 700;
|
|
font-family: var(--ltn__heading-font);
|
|
}
|
|
.ltn__service-list-menu ul li:last-child {
|
|
border-bottom: 2px solid #f6f6f6;
|
|
}
|
|
.ltn__service-list-menu ul li i {
|
|
margin-right: 5px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__service-list-menu ul li .service-price {
|
|
float: right;
|
|
text-transform: capitalize;
|
|
font-weight: 400;
|
|
font-family: var(--ltn__body-font);
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__service-list-menu ul li .service-price {
|
|
float: none;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Pagination
|
|
---------------------------------------------------- */
|
|
/* ltn__pagination-3 */
|
|
.ltn__pagination ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ltn__pagination ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
.ltn__pagination ul li:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
.ltn__pagination ul li a {
|
|
height: 50px;
|
|
width: 50px;
|
|
line-height: 46px;
|
|
border: 2px solid var(--border-color-11);
|
|
text-align: center;
|
|
display: block;
|
|
font-weight: 700;
|
|
}
|
|
.ltn__pagination ul li:hover a,
|
|
.ltn__pagination ul li.active a {
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__pagination ul li {
|
|
margin-right: 5px;
|
|
font-size: 14px;
|
|
}
|
|
.ltn__pagination ul li a {
|
|
height: 40px;
|
|
width: 40px;
|
|
line-height: 36px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Testimonial ( 1, 2, 3, 4, 5, 6 )
|
|
---------------------------------------------------- */
|
|
.ltn__testimonial-item {
|
|
max-width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-bottom: 30px;
|
|
margin-bottom: 50px;
|
|
}
|
|
.ltn__testimonial-item .ltn__testimoni-img img {
|
|
border-radius: 100%;
|
|
}
|
|
.ltn__testimonial-item.text-center .ltn__testimoni-img {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.ltn__testimonial-item.text-right .ltn__testimoni-img {
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.ltn__testimoni-img {
|
|
max-width: 120px;
|
|
margin-bottom: 30px;
|
|
}
|
|
.ltn__testimoni-img img {
|
|
border-radius: 0;
|
|
}
|
|
.ltn__testimoni-img i {
|
|
width: 50px;
|
|
height: 50px;
|
|
line-height: 48px;
|
|
border: 1px solid;
|
|
border-radius: 100%;
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* testimonial-item-2 */
|
|
.ltn__testimonial-item-2 {
|
|
max-width: 60%;
|
|
}
|
|
.ltn__testimonial-item-2 .ltn__testimoni-img {
|
|
max-width: 85px;
|
|
outline: 8px solid;
|
|
outline-color: var(--white);
|
|
margin-top: 8px;
|
|
position: relative;
|
|
}
|
|
.ltn__testimonial-item-2 .ltn__testimoni-img img {
|
|
border-radius: 0;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-4);
|
|
box-shadow: var(--ltn__box-shadow-4);
|
|
}
|
|
.ltn__testimonial-item-2 p {
|
|
font-size: 24px;
|
|
}
|
|
.ltn__testimonial-item-2 .ltn__testimoni-info h4 {
|
|
font-size: 30px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__testimonial-item-2 .ltn__testimoni-info h6 {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* testimonial-item-3 */
|
|
.ltn__testimonial-item-3 {
|
|
max-width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
.ltn__testimonial-item-3 .ltn__testimoni-info {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-4);
|
|
box-shadow: var(--ltn__box-shadow-4);
|
|
width: calc(100% - 40px);
|
|
margin: -60px auto 0;
|
|
background-color: var(--white);
|
|
padding: 25px 30px 30px;
|
|
position: relative;
|
|
z-index: 9;
|
|
}
|
|
.ltn__testimonial-item-3 .ltn__testimoni-info p {
|
|
margin-top: 0;
|
|
}
|
|
.ltn__testimonial-item-3 .ltn__testimoni-info h4 {
|
|
margin-bottom: 5px;
|
|
margin-top: 0;
|
|
}
|
|
.ltn__testimonial-item-3 .ltn__testimoni-info h6 {
|
|
margin-bottom: 5px;
|
|
margin-top: 0;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__testimonial-item-3 .ltn__testimoni-info-inner {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.ltn__testimonial-item-3 .ltn__testimoni-img {
|
|
max-width: 60px;
|
|
margin-bottom: 0;
|
|
margin-right: 15px;
|
|
}
|
|
.ltn__testimonial-item-3 .ltn__testimoni-img img {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.ltn__testimoni-bg-icon {
|
|
position: absolute;
|
|
right: 15px;
|
|
bottom: 5px;
|
|
z-index: -1;
|
|
opacity: 0.1;
|
|
}
|
|
.ltn__testimoni-bg-icon i {
|
|
font-size: 110px;
|
|
line-height: 1;
|
|
color: var(--ltn__color-1);
|
|
}
|
|
|
|
/* testimonial-item-4 */
|
|
.ltn__testimonial-item-4 {
|
|
max-width: 100%;
|
|
position: relative;
|
|
padding: 40px;
|
|
background-color: var(--white);
|
|
-webkit-box-shadow: var(--ltn__box-shadow-2);
|
|
box-shadow: var(--ltn__box-shadow-2);
|
|
z-index: 2;
|
|
}
|
|
.ltn__testimonial-item-4 .ltn__testimoni-img {
|
|
max-width: 160px;
|
|
float: left;
|
|
margin-right: 40px;
|
|
}
|
|
.ltn__testimonial-item-4 .ltn__testimoni-img img {
|
|
border-radius: 0;
|
|
}
|
|
.ltn__testimonial-item-4 .ltn__testimoni-info {
|
|
overflow: hidden;
|
|
}
|
|
.ltn__testimonial-item-4 .ltn__testimoni-info p {
|
|
margin-bottom: 15px;
|
|
}
|
|
.ltn__testimonial-item-4 .ltn__testimoni-info h4 {
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__testimonial-item-4 .ltn__testimoni-info h6 {
|
|
margin-bottom: 5px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* testimonial-item-5 */
|
|
.ltn__testimonial-slider-4 {
|
|
max-width: 45%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.ltn__testimonial-item-5 .ltn__quote-icon {
|
|
font-size: 240px;
|
|
position: absolute;
|
|
top: -15px;
|
|
line-height: 1;
|
|
color: var(--white-7);
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
z-index: -1;
|
|
}
|
|
|
|
.ltn__testimonial-item-5 .ltn__testimonial-image {
|
|
max-width: 85px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 50px;
|
|
}
|
|
.ltn__testimonial-item-5 .ltn__testimonial-image img {
|
|
outline: 8px solid #fff;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
|
|
.ltn__testimonial-item-5 .ltn__testimonial-info {
|
|
margin-top: 30px;
|
|
}
|
|
.ltn__testimonial-item-5 .ltn__testimonial-info p {
|
|
font-size: 24px;
|
|
}
|
|
.ltn__testimonial-item-5 .ltn__testimonial-info h4 {
|
|
font-size: 30px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__testimonial-item-5 .ltn__testimonial-info h6 {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__testimonial-quote-menu {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__testimonial-quote-menu li {
|
|
list-style: none;
|
|
}
|
|
.ltn__testimonial-quote-menu li img {
|
|
position: absolute;
|
|
}
|
|
.ltn__testimonial-quote-menu li:nth-child(1) img {
|
|
width: 105px;
|
|
top: -15%;
|
|
left: 0;
|
|
}
|
|
.ltn__testimonial-quote-menu li:nth-child(2) img {
|
|
width: 65px;
|
|
top: 0;
|
|
left: auto;
|
|
right: 3%;
|
|
}
|
|
.ltn__testimonial-quote-menu li:nth-child(3) img {
|
|
width: 65px;
|
|
top: 70%;
|
|
left: 10%;
|
|
}
|
|
.ltn__testimonial-quote-menu li:nth-child(4) img {
|
|
width: 125px;
|
|
top: 60%;
|
|
left: auto;
|
|
right: 10%;
|
|
}
|
|
.ltn__testimonial-quote-menu li:nth-child(5) img {
|
|
width: 75px;
|
|
top: 40%;
|
|
left: 3%;
|
|
}
|
|
.ltn__testimonial-quote-menu li:nth-child(6) img {
|
|
width: 75px;
|
|
top: 25%;
|
|
left: auto;
|
|
right: 15%;
|
|
}
|
|
.ltn__testimonial-quote-menu li:nth-child(7) img {
|
|
width: 55px;
|
|
top: 20%;
|
|
left: 15%;
|
|
}
|
|
.ltn__testimonial-quote-menu li:nth-child(8) img {
|
|
width: 55px;
|
|
top: 40%;
|
|
left: auto;
|
|
right: 3%;
|
|
}
|
|
|
|
/* testimonial-item-6 */
|
|
.ltn__testimonial-item-6 {
|
|
padding-top: 50px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn__testimonial-item-6 .ltn__testimoni-img i {
|
|
border: 0;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__testimonial-item-6 p {
|
|
font-size: 28px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__testimonial-item-2 {
|
|
max-width: 70%;
|
|
}
|
|
.ltn__testimonial-item-2 p {
|
|
font-size: 20px;
|
|
}
|
|
.ltn__testimonial-item-2 .ltn__testimoni-info h4 {
|
|
font-size: 24px;
|
|
}
|
|
.ltn__testimonial-slider-4 {
|
|
max-width: 70%;
|
|
}
|
|
.ltn__testimonial-item-5 .ltn__testimonial-info p {
|
|
font-size: 20px;
|
|
}
|
|
.quote-animated-image {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__testimonial-item-2 {
|
|
max-width: 95%;
|
|
}
|
|
.ltn__testimonial-item-2 p {
|
|
font-size: 16px;
|
|
}
|
|
.ltn__testimonial-item-2 .ltn__testimoni-info h4 {
|
|
font-size: 20px;
|
|
}
|
|
.ltn__testimonial-item-3 .ltn__testimoni-info {
|
|
width: calc(100% - 20px);
|
|
padding: 25px 20px 30px;
|
|
}
|
|
.ltn__testimonial-item-4 .ltn__testimoni-img {
|
|
float: none;
|
|
}
|
|
.ltn__testimonial-slider-4 {
|
|
max-width: 95%;
|
|
}
|
|
.ltn__testimonial-item-5 .ltn__testimonial-info p {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Banner Area ( style: 2, 3 )
|
|
---------------------------------------------------- */
|
|
.ltn__banner-item {
|
|
margin-bottom: 30px;
|
|
position: relative;
|
|
}
|
|
|
|
.ltn__banner-img {
|
|
overflow: hidden;
|
|
}
|
|
.ltn__banner-img img {
|
|
-webkit-transition: all 3.5s ease 0s;
|
|
-o-transition: all 3.5s ease 0s;
|
|
transition: all 3.5s ease 0s;
|
|
}
|
|
.ltn__banner-img:hover img {
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
-webkit-transform: scale(1.1);
|
|
}
|
|
|
|
.ltn__banner-info h4 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ltn__banner-style-2 .ltn__banner-info {
|
|
padding: 20px 30px;
|
|
border: 1px solid;
|
|
border-color: var(--border-color-1);
|
|
}
|
|
|
|
.ltn__banner-style-3 .ltn__banner-info {
|
|
position: absolute;
|
|
left: 35px;
|
|
top: 30px;
|
|
}
|
|
|
|
.ltn__banner-style-3 .banner-button {
|
|
position: absolute;
|
|
bottom: 30px;
|
|
left: 30px;
|
|
}
|
|
.ltn__banner-style-3 .banner-button a {
|
|
color: var(--ltn__color-1);
|
|
padding: 12px 25px;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
display: inline-block;
|
|
}
|
|
.ltn__banner-style-3 .banner-button a:hover {
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__banner-style-4 .ltn__banner-info {
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Team Area
|
|
---------------------------------------------------- */
|
|
.ltn__team-item {
|
|
margin-bottom: 30px;
|
|
border: 2px solid var(--border-color-8);
|
|
text-align: center;
|
|
-webkit-transition: 0.3s;
|
|
-o-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
.ltn__team-item:hover {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
|
|
.team-info {
|
|
padding: 25px 15px;
|
|
}
|
|
|
|
/* team-item-2 */
|
|
.ltn__team-item-2 {
|
|
position: relative;
|
|
}
|
|
.ltn__team-item-2:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--gradient-color-1);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__team-item-2 .team-info {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 60%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__team-item-2:hover:before {
|
|
opacity: 0.7;
|
|
visibility: visible;
|
|
}
|
|
.ltn__team-item-2:hover .team-info {
|
|
top: 50%;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
/* team-item-3 */
|
|
.ltn__team-item-3 {
|
|
padding: 45px 20px 25px;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
border: 0;
|
|
position: relative;
|
|
}
|
|
.ltn__team-item-3 .team-img {
|
|
max-width: 180px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.ltn__team-item-3 .team-img img {
|
|
border-radius: 100%;
|
|
}
|
|
.ltn__team-item-3 h6 {
|
|
text-transform: uppercase;
|
|
}
|
|
.ltn__team-item-3 .team-info {
|
|
padding: 0;
|
|
margin-top: 30px;
|
|
}
|
|
.ltn__team-item-3 .ltn__social-media {
|
|
-webkit-transition: 0.5s;
|
|
-o-transition: 0.5s;
|
|
transition: 0.5s;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: currentColor;
|
|
width: 100%;
|
|
padding: 10px 20px 20px;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
border-bottom: 3px solid transparent;
|
|
}
|
|
.ltn__team-item-3:hover {
|
|
background-color: var(--ltn__primary-color);
|
|
}
|
|
.ltn__team-item-3:hover h6,
|
|
.ltn__team-item-3:hover h4,
|
|
.ltn__team-item-3:hover .ltn__social-media ul li {
|
|
color: var(--white);
|
|
}
|
|
.ltn__team-item-3:hover .ltn__social-media {
|
|
bottom: -25px;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
z-index: 999;
|
|
border-bottom-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__team-item-3 {
|
|
max-width: 300px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
CounterUp Area
|
|
---------------------------------------------------- */
|
|
.ltn__counterup-item {
|
|
margin-bottom: 50px;
|
|
text-align: center;
|
|
}
|
|
.ltn__counterup-item .counter-icon {
|
|
margin-bottom: 25px;
|
|
}
|
|
.ltn__counterup-item .counter-icon i {
|
|
font-size: 35px;
|
|
}
|
|
.ltn__counterup-item h1 {
|
|
font-weight: 700;
|
|
font-size: 40px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* counterup-item-2 */
|
|
.ltn__counterup-item-2 {
|
|
margin-bottom: 50px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
.ltn__counterup-item-2 .counter-icon {
|
|
margin-bottom: 0;
|
|
margin-right: 30px;
|
|
text-align: center;
|
|
}
|
|
.ltn__counterup-item-2 .counter-icon i {
|
|
font-size: 35px;
|
|
height: 65px;
|
|
width: 65px;
|
|
line-height: 65px;
|
|
border: 1px solid;
|
|
border-radius: 5px;
|
|
color: var(--ltn__color-1);
|
|
}
|
|
.ltn__counterup-item-2 h1,
|
|
.ltn__counterup-item-2 h6 {
|
|
font-weight: 600;
|
|
font-size: 36px;
|
|
line-height: 1;
|
|
margin-bottom: 10px;
|
|
}
|
|
.ltn__counterup-item-2 h6 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
/* counterup-item-3 */
|
|
.ltn__counterup-item-3 {
|
|
margin-bottom: 50px;
|
|
}
|
|
.ltn__counterup-item-3 .counter-icon {
|
|
color: var(--ltn__color-1);
|
|
margin-bottom: 20px;
|
|
}
|
|
.ltn__counterup-item-3 h1 {
|
|
font-size: 72px;
|
|
line-height: 1;
|
|
}
|
|
.ltn__counterup-item-3 .counterUp-icon {
|
|
font-size: 30px;
|
|
}
|
|
.ltn__counterup-item-3 h6 {
|
|
font-family: var(--ltn__body-font);
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.ltn__counterup-item-3 h1 {
|
|
font-size: 56px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__counterup-area .ltn__section-title-2 {
|
|
text-align: center;
|
|
}
|
|
.ltn__counterup-item-3 {
|
|
text-align: center;
|
|
}
|
|
.ltn__counterup-item-3 h1 {
|
|
font-size: 56px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Contact Form Area
|
|
---------------------------------------------------- */
|
|
.ltn__contact-address-item {
|
|
padding: 40px 30px 10px;
|
|
text-align: center;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-2);
|
|
box-shadow: var(--ltn__box-shadow-2);
|
|
margin-bottom: 30px;
|
|
}
|
|
.ltn__contact-address-item i {
|
|
background-color: transparent;
|
|
color: var(--ltn__heading-color);
|
|
height: 60px;
|
|
width: 60px;
|
|
line-height: 60px;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-2);
|
|
box-shadow: var(--ltn__box-shadow-2);
|
|
text-align: center;
|
|
border-radius: 100%;
|
|
margin-bottom: 30px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__contact-address-item:hover i {
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__contact-address-item-2 {
|
|
padding: 30px 0 10px;
|
|
margin-bottom: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ltn__contact-address-item-2 + .ltn__contact-address-item-2 {
|
|
border-top: 1px solid;
|
|
}
|
|
|
|
.contact-form-box {
|
|
padding: 40px 50px 50px;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.contact-form-box input::-webkit-input-placeholder {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
.contact-form-box input::-moz-placeholder {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
.contact-form-box input:-ms-input-placeholder {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
.contact-form-box input:-moz-placeholder {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
|
|
.contact-form-box-2 input,
|
|
.contact-form-box-2 textarea {
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.google-map {
|
|
height: 800px;
|
|
}
|
|
|
|
.ltn__contact-address-item-3 {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border: 2px solid var(--border-color-11);
|
|
padding: 50px 30px 25px;
|
|
}
|
|
.ltn__contact-address-item-3 i {
|
|
font-size: 50px;
|
|
border: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ltn__contact-address-item-3 .ltn__contact-address-icon {
|
|
margin-bottom: 35px;
|
|
}
|
|
.ltn__contact-address-item-3 .ltn__contact-address-icon img {
|
|
max-width: 80px;
|
|
}
|
|
.ltn__contact-address-item-3:hover i {
|
|
background-color: transparent;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.form-messege .error {
|
|
color: var(--red);
|
|
}
|
|
|
|
.form-messege .success {
|
|
color: var(--green);
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.contact-form-box {
|
|
padding: 40px 25px 50px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Cart Table Area
|
|
---------------------------------------------------- */
|
|
.table-1 table {
|
|
border: 0;
|
|
text-transform: uppercase;
|
|
font-size: 13px;
|
|
width: 100%;
|
|
}
|
|
.table-1 table tr:first-child {
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
background-color: #e5e5e6;
|
|
}
|
|
.table-1 table tr:nth-child(odd) {
|
|
background-color: #e5e5e6;
|
|
}
|
|
.table-1 table tr:nth-of-type(even) {
|
|
background: #f9f9f9;
|
|
}
|
|
.table-1 table tr th {
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
background-color: #e5e5e6;
|
|
border-right: 2px solid #fff;
|
|
border-bottom: 2px solid #fff;
|
|
padding: 10px 0;
|
|
display: table-cell;
|
|
line-height: 18px;
|
|
text-align: center;
|
|
width: 12%;
|
|
}
|
|
.table-1 table tr td {
|
|
border-right: 2px solid #fff;
|
|
border-bottom: 2px solid #fff;
|
|
padding: 10px 0;
|
|
display: table-cell;
|
|
line-height: 18px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mobile-show {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.mobile-none {
|
|
display: none;
|
|
}
|
|
.mobile-show {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Cart plus minus
|
|
---------------------------------------------------- */
|
|
.cart-plus-minus {
|
|
border: 2px solid;
|
|
height: 63px;
|
|
line-height: 56px;
|
|
width: 140px;
|
|
text-align: center;
|
|
}
|
|
|
|
.qtybutton {
|
|
height: 100%;
|
|
width: 30%;
|
|
}
|
|
|
|
.dec.qtybutton {
|
|
float: left;
|
|
border-right: 2px solid;
|
|
}
|
|
|
|
.inc.qtybutton {
|
|
float: right;
|
|
border-left: 2px solid;
|
|
}
|
|
|
|
.cart-plus-minus,
|
|
.dec.qtybutton,
|
|
.inc.qtybutton {
|
|
background-color: var(--white);
|
|
border-color: var(--border-color-11);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
}
|
|
|
|
input.cart-plus-minus-box {
|
|
background: transparent none repeat scroll 0 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
height: 100%;
|
|
margin-bottom: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 40%;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Product Details
|
|
---------------------------------------------------- */
|
|
.product-details-content .product-title {
|
|
font-size: 36px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.product-details-content .product-price {
|
|
font-size: 24px;
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.product-details-content .product-excerpt {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.product-details-content .cart-plus-minus {
|
|
display: inline-block;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.product-details-content .product-details-cart-btn {
|
|
display: inline-block;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.product-details-content .product-details-buy-btn .theme-btn-1 {
|
|
padding: 10px 100px 9px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Shoping Cart
|
|
---------------------------------------------------- */
|
|
.table tr:nth-child(odd) {
|
|
background-color: #f7f8fa;
|
|
}
|
|
|
|
.table tr:nth-child(even) {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.shoping-cart-table tbody {
|
|
border-bottom: 1px solid #dee2e6;
|
|
}
|
|
|
|
.shoping-cart-table thead th {
|
|
vertical-align: middle;
|
|
border-bottom: 0;
|
|
background-color: #f7f8fa;
|
|
}
|
|
|
|
.shoping-cart-table .table tr {
|
|
background-color: transparent;
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.shoping-cart-table td {
|
|
padding: 20px 25px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.cart-product-image img {
|
|
max-width: 100px;
|
|
}
|
|
|
|
.cart-product-remove {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.cart-product-remove:hover {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.cart-product-subtotal {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.cart-coupon-row {
|
|
background-color: #f7f8fa;
|
|
text-align: right;
|
|
}
|
|
|
|
.cart-coupon {
|
|
text-align: left;
|
|
}
|
|
|
|
.cart-coupon input {
|
|
max-width: 250px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.submit-button-1 {
|
|
padding: 10px 30px;
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
.submit-button-1:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.btn.disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.shoping-cart-total {
|
|
float: right;
|
|
max-width: 450px;
|
|
width: 100%;
|
|
}
|
|
.shoping-cart-total .table {
|
|
margin-bottom: 0;
|
|
}
|
|
.shoping-cart-total .btn-wrapper {
|
|
margin-top: 0;
|
|
}
|
|
.shoping-cart-total .btn-wrapper .theme-btn-1 {
|
|
display: block;
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.shoping-cart-table td {
|
|
padding: 20px 10px;
|
|
}
|
|
.cart-product-image img {
|
|
max-width: 80px;
|
|
}
|
|
.cart-product-info h4 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.shoping-cart-table thead th {
|
|
display: none;
|
|
}
|
|
.shoping-cart-table .table tr {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.shoping-cart-table td {
|
|
display: block;
|
|
padding: 20px 15px;
|
|
}
|
|
.cart-product-image {
|
|
max-width: 100%;
|
|
}
|
|
.shoping-cart-table .cart-plus-minus {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.cart-coupon input {
|
|
margin-bottom: 20px;
|
|
}
|
|
.shoping-cart-table .table tr:nth-child(even) {
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Custom Content
|
|
---------------------------------------------------- */
|
|
.custom-content-brief h1 {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.custom-content-brief .btn-wrapper {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Newsletter
|
|
---------------------------------------------------- */
|
|
.ltn__newsletter-inner .ltn__form-box {
|
|
position: relative;
|
|
margin-top: 30px;
|
|
}
|
|
.ltn__newsletter-inner .ltn__form-box input {
|
|
margin-bottom: 0;
|
|
padding-right: 140px;
|
|
}
|
|
.ltn__newsletter-inner .ltn__form-box button {
|
|
margin-top: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
height: 100%;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.ltn__newsletter-inner-2 .ltn__form-box input {
|
|
border-width: 0px 0px 1px 0px;
|
|
padding-right: 140px;
|
|
}
|
|
|
|
.ltn__newsletter-inner-3 .ltn__form-box input {
|
|
border-radius: 50px;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Faq Area
|
|
---------------------------------------------------- */
|
|
.ltn__faq-inner .card {
|
|
border: none;
|
|
border-radius: 0;
|
|
margin-bottom: 35px;
|
|
}
|
|
.ltn__faq-inner .card:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn__faq-inner .card .ltn__card-title {
|
|
background-color: var(--section-bg-1);
|
|
padding: 22px 15px 22px 40px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
-webkit-transition: 0.3s;
|
|
-o-transition: 0.3s;
|
|
transition: 0.3s;
|
|
font-size: 18px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn__faq-inner .card .ltn__card-title::before {
|
|
position: absolute;
|
|
content: "\e903";
|
|
font-family: "icomoon";
|
|
right: 15px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
font-size: 20px;
|
|
}
|
|
.ltn__faq-inner .card .ltn__card-title[aria-expanded="true"] {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
.ltn__faq-inner .card .ltn__card-title[aria-expanded="true"]:before {
|
|
content: "\e904";
|
|
}
|
|
.ltn__faq-inner .card .card-body {
|
|
padding: 20px 0 0 0;
|
|
}
|
|
|
|
/* ltn__faq-inner-2 */
|
|
.ltn__faq-inner-2 .card {
|
|
margin: 0 0 -2px 0;
|
|
border: 2px solid;
|
|
border-color: var(--border-color-10);
|
|
}
|
|
.ltn__faq-inner-2 .card .ltn__card-title {
|
|
background-color: transparent;
|
|
padding: 20px 60px 20px 40px;
|
|
}
|
|
.ltn__faq-inner-2 .card .ltn__card-title::before {
|
|
background-color: var(--section-bg-1);
|
|
color: var(--ltn__primary-color);
|
|
font-size: 16px;
|
|
height: 40px;
|
|
width: 40px;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
}
|
|
.ltn__faq-inner-2 .card .ltn__card-title[aria-expanded="true"] {
|
|
background-color: transparent;
|
|
color: var(--ltn__primary-color);
|
|
}
|
|
.ltn__faq-inner-2 .card .ltn__card-title[aria-expanded="true"]:before {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__faq-inner-2 .card .card-body {
|
|
padding: 15px 40px 25px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__faq-inner-2 .card .ltn__card-title {
|
|
padding: 20px 60px 20px 20px;
|
|
font-size: 16px;
|
|
}
|
|
.ltn__faq-inner-2 .card .card-body {
|
|
padding: 15px 20px 25px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
404 Area
|
|
---------------------------------------------------- */
|
|
.error-404-inner .btn-wrapper {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.error-404-title {
|
|
font-size: 120px;
|
|
line-height: 1;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
/* 404 area 1 */
|
|
.ltn__404-area-1 .error-404-title {
|
|
font-size: 400px;
|
|
line-height: 1;
|
|
color: var(--ltn__secondary-color);
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ltn__404-area-1 h2 {
|
|
font-size: 60px;
|
|
}
|
|
|
|
/* 404 area 2 */
|
|
.ltn__404-area-2 {
|
|
min-height: 90vh;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.ltn__404-area-2 .error-404-inner {
|
|
padding: 150px 0 170px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.ltn__404-area-1 .error-404-title {
|
|
font-size: 200px;
|
|
}
|
|
.ltn__404-area-1 h2 {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__404-area-2 .error-404-inner {
|
|
padding: 80px 0 110px;
|
|
}
|
|
.error-404-inner p br {
|
|
display: none;
|
|
}
|
|
.error-404-title {
|
|
font-size: 80px;
|
|
}
|
|
.ltn__404-area-1 .error-404-title {
|
|
font-size: 100px;
|
|
}
|
|
.ltn__404-area-1 h2 {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Coming Soon Area
|
|
---------------------------------------------------- */
|
|
.ltn__coming-soon-area {
|
|
min-height: 100vh;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.coming-soon-inner {
|
|
padding: 120px 0 100px;
|
|
}
|
|
.coming-soon-inner .ltn__countdown {
|
|
margin-top: 0;
|
|
}
|
|
.coming-soon-inner .ltn__countdown .single {
|
|
border: 1px solid var(--border-color-3);
|
|
margin-right: 30px;
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
min-width: 120px;
|
|
padding-top: 15px;
|
|
}
|
|
.coming-soon-inner .btn-wrapper {
|
|
margin-top: 50px;
|
|
}
|
|
.coming-soon-inner p {
|
|
max-width: 380px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.coming-soon-inner .ltn__form-box {
|
|
max-width: 550px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.coming-soon-inner .ltn__form-box input {
|
|
background-color: transparent;
|
|
color: var(--white);
|
|
border: 1px solid var(--border-color-3);
|
|
}
|
|
.coming-soon-inner .ltn__form-box input[type="text"]::-webkit-input-placeholder,
|
|
.coming-soon-inner
|
|
.ltn__form-box
|
|
input[type="email"]::-webkit-input-placeholder {
|
|
/* Chrome/Opera/Safari */
|
|
color: var(--white);
|
|
}
|
|
|
|
@media (min-width: 767px) and (max-width: 991px) {
|
|
.coming-soon-inner .ltn__countdown .single {
|
|
min-width: 110px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.coming-soon-inner {
|
|
padding: 80px 0 110px;
|
|
}
|
|
.coming-soon-inner p br {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.coming-soon-inner .ltn__countdown {
|
|
padding: 25px 20px 5px;
|
|
}
|
|
.coming-soon-inner .ltn__countdown .single {
|
|
margin-right: 20px;
|
|
min-width: 90px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Screenshot Area
|
|
---------------------------------------------------- */
|
|
/* img-slide-item-1 */
|
|
.ltn__img-slide-item-1 {
|
|
margin: 10px 0 20px 0;
|
|
padding: 0 0;
|
|
}
|
|
|
|
.slick-current .ltn__img-slide-item-1 {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
}
|
|
|
|
/* img-slide-item-2 */
|
|
.ltn__img-slide-item-2 {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
/* img-slide-item-3 */
|
|
.ltn__img-slide-item-3 {
|
|
position: relative;
|
|
margin-bottom: 85px;
|
|
}
|
|
.ltn__img-slide-item-3 .ltn__img-slide-info {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 30px 35px;
|
|
background-color: white;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: calc(100% - 60px);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
left: 0;
|
|
right: 0;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-2);
|
|
box-shadow: var(--ltn__box-shadow-2);
|
|
}
|
|
.ltn__img-slide-item-3 .ltn__img-slide-info-brief {
|
|
padding-right: 20px;
|
|
}
|
|
.ltn__img-slide-item-3 h6 {
|
|
margin-bottom: 5px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__img-slide-item-3 h1 {
|
|
margin-bottom: 0;
|
|
font-size: 30px;
|
|
}
|
|
.ltn__img-slide-item-3 .btn-wrapper {
|
|
margin-top: 0;
|
|
}
|
|
.ltn__img-slide-item-3 .btn-wrapper .btn {
|
|
padding: 15px 20px 13px;
|
|
}
|
|
.ltn__img-slide-item-3:hover .ltn__img-slide-info {
|
|
bottom: -65px;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.slick-current .ltn__img-slide-item-3 .ltn__img-slide-info {
|
|
bottom: -65px;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.ltn__img-slide-item-4 {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
.ltn__img-slide-item-4 .ltn__img-slide-info {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 30px 35px;
|
|
position: absolute;
|
|
bottom: 5px;
|
|
width: 100%;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
background: var(--gradient-color-3);
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.ltn__img-slide-item-4 .ltn__img-slide-info-brief {
|
|
padding-right: 20px;
|
|
}
|
|
.ltn__img-slide-item-4 h6 {
|
|
margin-bottom: 5px;
|
|
color: var(--white);
|
|
}
|
|
.ltn__img-slide-item-4 h1 {
|
|
margin-bottom: 0;
|
|
font-size: 30px;
|
|
color: var(--white);
|
|
}
|
|
.ltn__img-slide-item-4 .btn-wrapper {
|
|
margin-top: 0;
|
|
}
|
|
.ltn__img-slide-item-4 .btn-wrapper .btn {
|
|
padding: 15px 20px 13px;
|
|
}
|
|
.ltn__img-slide-item-4:hover .ltn__img-slide-info {
|
|
bottom: 0;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
@media (max-width: 1399px) {
|
|
.ltn__img-slide-item-3 .ltn__img-slide-info {
|
|
padding: 30px 20px;
|
|
width: calc(100% - 30px);
|
|
}
|
|
.ltn__img-slide-item-3 .ltn__img-slide-info-brief {
|
|
padding-right: 15px;
|
|
}
|
|
.ltn__img-slide-item-3 h1 {
|
|
font-size: 18px;
|
|
}
|
|
.ltn__img-slide-item-3 .btn-wrapper .btn {
|
|
padding: 10px 10px 8px;
|
|
}
|
|
.ltn__img-slide-item-4 .ltn__img-slide-info {
|
|
padding: 30px 20px;
|
|
}
|
|
.ltn__img-slide-item-4 h1 {
|
|
font-size: 18px;
|
|
}
|
|
.ltn__img-slide-item-4 .btn-wrapper .btn {
|
|
padding: 10px 10px 8px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Pricing List Area
|
|
---------------------------------------------------- */
|
|
.ltn__pricing-plan-item {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
margin-bottom: 30px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.ltn__pricing-plan-item .pricing-badge {
|
|
color: var(--white);
|
|
background-color: var(--ltn__secondary-color);
|
|
padding: 4px 20px;
|
|
text-transform: uppercase;
|
|
font-size: 8px;
|
|
line-height: 20px;
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
display: table;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
top: 18px;
|
|
position: absolute;
|
|
right: -28px;
|
|
-webkit-transition: all 0.3s ease-in;
|
|
-o-transition: all 0.3s ease-in;
|
|
transition: all 0.3s ease-in;
|
|
}
|
|
.ltn__pricing-plan-item .pricing-title {
|
|
margin: 0;
|
|
height: 100px;
|
|
line-height: 100px;
|
|
}
|
|
.ltn__pricing-plan-item .pricing-price {
|
|
background-color: var(--section-bg-1);
|
|
height: 85px;
|
|
line-height: 85px;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__pricing-plan-item .pricing-price h2 {
|
|
margin-bottom: 0;
|
|
line-height: inherit;
|
|
font-size: 48px;
|
|
}
|
|
.ltn__pricing-plan-item .pricing-price sup,
|
|
.ltn__pricing-plan-item .pricing-price sub {
|
|
font-size: 24px;
|
|
}
|
|
.ltn__pricing-plan-item .pricing-price sup {
|
|
top: -0.9em;
|
|
}
|
|
.ltn__pricing-plan-item .pricing-price sub {
|
|
bottom: -0.2em;
|
|
}
|
|
.ltn__pricing-plan-item ul {
|
|
margin: 35px 0;
|
|
padding: 0;
|
|
}
|
|
.ltn__pricing-plan-item ul li {
|
|
list-style: none;
|
|
font-size: 18px;
|
|
}
|
|
.ltn__pricing-plan-item .btn-wrapper {
|
|
padding-bottom: 50px;
|
|
}
|
|
.ltn__pricing-plan-item.active-price,
|
|
.ltn__pricing-plan-item.active {
|
|
-webkit-box-shadow: var(--ltn__box-shadow-6);
|
|
box-shadow: var(--ltn__box-shadow-6);
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.ltn__pricing-plan-item.active-price .pricing-price h2,
|
|
.ltn__pricing-plan-item.active .pricing-price h2 {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__pricing-plan-item.active-price .btn,
|
|
.ltn__pricing-plan-item.active .btn {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__pricing-plan-item.active-price,
|
|
.ltn__pricing-plan-item.active {
|
|
-webkit-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Checkbox
|
|
---------------------------------------------------- */
|
|
/* checkbox-item */
|
|
.checkbox-item {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 30px;
|
|
margin-bottom: 0;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Hide the browser's default checkbox */
|
|
.checkbox-item input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
/* Create a custom checkbox */
|
|
.checkbox-item .checkmark {
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 0;
|
|
height: 16px;
|
|
width: 16px;
|
|
background-color: var(--gray);
|
|
border: 1px solid;
|
|
border-color: var(--ltn__primary-color);
|
|
}
|
|
|
|
/* On mouse-over, add a grey background color */
|
|
.checkbox-item:hover input ~ .checkmark {
|
|
background-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
/* When the checkbox is checked, add a blue background */
|
|
.checkbox-item input:checked ~ .checkmark {
|
|
background-color: var(--ltn__primary-color);
|
|
}
|
|
|
|
/* Create the checkmark/indicator (hidden when not checked) */
|
|
.checkbox-item .checkmark:after {
|
|
position: absolute;
|
|
content: "";
|
|
display: none;
|
|
}
|
|
|
|
/* Show the checkmark when checked */
|
|
.checkbox-item input:checked ~ .checkmark:after {
|
|
display: block;
|
|
}
|
|
|
|
/* Style the checkmark/indicator */
|
|
.checkbox-item .checkmark:after {
|
|
left: 4px;
|
|
top: 0px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid #fff;
|
|
border-width: 0 1px 1px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Body Sidebar Icons
|
|
---------------------------------------------------- */
|
|
.body-sidebar-icons {
|
|
position: fixed;
|
|
top: 50%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
z-index: 9;
|
|
-webkit-transition: -webkit-transform 0.3s ease 1s;
|
|
transition: -webkit-transform 0.3s ease 1s;
|
|
-o-transition: transform 0.3s ease 1s;
|
|
transition: transform 0.3s ease 1s;
|
|
transition: transform 0.3s ease 1s, -webkit-transform 0.3s ease 1s;
|
|
transition: transform 0.3s ease 1s, -webkit-transform 0.3s ease 1s;
|
|
right: 0;
|
|
-webkit-transform: translate3d(100%, -50%, 0);
|
|
transform: translate3d(100%, -50%, 0);
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
align-items: flex-end;
|
|
-webkit-transform: translate3d(0, -50%, 0);
|
|
transform: translate3d(0, -50%, 0);
|
|
}
|
|
.body-sidebar-icons a {
|
|
background-color: #ddd;
|
|
text-align: center;
|
|
color: #fff;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
width: auto;
|
|
height: 40px;
|
|
min-width: 40px;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
-ms-flex-direction: row-reverse;
|
|
flex-direction: row-reverse;
|
|
}
|
|
.body-sidebar-icons a i {
|
|
width: 40px;
|
|
line-height: 40px;
|
|
font-size: 14px;
|
|
vertical-align: middle;
|
|
}
|
|
.body-sidebar-icons a .icon-name {
|
|
white-space: nowrap;
|
|
max-width: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
-webkit-transition: padding 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15),
|
|
max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
-o-transition: padding 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15),
|
|
max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
transition: padding 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15),
|
|
max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
}
|
|
.body-sidebar-icons a.facebook-icon {
|
|
background-color: var(--facebook);
|
|
}
|
|
.body-sidebar-icons a.twitter-icon {
|
|
background-color: var(--twitter);
|
|
}
|
|
.body-sidebar-icons a.pinterest-icon {
|
|
background-color: var(--pinterest);
|
|
}
|
|
.body-sidebar-icons a.instagram-icon {
|
|
background-color: var(--instagram);
|
|
}
|
|
.body-sidebar-icons a.dribbble-icon {
|
|
background-color: var(--dribbble);
|
|
}
|
|
.body-sidebar-icons a.behance-icon {
|
|
background-color: var(--behance);
|
|
}
|
|
.body-sidebar-icons a.google-plus-icon {
|
|
background-color: var(--google-plus);
|
|
}
|
|
.body-sidebar-icons a.linkedin-icon {
|
|
background-color: var(--linkedin);
|
|
}
|
|
.body-sidebar-icons a.youtube-icon {
|
|
background-color: var(--youtube);
|
|
}
|
|
.body-sidebar-icons a.vk-icon {
|
|
background-color: var(--vk);
|
|
}
|
|
.body-sidebar-icons a.wechat-icon {
|
|
background-color: var(--wechat);
|
|
}
|
|
.body-sidebar-icons a.email-icon {
|
|
background-color: var(--email);
|
|
}
|
|
.body-sidebar-icons a:hover {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.body-sidebar-icons a:hover .icon-name {
|
|
padding-left: 15px;
|
|
max-width: 220px;
|
|
}
|
|
.body-sidebar-icons.left-side {
|
|
left: 0;
|
|
right: auto;
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
.body-sidebar-icons.left-side a {
|
|
-webkit-box-orient: unset;
|
|
-webkit-box-direction: unset;
|
|
-ms-flex-direction: unset;
|
|
flex-direction: unset;
|
|
}
|
|
.body-sidebar-icons.left-side a:hover {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.body-sidebar-icons.left-side a:hover .icon-name {
|
|
padding-right: 15px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
About Us Area
|
|
---------------------------------------------------- */
|
|
.about-us-img-wrap {
|
|
position: relative;
|
|
}
|
|
.about-us-img-wrap img {
|
|
margin: 0;
|
|
}
|
|
|
|
.about-us-img-info {
|
|
width: 310px;
|
|
height: 310px;
|
|
background-color: var(--white);
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
position: absolute;
|
|
top: 70%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
}
|
|
.about-us-img-info h1 {
|
|
margin: 0;
|
|
font-size: 120px;
|
|
line-height: 0.8;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.about-us-img-info h1 .counter {
|
|
font-size: 120px;
|
|
line-height: 0.8;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.about-us-img-info h1 span {
|
|
font-size: 20px;
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
.about-us-img-info h6 {
|
|
margin: 0;
|
|
}
|
|
.about-us-img-info h6 span {
|
|
font-size: 20px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.about-us-img-info .btn-wrapper {
|
|
margin-top: 50px;
|
|
}
|
|
.about-us-img-info .dots-bottom {
|
|
height: 25px;
|
|
width: 25px;
|
|
background-color: var(--ltn__secondary-color);
|
|
display: inline-block;
|
|
position: absolute;
|
|
bottom: -10px;
|
|
left: 12px;
|
|
}
|
|
|
|
.about-us-img-info-2 {
|
|
width: 190px;
|
|
height: 190px;
|
|
background-color: var(--ltn__secondary-color);
|
|
border: 15px solid;
|
|
border-color: var(--white);
|
|
bottom: 0;
|
|
top: auto;
|
|
-webkit-transform: inherit;
|
|
-ms-transform: inherit;
|
|
transform: inherit;
|
|
margin-right: 0;
|
|
}
|
|
.about-us-img-info-2 h1 {
|
|
font-size: 50px;
|
|
color: var(--white);
|
|
}
|
|
.about-us-img-info-2 h1 .counter {
|
|
font-size: 50px;
|
|
color: var(--white);
|
|
}
|
|
.about-us-img-info-2 h1 span {
|
|
font-size: 20px;
|
|
color: var(--white);
|
|
}
|
|
.about-us-img-info-2 h6 {
|
|
color: var(--white);
|
|
}
|
|
|
|
.about-us-info-wrap .btn-wrapper {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.about-us-info-wrap hr {
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.about-us-info-devide {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
.about-us-info-devide .list-item-with-icon {
|
|
margin-left: 30px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.list-item-with-icon {
|
|
min-width: 300px;
|
|
}
|
|
|
|
.about-us-img-info-inner {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-flow: column;
|
|
flex-flow: column;
|
|
}
|
|
|
|
.list-item-with-icon-2 ul,
|
|
.list-item-with-icon ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.list-item-with-icon-2 ul li,
|
|
.list-item-with-icon ul li {
|
|
position: relative;
|
|
list-style: none;
|
|
padding-left: 60px;
|
|
font-weight: 700;
|
|
margin-bottom: 25px;
|
|
}
|
|
.list-item-with-icon-2 ul li:last-child,
|
|
.list-item-with-icon ul li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.list-item-with-icon-2 ul li::before,
|
|
.list-item-with-icon ul li::before {
|
|
position: absolute;
|
|
content: "\f00c";
|
|
font-family: "Font Awesome\ 5 Free";
|
|
font-weight: 900;
|
|
left: 0;
|
|
top: -5px;
|
|
background-color: var(--section-bg-1);
|
|
height: 40px;
|
|
width: 40px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.list-item-with-icon-2 ul li {
|
|
padding-left: 30px;
|
|
font-weight: 400;
|
|
margin-bottom: 0;
|
|
}
|
|
.list-item-with-icon-2 ul li::before {
|
|
height: inherit;
|
|
line-height: inherit;
|
|
width: inherit;
|
|
background-color: transparent;
|
|
color: var(--ltn__heading-color);
|
|
top: 5px;
|
|
}
|
|
|
|
.about-img-left {
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.about-img-right {
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.ltn__img-shape-left,
|
|
.ltn__img-shape-right {
|
|
position: relative;
|
|
}
|
|
.ltn__img-shape-left::before,
|
|
.ltn__img-shape-right::before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
height: 85%;
|
|
width: 30px;
|
|
background-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__img-shape-left {
|
|
padding-left: 30px;
|
|
}
|
|
.ltn__img-shape-left::before {
|
|
left: 0;
|
|
}
|
|
|
|
.ltn__img-shape-right {
|
|
padding-right: 30px;
|
|
}
|
|
.ltn__img-shape-right::before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.about-call-us {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.about-call-us .call-us-icon {
|
|
font-size: 50px;
|
|
margin-right: 20px;
|
|
color: var(--ltn__secondary-color);
|
|
line-height: 1;
|
|
}
|
|
.about-call-us .call-us-info p {
|
|
margin-bottom: 10px;
|
|
}
|
|
.about-call-us .call-us-info h2 {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.about-us-info-devide {
|
|
display: block;
|
|
}
|
|
.about-us-info-devide .list-item-with-icon {
|
|
margin-left: 0;
|
|
}
|
|
.list-item-with-icon {
|
|
margin-top: 30px;
|
|
margin-bottom: 40px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.about-img-left {
|
|
margin-right: 0;
|
|
margin-bottom: 40px;
|
|
}
|
|
.about-img-right {
|
|
margin-left: 0;
|
|
margin-bottom: 40px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.custom-content-brief {
|
|
margin-bottom: 30px;
|
|
}
|
|
.about-us-img-info {
|
|
height: 200px;
|
|
width: 220px;
|
|
}
|
|
.about-us-img-info h1 .counter {
|
|
font-size: 80px;
|
|
}
|
|
.about-us-img-info-2 {
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|
|
.about-us-img-info-2 h1 .counter {
|
|
font-size: 30px;
|
|
}
|
|
.about-us-info-devide {
|
|
display: block;
|
|
}
|
|
.about-us-info-devide .list-item-with-icon {
|
|
margin-left: 0;
|
|
}
|
|
.list-item-with-icon {
|
|
margin-top: 30px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.list-item-with-icon {
|
|
min-width: 275px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Why Choose Us Area
|
|
---------------------------------------------------- */
|
|
.why-choose-us-feature-item {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
max-width: 480px;
|
|
}
|
|
.why-choose-us-feature-item .why-choose-us-feature-icon {
|
|
margin-right: 20px;
|
|
font-size: 70px;
|
|
line-height: 1.2;
|
|
color: var(--ltn__secondary-color);
|
|
min-width: -webkit-fit-content;
|
|
min-width: -moz-fit-content;
|
|
min-width: fit-content;
|
|
}
|
|
.why-choose-us-feature-item .why-choose-us-feature-brief h3 {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.why-choose-us-img-wrap img {
|
|
max-width: 65%;
|
|
}
|
|
|
|
.why-choose-us-img-2 {
|
|
margin-top: -15%;
|
|
}
|
|
.why-choose-us-img-2 img {
|
|
border: 15px solid var(--white);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Service Area
|
|
---------------------------------------------------- */
|
|
.ltn__service-item-1 {
|
|
background-color: var(--white);
|
|
margin-bottom: 50px;
|
|
}
|
|
.ltn__service-item-1 .service-item-img {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.ltn__service-item-1 .service-item-img img {
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
}
|
|
.ltn__service-item-1 .service-item-icon {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 70px;
|
|
height: 70px;
|
|
background-color: white;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
font-size: 40px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__service-item-1 .service-item-brief {
|
|
padding: 32px 40px 10px;
|
|
}
|
|
.ltn__service-item-1 .service-item-brief h3 {
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__service-item-1:hover .service-item-img img {
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.ltn__service-item-2 {
|
|
padding: 0px 45px 30px;
|
|
margin-bottom: 50px;
|
|
margin-top: 35px;
|
|
}
|
|
.ltn__service-item-2 .service-item-icon {
|
|
font-size: 80px;
|
|
line-height: 1;
|
|
top: -35px;
|
|
position: relative;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__service-item-2 .service-item-brief {
|
|
padding-top: 50px;
|
|
}
|
|
.ltn__service-item-2 .service-item-icon + .service-item-brief {
|
|
padding-top: 0;
|
|
}
|
|
.ltn__service-item-2 ul {
|
|
margin-bottom: 10px;
|
|
padding: 0;
|
|
}
|
|
.ltn__service-item-2 ul li {
|
|
list-style: none;
|
|
margin-top: 10px;
|
|
}
|
|
.ltn__service-item-2 ul li span {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
.ltn__service-item-2 hr {
|
|
margin-top: 25px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.ltn__service-item-2 {
|
|
padding: 0px 30px 30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__service-item-1 .service-item-brief {
|
|
padding: 30px 22px 10px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Call To Action
|
|
---------------------------------------------------- */
|
|
/* call-to-action-2 */
|
|
.call-to-action-2 {
|
|
background-color: var(--white-3);
|
|
}
|
|
|
|
.call-to-action-inner-2 {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.call-to-action-inner-2 h2 {
|
|
margin: 0;
|
|
}
|
|
.call-to-action-inner-2 .btn-wrapper {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* call-to-action-3 */
|
|
.get-a-free-service-margin {
|
|
margin-bottom: -180px;
|
|
}
|
|
|
|
.get-a-free-service-inner {
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-1);
|
|
box-shadow: var(--ltn__box-shadow-1);
|
|
padding-right: 80px;
|
|
padding-left: 30px;
|
|
}
|
|
.get-a-free-service-inner .call-to-img img {
|
|
max-width: 350px;
|
|
position: absolute;
|
|
left: 35px;
|
|
bottom: 0;
|
|
z-index: 2;
|
|
}
|
|
.get-a-free-service-inner .call-to-action-inner-content {
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
|
|
.call-to-circle-1,
|
|
.call-to-circle-2 {
|
|
height: 265px;
|
|
width: 265px;
|
|
display: inline-block;
|
|
background-color: var(--ltn__secondary-color);
|
|
position: absolute;
|
|
left: 60px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
border-radius: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.call-to-circle-2 {
|
|
height: 80px;
|
|
width: 80px;
|
|
left: 300px;
|
|
top: 10%;
|
|
-webkit-transform: inherit;
|
|
-ms-transform: inherit;
|
|
transform: inherit;
|
|
-webkit-animation: wave 8s 0.1s infinite linear;
|
|
animation: wave 8s 0.1s infinite linear;
|
|
}
|
|
|
|
.call-to-bg-icon {
|
|
position: absolute;
|
|
font-size: 220px;
|
|
right: 35px;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
z-index: 1;
|
|
color: var(--ltn__color-1);
|
|
opacity: 0.1;
|
|
}
|
|
|
|
.get-a-free-service-inner .call-to-circle-2 {
|
|
-webkit-animation: wave 8s 0.1s infinite linear;
|
|
animation: wave 8s 0.1s infinite linear;
|
|
}
|
|
|
|
/* call-to-action-4 */
|
|
.ltn__call-to-action-4 {
|
|
position: relative;
|
|
}
|
|
.ltn__call-to-action-4 .call-to-action-inner-4 {
|
|
position: relative;
|
|
z-index: 99;
|
|
}
|
|
.ltn__call-to-action-4 .call-to-action-inner-4 h2 {
|
|
font-style: italic;
|
|
}
|
|
.ltn__call-to-action-4 .call-to-action-inner-4 .h1 {
|
|
font-size: 50px;
|
|
}
|
|
.ltn__call-to-action-4 .call-to-action-inner-4 p {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.ltn__call-to-4-img-1 {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
max-width: 34%;
|
|
}
|
|
|
|
.ltn__call-to-4-img-2 {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
max-width: 27%;
|
|
}
|
|
|
|
/* call-to-action-5 */
|
|
.call-to-action-inner-5 a:hover {
|
|
text-decoration: underline;
|
|
color: var(--white);
|
|
}
|
|
|
|
/* Device :991px. */
|
|
@media (max-width: 991px) {
|
|
.ltn__call-to-4-img-1,
|
|
.ltn__call-to-4-img-2 {
|
|
display: none;
|
|
}
|
|
.ltn__call-to-action-4 .call-to-action-inner-4 .h1 {
|
|
font-size: 30px;
|
|
}
|
|
.ltn__call-to-action-4 .call-to-action-inner-4 p {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
/* small mobile :320px. */
|
|
@media (max-width: 767px) {
|
|
.call-to-action-inner-2 {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-flow: column;
|
|
flex-flow: column;
|
|
}
|
|
.call-to-action-inner-2 .btn-wrapper {
|
|
margin-top: 15px;
|
|
}
|
|
.get-a-free-service-inner {
|
|
display: block;
|
|
padding-right: 0;
|
|
padding-left: 0px;
|
|
}
|
|
.get-a-free-service-inner .call-to-img {
|
|
margin-bottom: 40px;
|
|
}
|
|
.get-a-free-service-inner .call-to-img img {
|
|
max-width: 100%;
|
|
position: relative;
|
|
left: 0;
|
|
}
|
|
.call-to-circle-1,
|
|
.call-to-circle-2 {
|
|
display: none;
|
|
}
|
|
.ltn__call-to-action-4 .call-to-action-inner-4 .h1 {
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Elements Area
|
|
---------------------------------------------------- */
|
|
.ltn__elements-area {
|
|
background-color: var(--section-bg-1);
|
|
padding: 50px 0;
|
|
margin: 50px 0;
|
|
}
|
|
|
|
.elements-title-area {
|
|
text-align: center;
|
|
}
|
|
|
|
.elements-title-inner {
|
|
background-color: var(--white-3);
|
|
display: inline-block;
|
|
padding: 10px 30px;
|
|
outline: 10px solid;
|
|
outline-offset: 10px;
|
|
outline-color: var(--white-3);
|
|
margin: 20px;
|
|
}
|
|
.elements-title-inner p {
|
|
margin-bottom: 0;
|
|
padding-top: 5px;
|
|
border-top: 1px solid #ddd;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.elements-title {
|
|
display: inline-block;
|
|
margin: 0;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Service Form
|
|
---------------------------------------------------- */
|
|
.ltn__service-form-box {
|
|
margin: 0;
|
|
padding: 0 30px;
|
|
}
|
|
.ltn__service-form-box > ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.ltn__service-form-box > ul > li {
|
|
display: inline-block;
|
|
margin-right: 20px;
|
|
list-style: none;
|
|
}
|
|
.ltn__service-form-box .nice-select {
|
|
margin: 0;
|
|
height: 60px;
|
|
line-height: 58px;
|
|
padding-right: 40px;
|
|
padding-left: 20px;
|
|
border-radius: 0;
|
|
min-width: 200px;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
font-family: var(--ltn__heading-font);
|
|
}
|
|
.ltn__service-form-box .nice-select:after {
|
|
right: 20px;
|
|
}
|
|
.ltn__service-form-box .nice-select UL li {
|
|
display: block;
|
|
}
|
|
.ltn__service-form-box input {
|
|
margin: 0;
|
|
}
|
|
.ltn__service-form-box input[type="date"] {
|
|
margin: 0;
|
|
height: 60px;
|
|
padding: 0 20px;
|
|
border: 1px solid;
|
|
font-weight: 700;
|
|
font-family: var(--ltn__heading-font);
|
|
text-transform: uppercase;
|
|
}
|
|
.ltn__service-form-box .btn-wrapper {
|
|
margin: 0;
|
|
}
|
|
|
|
.ltn__service-form-color-white .ltn__service-form-box .nice-select {
|
|
background-color: transparent;
|
|
border: 2px solid;
|
|
border-color: var(--border-color-3);
|
|
}
|
|
.ltn__service-form-color-white .ltn__service-form-box .nice-select .current {
|
|
color: var(--white);
|
|
text-transform: uppercase;
|
|
}
|
|
.ltn__service-form-color-white .ltn__service-form-box .nice-select::after {
|
|
border-bottom: 2px solid;
|
|
border-right: 2px solid;
|
|
border-color: var(--border-color-3);
|
|
}
|
|
|
|
.ltn__service-form-color-white .ltn__service-form-box input {
|
|
background-color: transparent;
|
|
color: var(--white);
|
|
border-color: var(--border-color-3);
|
|
font-weight: 700;
|
|
height: 60px;
|
|
}
|
|
|
|
.ltn__service-form-color-white .ltn__service-form-box input[type="date"] {
|
|
background-color: transparent;
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__service-form-color-white
|
|
.ltn__service-form-box
|
|
input[type="date"]::-webkit-calendar-picker-indicator {
|
|
-webkit-filter: invert(100%);
|
|
filter: invert(100%);
|
|
}
|
|
|
|
.ltn__service-form-color-white
|
|
.ltn__service-form-box
|
|
input::-webkit-input-placeholder {
|
|
/* Chrome/Opera/Safari */
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__service-form-color-white .ltn__service-form-box input::-moz-placeholder {
|
|
/* Firefox 19+ */
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__service-form-color-white
|
|
.ltn__service-form-box
|
|
input:-ms-input-placeholder {
|
|
/* IE 10+ */
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__service-form-color-white .ltn__service-form-box input:-moz-placeholder {
|
|
/* Firefox 18- */
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__service-form-color-white .input-item-date.ltn__custom-icon::before {
|
|
color: var(--white);
|
|
top: 50%;
|
|
}
|
|
|
|
.input-item-date {
|
|
margin-bottom: 30px;
|
|
}
|
|
.input-item-date input[type="date"] {
|
|
background-color: transparent;
|
|
border: 2px solid var(--border-color-1);
|
|
height: 65px;
|
|
width: 100%;
|
|
padding: 0 20px;
|
|
}
|
|
.input-item-date input[type="date"]::-webkit-calendar-picker-indicator {
|
|
-webkit-filter: invert(0%);
|
|
filter: invert(0%);
|
|
}
|
|
|
|
.ltn__service-form-1 .ltn__service-form-brief {
|
|
padding-left: 100px;
|
|
}
|
|
|
|
.ltn__service-form-margin {
|
|
margin-top: -160px;
|
|
}
|
|
|
|
@media (min-width: 1200px) and (max-width: 1599px) {
|
|
.ltn__service-form-box {
|
|
padding: 0;
|
|
}
|
|
.ltn__service-form-box .input-item {
|
|
max-width: 200px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.ltn__service-form-box > ul {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__service-form-box > ul {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-flow: column;
|
|
flex-flow: column;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.ltn__service-form-1 .ltn__service-form-brief {
|
|
padding-left: 20px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Get A Quote Form
|
|
---------------------------------------------------- */
|
|
.get-a-quote-wrap {
|
|
padding: 40px 50px 50px;
|
|
border: 2px solid;
|
|
border-color: var(--border-color-1);
|
|
}
|
|
|
|
.get-a-quote-form {
|
|
margin: 0;
|
|
}
|
|
.get-a-quote-form .btn-wrapper {
|
|
padding: 0 40px;
|
|
}
|
|
.get-a-quote-form .btn {
|
|
width: 100%;
|
|
}
|
|
.get-a-quote-form input::-webkit-input-placeholder {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
.get-a-quote-form input::-moz-placeholder {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
.get-a-quote-form input:-ms-input-placeholder {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
.get-a-quote-form input:-moz-placeholder {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
|
|
.input-item .nice-select {
|
|
border: 2px solid;
|
|
border-color: var(--border-color-1);
|
|
border-radius: 0;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
height: 65px;
|
|
line-height: 60px;
|
|
width: 100%;
|
|
margin-bottom: 30px;
|
|
}
|
|
.input-item .nice-select .current {
|
|
font-weight: 700;
|
|
}
|
|
.input-item .nice-select::after {
|
|
display: none;
|
|
}
|
|
.input-item .nice-select::before {
|
|
content: "\f063";
|
|
font-size: 14px;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 20px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
font-family: "Font Awesome\ 5 Free";
|
|
font-weight: 900;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.input-item::after {
|
|
display: block;
|
|
clear: both;
|
|
content: "";
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.get-a-quote-form .btn-wrapper {
|
|
padding: 0 0px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.get-a-quote-wrap {
|
|
padding: 40px 30px 50px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Car Dealer Form
|
|
---------------------------------------------------- */
|
|
.ltn__car-dealer-form-tab .ltn__tab-menu {
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn__car-dealer-form-tab .ltn__tab-menu .active {
|
|
border-color: var(--ltn__secondary-color);
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__car-dealer-form-tab .tab-content {
|
|
padding: 40px;
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
|
|
.ltn__car-dealer-form-box .ltn__car-dealer-form-item {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.ltn__car-dealer-form-box .nice-select {
|
|
margin: 0;
|
|
height: 60px;
|
|
line-height: 58px;
|
|
padding-right: 40px;
|
|
padding-left: 20px;
|
|
border-radius: 0;
|
|
min-width: 200px;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
font-family: var(--ltn__heading-font);
|
|
width: 100%;
|
|
}
|
|
.ltn__car-dealer-form-box .nice-select .list {
|
|
width: 100%;
|
|
z-index: 99;
|
|
}
|
|
|
|
.ltn__car-dealer-form-box .ltn__custom-icon::before {
|
|
display: none;
|
|
}
|
|
|
|
.ltn__car-dealer-form-box .ltn__custom-icon .nice-select::before {
|
|
content: "\f063";
|
|
font-family: "Font Awesome\ 5 Free";
|
|
font-weight: 900;
|
|
margin-right: 10px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__car-dealer-form-box
|
|
.ltn__custom-icon.ltn__icon-calendar
|
|
.nice-select::before {
|
|
content: "\f073";
|
|
}
|
|
|
|
.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-car .nice-select::before {
|
|
content: "\f1b9";
|
|
}
|
|
|
|
.ltn__car-dealer-form-box
|
|
.ltn__custom-icon.ltn__icon-meter
|
|
.nice-select::before {
|
|
content: "\f3fd";
|
|
}
|
|
|
|
.ltn__car-dealer-form-box
|
|
.ltn__custom-icon.ltn__icon-ring
|
|
.nice-select::before {
|
|
content: "\f1cd";
|
|
}
|
|
|
|
.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-cog .nice-select::before {
|
|
content: "\f013";
|
|
}
|
|
|
|
.ltn__car-dealer-form-box
|
|
.ltn__custom-icon.ltn__icon-transgender
|
|
.nice-select::before {
|
|
content: "\f225";
|
|
}
|
|
|
|
.car-price-filter-range .price_filter .ui-widget-content {
|
|
height: 8px;
|
|
background-color: var(--white);
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.car-price-filter-range .price_filter .ui-state-default:last-child::before {
|
|
position: absolute;
|
|
}
|
|
|
|
.car-price-filter-range .price_filter .ui-state-default:last-child::after {
|
|
position: absolute;
|
|
content: "";
|
|
top: -30px;
|
|
left: -5px;
|
|
background-image: url(../img/icons/car.png);
|
|
z-index: 99;
|
|
width: 125px;
|
|
height: 50px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.car-price-filter-range .price_slider_amount > input[type="text"],
|
|
.car-price-filter-range .price_slider_amount > input[type="submit"] {
|
|
font-weight: 700;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__car-dealer-form-tab .tab-content {
|
|
padding: 40px 25px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Video Area
|
|
---------------------------------------------------- */
|
|
/* car home 3 */
|
|
.ltn__video-popup-margin {
|
|
margin-bottom: -180px;
|
|
}
|
|
|
|
/* Service page */
|
|
.ltn__video-popup-margin-2 {
|
|
margin-top: -295px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Brand Logo
|
|
---------------------------------------------------- */
|
|
.ltn__brand-logo-item {
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__brand-logo-item img {
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.ltn__brand-logo-item:hover {
|
|
-webkit-filter: grayscale(0);
|
|
filter: grayscale(0);
|
|
opacity: 1;
|
|
}
|
|
.ltn__brand-logo-item:hover img {
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Progress Bar
|
|
---------------------------------------------------- */
|
|
.ltn__progress-bar-wrap {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.ltn__progress-bar-item {
|
|
overflow: hidden;
|
|
margin-bottom: 10px;
|
|
}
|
|
.ltn__progress-bar-item > p {
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
margin: 0;
|
|
}
|
|
.ltn__progress-bar-item .progress {
|
|
background: #ebeeee none repeat scroll 0 0;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
font-weight: 400;
|
|
height: 3px;
|
|
letter-spacing: 1px;
|
|
margin-bottom: 15px;
|
|
margin-top: 12px;
|
|
overflow: visible;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
}
|
|
.ltn__progress-bar-item .progress-bar {
|
|
background-color: var(--ltn__secondary-color);
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: var(--ltn__secondary-color);
|
|
font-size: 11px;
|
|
overflow: visible;
|
|
height: 7px;
|
|
margin-top: -2px;
|
|
text-align: left;
|
|
position: relative;
|
|
}
|
|
.ltn__progress-bar-item .progress-bar span {
|
|
border-radius: 15px;
|
|
display: inline-block;
|
|
height: 25px;
|
|
letter-spacing: 0;
|
|
line-height: 24px;
|
|
min-width: 25px;
|
|
padding: 0 3px;
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: center;
|
|
bottom: 15px;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__progress-bar-item > p {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Our Journey Area
|
|
---------------------------------------------------- */
|
|
.ltn__our-journey-wrap ul {
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.ltn__our-journey-wrap > ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-pack: distribute;
|
|
justify-content: space-around;
|
|
position: relative;
|
|
}
|
|
.ltn__our-journey-wrap > ul::before {
|
|
position: absolute;
|
|
content: "";
|
|
background-color: #d13724;
|
|
height: 4px;
|
|
width: 100%;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
.ltn__our-journey-wrap > ul li {
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
.ltn__our-journey-wrap > ul > li {
|
|
display: inline-block;
|
|
position: relative;
|
|
margin: 0 10px;
|
|
}
|
|
.ltn__our-journey-wrap > ul > li:nth-last-child(1) ul,
|
|
.ltn__our-journey-wrap > ul > li:nth-last-child(2) ul {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.ltn__our-journey-wrap > ul > li::before {
|
|
position: absolute;
|
|
content: "";
|
|
top: 15px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 15px solid transparent;
|
|
border-right: 15px solid transparent;
|
|
border-bottom: 15px solid #fff;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.ltn__our-journey-wrap > ul > li ul {
|
|
position: absolute;
|
|
bottom: 100%;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.ltn__our-journey-wrap > ul > li.active .ltn__journey-icon,
|
|
.ltn__our-journey-wrap > ul > li:hover .ltn__journey-icon {
|
|
background-color: var(--white);
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__our-journey-wrap > ul > li.active ul,
|
|
.ltn__our-journey-wrap > ul > li:hover ul {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.ltn__our-journey-wrap > ul > li.active::before,
|
|
.ltn__our-journey-wrap > ul > li:hover::before {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.ltn__our-journey-wrap .ltn__journey-icon {
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
padding: 40px;
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
display: block;
|
|
margin: 30px 0;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-2);
|
|
box-shadow: var(--ltn__box-shadow-2);
|
|
text-align: center;
|
|
}
|
|
|
|
.ltn__our-journey-wrap .dropdown-menu {
|
|
padding: 0;
|
|
}
|
|
|
|
.ltn__journey-history-item-info {
|
|
background-color: var(--white);
|
|
padding: 20px;
|
|
display: block;
|
|
width: 550px;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-2);
|
|
box-shadow: var(--ltn__box-shadow-2);
|
|
position: relative;
|
|
}
|
|
.ltn__journey-history-item-info .ltn__journey-history-img {
|
|
float: left;
|
|
margin-right: 20px;
|
|
max-width: 150px;
|
|
}
|
|
.ltn__journey-history-item-info .ltn__journey-history-info {
|
|
overflow: hidden;
|
|
}
|
|
.ltn__journey-history-item-info h3 {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.ltn__journey-history-item-info {
|
|
width: 500px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.ltn__our-journey-wrap .ltn__journey-icon {
|
|
font-size: 18px;
|
|
padding: 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__journey-history-item-info {
|
|
width: 350px;
|
|
}
|
|
.ltn__journey-history-item-info .ltn__journey-history-img {
|
|
float: none;
|
|
margin-bottom: 20px;
|
|
max-width: 100px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__our-journey-wrap > ul {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-flow: column;
|
|
flex-flow: column;
|
|
}
|
|
.ltn__our-journey-wrap > ul > li ul {
|
|
left: 30px;
|
|
}
|
|
.ltn__our-journey-wrap > ul > li:nth-last-child(1) ul,
|
|
.ltn__our-journey-wrap > ul > li:nth-last-child(2) ul {
|
|
left: 30px;
|
|
right: auto;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.ltn__journey-history-item-info {
|
|
width: 250px;
|
|
}
|
|
.ltn__journey-history-item-info .ltn__journey-history-img {
|
|
float: none;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Google Map Locations Area
|
|
---------------------------------------------------- */
|
|
.ltn__google-map-locations-area #gmap {
|
|
height: 90vh;
|
|
}
|
|
.ltn__google-map-locations-area #gmap .gm-style .gm-style-iw-c {
|
|
padding: 20px;
|
|
}
|
|
|
|
.ltn__map-item {
|
|
padding: 30px 25px 35px;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-4);
|
|
box-shadow: var(--ltn__box-shadow-4);
|
|
}
|
|
.ltn__map-item .ltn__location-name {
|
|
border-bottom: 2px solid var(--border-color-1);
|
|
margin-bottom: 25px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__map-item .ltn__location-single-info {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.ltn__map-item .ltn__location-single-info i {
|
|
margin-right: 10px;
|
|
background: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
}
|
|
.ltn__map-item .btn-wrapper {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
.ltn__map-item .btn {
|
|
padding: 17px 10px;
|
|
font-size: 15px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.ltn__google-map-locations-list-area .ltn__map-item {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.ltn__location-search h3 {
|
|
float: left;
|
|
margin-right: 30px;
|
|
margin-bottom: 0;
|
|
line-height: 63px;
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__location-search .input-item {
|
|
float: left;
|
|
width: 300px;
|
|
}
|
|
|
|
.ltn__location-search form {
|
|
padding: 50px 50px 20px;
|
|
background-color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__state-location-title {
|
|
padding: 15px 30px;
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
margin: 50px 0;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Team Details
|
|
---------------------------------------------------- */
|
|
.ltn__team-details-member-info .team-details-img {
|
|
margin-bottom: 30px;
|
|
max-width: 350px;
|
|
}
|
|
|
|
.ltn__team-details-member-info.text-right .team-details-img {
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.ltn__team-details-member-info.text-center .team-details-img {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.ltn__team-details-member-about ul {
|
|
margin: 0;
|
|
}
|
|
.ltn__team-details-member-about ul li {
|
|
list-style: none;
|
|
display: block;
|
|
}
|
|
.ltn__team-details-member-about ul li strong {
|
|
min-width: 120px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.ltn__team-details-member-about > ul {
|
|
padding: 0;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Our History Area
|
|
---------------------------------------------------- */
|
|
.ltn__our-history-inner .ltn__tab-menu .nav {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
}
|
|
.ltn__our-history-inner .ltn__tab-menu .nav::before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
top: 50%;
|
|
width: 100%;
|
|
height: 2px;
|
|
background-color: var(--white-6);
|
|
z-index: -1;
|
|
}
|
|
|
|
.ltn__our-history-inner .ltn__tab-menu a {
|
|
background-color: var(--white);
|
|
border: 2px solid var(--white-6);
|
|
}
|
|
.ltn__our-history-inner .ltn__tab-menu a:hover {
|
|
border-color: var(--ltn__secondary-color);
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__our-history-inner .ltn__tab-menu .active {
|
|
border-color: var(--ltn__secondary-color);
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__history-icon {
|
|
position: absolute;
|
|
bottom: 40px;
|
|
right: 0;
|
|
font-size: 160px;
|
|
line-height: 1;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.ltn__history-icon i {
|
|
margin: 0;
|
|
}
|
|
|
|
.ltn__our-history-inner .about-img-left {
|
|
padding-top: 100px;
|
|
padding-right: 70px;
|
|
}
|
|
|
|
.ltn__our-history-inner .about-img-right {
|
|
padding-left: 70px;
|
|
}
|
|
|
|
.ltn__our-history-inner-2 .ltn__tab-menu {
|
|
margin-bottom: 20px;
|
|
}
|
|
.ltn__our-history-inner-2 .ltn__tab-menu .nav {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
position: relative;
|
|
}
|
|
.ltn__our-history-inner-2 .ltn__tab-menu .nav::before {
|
|
display: none;
|
|
}
|
|
.ltn__our-history-inner-2 .ltn__tab-menu a {
|
|
background-color: transparent;
|
|
border: 2px solid transparent;
|
|
font-size: 22px;
|
|
padding: 5px 20px;
|
|
}
|
|
.ltn__our-history-inner-2 .ltn__tab-menu .active {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__history-icon {
|
|
bottom: 10px;
|
|
right: 10px;
|
|
font-size: 80px;
|
|
}
|
|
.ltn__our-history-inner .about-img-left {
|
|
padding-right: 0px;
|
|
}
|
|
.ltn__our-history-inner .about-img-right {
|
|
padding-left: 0px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Appointment Form Area
|
|
---------------------------------------------------- */
|
|
.ltn__appointment-inner .alert {
|
|
border-radius: 0;
|
|
padding: 20px 30px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.ltn__appointment-inner .alert-danger {
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Checkout Page
|
|
---------------------------------------------------- */
|
|
.ltn__checkout-single-content {
|
|
margin-bottom: 30px;
|
|
}
|
|
.ltn__checkout-single-content h5 {
|
|
background-color: var(--section-bg-1);
|
|
padding: 20px 30px;
|
|
}
|
|
|
|
.ltn__checkout-single-content-info {
|
|
padding: 30px;
|
|
border: 1px solid var(--border-color-1);
|
|
}
|
|
|
|
.ltn__checkout-payment-method .card {
|
|
padding: 20px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.ltn__checkout-payment-method .card:not(:last-of-type) {
|
|
border-bottom: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.ltn__checkout-payment-method .card-body {
|
|
padding: 15px 30px;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
margin-top: 15px;
|
|
position: relative;
|
|
}
|
|
.ltn__checkout-payment-method .card-body::before {
|
|
position: absolute;
|
|
top: -3px;
|
|
left: 25px;
|
|
width: 10px;
|
|
height: 10px;
|
|
content: "";
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
background-color: #fff;
|
|
}
|
|
|
|
.ltn__checkout-payment-method .ltn__card-title {
|
|
position: relative;
|
|
padding-left: 30px;
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn__checkout-payment-method .ltn__card-title::before {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-top: 2px;
|
|
content: "";
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
border: 1px solid #333;
|
|
border-radius: 50%;
|
|
}
|
|
.ltn__checkout-payment-method .ltn__card-title::after {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 2px;
|
|
width: 11px;
|
|
height: 11px;
|
|
margin-top: 2px;
|
|
content: "";
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
opacity: 0;
|
|
border-radius: 50%;
|
|
background-color: #333;
|
|
}
|
|
.ltn__checkout-payment-method .ltn__card-title img {
|
|
height: 45px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.ltn__checkout-payment-method .ltn__card-title[aria-expanded="true"]::after {
|
|
opacity: 1;
|
|
}
|
|
|
|
.ltn__checkout-payment-method p {
|
|
font-size: 14px;
|
|
}
|
|
.ltn__checkout-payment-method p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Myaccount Page
|
|
---------------------------------------------------- */
|
|
.ltn__tab-menu-list .nav {
|
|
display: block;
|
|
margin-right: 30px;
|
|
border: 1px solid #eee;
|
|
}
|
|
.ltn__tab-menu-list .nav a {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 15px 20px;
|
|
border-bottom: 1px solid var(--border-color-1);
|
|
}
|
|
.ltn__tab-menu-list .nav a:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
.ltn__tab-menu-list .nav a i {
|
|
font-size: 14px;
|
|
}
|
|
.ltn__tab-menu-list .nav a.active {
|
|
background-color: var(--section-bg-2);
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__myaccount-tab-content-inner > p {
|
|
padding: 20px;
|
|
background-color: var(--section-bg-1);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Time Schedule Area
|
|
---------------------------------------------------- */
|
|
.ltn__time-schedule-widget {
|
|
padding: 50px 40px;
|
|
margin-top: -10px;
|
|
}
|
|
.ltn__time-schedule-widget h3 {
|
|
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
|
|
padding-bottom: 20px;
|
|
margin-bottom: 25px;
|
|
}
|
|
.ltn__time-schedule-widget ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ltn__time-schedule-widget ul li {
|
|
display: block;
|
|
}
|
|
.ltn__time-schedule-widget ul li span {
|
|
float: right;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Contact Feature
|
|
---------------------------------------------------- */
|
|
.ltn__contact-feature-item {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding: 25px 30px 20px;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-4);
|
|
box-shadow: var(--ltn__box-shadow-4);
|
|
margin-bottom: 30px;
|
|
background-color: var(--white);
|
|
}
|
|
|
|
.ltn__contact-feature-icon {
|
|
font-size: 50px;
|
|
margin-right: 20px;
|
|
color: var(--ltn__secondary-color);
|
|
line-height: 1;
|
|
max-width: 50px;
|
|
}
|
|
|
|
.ltn__contact-feature-info .h6,
|
|
.ltn__contact-feature-info .h2 {
|
|
font-family: var(--ltn__body-font);
|
|
}
|
|
|
|
.ltn__contact-feature-info .h6 {
|
|
color: var(--ltn__color-3);
|
|
}
|
|
|
|
@media (max-width: 1400px) {
|
|
.ltn__contact-feature-icon {
|
|
font-size: 40px;
|
|
margin-right: 15px;
|
|
}
|
|
.ltn__contact-feature-info .h6 {
|
|
font-size: 14px;
|
|
}
|
|
.ltn__contact-feature-info .h2 {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Image Slide (Screenshot)
|
|
---------------------------------------------------- */
|
|
.ltn__img-slide-item-4 > a,
|
|
.ltn__img-slide-item-3 > a,
|
|
.ltn__img-slide-item-2 > a {
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ltn__img-slide-item-4 img,
|
|
.ltn__img-slide-item-3 img,
|
|
.ltn__img-slide-item-2 img {
|
|
-webkit-transition: all 0.5s ease 0s;
|
|
-o-transition: all 0.5s ease 0s;
|
|
transition: all 0.5s ease 0s;
|
|
}
|
|
|
|
.ltn__img-slide-item-4:hover img,
|
|
.ltn__img-slide-item-3:hover img,
|
|
.ltn__img-slide-item-2:hover img {
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Background Video
|
|
---------------------------------------------------- */
|
|
/* Video From Local (src="myFolderName/videoName.mp4") */
|
|
#myVideo {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
min-width: 100%;
|
|
min-height: 100%;
|
|
}
|
|
|
|
/* Video From Link (src="website.com/videoUrl") */
|
|
.video-foreground,
|
|
.video-background iframe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* YouTube Video */
|
|
.ltn__youtube-video-background {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
z-index: -99;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Background Video
|
|
---------------------------------------------------- */
|
|
.ltn__newsletter-popup-2 .modal-header .close {
|
|
background-color: var(--section-bg-1);
|
|
color: var(--ltn__heading-color);
|
|
border-radius: 0px 0px 0px 20px;
|
|
}
|
|
|
|
.ltn__newsletter-popup-2 .modal-body {
|
|
padding: 0;
|
|
}
|
|
|
|
.ltn__newsletter-popup-2 .ltn__newsletter-popup-info {
|
|
padding: 30px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
newsletter popup
|
|
---------------------------------------------------- */
|
|
/* 23. newsletter popup css here */
|
|
.ltn__newletter-popup-active {
|
|
max-width: 850px;
|
|
background: #fff;
|
|
top: 50% !important;
|
|
margin-top: -179px;
|
|
position: fixed !important;
|
|
display: none;
|
|
}
|
|
|
|
.ltn__newletter-popup {
|
|
position: relative;
|
|
padding: 30px;
|
|
}
|
|
.ltn__newletter-popup p {
|
|
font-size: 14px;
|
|
}
|
|
.ltn__newletter-popup .subscribe-bottom {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ltn__newsletter-close {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
z-index: 999;
|
|
}
|
|
|
|
.ltn__newsletter-close:hover {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__newsletter-close-btn-left {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
.ltn__newsletter-popup-info {
|
|
padding: 15px;
|
|
}
|
|
|
|
.text-center .ltn__newsletter-popup-info input[type="email"] {
|
|
text-align: center;
|
|
}
|
|
|
|
.ltn__newletter-popup-3 {
|
|
padding: 0;
|
|
}
|
|
.ltn__newletter-popup-3 .ltn__newsletter-popup-info {
|
|
padding: 30px;
|
|
}
|
|
|
|
.ltn__newletter-popup-4 {
|
|
padding: 0;
|
|
}
|
|
.ltn__newletter-popup-4 .ltn__newsletter-popup-info {
|
|
padding: 30px 30px 30px 10px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.ltn__newletter-popup-active {
|
|
max-width: 400px;
|
|
max-height: 450px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
.ltn__newsletter-popup-img {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.ltn__newletter-popup-active {
|
|
max-width: 300px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
LightCase
|
|
---------------------------------------------------- */
|
|
#lightcase-overlay {
|
|
z-index: 9999;
|
|
background: var(--section-bg-2);
|
|
}
|
|
|
|
#lightcase-case {
|
|
z-index: 99999;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
END
|
|
---------------------------------------------------- */
|
|
/* ----------------------------------------------------
|
|
Footer Default Style
|
|
---------------------------------------------------- */
|
|
.footer-widget .footer-title {
|
|
font-size: 22px;
|
|
}
|
|
|
|
/* footer-2 */
|
|
.ltn__footer-2 .footer-widget .footer-title {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.ltn__footer-2 .footer-widget p,
|
|
.ltn__footer-2 .footer-widget li {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.ltn__footer-2 .footer-about-widget .footer-logo {
|
|
position: relative;
|
|
top: -20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ltn__footer-2 .footer-menu ul li {
|
|
margin-bottom: 30px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.ltn__footer-2 .footer-widget .ltn__blog-meta li,
|
|
.footer-widget .ltn__blog-meta li {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* footer-color-1 */
|
|
.ltn__footer-color-1 p {
|
|
color: var(--ltn__color-2);
|
|
}
|
|
.ltn__footer-color-1 p a {
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__footer-color-1 .ltn__footer-timeline-widget-1 li span {
|
|
color: var(--ltn__color-1);
|
|
}
|
|
|
|
.ltn__footer-color-1 .ltn__footer-timeline-widget-1 li:last-child span {
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__footer-color-1 .footer-menu ul li {
|
|
color: var(--ltn__color-2);
|
|
}
|
|
|
|
.ltn__footer-color-1 .ltn__footer-blog-item {
|
|
border-color: var(--border-color-6);
|
|
}
|
|
.ltn__footer-color-1 .ltn__footer-blog-item .ltn__blog-meta li {
|
|
color: var(--ltn__color-2);
|
|
}
|
|
|
|
.ltn__footer-color-1 .ltn__copyright-area {
|
|
background-color: var(--ltn__primary-color-2);
|
|
}
|
|
|
|
.ltn__footer-color-1 .get-support-info h6 {
|
|
color: var(--ltn__color-4);
|
|
}
|
|
|
|
.ltn__footer-color-1 .get-support-info h4 {
|
|
color: var(--white);
|
|
}
|
|
|
|
.ltn__footer-color-1 .ltn__copyright-menu ul li {
|
|
color: var(--white);
|
|
}
|
|
|
|
/* footer-color-2 */
|
|
.ltn__footer-color-2 .ltn__footer-timeline-widget-1 {
|
|
background-color: var(--white);
|
|
}
|
|
.ltn__footer-color-2 .ltn__footer-timeline-widget-1 li {
|
|
border-color: transparent;
|
|
}
|
|
.ltn__footer-color-2 .ltn__footer-timeline-widget-1 li:last-child span {
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.ltn__footer-color-2 .ltn__footer-blog-item {
|
|
border-color: var(--border-color-7);
|
|
}
|
|
|
|
.ltn__footer-color-2 .ltn__copyright-area {
|
|
background-color: var(--white-4);
|
|
}
|
|
|
|
/*-------------------------
|
|
Footer Area
|
|
-------------------------*/
|
|
.footer-top-area {
|
|
margin-top: -120px;
|
|
padding-top: 92px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.footer-widget {
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.footer-logo {
|
|
position: relative;
|
|
top: -10px;
|
|
}
|
|
|
|
.footer-title {
|
|
font-size: 20px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Footer About Widget
|
|
---------------------------------------------------- */
|
|
/* footer-address */
|
|
.footer-address ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.footer-address ul li {
|
|
list-style: none;
|
|
display: block;
|
|
margin-top: 8px;
|
|
}
|
|
.footer-address ul li:after {
|
|
display: block;
|
|
clear: both;
|
|
content: "";
|
|
}
|
|
.footer-address ul li .footer-address-icon {
|
|
float: left;
|
|
margin-right: 15px;
|
|
}
|
|
.footer-address ul li .footer-address-info {
|
|
overflow: hidden;
|
|
}
|
|
.footer-address ul li .footer-address-info p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Footer Menu Widget
|
|
---------------------------------------------------- */
|
|
/* footer-menu */
|
|
.footer-menu ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.footer-menu ul li {
|
|
list-style: none;
|
|
margin-top: 0px;
|
|
margin-bottom: 15px;
|
|
position: relative;
|
|
}
|
|
.footer-menu ul li a {
|
|
position: relative;
|
|
}
|
|
.footer-menu ul li a::before {
|
|
position: absolute;
|
|
content: "//";
|
|
left: 0;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
-webkit-transition: inherit;
|
|
-o-transition: inherit;
|
|
transition: inherit;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
margin-left: -20px;
|
|
color: var(--ltn__secondary-color);
|
|
}
|
|
.footer-menu ul li:hover a {
|
|
padding-left: 20px;
|
|
}
|
|
.footer-menu ul li:hover a::before {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.footer-menu ul ul {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
/* footer-menu-widget-2-column */
|
|
.footer-menu-widget-2-column {
|
|
padding-left: 30px;
|
|
}
|
|
.footer-menu-widget-2-column .footer-menu {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
.footer-menu-widget-2-column .footer-menu:nth-child(odd) {
|
|
padding-left: 20px;
|
|
}
|
|
.footer-menu-widget-2-column ul {
|
|
margin: 0;
|
|
}
|
|
.footer-menu-widget-2-column ul li {
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Footer Newsletter Widget
|
|
---------------------------------------------------- */
|
|
.footer-newsletter form {
|
|
position: relative;
|
|
}
|
|
|
|
.footer-newsletter input[type="email"] {
|
|
margin: 0;
|
|
padding-right: 50px;
|
|
}
|
|
|
|
.footer-newsletter .btn-wrapper {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
height: 100%;
|
|
}
|
|
.footer-newsletter .btn-wrapper .btn {
|
|
padding: 0 18px;
|
|
height: 100%;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Footer Timeline Widget
|
|
---------------------------------------------------- */
|
|
.ltn__footer-timeline-widget {
|
|
padding: 50px 50px 40px;
|
|
border-bottom: 5px solid;
|
|
border-color: var(--border-color-5);
|
|
margin-top: -92px;
|
|
}
|
|
.ltn__footer-timeline-widget .footer-title {
|
|
font-size: 36px;
|
|
}
|
|
.ltn__footer-timeline-widget ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ltn__footer-timeline-widget ul li {
|
|
list-style: none;
|
|
font-family: var(--ltn__heading-font);
|
|
font-weight: 700;
|
|
border-bottom: 1px solid;
|
|
border-color: var(--border-color-6);
|
|
padding-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
.ltn__footer-timeline-widget ul li:last-child {
|
|
border-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.ltn__footer-timeline-widget ul li:last-child span {
|
|
font-weight: 700;
|
|
}
|
|
.ltn__footer-timeline-widget ul li span {
|
|
float: right;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Footer Blog Widget
|
|
---------------------------------------------------- */
|
|
.ltn__footer-blog-item {
|
|
border-bottom: 1px solid;
|
|
border-color: var(--border-color-6);
|
|
margin-bottom: 20px;
|
|
}
|
|
.ltn__footer-blog-item:last-child {
|
|
border-bottom: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.ltn__footer-blog-item .ltn__blog-meta {
|
|
margin-bottom: 5px;
|
|
}
|
|
.ltn__footer-blog-item .ltn__blog-meta i {
|
|
color: var(--ltn__secondary-color);
|
|
margin-right: 5px;
|
|
}
|
|
.ltn__footer-blog-item .ltn__blog-title {
|
|
font-size: 20px;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Copyright Area
|
|
---------------------------------------------------- */
|
|
.ltn__copyright-area {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
}
|
|
.ltn__copyright-area .payment-method {
|
|
text-align: right;
|
|
}
|
|
|
|
.ltn__copyright-design h6,
|
|
.ltn__copyright-design h4 {
|
|
font-size: 14px;
|
|
font-family: var(--ltn__body-font);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.ltn__copyright-design p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ltn__copyright-menu ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.ltn__copyright-menu ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin-top: 0;
|
|
margin-right: 20px;
|
|
font-size: 14px;
|
|
font-family: var(--ltn__heading-font);
|
|
font-weight: 700;
|
|
}
|
|
.ltn__copyright-menu ul li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ltn__copyright-menu ul li a {
|
|
margin: 0;
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
Responsive
|
|
---------------------------------------------------- */
|
|
@media (max-width: 991px) {
|
|
.ltn__footer-timeline-widget {
|
|
padding: 50px 25px 40px;
|
|
}
|
|
.ltn__copyright-area {
|
|
text-align: center;
|
|
}
|
|
.ltn__copyright-area .payment-method {
|
|
text-align: center;
|
|
margin-top: 15px;
|
|
}
|
|
.ltn__copyright-area .site-logo-wrap {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.ltn__copyright-area .ltn__copyright-menu {
|
|
text-align: center !important;
|
|
}
|
|
#scrollUp {
|
|
font-size: 16px;
|
|
height: 30px;
|
|
width: 30px;
|
|
bottom: 50px;
|
|
}
|
|
#scrollUp i {
|
|
line-height: 30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.ltn__footer-timeline-widget {
|
|
padding: 50px 25px 40px;
|
|
}
|
|
.footer-menu-widget-2-column {
|
|
padding-left: 0;
|
|
}
|
|
.ltn__copyright-menu {
|
|
margin-top: 25px;
|
|
}
|
|
.ltn__footer-2 .footer-widget p,
|
|
.ltn__footer-2 .footer-widget li {
|
|
font-size: 14px;
|
|
}
|
|
.ltn__footer-2 .footer-widget .ltn__blog-meta li,
|
|
.footer-widget .ltn__blog-meta li {
|
|
font-size: 12px;
|
|
}
|
|
.ltn__footer-2 .footer-menu ul li {
|
|
margin-bottom: 20px;
|
|
}
|
|
.ltn__footer-blog-item .ltn__blog-title {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.ltn__footer-timeline-widget {
|
|
padding: 50px 25px 40px;
|
|
}
|
|
.footer-menu-widget-2-column .footer-menu {
|
|
width: 100%;
|
|
}
|
|
.footer-menu-widget-2-column .footer-menu:nth-child(odd) {
|
|
padding-left: 0px;
|
|
}
|
|
.ltn__copyright-menu {
|
|
margin-top: 25px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
END
|
|
---------------------------------------------------- */
|
|
/* -------------------------
|
|
## Preloader Css
|
|
--------------------------- */
|
|
.pre-wrap {
|
|
position: fixed;
|
|
content: "";
|
|
-webkit-transform: translate(-100%, -240%);
|
|
-ms-transform: translate(-100%, -240%);
|
|
transform: translate(-100%, -240%);
|
|
font-size: 62px;
|
|
}
|
|
|
|
.preloader-inner {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 9999999;
|
|
background-color: #071c1f;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.preloader-inner .cancel-preloader {
|
|
position: absolute;
|
|
bottom: 30px;
|
|
right: 30px;
|
|
}
|
|
.preloader-inner .cancel-preloader a {
|
|
background-color: var(--white);
|
|
font-weight: 600;
|
|
text-transform: capitalize;
|
|
color: var(--ltn__primary-color);
|
|
width: 200px;
|
|
height: 50px;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
border-radius: 30px;
|
|
display: block;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
.preloader-inner .cancel-preloader a:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.spinner {
|
|
margin: 120px auto;
|
|
width: 60px;
|
|
height: 60px;
|
|
position: relative;
|
|
text-align: center;
|
|
-webkit-animation: sk-rotate 2s infinite linear;
|
|
animation: sk-rotate 2s infinite linear;
|
|
}
|
|
|
|
.dot1,
|
|
.dot2 {
|
|
width: 60%;
|
|
height: 60%;
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 0;
|
|
background-color: var(--ltn__secondary-color);
|
|
border-radius: 100%;
|
|
-webkit-animation: sk-bounce 2s infinite ease-in-out;
|
|
animation: sk-bounce 2s infinite ease-in-out;
|
|
}
|
|
|
|
.dot2 {
|
|
top: auto;
|
|
bottom: 0;
|
|
-webkit-animation-delay: -1s;
|
|
animation-delay: -1s;
|
|
}
|
|
|
|
@-webkit-keyframes sk-rotate {
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes sk-rotate {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
-webkit-transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes sk-bounce {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: scale(0);
|
|
}
|
|
50% {
|
|
-webkit-transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes sk-bounce {
|
|
0%,
|
|
100% {
|
|
transform: scale(0);
|
|
-webkit-transform: scale(0);
|
|
}
|
|
50% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
}
|
|
}
|
|
|
|
/*----------------------------------------
|
|
Search Popup
|
|
----------------------------------------*/
|
|
/* ---------------------------------------
|
|
## Button
|
|
--------------------------------------- */
|
|
.btn-wrapper {
|
|
display: block;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.btn {
|
|
border-radius: 0;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
font-family: var(--ltn__heading-font);
|
|
padding: 15px 40px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
-webkit-transition: all 0.3s ease 0s;
|
|
-o-transition: all 0.3s ease 0s;
|
|
transition: all 0.3s ease 0s;
|
|
position: relative;
|
|
z-index: 1;
|
|
margin-right: 15px;
|
|
}
|
|
.btn:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.theme-btn-1 {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
.theme-btn-1:hover {
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.theme-btn-2 {
|
|
background-color: var(--ltn__primary-color);
|
|
color: var(--white);
|
|
}
|
|
.theme-btn-2:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.theme-btn-3 {
|
|
background-color: transparent;
|
|
border: 2px solid var(--border-color-9);
|
|
}
|
|
.theme-btn-3:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
border-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.reverse-color {
|
|
background-color: var(--ltn__secondary-color);
|
|
}
|
|
.reverse-color:hover {
|
|
background-color: var(--ltn__primary-color);
|
|
}
|
|
|
|
.btn-white {
|
|
background-color: var(--white);
|
|
color: var(--ltn__primary-color);
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
}
|
|
.btn-white:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.btn-black {
|
|
background-color: var(--black);
|
|
color: var(--white);
|
|
}
|
|
.btn-black:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.btn-transparent {
|
|
background-color: transparent;
|
|
-webkit-box-shadow: var(--ltn__box-shadow-3);
|
|
box-shadow: var(--ltn__box-shadow-3);
|
|
border-color: #ddd;
|
|
}
|
|
.btn-transparent:hover {
|
|
background-color: var(--ltn__secondary-color);
|
|
color: var(--white);
|
|
}
|
|
|
|
.btn-round {
|
|
border-radius: 50px;
|
|
}
|
|
|
|
.btn-opacity-6 {
|
|
opacity: 0.6;
|
|
}
|
|
.btn-opacity-6:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.btn-opacity-7 {
|
|
opacity: 0.7;
|
|
}
|
|
.btn-opacity-7:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.btn-opacity-8 {
|
|
opacity: 0.8;
|
|
}
|
|
.btn-opacity-8:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.btn-opacity-9 {
|
|
opacity: 0.9;
|
|
}
|
|
.btn-opacity-9:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.btn:after {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: -1;
|
|
-webkit-transition: all 0.3s;
|
|
-moz-transition: all 0.3s;
|
|
-o-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.btn-effect-1:after {
|
|
width: 0%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background: var(--white);
|
|
}
|
|
|
|
.btn-effect-1:hover {
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
.btn-effect-1:hover::after {
|
|
width: 100%;
|
|
}
|
|
|
|
.btn-effect-2:after {
|
|
width: 0%;
|
|
height: 100%;
|
|
top: 0;
|
|
right: 0;
|
|
background: var(--white);
|
|
}
|
|
|
|
.btn-effect-2:hover {
|
|
color: var(--ltn__heading-color);
|
|
}
|
|
.btn-effect-2:hover::after {
|
|
width: 100%;
|
|
}
|
|
|
|
.btn-effect-3:after {
|
|
width: 0%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background: var(--ltn__primary-color);
|
|
}
|
|
|
|
.btn-effect-3:hover {
|
|
color: var(--white);
|
|
}
|
|
.btn-effect-3:hover::after {
|
|
width: 100%;
|
|
}
|
|
|
|
.btn-effect-4:after {
|
|
width: 0%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background: var(--ltn__secondary-color);
|
|
}
|
|
|
|
.btn-effect-4:hover {
|
|
color: var(--white);
|
|
}
|
|
.btn-effect-4:hover::after {
|
|
width: 100%;
|
|
}
|
|
|
|
.btn-full-width {
|
|
display: block;
|
|
}
|
|
|
|
.btn-full-width-2 {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.btn-border {
|
|
border: 2px solid var(--border-color-10);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.btn {
|
|
padding: 12px 25px;
|
|
}
|
|
[type="submit"].btn {
|
|
padding: 15px 30px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.btn {
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
}
|
|
[type="submit"].btn {
|
|
padding: 12px 30px;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------------------
|
|
END
|
|
---------------------------------------------------- */
|
|
|
|
/*# sourceMappingURL=style.css.map */
|
|
#logo {
|
|
width: 150px;
|
|
}
|
|
|
|
#custom-header {
|
|
background-color: white;
|
|
}
|
|
|
|
.btn-custom-color {
|
|
border-radius: 10px;
|
|
background-color: #017baa; /* Replace with your desired color code */
|
|
color: #ffffff; /* Set text color to ensure readability */
|
|
}
|
|
|
|
.btn-custom-color:hover {
|
|
background-color: #00000f; /* Replace with your desired color code */
|
|
color: #ffffff; /* Set text color to ensure readability */
|
|
}
|
|
|
|
.payment {
|
|
width: 85px;
|
|
height: 35px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.brand-card {
|
|
border: 1px solid red;
|
|
}
|
|
|
|
.ltn__slider-area {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ltn__slide-one-active {
|
|
/* Add any styles for the active slide container */
|
|
}
|
|
|
|
.ltn__slide-item {
|
|
height: 100%;
|
|
background-size: cover;
|
|
background-position: center center;
|
|
}
|
|
|
|
.text-color-white {
|
|
color: white; /* Add any styles for white text */
|
|
}
|
|
|
|
/* Media query for larger screens */
|
|
@media only screen and (max-width: 1599) {
|
|
.ltn__slider-area {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ltn__slide-item {
|
|
height: 100%;
|
|
background-size: cover;
|
|
background-position: center center;
|
|
}
|
|
|
|
/* Add any additional styles for larger screens as needed */
|
|
}
|
|
.full-width {
|
|
width: 100%;
|
|
}
|
|
|
|
.custom-text {
|
|
font-family: var(--ltn__heading-font);
|
|
font-size: 22px;
|
|
}
|