501 lines
9.7 KiB
CSS
501 lines
9.7 KiB
CSS
body {
|
|
font-family: "Poppins", sans-serif;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.container {
|
|
max-width: 1200px !important;
|
|
}
|
|
}
|
|
|
|
[class*="text-color-hover-"] {
|
|
transition: ease all 300ms;
|
|
}
|
|
|
|
[class*="bg-color-hover-"] {
|
|
transition: ease background 300ms;
|
|
}
|
|
|
|
.bg-color-hover-primary:hover [class*="opacity-"] {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.custom-font-secondary {
|
|
font-family: 'Playfair Display', sans-serif !important;
|
|
}
|
|
|
|
.custom-bg-lighten-grey-1 {
|
|
background: #4d4e50 !important;
|
|
}
|
|
|
|
.custom-font-size-1 {
|
|
font-size: 1.4em !important;
|
|
}
|
|
|
|
.custom-font-size-2 {
|
|
font-size: 1.35em !important;
|
|
}
|
|
|
|
.custom-font-size-3 {
|
|
font-size: 1.15em !important;
|
|
}
|
|
|
|
.custom-positive-ls-5px {
|
|
letter-spacing: 5px !important;
|
|
}
|
|
|
|
.custom-svg-btn-style-1 {
|
|
position: relative;
|
|
padding: 19px 60px 19px 50px;
|
|
font-weight: 700;
|
|
font-size: 13.6px;
|
|
font-size: 0.85rem;
|
|
z-index: 1;
|
|
}
|
|
|
|
.custom-svg-btn-style-1 .custom-svg-btn-background {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 0;
|
|
width: 107%;
|
|
height: 120%;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
z-index: -1;
|
|
}
|
|
|
|
.custom-svg-btn-style-1 .custom-svg-btn-background polygon {
|
|
transition: ease all 300ms;
|
|
}
|
|
|
|
.custom-svg-btn-style-1 .custom-svg-btn-arrow {
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.custom-svg-btn-style-1.custom-svg-btn-style-1-small {
|
|
padding: 18px 31px 18px 25px;
|
|
font-size: 12.8px;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.custom-svg-btn-style-1.custom-svg-btn-style-1-light .custom-svg-btn-background polygon {
|
|
fill: transparent;
|
|
stroke: #FFF;
|
|
}
|
|
|
|
.custom-svg-btn-style-1.custom-svg-btn-style-1-light:hover .custom-svg-btn-background polygon {
|
|
fill: #FFF;
|
|
}
|
|
|
|
.custom-svg-btn-style-1.custom-svg-btn-style-1-light.custom-svg-btn-style-1-light-solid .custom-svg-btn-background {
|
|
transition: ease opacity 300ms;
|
|
}
|
|
|
|
.custom-svg-btn-style-1.custom-svg-btn-style-1-light.custom-svg-btn-style-1-light-solid .custom-svg-btn-background polygon {
|
|
fill: #FFF;
|
|
}
|
|
|
|
.custom-svg-btn-style-1.custom-svg-btn-style-1-light.custom-svg-btn-style-1-light-solid:hover .custom-svg-btn-background {
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.custom-read-more > svg {
|
|
transition: ease transform 300ms;
|
|
}
|
|
|
|
.custom-read-more:hover > svg {
|
|
transform: translate3d(6px, 0, 0);
|
|
}
|
|
|
|
.custom-container-absolute-centered-x {
|
|
position: absolute !important;
|
|
left: 50%;
|
|
transform: translate3d(-50%, 0, 0);
|
|
}
|
|
|
|
.custom-min-height-1 {
|
|
min-height: 277px;
|
|
}
|
|
|
|
.owl-carousel.custom-stage-outer-box-shadow .owl-stage-outer {
|
|
box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45);
|
|
}
|
|
|
|
.custom-table-style-1 thead tr {
|
|
background: #4d4e50;
|
|
}
|
|
|
|
.custom-table-style-1 thead th {
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
color: #FFF;
|
|
font-weight: 700;
|
|
font-size: 17.6px;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.custom-table-style-1 th, .custom-table-style-1 td {
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
.custom-table-style-1 td:first-child {
|
|
font-weight: 600;
|
|
}
|
|
|
|
@media (min-width: 2000px) {
|
|
.shape-divider svg {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.featured-box.custom-featured-box-with-video > .custom-featured-box-video {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: auto;
|
|
z-index: 1;
|
|
transition: ease all 300ms;
|
|
}
|
|
|
|
.featured-box.custom-featured-box-with-video > .custom-featured-box-video.active {
|
|
z-index: 3;
|
|
}
|
|
|
|
.featured-box.custom-featured-box-with-video .featured-box-background {
|
|
z-index: 2;
|
|
}
|
|
|
|
.featured-box.custom-featured-box-with-video .featured-box-background.hide {
|
|
opacity: 0;
|
|
}
|
|
|
|
.featured-box.custom-featured-box-with-video .box-content {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 301px;
|
|
padding: 0;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.featured-box.custom-featured-box-with-video .box-content {
|
|
height: 227px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.featured-box.custom-featured-box-with-video .box-content {
|
|
height: 386px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.featured-box.custom-featured-box-with-video .box-content {
|
|
height: 285px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.featured-box.custom-featured-box-with-video .box-content {
|
|
height: 0;
|
|
padding-top: 28%;
|
|
padding-bottom: 28%;
|
|
}
|
|
}
|
|
|
|
.featured-box.custom-featured-box-with-video .box-content.hide {
|
|
opacity: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
/*
|
|
* Header
|
|
*/
|
|
@media (min-width: 992px) {
|
|
#header .header-nav-main nav > ul > li > a {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
padding: 0 1.3rem !important;
|
|
}
|
|
}
|
|
|
|
#header.header-effect-shrink .header-container {
|
|
min-height: 110px;
|
|
}
|
|
|
|
/*
|
|
* Home Section - Hero
|
|
*/
|
|
.custom-hero-sub-images-style-1 {
|
|
position: absolute;
|
|
top: 65%;
|
|
left: 100%;
|
|
width: 100%;
|
|
min-height: 323px;
|
|
z-index: -1;
|
|
}
|
|
|
|
.custom-hero-sub-images-style-1:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 339px;
|
|
height: 100%;
|
|
background: #CCC;
|
|
opacity: 0.7;
|
|
z-index: 1;
|
|
}
|
|
|
|
.custom-hero-sub-images-style-1:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 100%;
|
|
width: 40vw;
|
|
height: 100%;
|
|
background: #CCC;
|
|
}
|
|
|
|
.custom-hero-sub-images-style-1 .custom-hero-sub-images-shadow {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 0px;
|
|
height: 60%;
|
|
left: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.custom-hero-sub-images-style-1 img {
|
|
width: 640px;
|
|
max-width: none;
|
|
}
|
|
|
|
/*
|
|
* Home Section - What We Do
|
|
*/
|
|
.custom-thumb-info-style-1 .custom-thumb-info-icon {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 40px 0;
|
|
padding: 2.5rem 0;
|
|
background: #4d4e50;
|
|
transition: ease background 300ms;
|
|
}
|
|
|
|
.custom-thumb-info-style-1 .custom-thumb-info-icon > img {
|
|
width: auto;
|
|
transform: scale(1);
|
|
}
|
|
|
|
.custom-thumb-info-style-1 .thumb-info-wrapper {
|
|
position: relative;
|
|
}
|
|
|
|
.custom-thumb-info-style-1 .thumb-info-wrapper:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: #4d4e50;
|
|
opacity: 0.7;
|
|
transition: ease opacity 300ms;
|
|
z-index: 1;
|
|
}
|
|
|
|
.custom-thumb-info-style-1 .thumb-info-wrapper > img {
|
|
filter: grayscale(1);
|
|
transform: scale(1) !important;
|
|
}
|
|
|
|
.custom-thumb-info-style-1:hover .custom-thumb-info-icon > img, .custom-thumb-info-style-1.active .custom-thumb-info-icon > img {
|
|
animation: toRightFromLeftNoScale 0.3s forwards;
|
|
}
|
|
|
|
.custom-thumb-info-style-1:hover .thumb-info-wrapper:after, .custom-thumb-info-style-1.active .thumb-info-wrapper:after {
|
|
opacity: 0;
|
|
}
|
|
|
|
.custom-thumb-info-style-1:hover .thumb-info-wrapper > img, .custom-thumb-info-style-1.active .thumb-info-wrapper > img {
|
|
filter: grayscale(0);
|
|
}
|
|
|
|
@keyframes toRightFromLeftNoScale {
|
|
49% {
|
|
transform: translate(100%) scale(1);
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
transform: translate(-100%) scale(1);
|
|
}
|
|
51% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Home Section - Special Services
|
|
*/
|
|
.custom-section-shape-background {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.custom-section-shape-background:before, .custom-section-shape-background:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 47.5%;
|
|
width: 50vw;
|
|
height: 100%;
|
|
background: #FFF;
|
|
transform: skewX(21deg);
|
|
z-index: 0;
|
|
}
|
|
|
|
.custom-section-shape-background:after {
|
|
left: 49.5%;
|
|
transform: skewX(-21deg);
|
|
}
|
|
|
|
.custom-section-shape-background .custom-shape-divider {
|
|
position: relative;
|
|
}
|
|
|
|
.custom-section-shape-background .custom-shape-divider:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: -150px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 150%;
|
|
background: #f7f7f7;
|
|
transform: skewY(-4deg);
|
|
z-index: 0;
|
|
}
|
|
|
|
.custom-section-shape-background.custom-section-shape-background-reverse:before {
|
|
left: auto;
|
|
right: 49.5%;
|
|
transform: skewX(21deg) rotate(180deg);
|
|
}
|
|
|
|
.custom-section-shape-background.custom-section-shape-background-reverse:after {
|
|
left: auto;
|
|
right: 50.5%;
|
|
transform: skewX(-21deg) rotate(180deg);
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.custom-section-shape-background:before, .custom-section-shape-background:after {
|
|
width: 100vw;
|
|
}
|
|
}
|
|
|
|
.custom-list-icons-icon-size li > [class*="fa-"]:first-child,
|
|
.custom-list-icons-icon-size li > .icons:first-child, .custom-list-icons-icon-size li a:first-child > [class*="fa-"]:first-child,
|
|
.custom-list-icons-icon-size li a:first-child > .icons:first-child {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
/*
|
|
* Home Section - How We Work
|
|
*/
|
|
.custom-process-style-1 .process-step-circle {
|
|
width: 110px;
|
|
height: 110px;
|
|
border-color: #d4d4d4 !important;
|
|
}
|
|
|
|
.custom-process-style-1 .process-step-circle-content {
|
|
font-size: 2.2em;
|
|
}
|
|
|
|
/*
|
|
* Home Section - Testimonials
|
|
*/
|
|
.custom-testimonial-style-1.testimonial.testimonial-style-3 blockquote {
|
|
background: transparent !important;
|
|
padding: 12px 40px;
|
|
}
|
|
|
|
.custom-testimonial-style-1.testimonial.testimonial-style-3 blockquote:before {
|
|
content: '\f10d';
|
|
font-family: "Font Awesome 6 Free";
|
|
font-weight: 900;
|
|
font-size: 19.2px;
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.custom-testimonial-style-1.testimonial.testimonial-style-3 .testimonial-author {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
.custom-testimonial-style-1.testimonial.testimonial-style-3 .testimonial-author img {
|
|
max-width: 85px;
|
|
}
|
|
|
|
/*
|
|
* Home Section - Contact Us / Send Message
|
|
*/
|
|
.custom-form-style-1 {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.custom-form-style-1 .form-control {
|
|
height: calc(1.5em + 1.85rem + 2px);
|
|
padding: 15.6px 20px;
|
|
padding: 0.975rem 1.25rem;
|
|
background: #f7f7f7;
|
|
border-color: #f7f7f7;
|
|
}
|
|
|
|
.custom-form-style-1 .form-control:focus {
|
|
border-color: #CCC;
|
|
}
|
|
|
|
.custom-form-style-1 textarea.form-control {
|
|
height: auto;
|
|
}
|
|
|
|
/*
|
|
* Footer
|
|
*/
|
|
#footer p,
|
|
#footer a:not(.btn),
|
|
#footer li,
|
|
#footer strong,
|
|
#footer .footer-copyright p,
|
|
#footer a:not(.btn):not(.no-footer-css) {
|
|
color: #b5b5b5;
|
|
}
|
|
|
|
.custom-list-style-1 > li {
|
|
margin-bottom: 0;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.custom-list-style-1 > li + li {
|
|
border-top: 1px solid #5c5d5f;
|
|
}
|
|
|
|
.custom-list-style-1 > li:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.custom-list-style-1 > li:last-child {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.custom-footer-top-light-border {
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
|
|
}
|