File: /home/imensosw/public_html/imenso.co/ui/landing-powerbi/style.css
/*!
Theme Name: Imenso Theme
URL: https://www.imensosoftware.com
Author: Imenso Software
--------------------------------------------------------------*/
html {
scroll-behavior: smooth;
}
body {
font-family: 'Sen', sans-serif;
}
h1, h2, h3, h4, h5 {
font-weight: 600;
line-height: 1.3;
}
.topbar {
height: 35px;
background-image: url('images/topbar.png');
background-size: cover;
padding: 5px 0;
}
.topbar .swiper-slide {
color: #FFF;
text-transform: uppercase;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 2.5em;
}
.right-cta a {
color: #FFF;
font-weight: 500;
}
.btn-primary {
background:#ee2761;
border-color: #ee2761;
padding: 10px 14px !important;
font-weight: 500;
border-radius: 3px;
}
.btn-primary:hover {
background:#ee2761;
border-color: #ee2761;
}
.btn-secondary {
background-color: transparent;
border-color:#FFF;
font-weight: 500;
border-radius: 3px;
padding: 0.5em 1.3em;
}
.btn-secondary:hover {
background-color: #FFF;
color: #000;
border-color: #FFF;
}
.btn-bordered {
background-color: transparent;
border-color:#000;
font-weight: 500;
border-radius: 3px;
padding: 0.5em 1.3em;
color: #000;
}
.btn-bordered:hover {
background:#184153;
border-color: #184153;
color: #FFF;
}
.burger {
padding: 76px 0;
}
.gutter {
padding: 0 100px;
}
.nav-link {
padding: 10px 14px !important;
color: #000 !important;
font-weight: 500;
position: relative;
}
.nav-link.active:after {
width: 100%;
background: #764ca6;
height: 6px;
content: "";
position: absolute;
left: 0;
bottom: -10px;
}
.banner {
position: relative;
padding-top: 100px;
height: calc(100% - 100px);
padding-bottom: 75px;
}
.banner .container, .banner .row {
height: 100%;
}
.banner h1 {
font-size: 48px;
color: #0f346c;
line-height: 1.3;
}
.callback-form {
background: linear-gradient(to right, #0f346c,#764ca6) rgba(0,0,0,0);
padding: 1.8em;
border-radius: 8px;
color:#FFF;
}
.footer .callback-form {
background:#FFF;
color: #000;
}
.banner p {
font-size: 1em;
line-height: 1.5;
}
.featured {
height: 100px;
display: flex;
align-items: center;
}
.featured__logo {
display: flex;
align-items: center;
justify-content: flex-start;
}
.featured__logo img {
margin: 0 30px;
}
.featured__logo span {
color: #FFF;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.8em;
position: relative;
display: block;
padding-right: 120px;
min-width: 220px;
}
.featured__logo span:after {
position: absolute;
content: "";
height: 1px;
background-color: #FFF;
width: 100px;
top: 48%;
margin-left: 15px;
}
.sml-heading {
color: #007c89;
font-size: 0.8em;
font-family: "Avenir LT Std 85 Heavy";
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
padding-right: 20px;
display: inline-block;
margin-bottom: 30px; }
.sml-heading:after {
background: #007c89;
bottom: -75%;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 45px; }
.grey-bg {
background-color: #f0f4f7; }
.grey-bg-2 {
background-color: #E4EDED; }
.black-bg {
background-color: #000; }
/*.section-line {
position: relative; }
.section-line:before {
background: #ee2761;
content: "";
height: 150px;
position: absolute;
width: 4px;
left: 15px;
top: -25%;
z-index: 95; }*/
.twisted-text {
display: inline-block;
font-size: 0.8em;
font-weight: bold;
letter-spacing: 2px;
margin-left: -5.2%;
margin-top: 40px;
position: absolute;
text-transform: uppercase;
min-width: 123px;
transform: rotate(270deg); }
.services {
background: #FFF;
position: relative;
border-top: 1px solid #DDD;
z-index: 9; }
.services__wrapper {
width: 100%;
overflow: hidden;
position: relative; }
.assessment {
position: relative;
z-index: 9; }
.assessment__wrapper {
width: 100%;
overflow: hidden;
position: relative; }
.cheese {
background: #fff;
border-radius: 4px;
padding: 30px;
position: relative;
transition: 0.3s all; }
.cheese__content h4 {
font-size: 1.3em; }
.cheese__content img {
width: 60px; }
.cheese__link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-indent: -9999px; }
.cheese a {
color: #184153;
font-size: 0.875em;
text-decoration: underline; }
.cheese:hover {
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2); }
.cheese:hover h4 {
color: #007c89; }
.leaf {
border-radius: 4px;
padding: 30px;
position: relative;
overflow: hidden; }
.leaf img {
width: 6.25em;
max-width: 100%;
margin-bottom: 2em;
position: relative; }
.leaf img:before {
background-color: rgba(149, 239, 191, 0.2);
border-radius: 100%;
content: "";
height: 250px;
left: 0;
position: absolute;
top: 0;
width: 250px;
z-index: -1; }
.leaf h3 {
font-size: 1.5em;
margin-bottom: 1em; }
.leaf a {
font-family: "Avenir LT Std 65 Medium";
font-size: 0.875em;
text-decoration: underline; }
.usecase .media-body {
margin-left: 0; }
.usecase .media-body p {
margin-bottom: 0;
}
.usecase .media-body h4 {
color: #0f346c;
}
.usecase .media {
padding: 30px; display: block; }
.usecase i {
height: 1.875em;
width: 1.875em;
line-height: 1.875em;
text-align: center;
font-size: 1em;
background: #53e3b7;
color: #FFF;
border-radius: 100%;
margin-top: 5px;
display: none;
}
.usecase img {
margin-bottom: 20px;
}
.usecase h4 {
font-size: 1.2em; }
.callout a {
text-decoration: underline; }
.about .section-line::before {
top: -95%;
}
.testimonial_slider .swiper-slide {
width: calc(100% - 420px);
height: 320px; }
.testimonial_slider .swiper-button-next:hover, .testimonial_slider .swiper-button-prev:hover {
opacity: 0; }
.testimonial_slider .swiper-button-next, .testimonial_slider .swiper-button-prev {
height: 320px;
width: 210px;
background: none;
top: 22px;
opacity: 0.8;
background-color: #fff;
transition: all ease .35s; }
.swiper-slide-next, .swiper-slide-next .review_slide {
margin-right: auto; }
.swiper-slide:not(.swiper-slide-active) .review_slide {
width: 210px; }
.swiper-slide-active .author_img:before {
left: 24px;
transition: all ease .5s .3s;
top: -25px; }
.swiper-slide-active .author_img {
z-index: 1;
flex: 0 0 180px; }
.review_slide {
display: flex;
position: relative;
padding: 15px;
background-color: #fff;
overflow: hidden;
height: 100%; }
.swiper-slide.swiper-slide-active .review_slide {
width: 90%;
margin: 0 auto;
padding-bottom: 52px;
opacity: 1;
background: #FFF;
padding: 50px 50px 0;
border-radius: 4px; }
.review_slide h6 {
margin-bottom: 0;
font-size: 1.2em; }
.review__content {
padding-left: 270px;
padding-right: 50px; }
.review__content .blockquote {
color: #000;
font-size: 1em;
font-weight: 500;
min-height: 160px; }
.review__content .blockquote:after {
content: "\f10e";
font-family: FontAwesome;
font-size: 4em;
height: 80px;
opacity: 0.05;
position: absolute;
right: 10px;
top: 0;
width: 80px; }
.author_img:before {
content: "";
position: absolute;
width: 250px;
height: 250px;
background-color: #ff9a00;
left: 0px;
top: 0px;
z-index: -1;
border-radius: 100%; }
.author_img {
position: absolute;
bottom: 0;
left: 0;
bottom: 0;
width: 260px; }
.swiper-slide-active
.testimonial_slider {
padding: 30px 0; }
.testimonial_slider .swiper-button-prev {
left: 0; }
.testimonial_slider .swiper-button-next {
right: 0; }
.swiper-slide:not(.swiper-slide-active) .review_slide {
flex-direction: column;
filter: grayscale(100%); }
.swiper-slide-active .review_slide .review__content {
display: block;
visibility: visible !important; }
.review_slide .review__content {
display: none;
color: var(--lightmutedClr); }
.testimonial_slider .swiper-pagination-bullet {
margin: 7px !important;
position: relative;
width: 4px;
height: 4px;
display: inline-block;
border-radius: 50%;
background-color: var(--primaryClr); }
.testimonial_slider span.swiper-pagination-bullet:before {
content: "";
width: 100%;
height: 100%;
background-color: var(--primaryClr);
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: scale(0);
border-radius: 50%;
opacity: .1;
transition: all ease .3s; }
.testimonial_slider span.swiper-pagination-bullet-active:before {
transform: scale(3); }
.swiper-slide-prev .review_slide {
margin-left: auto; }
.swiper-slide-active .review_slide {
background-repeat: no-repeat;
background-size: 65px;
background-image: url(../images/left-quote-mark.png);
background-position: 18px 7px; }
.review_slide span {
display: inline-block; }
.number_counter {
counter-reset: Number; }
.footer ul {
margin: 0;
padding: 0; }
.footer ul li {
list-style: none;
display: block;
margin-bottom: 5px;
font-size: 0.9em; }
.footer ul li a {
color: rgba(255, 255, 255, 0.7); }
.footer ul li a:hover {
color: #FFF; }
.footer h5 {
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 1px;
color: #FFF;
margin-bottom: 40px;
margin-top: 0; }
.footer .connect i {
min-width: 30px; }
.footer hr {
border-color: rgba(255, 255, 255, 0.2); }
.footer .copy {
font-size: 0.8em;
margin-bottom: 0;
color: #FFF;
opacity: 0.6; }
.footer .copy a {
color: #FFF;
text-decoration: underline;
}
.inner-hero {
background-image: url("../images/dummy.jpg");
background-color: #fdfdfd;
background-size: contain;
min-height: 100vh;
background-position: 594px 0;
background-repeat: no-repeat; }
.inner-hero h1 {
color: #000;
font-size: 3em;
font-family: "Avenir LT Std 85 Heavy"; }
.inner-hero p {
font-size: 1.3em;
color: rgba(0, 0, 0, 0.7); }
.inner-hero .btn {
padding: 0.75em 1em; }
.about-special {
background-image: url(../images/linear-bg.png);
background-size: cover;
padding-bottom: 100px; }
.about-special {
background-position: center;
background-size: cover;
background-attachment: fixed; }
.benifit-box {
width: calc(100% + 200px );
margin-left: -150px; }
.benifit-box .media {
padding: 20px;
box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.1); }
.benifit-box h3 {
font-size: 1em;
margin-top: 14px; }
.benifit-box .media-item img {
margin-right: 20px;
}
.benifit-contant {
margin-right: 20%;
padding: 40px 50px; }
.benifit-box .media {
background-color: #fff;
padding: 20px;
box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.1);
}
.benifit-contant h2 {
font-size: 36px;
}
.align-item-center {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.gradient-bg {
background-color: #ee2761;
color: #FFF;
}
.video-banner {
background-color: #333;
background-size: cover;
background-repeat: no-repeat;
min-height: 500px;
color: #FFF;
}
.aboutus {
/*background-color: #184153;*/
color: #FFF;
}
.aboutus em {
font-size: 0.8em;
}
.video-btn {
display: flex;
align-items: center;
font-weight: 600;
color: #FFF;
}
.video-btn:hover {
text-decoration: none;
color: #FFF;
}
.video-btn i {
background-color: #ee2761;
height: 50px;
width: 50px;
border-radius: 50%;
text-align: center;
line-height: 50px;
color: #FFF;
margin-right: 10px;
display: inline-block;
}
.about-text {
padding-left: 50px;
}
.about-text p {
font-size: 24px;
font-weight: 500;
}
.about-facts {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.about__facts {
border-right: 2px solid rgba(255,255,255,0.5);
border-left: none;
padding-right: 20px;
padding-left: 0;
}
.about__facts span {
display: block;
}
.about__facts-value {
font-size: 3em;
font-weight: 600;
line-height: 1;
}
.about__facts-name {
font-size: 0.875em;
}
.callout a {
font-size: 0.85;
color: #184153;
}
.popup__overlay {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
text-align: center;
z-index: 100;
}
.popup__overlay:after {
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
content: "";
}
.popup {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
max-width: 640px;
max-height: 480px;
padding: 20px;
border: 1px solid black;
background: black;
color: white;
vertical-align: middle;
}
.popup-form__row {
margin: 1em 0;
}
.popup__close {
display: block;
position: absolute;
top: 1px;
right: 1px;
width: 12px;
height: 12px;
padding: 8px;
cursor: pointer;
text-align: center;
font-size: 12px;
line-height: 12px;
color: #FFF;
text-decoration: none;
font-weight: bold;
}
.popup__close:hover {
color: #eea200;
}
.callback .form-control {
background-color: #FFF;
border:1px solid #ddd;
color: #000;
padding: 10px 14px;
}
.callback textarea {
height: 89px;
}
.callback .btn-secondary {
background-color: #FFF;
color: #000;
}
.menubar {
padding: 20px 0;
position: fixed;
width: 100%;
background-color: #FFF;
z-index: 8;
transition: 0.3s all;
}
.navbar {
background: #FFF !important;
padding: 10px;
transition: 0.3s all;
}
.menu-sml {
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.menu-sml .cta-btn {
background: #ee2761;
padding:8px 14px;
border-radius: 4px;
color: #FFF !important;
}
.navbar-light .navbar-toggler {
border:none;
}
.navbar-toggler:focus {
outline: none;
}
.menubar ul {
list-style: none;
padding: 0;
margin: 0;
text-align: right;
}
.menubar ul li {
display: inline-block;
margin: 0 10px;
}
.theme-bg {background: linear-gradient(135deg,#0f346c,#764ca6) rgba(0,0,0,0); }
.txt-white{color: #fff;}
.theme-red{background: #ee2761;}
.btn-default{ background: #fff; color: #0f346c; padding: 14px 30px !important; }
.btn{ padding: 10px 20px;}
p{ font-size: 16px; line-height: 180%;}
.callback{ /*position: absolute; right: 0; top: -150px;*/ background: rgba(255,255,255,.95); border-radius:4px; overflow: hidden;}
.callback h2{ margin: 0; text-align: center; font-size: 20px }
.footer .social li{ display: inline-block; margin-bottom: 0 !important }
.footer .social li a{ padding: 10px }
.callout img{ margin-bottom: 20px }
.callout .media-body{ padding: 0 20px }
.feature-highlight .card{ margin-bottom: 30px }
.usps .card {min-height: 425px; border-radius: 0 !important; padding: 1.2em !important;}
.feature-icon{ width: 80px; padding: 10px; border-radius: 6px; margin-right: 20px; background: #f1f1f1; }
.card-body .feature-icon{width: 80px; margin-bottom: 20px; background: none !important} .feature-txt{ }
.feature-txt h5{ margin-bottom: 10px; font-size: 25px; font-weight: 600 }
.call-to-action{ position: relative; overflow: hidden;}
.call-to-action .border-left{ border-width: 4px !important }
.call-to-action .burger{ position: relative;z-index: 2; padding: 50px }
.call-to-action h4{ margin-bottom: 0; }
.call-to-action p{ line-height: 130% }
.call-to-action .btn{ padding: 14px 30px; }
.call-to-action:after{ content: ''; position: absolute; left: 0; top: -25%; width: 100%; height: 150%; z-index: 1; background: url('images/globe_vector.png') no-repeat right center; background-size: auto 100%; }
.dotted-bg{background: url('images/bg-tabs3.svg') no-repeat right center; background-size: cover;}
.aboutus .nav-tabs{ border-bottom: none !important; }
.aboutus .nav-item{ margin: 0;text-align: center;}
.aboutus .nav-tabs .nav-link{ border: 1px solid #ddd; background: #f2f9fd; border-right: none; border-radius: 0px; padding: 10px 40px }
.aboutus .nav-tabs .nav-link.active, .aboutus .nav-tabs .nav-link:hover{ background: #fff; color: #333 }
.aboutus .nav-tabs .nav-item:last-child .nav-link{ border-right: 1px solid #ddd; }
.card {
border-radius: 4px;
border:none;
}
.fact-list span {
display: block;
}
.f-upper {
font-size: 24px;
font-weight: 800;
height: 80px;
width: 80px;
line-height: 72px;
text-align: center;
border-radius: 100%;
margin: 0 auto;
margin-bottom: 20px;
}
.f-lower {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
}
.call-to-action h4 {
font-size: 32px;
font-weight: 500;
}
.bg1 {
border: 4px solid #FFAEBC;
background-color: #FFAEBC;
}
.bg2 {
border: 4px solid #A0E7E5;
background-color: #A0E7E5;
}
.bg3 {
border: 4px solid #B4F8C8;
background-color: #B4F8C8;
}
.bg4 {
border: 4px solid #FBE7C6;
background-color: #FBE7C6;
}
.footer .featured__logo {
display: block;
}
.footer .featured__logo img {
margin:0;
}
.footer .author-text {
color: #FFF;
font-size: 24px;
font-style: italic;
line-height: 1.7;
}
.footer .logo-grid {
padding: 30px;
text-align: center;
}
.footer .f-quote {
font-size: 50px;
color: rgba(255,255,255,0.2);
position: absolute;
top: -50px;
}
.footer .border-bottom, .footer .border-right {
border-color: rgba(255,255,255,0.2) !important;
}
.footer h2 {
font-size: 26px;
}
.footer .swiper-pagination-bullet {
height: 14px;
width: 14px;
}
.footer .swiper-pagination-bullet-active {
background-color: #FFF;
}
.footer .swiper-wrapper {
padding-bottom: 70px;
}
.buttet-points {
list-style: square;
padding-left: 17px;
}
.buttet-points li {
line-height: 1.8;
margin-bottom: 10px;
}
.works .swiper-wrapper {
padding-bottom: 75px;
}
.works .swiper-pagination-bullet {
height: 40px;
width: 40px;
line-height: 40px;
color: #000;
opacity: 1;
background-color: #DDD;
}
.works .swiper-pagination-bullet-active {
color: #fff;
background-color: #007aff !important;
}
.prompt-dialog {
position: fixed;
transform: translate(-50%, -50%);
background-color: #FFF;
width: 950px;
top: 50%;
left: 50%;
z-index: 999;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
border-radius: 8px;
overflow: hidden;
}
.cpt-prompt {
position: relative;
z-index: 9999;
}
.cpt-prompt .overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,0.8);
}
.prompt-wrapper {
display: table;
}
.prompt-left {
width: 50%;
background: linear-gradient(135deg,#0f346c,#764ca6) rgba(0,0,0,0);
color: #FFF;
padding: 50px;
display: table-cell;
vertical-align: middle;
}
.prompt-right {
width: 50%;
padding: 50px;
display: table-cell;
vertical-align: middle;
}
.prompt-wrapper .callback-form {
background: #FFF;
color: #000;
}
.close-cpt {
position: absolute;
left: 20px;
top: 20px;
}
#privacyPolicy .modal-dialog {
max-width: 75%;
width: 75%;
}
#privacyPolicy .modal-header, #privacyPolicy .modal-body {
padding: 20px 50px
}
#toTop {
position: fixed;
right: 20px;
bottom: 20px;
height: 50px;
width: 50px;
line-height: 50px;
border-radius: 100%;
background: #000;
color: #FFF;
text-align: center;
cursor: pointer;
z-index: 9;
}
#toTop:hover {
background:#ee2761;
}
.terms {
font-size: 12px;
opacity: 0.8;
margin-top: 20px;
}
.terms a {
text-decoration: underline;
}
.banner .callback-form .terms a {
color: #FFF;
text-decoration: underline;
}
h3{ font-size: 40px; font-weight: 600; color: #0f346c; }
.form-group .text-danger {
font-size: 0.75em;
}
@media (max-width: 768px) {
.banner {
padding-top: 100px;
height: auto;
}
.banner h1 {
font-size: 32px;
}
.banner p {
font-size: 1em;
}
.navbar-nav {
margin-top: 50px;
}
.fact-list {
margin-bottom: 20px;
}
.f-upper {
margin-bottom: 10px;
}
.callback .form-control {
padding: 6px 14px;
}
.featured {
height: auto;
padding: 20px 0;
margin-top: 20px;
}
.featured__logo {
display: block;
}
.featured__logo img {
max-width: 115px;
margin-top: 20px;
margin-right: 20px;
}
h3 {
font-size: 28px;
}
.burger {
padding: 50px 0;
}
.usps .card {
padding: 0 !important;
}
.gutter {
padding: 0;
}
.call-to-action .burger {
padding: 50px 0;
}
.call-to-action h4 {
font-size: 28px;
}
.call-to-action .btn {
margin-top: 20px;
}
.dotted-bg {
background: transparent;
}
.mast-mobile {
text-align: left !important;
margin-bottom: 30px !important;
}
.ser-mobile .d-flex {
display: block !important;
}
.ser-mobile .feature-icon {
margin-bottom: 20px;
}
.ser-mobile .ml-4 {
margin-left: 0 !important;
}
.benifit-contant {
margin-right: 0;
padding: 20px;
}
.benifit-contant .btn-default {
padding: 8px 10px !important;
}
.footer .copy {
font-size: 0.75em;
}
.benifit-box {
margin-left: 0;
width: 100%;
}
.benifit-box .media.mb-3 {
margin-bottom: 0 !important;
}
.about-special {
padding-bottom: 50px;
}
.usecase .gutter.text-center {
text-align: left !important;
}
.usecase .media {
padding: 0;
margin-bottom: 20px;
padding-top: 20px;
}
.usercase .border-bottom, .usercase .border-right {
border:none !important;
}
.works .text-center {
text-align: left !important;
}
.works h2 {
font-size: 22px;
margin-top: 20px;
}
.callout .text-center {
text-align: left !important;
}
.callout img {
max-width: 50px;
}
.callout .media-body {
padding: 0;
margin-bottom: 30px;
}
.footer .author-text {
font-size: 18px;
}
.callback-form {
margin-top: 30px;
padding: 20px;
}
.prompt-dialog {
width: 100%;
height: 100%;
overflow-y: auto;
}
.prompt-wrapper {
display: block;
}
.prompt-left {
display: block;
width: 100%;
padding: 20px;
}
.prompt-left h2 {
margin-top: 30px;
}
.prompt-right {
display: block;
width: 100%;
padding: 20px;
}
.prompt-wrapper .callback-form {
padding: 0;
}
.prompt-wrapper .callback-form h4 {
font-size: 20px;
}
#privacyPolicy .modal-dialog {
max-width: 100%;
width: 100%;
}
#privacyPolicy .modal-header, #privacyPolicy .modal-body {
padding: 10px 20px;
}
.usps .card {
min-height: auto;
}
.container {
max-width: 100%;
}
}
@media (min-width: 768px) { }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) {
.container { width: 1280px !important; max-width: 1280px !important; }
}