astro-mail/public/assets/css/style.css

2260 lines
41 KiB
CSS
Executable File

#topbar a,
.bg-button,
.button-12 {
font-weight: 400
}
#header,
#header.fixed-top {
min-height: 65px
}
#secondary-navbar>ul>li>a:before,
.primary-navbar>ul>li>a:before {
content: "";
height: 2px;
background-color: #106eea;
width: 0;
transition: .3s ease-in-out
}
.button,
.get-demo-btn,
.get-submit-btn,
.get-update-btn,
.learn-more {
display: inline-block;
font-family: asap, sans-serif
}
#topbar a,
.button,
.learn-more,
body {
font-family: asap, sans-serif
}
#secondary-navbar .dropdown .dropdown-menu,
.navbar-mobile .dropdown ul,
.primary-navbar .dropdown ul {
z-index: 99;
box-shadow: 0 0 30px rgba(127, 137, 161, .25)
}
.band-title-block,
.requestForm {
text-align: center
}
#about-us .address,
#about-us .phone,
#topbar a,
.blue-button:hover,
.learn-more:hover,
.orange-button:hover,
a,
a:hover {
text-decoration: none
}
body {
font-size: 10px;
position: relative
}
.analyst-topbar {
position: absolute;
left: 24px;
top: 6px
}
#header,
.button-arrow,
.orange-arrow,
label.error {
position: relative
}
.analyst-topbar button {
font-size: 12px;
border-radius: 2px;
background: #e96535;
color: #fff;
border: 1px solid #fff;
padding: 2px 21px
}
.analyst-topbar button:hover {
border-radius: 2px;
background: #fff;
color: #e96535;
border: 1px solid #e96535
}
a {
color: #309af4
}
a:hover {
color: #3b8af2
}
#header-container {
padding-right: 24px;
padding-left: 24px
}
.orange-color,
.orange_color {
color: #f96731 !important
}
.blue-color {
color: #0071bc
}
label.error {
color: red;
top: 0;
font-size: 11px;
font-weight: 500
}
.button {
border-radius: 3px;
font-size: 18px;
padding: 6px 27px
}
.button-12 {
font-size: 12px
}
.bg-button {
font-size: 24px
}
.rounded-border {
border-radius: 15px
}
.button-arrow {
right: -18px
}
.blue-button {
color: #fff;
background-color: #005e8c;
border: 1px solid #005e8c
}
.blue-button:hover {
border: 1px solid #005e8c;
background-color: transparent;
color: #005e8c
}
.learn-more,
.orange-button,
.orange-button:hover {
border: 1px solid #f96731
}
.orange-button {
color: #fff;
background-color: #f96731
}
.orange-button:hover {
background-color: #fff;
color: #f96731
}
.orange-arrow {
right: -20px;
padding: 0 5px;
background: red;
border-radius: 25px;
top: 0
}
.learn-more {
background: #f96731;
color: #fff;
border-radius: 4px;
padding: 5px 35px;
white-space: nowrap;
transition: .3s;
font-size: 12px
}
#blog-topbar,
#header,
#topbar {
transition: .5s
}
.learn-more:hover {
border: 1px solid #f96731;
background-color: #fff;
color: #f96731 !important
}
.w-border {
border: 1px solid #fff;
padding: 3px 9px
}
.custom-form,
.model-title-h6 {
font-size: 14px
}
.custom-form .form-group label,
.custom-form .input-group-text {
font-size: 14px;
font-weight: 700;
color: #7b7b7b;
height: 100%
}
.custom-form .form-group label.error,
.custom-form .form-group span.mandatory {
font-size: 12px;
font-weight: 700;
color: #f04e2b
}
.custom-form .btn,
.custom-form .form-group input,
.custom-form .form-group select,
.custom-form .form-group textarea,
.job-details {
font-size: 14px !important
}
.custom-form .form-group {
margin-bottom: 12px
}
.requestForm {
padding: 9px 0
}
.requestForm input {
font-size: 12px !important
}
#topbar {
background: #2b9af3;
height: 36px;
color: #fff;
padding: 0
}
#blog-topbar {
background: #2b9af3;
color: #fff;
padding: 0
}
#blog-view .subscribe-block,
.topbar1 {
background-color: #2b9af3
}
#topbar a {
color: #fff;
cursor: pointer;
font-size: 12px;
line-height: 14px;
margin: 0 10px;
outline: 0;
text-align: left
}
.phone_num {
font-size: 18px !important;
margin-right: 80px;
cursor: text !important
}
#header {
background: #fff;
z-index: 997;
box-shadow: 0 2px 15px rgba(0, 0, 0, .5)
}
.campaign-header a {
font-size: 1.2vw;
font-weight: 500;
font-family: sans-serif;
color: #0068b2
}
.campaign-header {
box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}
.fixed-top {
position: fixed !important
}
#header .konectar-logo,
#header .logo {
font-size: 30px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 600;
letter-spacing: .8px;
font-family: Poppins, sans-serif
}
#header .logo a,
.navbar-mobile a {
color: #222
}
#header .logo a span,
#secondary-navbar .active,
#secondary-navbar .active:focus,
#secondary-navbar .dropdown div>ul .active:hover,
#secondary-navbar .dropdown div>ul a:hover,
#secondary-navbar .dropdown div>ul li:hover>a,
#secondary-navbar a:hover,
#secondary-navbar li:hover>a,
.navbar-mobile .active,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul li:hover>a,
.navbar-mobile a:hover,
.navbar-mobile li:hover>a,
.primary-navbar .active-tab,
.primary-navbar .active-tab:focus,
.primary-navbar .dropdown ul .active-tab:hover,
.primary-navbar .dropdown ul a:hover,
.primary-navbar .dropdown ul li:hover>a,
.primary-navbar a:hover,
.primary-navbar li:hover>a {
color: #106eea
}
#header .logo img {
max-height: 60px;
padding: 2%
}
#header .campaign-header-logo .logo img {
padding-left: 2vw !important;
}
#header .konectar-logo img {
max-height: 46px;
padding: 2%
}
.scrolled-offset {
margin-top: 57px
}
#secondary-navbar,
.navbar-mobile>ul>li,
.primary-navbar {
padding: 0
}
#secondary-navbar ul,
.primary-navbar ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center
}
#secondary-navbar a,
#secondary-navbar a:focus,
.primary-navbar a,
.primary-navbar a:focus {
padding: 0 3px;
font-size: 13px;
color: #7f7f7f;
white-space: nowrap;
position: relative;
transition: .3s
}
#about-us,
#get-demo .demo-content,
#secondary-navbar li,
.primary-navbar li {
position: relative
}
.primary-navbar>ul>li {
white-space: nowrap;
padding: 9px 20px 10px 0
}
.primary-navbar a,
.primary-navbar a:focus {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600
}
.blog-header .primary-navbar a,
.blog-header .primary-navbar a:focus {
font-size: 16px !important;
font-weight: 400
}
#secondary-navbar a i,
#secondary-navbar a:focus i,
.primary-navbar a i,
.primary-navbar a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px
}
.primary-navbar>ul>li>a:before {
position: absolute;
bottom: -6px;
left: 0;
visibility: hidden
}
.primary-navbar .active-tab:before,
.primary-navbar a:hover:before,
.primary-navbar li:hover>a:before {
visibility: hidden;
width: 100%
}
.primary-navbar .dropdown ul {
display: block;
position: absolute;
left: 28px;
top: calc(100% + 30px);
margin: 0;
padding: 10px 0;
opacity: 0;
visibility: hidden;
background: #fff;
transition: .3s
}
#secondary-navbar .dropdown div>ul li,
.navbar-mobile .dropdown ul li,
.primary-navbar .dropdown ul li {
min-width: 200px
}
.primary-navbar .dropdown ul a {
padding: 10px 20px;
font-weight: 400
}
#secondary-navbar .dropdown div>ul a i,
.navbar-mobile .dropdown ul a i,
.primary-navbar .dropdown ul a i {
font-size: 12px
}
#secondary-navbar .dropdown:hover>.dropdown-menu,
.primary-navbar .dropdown:hover>ul {
opacity: 1;
top: 100%;
visibility: visible
}
#secondary-navbar .dropdown .dropdown .dropdown-menu,
.primary-navbar .dropdown .dropdown ul {
top: 0;
left: calc(100% - 30px);
visibility: hidden
}
#secondary-navbar .dropdown .dropdown:hover>.dropdown-menu,
.primary-navbar .dropdown .dropdown:hover>ul {
opacity: 1;
top: 0;
left: 100%;
visibility: visible
}
#secondary-navbar>ul>li {
white-space: nowrap;
padding: 0 10px 6px 0
}
#enable,
#secondary-navbar a:hover div.dropdown-section,
.navbar-mobile .dropdown>.dropdown-active {
display: block
}
#band-ten,
#secondary-navbar .dropdown div>ul {
display: flex;
display: flex
}
#secondary-navbar a,
#secondary-navbar a:focus {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 400
}
#secondary-navbar>ul>li>a:before {
position: absolute;
bottom: -2px;
left: 0;
visibility: hidden
}
#secondary-navbar .active:before,
#secondary-navbar a:hover:before,
#secondary-navbar li:hover>a:before {
visibility: visible;
width: 100%
}
#secondary-navbar .dropdown .dropdown-menu {
display: block;
position: absolute;
left: 6px;
top: calc(100% + 30px);
margin: 0;
padding: 6px;
opacity: 0;
visibility: hidden;
background: #fff;
transition: .3s
}
#secondary-navbar .dropdown div>ul {
flex-wrap: wrap
}
#secondary-navbar .dropdown div>ul a {
padding: 6px 15px;
font-weight: 400
}
#secondary-navbar .item-last {
padding-right: 18px !important
}
#product-subheader {
padding-bottom: 12px !important
}
.get-demo-btn,
.get-submit-btn,
.get-update-btn {
background-color: #f96731;
border: 1px solid #f96731;
border-radius: 3px;
color: #fff !important;
font-size: 15px;
font-weight: 700;
height: 33px;
line-height: 25px;
margin-right: 0;
padding: 2px 12px;
text-align: center
}
.band-media-title {
font-size: 1.75rem;
}
@media (max-width:1366px) {
.navbar .dropdown .dropdown ul {
left: -90%
}
.navbar .dropdown .dropdown:hover>ul {
left: -100%
}
#secondary-navbar a:hover div.dropdown-section {
display: block
}
.iframe-container {
position: relative !important;
width: 80%
}
#header .get-demo-btn {
width: 14vw;
font-size: 1.4vw
}
}
.mobile-nav-toggle {
color: #818181;
font-size: 28px;
cursor: pointer;
display: none;
line-height: 0;
transition: .5s
}
.footerLinks a:hover,
.mobile-nav-toggle.bi-x {
color: #fff
}
@media(max-width:768px) {
.mobile-menu-block {
display: none
}
}
@media(max-width:767px) {
.campaign-header a {
font-size: 2.0vw !important;
}
.mobile-menu-block {
display: block
}
.mobile-nav-toggle {
display: block !important
}
#topbar {
height: 0px !important;
background: #ffffff;
}
.navbar ul {
display: none
}
#topbar #navbar .navbar-mobile a,
#topbar #navbar .navbar-mobile a:focus,
#topbar #navbar a.nav-link {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600;
color: #7f7f7f;
white-space: nowrap;
transition: .3s;
position: relative;
padding: 10px 20px;
font-size: 15px
}
#topbar #navbar a.nav-link {
padding: 10px 20px;
font-size: 15px;
color: #222
}
}
@media (max-width:991px) {
.iframe-container {
position: relative;
width: 100%;
padding-bottom: 38.25%;
height: 0
}
.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ksp-social {
background: #dbecf3
}
}
.navbar-mobile {
position: fixed;
overflow: hidden;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(9, 9, 9, .9);
transition: .3s;
z-index: 999
}
.divider,
.navbar-mobile ul {
position: absolute
}
.navbar-mobile .mobile-nav-toggle {
position: absolute;
top: 15px;
right: 15px
}
.navbar-mobile ul {
display: block;
top: 55px;
right: 15px;
bottom: 15px;
left: 15px;
padding: 10px 0;
background-color: #fff;
overflow-y: auto;
transition: .3s
}
.navbar-mobile a,
.navbar-mobile a:focus {
padding: 10px 20px;
font-size: 15px
}
.navbar-mobile .active:before,
.navbar-mobile a:hover:before,
.navbar-mobile li:hover>a:before {
visibility: hidden
}
.navbar-mobile .getstarted {
margin: 15px
}
.navbar-mobile .dropdown ul {
position: static;
display: none;
margin: 10px 20px;
padding: 10px 0;
opacity: 1;
visibility: visible;
background: #fff
}
.navbar-mobile .dropdown ul a {
padding: 10px 20px
}
.animatedFadeInUp,
.hideme {
opacity: 0
}
.showme {
opacity: 1
}
#konectar-instance-list .konectar-instance-icon img {
width: 50px;
height: 50px
}
#konectar-instance-list .konectar-instance-title a span,
#konectar-instance-list .konectar-instance-title a:hover {
color: #fff !important;
text-decoration: none;
font-weight: 700;
font-size: 14px
}
.home_page_header_text {
font-size: 18px
}
.konectar-instance-title {
margin-top: 6px
}
.band-title-block .band-title {
color: #1c252e;
font-family: asap-bold;
font-size: 22px;
line-height: 26px
}
#data-services .band-four .content-description,
#data-services .band-nine .content-description,
#data-services .band-one-description,
#data-services .band-seven .content-description,
#products .band-eight .content-description,
.band-title-block .band-content {
color: #7f7f7f;
font-family: asap, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 19px
}
.main-title {
padding-top: 12px;
margin-top: 0 !important;
font-size: 40px;
line-height: 1.42857143;
color: #333;
font-family: asap
}
.ksp-social,
.ksp-virtual-engage,
.label-bold {
font-size: 16px
}
#konectar-sub-product {
background-image: url(../images/homepage/konectar_soc_virutual.png);
background-repeat: no-repeat;
background-size: 100% 100%;
height: auto
}
.label-bold {
font-family: asap-bold-italic;
font-weight: 700;
color: #000;
line-height: 22px
}
.specialities-title {
padding-top: 10px;
font-size: 40px;
line-height: 1.42857143;
color: #333;
font-family: asap
}
.specialities-listing .list-group li {
font-size: 20px;
padding-top: 5px
}
#products .band-one {
background: url("../images/products/4.jpg") 0 0/cover no-repeat rgba(0, 0, 0, 0);
background-repeat: no-repeat;
background-size: cover;
min-height: 28.125rem
}
#products .band-one-content {
padding: 4% 0% 0% 3%;
}
#products .band-one-text {
font-family: asap-italic;
font-size: 34px;
font-weight: 400;
line-height: 41px;
color: #fff;
padding: 9% 4%;
margin: 3% 0;
text-align: left
}
#products .hero-header {
font-family: asap-italic;
font-weight: 600;
line-height: 41px;
color: #fff;
padding: 3% 0% 0%;
margin: 0% 0 0;
text-align: left;
}
#products .hero-subheader {
font-family: asap-italic;
line-height: 41px;
color: #fff;
padding: 1% 0% 0%;
margin: 0% 0 0;
text-align: left;
}
#products .bold-text {
font-family: asap-bold-italic;
font-size: 36px !important
}
#data-services .band-eight,
#data-services .band-five,
#data-services .band-two,
#products .band-four,
#products .band-nine,
#products .band-six,
#products .band-two {
background-color: #1c252e
}
#products .band-title-block {
text-align: left
}
#data-services .band-title-block .band-title,
#products .band-title-block .band-title {
color: #fff;
font-family: asap-bold;
font-size: 20px;
line-height: 24px
}
#data-services .band-title-block .band-content,
#products .band-title-block .band-content {
color: #98a3ad;
font-family: asap, sans-serif;
font-weight: 400;
text-align: left;
font-size: 14px
}
#products .band-three .content-title {
color: #1c252e;
font-size: 34px;
font-family: asap-bold;
padding-bottom: 12px
}
#products .band-five .content-description,
#products .band-three .content-description {
color: #7f7f7f;
font-size: 20px;
line-height: 24px;
font-family: asap, sans-serif
}
#products .band-five .content-title {
color: #1c252e;
font-size: 34px;
line-height: 41px;
font-family: asap-bold
}
#products .band-seven {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, .6) 100%), url("../images/products/integrated.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
height: 450px;
color: #fff
}
#products .profile-healthcare-text {
color: #000;
font-family: asap-bold-italic;
font-size: 23px;
line-height: 28px
}
#data-services .band-seven .content-title,
#products .band-eight .content-title {
color: #1c252e;
font-family: asap-bold;
font-size: 24px;
line-height: 29px
}
#data-services .brochure-download-btn,
#products .brochure-download-btn {
font-size: 14px;
color: #2b9cf2;
font-family: asap-bold
}
#data-services .brochure-download-btn img,
#products .brochure-download-btn img,
#resources .brochure-download-btn img,
#white-paper-resources .brochure-download-btn img {
width: 15px;
vertical-align: baseline
}
#band-ten {
align-items: center;
justify-content: center;
height: 280px;
background-color: #fff;
align-items: center;
justify-content: center;
color: #fff
}
#products .band-ten-text {
color: #1c252e;
font-family: asap-bold-italic;
font-size: 30px;
line-height: 36px;
margin-bottom: 32px
}
#about-us .scrollspy-example {
overflow-y: scroll
}
#about-us .band-one-title {
font-family: asap, sans-serif;
font-size: 30px;
color: #333
}
#about-us .band-one-text,
#about-us .band-three-description {
font-family: asap, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 19px;
color: #7f7f7f
}
#about-us .band-one-tag-line {
color: #7f7f7f;
font-family: asap-bold-italic;
font-size: 16px;
line-height: 19px
}
#about-us .band-two .band-title,
#about-us .vision-title {
font-size: 24px;
font-family: asap, sans-serif;
font-weight: 400;
text-align: center
}
#about-us .vision-title {
line-height: 29px
}
#about-us .vision-description {
color: #7f7f7f;
font-family: asap-italic;
font-size: 18px;
font-weight: 400;
line-height: 22px;
text-align: center
}
#about-us .band-two {
background: url('../images/about_us/background.jpg') 0 0/100% 100% no-repeat rgba(0, 0, 0, 0);
background-repeat: no-repeat;
background-size: cover;
height: auto
}
#about-us .band-two h2 {
color: #fff;
font-family: asap, sans-serif;
font-weight: 500;
line-height: 1.1
}
#about-us .band-two-text {
font-family: asap-italic;
font-size: 16px;
font-weight: 400;
line-height: 21px;
color: #fff
}
#about-us .band-two .band-title {
color: #fff;
line-height: 24px;
padding-top: 20px
}
#about-us .band-two .band-content {
color: #7f7f7f;
font-size: 16px;
font-weight: 400;
line-height: 16px;
text-align: center;
padding-top: 10px;
font-family: asap, sans-serif
}
#about-us .band-three-text {
color: #000;
font-family: asap-italic;
font-size: 18px;
line-height: 35px
}
#about-us .email_color {
color: #2b9af3
}
#about-us .tag-line {
color: #000;
font-family: asap-italic;
font-size: 24px;
font-weight: 400;
line-height: 29px;
text-align: center
}
#about-us .phone,
#about-us .support_email_id {
font-size: 16px;
text-align: left;
outline: 0;
font-weight: 400
}
#about-us .support_email_id {
color: #337ab7;
padding-left: 10px
}
#about-us .phone {
color: #7f7f7f
}
#about-us .band-five .contact-us-title,
#about-us .locations {
font-size: 20px;
font-family: asap-bold;
color: #1c252e;
line-height: 20px
}
#about-us .address {
cursor: text;
margin-bottom: 0;
color: #7f7f7f;
font-size: 16px;
font-weight: 400;
padding-left: 10px
}
#about-us .my-slider,
#meet-us .my-slider {
width: 100%;
overflow: hidden
}
#about-us .my-slider li img,
#meet-us .my-slider li img {
height: 400px
}
#about-us .my-slider li,
#meet-us .my-slider li {
float: left;
height: 400px;
list-style: none
}
#meet-us .band-one .name,
#meet-us .band-one .title,
#meet-us .band-one-title,
#meet-us .band-two .leadership-profile-head .name,
#meet-us .band-two .leadership-profile-head .title {
color: #000;
font-weight: 400;
font-family: asap, sans-serif
}
#meet-us .band-one-title {
font-size: 30px;
line-height: 36px
}
#meet-us .band-one .name {
line-height: 22px
}
#meet-us .band-one .description {
color: #7f7f7f;
font-family: asap, sans-serif;
font-size: 14px;
line-height: 22px
}
#meet-us .band-two {
max-width: 100%
}
#meet-us .band-two .leadership-profile-img img {
border-radius: 6px
}
#meet-us .band-two .leadership-profile-head .name {
font-size: 18px;
line-height: 22px
}
#meet-us .band-two .leadership-profile-head .title {
font-size: 16px;
line-height: 18px
}
#meet-us .social-link {
background: #0077b7;
padding: 3px 8px;
border-radius: 15px;
width: 30px;
height: 30px
}
.float-right {
float: right
}
.float-left {
float: left
}
#meet-us .social-link img {
width: 15px;
height: 15px
}
#meet-us .leadership-profile-head {
margin-top: 12px
}
.modal-dialog {
max-width: 40%
}
#work-with-us .band-one {
background: url('../images/work_with_us/w2.jpg') 0 0/100% 100% no-repeat rgba(0, 0, 0, 0);
height: 350px
}
#data-services .band-six,
#data-services .band-three {
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed
}
#work-with-us .band-one-title {
color: #fff;
font-family: asap, sans-serif;
font-size: 48px;
margin-left: 35px
}
#work-with-us .band-one-description {
color: #fff;
font-size: 14px;
font-family: asap, sans-serif;
margin-left: 35px
}
#work-with-us .col-form-label {
color: #6b6b6b;
font-family: asap, sans-serif;
font-weight: 600;
font-size: 14px
}
#blog-view .comment-section .comment-form .mandatory,
#campaign-konectar-band #instanceModal .mandatory,
#get-demo .mandatory,
#kolm-band-one .mandatory,
#work-with-us .mandatory {
color: red
}
p.MsoNormal {
font-size: 14px;
line-height: 150% !important;
margin-bottom: 0
}
#work-with-us .post-title {
font-size: 18px;
color: #333
}
#work-with-us .post-description {
font-family: asap;
font-size: 14px
}
#work-with-us .view-more {
color: #2b9af3;
font-size: 14px
}
#work-with-us .click-to-apply {
background-color: #fff;
color: #2b9af3 !important;
font-family: asap, sans-serif;
border: 1px solid #2b9af3;
font-size: 13px;
border-radius: 3px;
font-weight: 700 !important;
height: 33px
}
#work-with-us .click-to-apply:HOVER {
border: 1px solid #2b9af3;
background-color: #2b9af3;
color: #fff !important;
text-decoration: none
}
#work-with-us .side-div-title {
color: #333
}
#blog-view .comment-section .comment-form label,
#blog-view .user-details .published-by,
#resources .blogger-details label,
#resources .modal .article-description,
#white-paper-resources .blogger-details label,
#white-paper-resources .modal .article-description,
#work-with-us .side-div-text {
font-family: asap;
font-size: 14px;
line-height: 1.42857143;
color: #333
}
#work-with-us .submit-profile {
background-color: #2b9af3;
color: #fff !important;
font-family: asap, sans-serif;
border: 1px solid #2b9af3;
font-size: 13px;
border-radius: 3px;
font-weight: 700 !important;
height: 33px
}
#work-with-us .submit-profile:HOVER {
border: 1px solid #2b9af3;
color: #2b9af3 !important;
background-color: #fff;
text-decoration: none
}
#work-with-us .mobileImage {
width: 100%;
height: 217px
}
#data-services .band-four .content-title,
#data-services .band-nine .content-title,
#data-services .band-one-text {
color: #1c252e;
font-family: asap-bold;
font-size: 24px;
line-height: 29px;
margin-bottom: 10px
}
#data-services .band-title-block {
text-align: start
}
#data-services .band-three {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, .6) 100%), url("../images/data_services/identify.jpg");
height: 450px
}
#data-services .effective-text,
#data-services .identify-text {
color: #000;
font-family: asap-bold;
font-size: 23px;
line-height: 28px
}
#data-services .band-six {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, .6) 100%), url("../images/data_services/effective.jpg");
height: 350px
}
#data-services .band-nine {
background-color: #efefef
}
#data-services .band-ten-text {
color: #1c252e;
font-family: asap-bold;
font-size: 30px;
line-height: 36px
}
#media-view .date {
color: #9e9e9e !important;
font-size: 13px !important;
font-family: asap;
line-height: 1.42857143
}
#media-view .tag-line {
color: #333;
font-size: 16px;
font-weight: 700
}
#media-view .description {
color: #58595b !important;
font-family: asap, sans-serif;
font-size: 14px !important;
font-weight: 300 !important
}
#media-view .row {
border-bottom: 1px solid #d3d3d3
}
#media-view .modal .modal-header {
background-color: rgba(0, 0, 0, .1)
}
#media-view .modal .modal-header label:first-child {
font-size: 18px;
color: #333;
font-family: asap
}
#media-view .modal .modal-header label:nth-child(2) {
font-size: 13px;
color: #908a8a;
font-family: asap
}
#media-view .modal .modal-header .header-link {
color: #337ab7
}
#resources .blue-btn {
background-color: #2b9af3;
color: #fff !important;
font-family: asap, sans-serif;
border: 1px solid #2b9af3;
font-size: 14px;
border-radius: 3px;
font-weight: 700 !important;
margin-right: 5px
}
#resources .white-btn,
#white-paper-resources .white-btn {
border: 1px solid #2b9af3;
color: #2b9af3 !important;
background-color: #fff;
font-family: asap, sans-serif;
font-size: 14px;
border-radius: 3px;
font-weight: 700 !important
}
#disable,
#instanceModal,
#resources .hide,
#white-paper-resources .hide {
display: none
}
#resources .article-card .blog-card,
#white-paper-resources .article-card .blog-card {
margin-top: 20px
}
#resources .article-card .btn,
#white-paper-resources .article-card .btn {
border-radius: 2px;
text-transform: uppercase;
font-size: 12px;
padding: 7px 20px
}
#resources .card-img-block .card-img-top {
width: 100%;
border-radius: 3px;
height: 226px;
min-height: 226px
}
#resources .article-card .card-body {
width: 90%;
position: relative;
top: -25px;
background-color: #fff;
margin: 0 auto;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 5px;
height: 200px
}
#resources .blog-card .card-body,
#white-paper-resources .blog-card .card-body {
width: 90%;
position: relative;
top: -25px;
background-color: #fff;
margin: 0 auto;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 5px;
height: 230px
}
#resources .article-card .card-body:hover,
#resources .blog-card .card-body:hover,
#white-paper-resources .article-card .card-body:hover,
#white-paper-resources .blog-card .card-body:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .63)
}
#resources .article-card h5,
#resources .blog-card h5,
#white-paper-resources .article-card h5,
#white-paper-resources .blog-card h5 {
color: #000;
font-family: asap;
font-size: 16px;
line-height: 20px;
font-weight: 600
}
#resources .article-card p,
#resources .blog-card p,
#white-paper-resources .article-card p,
#white-paper-resources .blog-card p {
font-size: 14px;
font-weight: 300
}
#resources .article-card a,
#resources .blog-card a,
#white-paper-resources .article-card a,
#white-paper-resources .blog-card a {
color: #2b9af3 !important
}
#resources .blog-card .blogger-content,
#white-paper-resources .blog-card .blogger-content {
position: absolute;
bottom: 15px
}
#resources .brochure-download-btn {
font-size: 14px;
color: #00f;
position: absolute;
bottom: 15px;
text-align: center
}
#blog-view {
margin-top: 70px
}
#blog-view .article-date {
background-color: #2b9af3;
color: #fff;
border-radius: 2px;
line-height: 28px;
text-align: left !important;
font-size: 1.25rem
}
#blog-view .article-heading,
#blog-view .article-heading a {
color: #333;
font-size: 24px;
font-weight: 400;
line-height: 29px;
background-color: #ededed
}
#blog-view .band-one .article-description p,
#blog-view .band-one .article-description ul li {
font-size: 16px;
font-weight: 400;
line-height: 22px;
font-family: asap
}
#blog-view .band-one .article-description a {
color: #309af4;
font-size: 16px;
font-weight: 400;
line-height: 22px;
font-family: asap;
text-decoration: underline
}
#blog-view .user-details .posted-by {
color: #7f7f7f;
font-weight: 400;
margin-right: 10px;
font-size: 12px
}
#blog-view .user-details .post-count,
#blog-view .user-details .published-on {
font-family: asap;
font-size: 14px;
line-height: 1.42857143;
color: #7f7f7f !important;
font-weight: 400 !important
}
#blog-view .user-details .designation {
color: #a29e9e;
font-size: 12px
}
#blog-view .comment-section .comment-title {
font-size: 22px;
font-weight: 400;
line-height: 36px
}
#blog-view .brought-to-by .title,
#blog-view .recommend-container .recommend-title {
color: #7f7f7f;
font-size: 18px;
font-weight: 400
}
#blog-view .recommend-container {
background-color: #ededed
}
#blog-view .recommend-container .recommended-link {
background-color: #fff;
border-radius: 3px;
text-decoration: none
}
#blog-view .recommend-container .recommended-link a {
color: #337ab7;
font-family: asap;
font-size: 14px;
line-height: 1.42857143
}
#blog-view .brought-to-by .title {
text-align: center
}
#blog-view .medical-thought {
border-radius: 3px;
overflow: hidden;
background: #2b9af3
}
#blog-view .medical-thought .medical-thought-block {
color: #fff;
font-family: asap-bold-italic !important;
font-weight: 400;
line-height: 1.42857143;
font-size: 15px;
border: 4px solid #fff;
border-radius: 3px
}
.article-description {
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 22px;
text-align: justify
}
#white-paper-resources .blue-btn {
background-color: #2b9af3;
color: #fff !important;
font-family: asap, sans-serif;
border: 1px solid #2b9af3;
font-size: 14px;
border-radius: 3px;
font-weight: 700 !important
}
#campaign-main .konectar-band-subtext,
#campaign-main .konectar-band-text {
font-weight: 500;
text-align: center;
padding: 5px 0;
vertical-align: middle;
margin-bottom: 0
}
#white-paper-resources .article-card .card-body {
width: 90%;
position: relative;
top: 21px;
background-color: #fff;
margin: 0 auto;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 5px
}
#white-paper-resources .brochure-download-btn {
font-size: 14px;
color: #2b9cf2;
position: absolute;
bottom: 15px;
text-align: center;
font-family: asap-bold
}
#campaign-main .kolm-band-one {
background: url("../images/campaign/BAnner-01.jpg") no-repeat rgba(0, 0, 0, 0);
background-size: cover
}
.kolm-band-one .kolmband .icon p {
font-size: 14px;
vertical-align: middle;
font-family: asap, sans-serif
}
.kolm-band-one .kolmband .icon span {
font-size: 14px;
vertical-align: middle;
font-family: asap, sans-serif;
font-weight: 700;
color: #333
}
.kolm-band-one .kolm-content-block-title {
font-size: 30px;
line-height: 41px;
font-family: asap-bold;
color: #1d7ab2
}
.ps-lg-5 {
padding-left: 5rem !important
}
.pt-lg-5 {
padding-top: 5rem !important
}
.kolm-band-one .kolm-content-block-text {
font-family: asap;
font-size: 18px
}
#campaign-main .konectar-band-text {
color: grey;
font-size: 18px;
font-family: asap
}
#campaign-main .konectar-band-subtext {
color: #000;
font-size: 18px;
font-family: asap
}
#campaign-main .konectar-instance-list {
width: 100%;
background: #fff;
border-radius: 10px
}
#campaign-main .konectar-instance-icon {
border-radius: 20px;
width: 100%;
height: 80px;
vertical-align: middle;
text-align: center
}
.konectar-instance-icon-bg {
background: #fff;
display: inline-block;
border-radius: 10px;
padding: 15px;
min-height: 75px;
min-width: 75px
}
#campaign-konectar-band .new_tag {
bottom: 27px;
display: inline-block;
font-size: 13px;
right: -4px;
color: #439dfd
}
#get-demo .get-demo-block,
#kolm-band-one .get-demo-block {
opacity: .54;
left: 0;
right: 47px;
bottom: 0;
border-color: transparent
}
#campaign-konectar-band .konectar-instance-title a span,
#konectar-instance-list .konectar-instance-title a:hover {
color: #333 !important;
text-decoration: none;
font-weight: 400;
font-size: 14px
}
.campaign-hcp-title {
text-align: center;
padding: 5px 0;
vertical-align: middle;
margin-bottom: 0;
color: #333 !important;
font-size: 26px;
font-weight: 400;
font-family: asap
}
.campaign-hcp-subtext,
.hcp-management-title {
font-weight: 500;
text-align: center;
padding: 5px 0;
vertical-align: middle;
margin-bottom: 0;
font-family: asap
}
.campaign-hcp-subtext {
color: #000;
font-size: 20px
}
.hcp-management-title {
color: #333 !important;
font-size: 16px
}
.hcp-management-subtext {
text-align: center;
padding: 5px 0;
vertical-align: middle;
margin-bottom: 0;
color: #000;
font-size: 12px;
font-weight: 400;
font-family: asap
}
#get-demo .parallax_with_opacity,
#kolm-band-one .parallax_with_opacity {
position: relative;
z-index: 5;
color: #000
}
#kolm-band-one .get-demo-block {
background-color: #282828;
position: absolute;
top: 9px;
width: 85%;
height: 90%;
color: #fff;
border-radius: 25px
}
#get-demo .get-demo-form label,
#kolm-band-one .get-demo-form label,
#work-with-us .career label {
font-weight: 700;
font-size: 14px;
line-height: 1.42857143
}
#konectar-hcp-band .highlight {
text-decoration: underline;
text-decoration-color: #0071BC;
text-underline-offset: 10px
}
#instanceModal .get-demo-form label {
font-weight: 700;
font-size: 13px;
line-height: 1.42857143
}
#get-demo .get-demo-form,
#kolm-band-one .get-demo-form {
position: relative;
color: #fff
}
#kolm-band-one .get-demo-title {
color: #fff !important;
font-family: asap-bold;
font-size: 24px
}
#instanceModal .get-demo-form .button-center {
margin-right: 38px
}
#instanceModal .modal-title {
font-family: asap-bold;
font-size: 18px;
line-height: 1.42857143
}
#cookie-policy .section-title,
#privacy .section-title {
font-size: 14px;
font-weight: 700;
letter-spacing: .1px;
font-family: asap;
color: #000
}
#cookie-policy .section-content,
#privacy .section-content {
text-indent: 50px;
font-size: 14px;
font-family: asap;
color: #000
}
#cookie-policy .section-text,
#privacy .section-text {
font-size: 14px;
font-family: asap;
color: #000
}
#cookie-policy .section-content a,
#privacy .section-content a {
color: #00f
}
table.cookie-table td,
table.cookie-table th {
border: 1px solid;
padding: 2px 5px
}
#privacy .privacy-title-text {
color: #000;
font-family: asap;
font-size: 15px;
font-weight: 700
}
#get-demo .band-one {
background: url("../images/get_demo/hand_mobile.png") 0 0/100% 100% no-repeat rgba(0, 0, 0, 0);
background-repeat: no-repeat;
min-height: 450px
}
#get-demo .get-demo-block {
background-color: #282828;
position: absolute;
top: 0;
width: 88%;
height: 100%;
color: #fff
}
#get-demo .get-live-demo {
color: #fff !important;
font-family: asap;
font-size: 26px;
font-weight: 700;
line-height: 46px;
margin-bottom: 30px;
margin-top: 0
}
#get-demo .get-demo-subtitle {
font-family: asap-bold-italic;
color: #fff;
font-size: 24px;
line-height: 30px;
position: relative;
z-index: 5
}
#get-demo .get-demo-text {
color: #fff;
font-family: asap-italic;
font-size: 24px;
line-height: 20px
}
.get-demo-message {
margin: 25% 0;
display: none
}
.work-with-us-message {
margin: 10% 0;
display: none
}
#support .support-mail-block a {
color: #337ab7;
text-decoration: none
}
#support .support-description {
font-size: 18px;
line-height: 22px;
font-family: asap
}
#support .support-mail-block label,
#support .support-phone-block label {
color: #000;
font-family: asap;
font-size: 18px;
font-weight: 400;
line-height: 18px;
margin-top: 20px
}
#sitemap ul li a {
font-family: asap;
font-size: 14px;
line-height: 1.42857143
}
footer {
background-image: url("../images/optimized_images/footer.webp");
bottom: 0;
height: auto !important
}
footer .container-fluid .row {
margin-left: 0;
margin-right: 0;
padding-right: 0
}
.footerLinksSection ul li {
padding-bottom: 15px;
font-size: 12px
}
.footerLinksSection ul li a {
color: #60717c
}
.footerLinks label {
color: #fff;
font-size: 14px;
font-family: asap;
font-weight: 700
}
.footerLinks a {
color: #60717c;
font-size: 13px;
font-family: asap
}
.footerLinksSection .support_email_id {
padding-left: 5px
}
.footerLinksSection .footer_phone {
padding-left: 2px;
color: #60717c
}
.social-links a {
margin-left: 12px
}
.copy_right_text {
background-color: transparent;
color: #c8c8c8;
font-size: 9px;
font-weight: 400;
line-height: 12px;
text-align: right;
margin-right: 70px;
padding-top: 5px
}
.footerLinksSection .list-inline-item {
width: 100%
}
.copyright {
background-color: #3f444d;
border-color: transparent;
border-style: none;
height: 30px
}
.certification {
width: 65%;
height: 32vh;
display: flex
}
.certification img {
height: inherit;
margin-left: auto;
margin-right: auto;
text-align: center
}
#konectar-main .carousel-item {
padding-right: 0 !important;
padding-left: 0 !important
}
#konectar-main .konectar-header-block-item-img img {
width: 42px;
height: 42px;
margin-right: 6px
}
@keyframes fadeInUp {
from {
transform: translate3d(0, 40px, 0)
}
to {
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@-webkit-keyframes fadeInUp {
from {
transform: translate3d(0, 40px, 0)
}
to {
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.animated {
animation-duration: 2s;
animation-fill-mode: both;
-webkit-animation-duration: 2s;
-webkit-animation-fill-mode: both
}
.fadeInUp {
opacity: 0;
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp
}
@media screen and (max-width:768px) {
.footerLinks .logo {
text-align: center
}
#media-view .row {
border-bottom: 1px solid #d3d3d3;
padding-bottom: 6px
}
#media-view .band-one .tag-line {
font-weight: 700;
color: #333 !important
}
.pt-lg-5 {
padding-top: 3rem !important
}
.ps-lg-5 {
padding-left: 0 !important
}
#kolm-band-one .get-demo-block {
right: 0;
width: 100%
}
#instanceModal .get-demo-form .button-center {
margin-right: 0
}
.iframe-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0
}
.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.modal-dialog {
max-width: 100%
}
}
.social-icons {
width: 30px;
height: 30px;
margin-left: 6px
}
.dis_h4 {
position: relative;
top: 50%;
text-align: center;
font-size: 12px
}
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
#enable {
display: none
}
#disable {
display: block;
height: 300px
}
}
.twitter-timeline.twitter-timeline-rendered {
overflow-y: scroll;
height: 47.5rem
}
img.footer-icon {
width: 28px;
height: 28px
}
#data-services #band-one,
#data-services #band-seven_ds {
padding: 2% 4%
}
i.icon-css.bi.bi-chevron-right {
background: #cc4217;
padding: 6px;
border-radius: 50%;
position: relative;
left: 10px;
color: #fff
}