.github
config
database
docs
resources
assets
css
demos
demo-accounting-1.css
demo-app-landing.css
demo-architecture-2.css
demo-architecture-interior.css
demo-auto-services.css
demo-band.css
demo-barber.css
demo-beauty-salon.css
demo-business-consulting-2.css
demo-business-consulting-3.css
demo-business-consulting-4.css
demo-business-consulting-5.css
demo-business-consulting.css
demo-church.css
demo-cleaning-services.css
demo-coffee.css
demo-construction-2.css
demo-construction.css
demo-creative-agency-1.css
demo-creative-agency-2.css
demo-dentist.css
demo-digital-agency-2-dark.css
demo-digital-agency-2.css
demo-digital-agency.css
demo-education.css
demo-event.css
demo-finance.css
demo-gym.css
demo-hotel.css
demo-industry-factory.css
demo-insurance.css
demo-it-services.css
demo-landing.css
demo-law-firm-2.css
demo-law-firm.css
demo-marketing-1.css
demo-medical-2.css
demo-medical.css
demo-one-page-agency.css
demo-personal-portfolio-1.css
demo-personal-portfolio-2.css
demo-personal-portfolio-3.css
demo-photography-2.css
demo-photography-3.css
demo-photography.css
demo-product-landing.css
demo-real-estate.css
demo-renewable-energy.css
demo-restaurant.css
demo-resume-dark.css
demo-resume.css
demo-sass.css
demo-seo-2.css
demo-seo-3.css
demo-seo.css
demo-startup-agency.css
demo-transportation-logistic.css
demo-wedding.css
examples
fonts
skins
custom.css
theme-blog.css
theme-elements.css
theme-shop.css
theme.css
img
js
templates
vendor
public
views
routes
src
.editorconfig
.gitattributes
.gitignore
.prettierignore
.prettierrc.json
CHANGELOG.md
CONTRIBUTING.md
CONVENTIONS.md
LICENSE
LICENSE.es.md
README.en.md
README.md
SECURITY.md
composer.json
138 lines
2.3 KiB
CSS
138 lines
2.3 KiB
CSS
.custom-bg-color-grey-1 {
|
|
background-color: #f8f9fb;
|
|
}
|
|
|
|
.overlay-tertiary:before {
|
|
background: var(--tertiary);
|
|
}
|
|
|
|
.custom-font-size-1 {
|
|
font-size: 80px;
|
|
}
|
|
|
|
p {
|
|
color: #999;
|
|
}
|
|
|
|
.custom-heading-1 {
|
|
-webkit-text-fill-color: transparent;
|
|
-webkit-text-stroke-width: 0.5px;
|
|
-webkit-text-stroke-color: var(--grey-500);
|
|
white-space: nowrap;
|
|
font-size: 80px;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.custom-heading-1 {
|
|
font-size: 50px;
|
|
}
|
|
}
|
|
|
|
.custom-stroke-text-effect-1 {
|
|
-webkit-text-fill-color: transparent;
|
|
-webkit-text-stroke-width: 1px;
|
|
-webkit-text-stroke-color: var(--light);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.custom-text-pos-1 {
|
|
left: -80px;
|
|
}
|
|
|
|
.custom-text-pos-2 {
|
|
right: -80px;
|
|
}
|
|
|
|
.custom-text-pos-3 {
|
|
left: -10%;
|
|
top: 45%;
|
|
}
|
|
|
|
.custom-el-pos-1 {
|
|
margin-top: -160px;
|
|
}
|
|
|
|
.custom-el-pos-2 {
|
|
margin-top: -73px;
|
|
}
|
|
|
|
.custom-el-pos-3 {
|
|
margin-top: -73px;
|
|
}
|
|
|
|
.custom-drop-caps .custom-drop-caps-number {
|
|
font-weight: bold;
|
|
float: left;
|
|
font-size: 90px;
|
|
line-height: 90px;
|
|
padding: 0;
|
|
margin-right: 15px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.custom-vr-1 {
|
|
width: 6px;
|
|
height: 70px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
#header .header-logo img {
|
|
max-width: 245px;
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
.section-intro {
|
|
background: url(../../img/demos/transportation-logistic/generic/generic-1.png) no-repeat 12% 100%;
|
|
min-height: 400px;
|
|
}
|
|
|
|
.custom-carousel-1-wrapper {
|
|
margin-top: -48px;
|
|
margin-bottom: -100px;
|
|
position: relative;
|
|
z-index: 1;
|
|
min-height: 300px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.custom-carousel-1-wrapper {
|
|
margin-top: -143px;
|
|
}
|
|
}
|
|
|
|
.custom-carousel-1 .owl-stage-outer .owl-item {
|
|
padding: 20px 2px 40px 18px;
|
|
}
|
|
|
|
.custom-carousel-1 .owl-stage-outer .owl-item .card {
|
|
transition: all 0.1s ease-in-out;
|
|
}
|
|
|
|
.custom-carousel-1 .owl-stage-outer .owl-item.active .card {
|
|
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.custom-carousel-1 .owl-carousel.nav-bottom.nav-bottom-align-left {
|
|
position: relative;
|
|
top: 20px;
|
|
width: 100% !important;
|
|
padding-right: 20px;
|
|
}
|
|
}
|
|
|
|
.custom-carousel-1 .owl-carousel.nav-bottom.nav-bottom-align-left .owl-nav {
|
|
position: absolute;
|
|
top: 73px;
|
|
left: -78px;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.custom-parallax-1 .parallax-background {
|
|
background-size: 100% !important;
|
|
}
|
|
}
|