/*!
* Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/
body {
overflow-x: hidden;
font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
color: #333;
}
* {
-webkit-font-smoothing: antialiased;
}
.text-muted {
color: #999;
}
.text-primary {
color: #0081e8;
}
.text-white {
color: #fff;
}
p {
font-size: 14px;
line-height: 1.75;
}
p.large {
font-size: 16px;
text-align: justify;
}
p.disclaimer {
font-size: 32px;
margin-bottom: 60px;
margin-top: 30px;
}
p.testimonial-text {
font-size: 24px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
outline: 0;
}
a {
color: #0081e8;
}
a:hover,
a:focus,
a:active,
a.active {
color: #6D6E70;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-transform: uppercase;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
}
a#no-color-toggle:hover {
color: #6D6E70;
}
a#no-color-toggle {
color: #fff;
}
@media(min-width:768px){
a#no-color-toggle:hover {
color: #333;
}
a#no-color-toggle {
color: #6D6E70;
}
}
a#no-color-toggle-enterprise:hover {
color: #6D6E70;
}
a#no-color-toggle-enterprise {
color: #fff;
}
a#navbar-unclickable-enterprise {
color: #fff;
}
a#navbar-unclickable:hover {
color: #6D6E70;
}
nav#enterprise .navbar-phone-enterprise {
color: #fff;
}
nav#normal .navbar-phone:hover {
color: #6D6E70;
}
.img-centered {
margin: 0 auto;
}
.bg-light-gray {
background-color: #f7f7f7;
}
.bg-darkest-gray {
background-color: #222;
}
.btn-primary {
border-color: #0081e8;
text-transform: uppercase;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: bold;
color: #fff;
background-color: #0081e8;
}
.btn-plan {
text-decoration: none;
margin-top: 5%;
margin-bottom: 10%;
font-size: 14px;
padding: 15px 30px 15px 30px;
}
nav#enterprise .btn {
background-color: transparent;
}
.navbar-enterprise li#btn-navbar .btn-primary,
.navbar li#btn-navbar .btn-primary {
letter-spacing: 0.6px;
border-radius: 4px;
font-weight: bold;
font-size: 11px;
line-height: 14px;
padding-top: 12px;
padding-bottom: 12px;
margin-top: 8px;
transition: all .2s;
}
.navbar-enterprise li#btn-navbar .btn-primary {
background: rgba(0, 0, 0, 0);
border: 1px solid #fff;
}
.navbar-enterprise li#btn-navbar .btn-primary:hover {
background: #fff;
color: #333;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-color: #005aa3;
border-color: #005aa3;
color: #fff;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
border-color: #0081e8;
background-color: #0081e8;
}
.btn-primary .badge {
color: #0081e8;
background-color: #fff;
}
.btn-xl {
padding: 20px 40px;
border-color: #0081e8;
border-radius: 4px;
text-transform: uppercase;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: bold;
color: #fff;
background-color: #0081e8;
margin-left: 10px;
margin-right: 10px;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
border-color: #005aa3;
color: #fff;
background-color: #005aa3;
}
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
background-image: none;
}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
border-color: #0081e8;
background-color: #0081e8;
}
.btn-xl .badge {
color: #0081e8;
background-color: #fff;
}
.demo-button {
padding: 20px 40px;
color: #fff;
background-color: #fff;
text-transform: uppercase;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: bold;
color: #fff;
background-color: #6D6E70;
}
.demo-button:hover,
.demo-button:focus,
.demo-button:active,
.demo-button.active,
.open .dropdown-toggle.demo-button {
border-color: #6D6E70;
color: #fff;
background-color: #6D6E70;
}
.demo-button:active,
.demo-button.active,
.open .dropdown-toggle.demo-button {
background-image: none;
}
.demo-button.disabled,
.demo-button[disabled],
fieldset[disabled] .demo-button,
.demo-button.disabled:hover,
.demo-button[disabled]:hover,
fieldset[disabled] .demo-button:hover,
.demo-button.disabled:focus,
.demo-button[disabled]:focus,
fieldset[disabled] .demo-button:focus,
.demo-button.disabled:active,
.demo-button[disabled]:active,
fieldset[disabled] .demo-button:active,
.demo-button.disabled.active,
.demo-button[disabled].active,
fieldset[disabled] .demo-button.active {
border-color: #0081e8;
background-color: #0081e8;
}
.demo-button .badge {
color: #0081e8;
background-color: #fff;
}
.btn-secondary {
padding: 20px 40px;
border-color: #0081e8;
border-radius: 4px;
text-transform: uppercase;
align: center;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: bold;
color: #0081e8;
background-color: transparent;
}
#enterprise-intro .button-holder {
display: flex;
justify-content: center;
}
#enterprise .btn-secondary,
#enterprise.btn-secondary {
color: #fff;
background: #0081e8;
font-size: 15px;
line-height: 19px;
padding: 17px 55px;
border: none;
font-weight: bold;
border-radius: 4px;
transition: all .2s;
}
#enterprise .btn-secondary:hover,
#enterprise .btn-secondary:hover {
border: none;
background: #005aa3;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
border: 3px solid #005aa3;
color: #005aa3;
background-color: transparent;
}
.btn-demo:hover {
background-color: #0081e8;
border-color: #6D6E70;
border-radius: 4px;
}
.btn-demo {
background-color: #6D6E70;
border: none;
}
li#btn-navbar a {
font-size: 14px;
border: none;
margin-left: 10px;
margin-right: 10px;
color: #fff;
font-weight: bold;
border: 1px solid transparent;
}
li#btn-navbar a:hover {
color: #fff;
}
a#btn-navbar-demo {
background-color: #005aa3;
color: #fff;
}
a#btn-navbar-demo:hover {
background-color: #0081e8;
color: #fff;
}
a#btn-navbar-trial:hover {
background-color: #005aa3;
color: #fff;
}
a#btn-navbar-demo:hover {
background-color: #005aa3;
color: #fff;
border: 1px solid transparent;
}
a#btn-navbar-demo {
letter-spacing: 0.6px;
border-radius: 4px;
font-weight: bold;
font-size: 11px;
line-height: 14px;
padding-top: 12px;
padding-bottom: 12px;
margin-top: 8px;
transition: all .2s;
margin-left: 10px;
margin-right: 10px;
border-width: 1px;
border-color: #0081e8;
border-style: solid;
background-color: transparent;
color: #0081e8;
}
a#btn-secondary-cta {
background-color: #005aa3;
color: #fff;
}
a#btn-secondary-cta:hover {
background-color: #0081e8;
color: #fff;
}
a#btn-secondary-cta:hover {
background-color: #005aa3;
color: #fff;
border: 1px solid transparent;
}
a#btn-secondary-cta {
letter-spacing: 0.6px;
border-radius: 4px;
font-weight: bold;
font-size: 13px;
line-height: 14px;
padding-top: 12px;
padding-bottom: 12px;
margin-top: 8px;
transition: all .2s;
margin-left: 10px;
margin-right: 10px;
border-width: 1px;
border-color: #0081e8;
border-style: solid;
background-color: transparent;
color: #0081e8;
}
a#btn-primary-cta {
background-color: #0081e8;
color: #fff;
}
a#btn-primary-cta:hover {
background-color: #0081e8;
color: #fff;
}
a#btn-primary-cta:hover {
background-color: #005aa3;
color: #fff;
border: 1px solid #005aa3;
}
a#btn-primary-cta {
letter-spacing: 0.6px;
border-radius: 4px;
font-weight: bold;
font-size: 13px;
line-height: 14px;
padding-top: 12px;
padding-bottom: 12px;
margin-top: 8px;
transition: all .2s;
margin-left: 10px;
margin-right: 10px;
border-width: 1px;
border-color: #0081e8;
border-style: solid;
color: #fff;
}
.navbar-fixed-top {
font-size: 12px;
}
.navbar-default {
border-color: transparent;
}
.navbar-default .navbar-brand {
font-family: "Helvetica Neue",Helvetica,Arial,cursive;
color: #0081e8;
}
.navbar-default .navbar-img {
max-height: auto;
margin: 5px 5px 5px 5px;
}
.navbar-img {
float: left;
}
@media(min-width:768px) {
.navbar-default .navbar-logo {
align-content: left;
max-height: 45px;
}
}
@media(max-width:768px){
.navbar-default .navbar-logo {
display: none;
}
.navbar-enterprise {
text-align: left;
}
.mobile-background {
color: #fff;
background-color: #333;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.navbar-logo {
display: none;
}
}
@media(max-width:768px){
li#btn-navbar a {
margin-bottom:10px;
margin-top:10px;
}
.btn-xl {
margin-bottom:10px;
margin-top:10px;
}
}
@media(max-width:1200px){
.navbar-default .navbar-small-screen {
display: none;
}
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
color: #6D6E70;
}
.navbar-default .navbar-collapse {
border-color: rgba(255,255,255,.02);
}
.navbar-default .navbar-toggle {
border-color: #0081e8;
background-color: #0081e8;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #6D6E70;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #0081e8;
}
@media(min-width:768px) {
button.navbar-toggle-button {
display: none;
}
}
@media(min-width:768px) {
li.mobile-navbar-item {
display: none;
}
}
.navbar-toggle {
display: inline-block;
cursor: pointer;
}
.bar1, .bar2, .bar3 {
width: 35px;
height: 5px;
background-color: #333;
margin: 6px 0;
transition: 0.4s;
}
/* Rotate first bar */
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
transform: rotate(-45deg) translate(-9px, 6px) ;
}
/* Fade out the second bar */
.change .bar2 {
opacity: 0;
}
/* Rotate last bar */
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
transform: rotate(45deg) translate(-8px, -8px) ;
}
.navbar-default .nav li a {
text-transform: uppercase;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
letter-spacing: 1px;
color: #6D6E70;
}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
outline: 0;
color: #0081e8;
}
.navbar-default .navbar-nav>.active>a {
border-radius: 0;
color: #fff;
vertical-align: middle;
background-color: #0081e8;
}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #fff;
vertical-align: middle;
background-color: #6D6E70;
}
.navbar-default .dropdown-menu {
border-color: transparent;
background-color: #222;
font-size: 12px;
}
@media(min-width:768px) {
.navbar-default {
padding: 20px 0;
border: 0;
background-color: #fff;
-webkit-transition: padding .1s;
-moz-transition: padding .1s;
transition: padding .1s;
}
#enterprise .navbar-enterprise {
background-color: rgba(0, 0, 0, 0);
font-size: 12px;
transition: all .2s;
}
.navbar-default .navbar-brand {
font-size: 2em;
-webkit-transition: all .1s;
-moz-transition: all .1s;
transition: all .1s;
}
.navbar-default .navbar-nav>.active>a {
border-radius: 4px;
}
#enterprise .navbar-default.navbar-shrink {
padding: 10px;
background-color: rgba(0,0,0,.7);
}
.navbar-default.navbar-shrink {
padding: 10px;
background-color: #fff;
}
.navbar-default.navbar-shrink .navbar-brand {
font-size: 1.5em;
}
}
/*header#home {
background-image: url('/public/assets/img/headers/product.png');
}
*/
header#enterprise {
background-color: #333;
background: url("../img/enterprise/dots.png") center, url("../img/headers/enterprise.png") center top / cover;
}
header#enterprise .container {
background: url('../img/enterprise/header_element.png') no-repeat;
background-position: right center;
background-size: 50%;
}
header#enterprise .intro-text.front-page-text {
text-align: left;
margin-left: 0%;
margin-right: 0%;
}
header#dpr {
background-image: url('/public/assets/img/headers/data-protection-router.png');
}
header#dxr {
background-image: url('/public/assets/img/headers/data-x-ray.png');
}
header#financial-services {
background-image: url('/public/assets/img/headers/financial-services.png');
}
header#technology {
background-image: url('/public/assets/img/headers/technology.png');
}
header#sar {
background-image: url('/public/assets/img/headers/technology.png');
}
header#company {
background-image: url('/public/assets/img/headers/company.png');
}
header#contact {
background-image: url('/public/assets/img/headers/contact.png');
}
header#whitepaper {
background-image: url('/public/assets/img/headers/contact.png');
}
header#notready {
background-image: url('/public/assets/img/headers/blog.png');
}
header#plans {
background-image: url('/public/assets/img/headers/technology.png');
}
header#gdpr {
background-image: url('/public/assets/img/posts/General-Data-Protection-Regulation-GDPR-Compliance-and-the-Opportunity-to-Know-your-Data.jpg');
}
header#ca-consumer-privacy {
background-image: url('/public/assets/img/headers/golden-gate.jpg');
}
header#demo {
background:
linear-gradient(
rgba(255, 255, 255, 0.8),
rgba(0, 0, 0, 0.45)
),
url('/public/assets/img/headers/money-plant.png');
}
header#insurance {
background-image: url('/public/assets/img/headers/insurance.png');
}
header#redact {
background-image: url('/public/assets/img/headers/insurance.png');
}
header#identify {
background-image: url('/public/assets/img/headers/technology.png');
}
header#extract {
background-image: url('/public/assets/img/headers/product.png');
}
header {
text-align: center;
color: #FFFFFF;
background-attachment: scroll;
background-position: center center;
background-repeat: none;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
header#sar .intro-text {
margin-left: 20%;
margin-right: 20%;
}
header .intro-text {
padding-top: 100px;
padding-bottom: 50px;
}
header .whitepaper-cta {
padding-top: 25px;
font-family: "Droid Serif", "Helvetica Neue", Helvetica,Arial,sans-serif;
font-size: 18px;
line-height: 18px;
}
header .intro-text .intro-lead-in .whitepaper-cta {
margin-bottom: 25px;
font-family: "Droid Serif", "Helvetica Neue", Helvetica,Arial,sans-serif;
font-size: 18px;
line-height: 18px;
opacity: .8;
}
header .intro-text .intro-post-info {
letter-spacing: 1px;
}
header .intro-text .intro-post-info a {
color: #fff;
}
header .intro-text .intro-heading {
margin-bottom: 16px;
text-transform: none;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 50px;
}
header .front-page-text {
text-align: left;
color: #333;
}
header#enterprise .front-page-text {
color: #fff;
}
header .intro-secondary-cta {
padding-top: 10px;
}
header#enterprise .email-container {
max-width: 50%;
align-items: center;
margin: 0 auto;
padding: 0 auto;
}
.email-container {
display: flex;
}
.container-child {
flex-grow: 1;
}
header .header-input {
margin-right: 1%;
}
header .header-input,
.btn-submit {
display: inline-block;
padding: 20px 20px;
border-radius: 4px;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 15px;
font-weight: bold;
-webkit-appearance: none;
}
header .header-cta-btn:hover {
background-color: #005aa3;
}
header .header-cta-btn {
text-decoration: none;
padding-left: 10%;
padding-right: 10%;
display: inline-block;
border-radius: 4px;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 15px;
font-weight: bold;
-webkit-appearance: none;
}
header .input {
border: 1px solid lightgray;
color: #333;
}
header .btn-submit {
background-color: #0081e8;
border: 1px solid transparent;
color: #fff;
text-transform: uppercase;
}
header .btn-submit:hover {
background-color: #005aa3;
}
header .col-md-6 {
padding-right: 3%;
padding-left: 3%;
}
aside .input,
.btn-submit {
display: inline-block;
padding: 20px 20px;
border-radius: 4px;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 15px;
font-weight: bold;
-webkit-appearance: none;
}
.input, .header-input {
border: 1px solid lightgray;
color: #333;
}
.input:focus, .header-input:focus {
outline: none;
border: 1px solid #005aa3;
}
aside .btn-submit {
background-color: #0081e8;
border: 1px solid transparent;
color: #fff;
text-transform: uppercase;
margin-left: 10px;
margin-right: 10px;
}
aside .btn-submit:hover {
background-color: #005aa3;
}
h1#no-style-homepage-h1,
h2#no-style-homepage-h2 {
all: initial;
* {
all: unset;
}
}
@media(max-width:768px) {
h1#no-style-homepage-h1,
h2#no-style-homepage-h2 {
all: initial;
* {
all: unset;
}
}
header#home .intro-header {
display: none;
}
header .intro-text {
padding-top: 150px;
margin-left: 0%;
margin-right: 0%;
}
header form, .intro-secondary-cta {
text-align: center;
}
#footer-cta .container-child, .footer-cta-button {
margin-top: 15px;
}
}
@media(min-width:768px) {
header#enterprise .intro-text {
padding-top: 100;
text-align: center;
}
header .intro-text {
padding-top: 280px;
padding-bottom: 200px;
}
header#home .intro-header-mobile {
display: none;
padding-top: 0px;
}
#hiw {
padding-bottom: 100px;
}
#use-case {
padding-bottom: 100px;
}
.hiw-mobile {
display: none;
}
.email-container {
padding-right: 15%;
}
.footer-cta-container .footer-secondary-cta {
padding-top: 10px;
text-align: left;
color: #555;
}
#footer-cta .container-child {
max-width: 40%;
flex-basis: auto;
margin-left: 10%;
}
#footer-cta .whitepaper-secondary-cta {
margin-left: 20px;
margin-top: 20px;
}
#home .container-child {
max-width: 60%;
flex-basis: auto;
}
header#home .intro-text {
padding-top: 175px;
padding-bottom: 200px;
}
header .intro-text.slim {
padding-top: 180px;
padding-bottom: 50px;
}
header .whitepaper-cta {
padding-top: 25px;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 20px;
font-weight: 300;
letter-spacing: -.4px;
line-height: 30px;
}
header .intro-text .intro-lead-in {
margin-bottom: 25px;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 20px;
font-weight: 300;
letter-spacing: -.4px;
line-height: 30px;
}
header .intro-text .intro-heading {
margin-bottom: 16px;
text-transform: none;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 50px;
}
}
header .integration-logo-container {
padding-top: 100px;
}
header .integration-logo {
height: 50px;
}
section {
padding: 100px 0;
}
section h2.section-heading {
margin-top: 0;
margin-bottom: 15px;
font-size: 40px;
}
.resp-container {
position: relative;
overflow: hidden;
padding-top: 56.26%;
}
.resp-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
section#services .why-ohalo-svg {
width: 100%;
height: auto;
}
section#services .description-container {
display: flex;
}
@media(min-width: 768px) {
section#services .text-item {
width: 100%;
display: flex;
flex-direction: column;
}
section#services .img-item {
width: 20%;
max-height: 50%;
display: flex;
flex-direction: column;
}
section#services .img-item-hww {
width: 50%;
max-height: 50%;
display: flex;
flex-direction: column;
}
}
@media(max-width: 768px) {
section#services .responsive-section-subheading {
margin-right: 5%;
margin-left: 5%;
}
section#services .text-item {
width: 90%;
margin-left: 5%;
margin-right: 5%;
display: flex;
flex-direction: column;
}
section#services .img-item {
width: 20%;
max-height: 50%;
display: none;
}
section#services .img-item-hww {
width: 50%;
max-height: 50%;
display: none;
}
}
/*Case studies section*/
section#services .case-study-container {
display: flex;
flex-wrap: wrap;
flex-grow: 1;
}
.case-studies-holder {
display: flex;
align-items: center;
justify-content: center;
}
.case-study {
max-width: 50%;
padding-right: 20px;
padding-left: 20px;
align-self: flex-start;
}
.case-study-photo {
max-width: 50%;
width: 100%;
height: auto;
}
.case-studies-btn {
margin-top: auto;
}
.case-studies-home-page {
display: flex;
justify-content: center;
margin-right: 40%;
margin-left: 40%;
}
section#enterprise-services h1,
section#enterprise-services h3.section-subheading,
section#enterprise-services h4,
section#enterprise-services p.text-muted,
section#enterprise-services li.text-muted {
color: #fff;
}
#enterprise h3.section-subheading {
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
max-width: 950px;
margin: 20px auto;
font-size: 19px;
line-height: 30px;
text-transform: initial;
font-weight: 400;
opacity: .8;
}
#enterprise .section-heading {
text-transform: initial;
font-size: 30px;
margin-bottom: 0px;
letter-spacing: -.6px;
}
.enterprise-services-card-vertical div {
padding: 16px;
min-width: 300px;
flex-basis: auto;
flex-grow: 1;
flex-direction: column;
max-width: 520px;
text-align: left;
}
.enterprise-services-card-vertical {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
flex-basis: auto;
}
.service-card-horizontal {
max-width: 670px;
margin: auto;
display: flex;
margin-top: 110px;
}
.service-card img {
height: 120px;
margin-right: 32px;
}
section .service-card h4.section-subheading {
font-size: 17px;
letter-spacing: 2.4px;
margin: 0;
}
section .service-card h3.section-subheading {
margin: 0;
margin-top: 14px;
font-size: 16px;
opacity: .8;
letter-spacing: -.3px;
line-height: 22px;
}
.enterprise-services-card-vertical .service-card img {
margin-bottom: 38px;
margin-right: 0;
height: 140px;
}
.service-description {
text-align: left;
}
#enterprise-services-description {
padding-top: 130px;
padding-bottom: 130px;
background: linear-gradient(to bottom, #00101D 50%,#ffffff 50%);
}
#enterprise-services-description .container {
background: #0E1828;
color: #fff;
padding: 90px 100px;
box-shadow: 0 -13px 70px 0 rgba(10,8,30,0.18);
display: flex;
}
.services-description-block {
width: 50%;
padding-right: 67px;
}
.services-description-block:last-child {
padding-right: 0;
padding-left: 67px;
}
.services-description-block .service-supheading {
opacity: 0.55;
color: #FFFFFF;
font-size: 14px;
font-weight: 600;
letter-spacing: 1.81px;
line-height: 18px;
}
.services-description-block .service-subheading {
color: #BBC1CB;
font-weight: normal;
font-family: Montserrat;
font-size: 19px;
letter-spacing: -0.39px;
line-height: 29px;
}
.services-description-block .text-muted.large,
.service-bullet-list .text-muted {
color: #FFFFFF;
font-family: "Droid Serif";
font-size: 16px;
letter-spacing: -0.33px;
line-height: 22px;
}
.service-bullet-list {
padding: 0;
margin: 0;
margin-top: 27px;
list-style-type: none;
}
.service-bullet-list li {
margin-bottom: 36px
}
.service-bullet-list li:last-of-type {
margin-bottom: 0;
}
.service-bullet-list img {
height: 100%;
float: left;
margin-top: 3px;
margin-right: 22px;
}
.descriptive-paragraph {
flex-wrap: wrap;
display: flex;
}
aside .support-datasources {
text-align: center;
margin-top: 50px;
padding-left: 15px;
padding-right: 15px;
}
aside .logo-holder {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-right: 10%;
margin-left: 10%;
}
aside .logo-thumb {
max-width: 20%;
padding-right: 10px;
padding-left: 10px;
}
aside .logo-partner-thumb {
max-width: 30%;
padding-right: 10px;
padding-left: 10px;
}
aside .logo-security-thumb {
max-width: 15%;
padding-right: 20px;
padding-left: 20px;
}
aside .footer-cta-btn:hover {
background-color: #005aa3;
}
aside .footer-cta-btn {
text-decoration: none;
padding-left: 10%;
padding-right: 10%;
display: inline-block;
border-radius: 4px;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 15px;
font-weight: bold;
-webkit-appearance: none;
}
.sar-calculator {
padding-top: 100px;
padding-bottom: 100px;
}
section#technology-partners {
padding-top: 50px;
padding-bottom: 100px;
border-bottom: 1px solid;
}
section#technology-partners .h3 .section-subheading {
margin-bottom: 25px;
}
section#security {
padding-top: 25px;
/* padding-bottom: 25px; */
}
h3#front-page-aside-subheading {
margin-bottom: 0px;
}
.how-it-works-holder {
display: flex;
align-items: center;
justify-content: center;
margin-right: 10%;
margin-left: 10%;
}
.how-it-works-item {
padding-right: 20px;
padding-left: 20px;
}
.use-case-item {
padding-right: 10px;
padding-left: 10px;
flex: 1 1 0px;
}
.use-case-bullet {
font-size: 14px;
}
section h2,h3.footer-cta {
text-align: left;
text-transform: none;
margin: 0;
}
section h3.footer-cta {
font-family: "Droid Serif", "Helvetica Neue", Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: 400;
}
@media(max-width: 768px) {
section h2,h3.footer-cta {
text-align: center;
padding-bottom: 10px;
}
section#enterprise-cta h3.section-subheading {
margin-right: 10px;
margin-left: 10px;
width: 100%;
text-align: left;
}
.how-it-works-item {
max-width: 100%;
}
.hiw-pic {
display: none;
}
.use-case-pic {
display: none;
}
.use-case-holder {
display: flex;
align-items: center;
flex-flow: column wrap;
}
}
section h2.enterprise-cta {
font-size: 30px;
font-weight: 700;
text-align: center;
}
section h3.section-subheading {
margin-bottom: 75px;
text-transform: none;
line-height: 130%;
font-family: "Droid Serif", "Helvetica Neue", Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: 400;
text-align: left;
}
#about .section-subheading {
text-align: left;
}
section h3.section-subheading-contact {
margin-bottom: auto;
text-transform: none;
font-weight: 400;
padding-top: 40px;
}
@media(min-width:768px) {
section {
padding-bottom: 0px;
}
.use-case-holder {
display: flex;
align-items: center;
}
}
section#enterprise-services {
background: #00101d url('../img/enterprise/dots.png')
}
.service-bullet {
font-size: 16px;
text-align: justify;
line-height: 200%;
}
ul .service-bullet-list {
list-style: disc outside none;
padding: 0px 0px 0px 0px;
}
.service-heading-block {
text-align: left;
}
.service-heading-icon {
color: #2F7EB6;
}
.service-heading {
margin: 15px 0;
text-transform: none;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 30px;
}
.service-subheading {
margin: 15px 0;
text-transform: none;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
}
.cta-explainer {
margin: 40px 0px 15px 0px;
}
.product-holder {
display: flex;
align-items: center;
justify-content: center;
padding: 15px 40px 30px 40px;
}
.product {
padding: 15px 40px 30px 40px;
}
@media(max-width:768px){
.product {
display: none;
}
}
.subscription-length {
font-size: 12px;
text-align: left;
text-transform: none;
font-weight: 400;
text-align: center;
margin-top: 2px;
}
.pricing-intro {
margin-bottom: 20px;
margin-top: 20px;
line-height: 130%;
text-transform: none;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 25px;
font-weight: 400;
}
h1.pricing-header {
font-size: 30px;
font-weight: 60px;
text-align: center;
margin-top: 0;
}
h2.link-header {
font-size: 20px;
font-weight: 30px;
text-align: left;
margin-top: 0;
color: #333;
}
.link-section-content {
font-size: 15px;
text-align: left;
text-transform: none;
color: #6D6E70;
}
.footer-link-list {
list-style:none;
padding-left:0;
}
a.footer-link-item {
color: #999;
}
a.footer-link-item:hover {
color: #333;
text-decoration: none;
}
.plan-bullet {
color: #6D6E70;
font-size: 16px;
text-align: justify;
margin-left: 1em;
line-height: 200%;
text-transform: none;
}
.plan-difference {
color: #6D6E70;
font-size: 16px;
text-align: center;
line-height: 200%;
text-transform: none;
}
.price {
color: #0081e8;
text
text-transform: none;
}
.price-sub {
color: #333;
text-transform: none;
font-weight: normal;
}
.plan-table {
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
width: 100%;
vertical-align: middle;
padding: 15px;
line-height: 200%;
margin: 0 5% 0;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
.plan-table-header {
color: #6D6E70;
font-size: 16px;
text-align: center;
text-transform: none;
width: 25%;
}
.plan-table-item {
color: #6D6E70;
font-size: 16px;
margin-left: 1em;
text-transform: none;
width: 25%;
line-height: 1.6;
}
.plan-table-text {
color: #6D6E70;
font-size: 16px;
margin-left: 1em;
text-transform: none;
text-align: center;
width: 25%;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
table {
border: 0;
font-size: 9px;
}
table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table tr {
display: block;
margin-bottom: .625em;
}
table td::before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
}
.plan-contact-us {
margin-top: 40px;
}
.benefit {
text-transform: none;
font-size: 16px;
text-align: center;
}
.pricing-contents, .link-list-contents {
flex-grow: 1;
padding-right: 20px;
padding-left: 20px;
}
.footer-cta-container .enterprise-container {
-webkit-box-align:center;
-webkit-box-pack:center;
display:-webkit-box;
}
.enterprise-container {
margin-top: 100px;
}
.enterprise-logo {
padding-bottom: 15px;
width: 6%;
}
.footer-logo-img {
width: 25%;
}
@media(max-width: 768px) {
.footer-logo-img {
width: 33%;
}
.enterprise-logo {
width: 10%;
}
}
section#enterprise .section-subheading {
width: 50%;
margin: 0 auto;
padding-bottom: 20px;
}
.col-container {
display: flex;
width: 100%;
}
@media(min-width: 768px) {
#enterprise .header-container {
display: flex;
max-width: 500px;
margin: auto;
}
.col-container-dpr, .footer-container, .header-container {
display: flex;
width: 100%;
}
.header-container {
align-items: center;
justify-content: center;
}
.col-container-dpr {
padding-left: 25%;
padding-right: 25%;
}
.footer-container {
padding-bottom: 75px;
}
.box {
margin: 0 auto;
border-right: 1px solid #333;
}
}
.enterprise-col {
flex: 1;
padding: 25px;
display: flex;
flex-direction: column-reverse;
}
.col {
padding: 16px;
display: flex;
}
.col-front-page-product {
flex: 1;
padding: 16px;
display: flex;
flex-direction: column;
}
@media(max-width: 768px) {
.col-container, .footer-container {
flex-direction: column;
}
.enterprise-col {
display: none;
}
.pricing-intro {
font-size: 25px;
}
.box {
border: none;
}
}
.box-no-right-border {
margin: 0 auto;
}
.benefits-content {
font-size: 18px;
text-align: left;
text-transform: none;
font-weight: 400;
text-align: justify;
}
.benefits-content ul {
padding-left: 0px;
}
/* Style the tab */
.tab {
overflow: hidden;
background-color: #f1f1f1;
display: flex;
}
/* Style the buttons that are used to open the tab content */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
color: #6D6E70;
border-top: 8px solid transparent;
}
/* Change background color of buttons on hover */
.tab button:hover {
color: #fff;
background-color: #333;
border-top: 8px solid #6D6E70;
}
/* Create an active/current tablink class */
.tab button.active {
border-top: 8px solid #005aa3;
background-color: #333;
color: #fff;
}
.tablinks {
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: #333;
float: left;
width: 33%;
padding: 20px;
flex-grow: 1;
}
@media(max-width: 768px) {
.tablinks {
font-size: 18px;
width: 50%;
}
.tabspan {
display: none;
}
}
.tabcontainer {
width: 90%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 50px;
margin-top: 50px;
padding-left: 0px;
padding-right: 0px;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border-top: none;
}
#notreadycta {
padding: 40px;
}
#portfolio .portfolio-item {
right: 0;
margin: 0px 0px 0px 0px;
}
#portfolio .portfolio-item .portfolio-link {
display: block;
position: relative;
margin: 0 auto;
max-width: 400px;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
transition: all ease .5s;
background: rgba(0,134,190,.9); /* Fallback when no plugin support */
/* background: rgba(0081e8, .9);
*/}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
position: absolute;
top: 50%;
width: 100%;
height: 20px;
margin-top: -12px;
text-align: center;
font-size: 20px;
color: #fff;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
margin: 0;
}
#portfolio .portfolio-item .portfolio-caption {
margin: 0 auto;
padding: 25px;
max-width: 400px;
text-align: center;
background-color: #fff;
}
#portfolio .portfolio-item .portfolio-caption h4 {
margin: 0;
text-transform: none;
margin-bottom: 15px;
}
#portfolio .portfolio-item .portfolio-caption p {
margin: 0;
font-family: "Droid Serif", "Helvetica Neue", Helvetica,Arial,sans-serif;
font-size: 12px;
font-style: italic;
}
#portfolio * {
z-index: 2;
}
@media(min-width:768px) {
#portfolio .portfolio-item {
margin: 0 0 30px;
}
}
section#team {
background-color: #f7f7f7;
}
section#footer-cta {
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #333;
padding-bottom: 100px;
padding-right: 5%;
padding-left: 5%;
}
section#enterprise-cta {
padding-bottom: 160px;
padding-top: 0;
}
section#enterprise-cta .container {
display: flex;
justify-content: space-around;
}
section#enterprise-cta .container h3.title {
color: #0B182E;
font-family: Montserrat;
font-size: 30px;
text-transform: initial;
font-weight: 600;
letter-spacing: -0.2px;
line-height: 37px;
width: 100%;
}
section#enterprise-cta .container .description {
text-align: right;
min-width: 400px;
float: right;
}
section#enterprise-cta .container .description p {
color: #81868E;
font-family: Montserrat;
font-size: 19px;
letter-spacing: -0.39px;
line-height: 24px;
margin-bottom: 24px;
}
@media (min-width: 768px) {
section#enterprise-cta .section-subheading{
margin-left: 20%;
margin-right: 20%;
}
}
.team {
display: flex;
flex-wrap: wrap;
}
.team-member {
margin-bottom: 50px;
text-align: center;
}
.team-member img {
margin: 0 auto;
border: 7px solid #fff;
}
.team-member h4 {
margin-top: 25px;
margin-bottom: 0;
text-transform: none;
}
.team-member p {
margin-top: 0;
}
aside.clients img {
margin: 50px auto;
}
aside.partners {
margin-top: 50px;
}
aside.request_demo p {
margin: 50px auto;
text-align: right;
text-transform: uppercase;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 22px;
font-weight: 700;
color: #fff;
padding: 20px;
}
aside.request_demo a {
vertical-align: middle;
margin: 50px auto;
}
aside.request_demo {
background-color: #0081e8;
}
aside.mailing_list h2 {
text-align: center;
text-transform: uppercase;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 40px;
font-weight: 700;
color: #fff;
padding: 20px 40px;
}
aside.mailing_list input {
display: inline-block;
vertical-align: middle;
margin: auto;
}
aside.mailing_list {
background-color: #0081e8;
}
#mailing-list-holder {
margin-bottom: 20px;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
vertical-align: middle;
}
#trial-contact {
color: #000000;
}
#trial-contact-button {
padding-bottom: 15px;
}
/*whitepaper*/
#whitepaper-modal .modal-container {
display: flex;
align-items: center;
justify-content: center;
margin-top: 25%;
}
#whitepaper-modal .disclaimer {
padding-top: 20px;
}
#whitepaper .container {
display: flex;
align-items: center;
justify-content: center;
}
/*end whitepaper*/
/*sar*/
#sar-modal .modal-container {
display: flex;
align-items: center;
justify-content: center;
margin-top: 25%;
}
#sar-modal .disclaimer {
padding-top: 20px;
}
#sar .container {
display: flex;
align-items: center;
justify-content: center;
}
/*end sar*/
section#whitepaper {
padding-bottom: 100px;
}
section#contact {
background-color: #222;
background-image: url('/public/assets/img/map-image.png');
background-position: center;
background-repeat: no-repeat;
padding-bottom: 100px;
}
section#contact .section-heading {
color: #fff;
}
section#contact .form-group {
margin-bottom: 25px;
}
section#contact .form-group input,
section#contact .form-group textarea {
padding: 20px;
}
section#contact .form-group input.form-control {
height: auto;
}
section#contact .form-group textarea.form-control {
height: 236px;
}
section#contact .form-control:focus {
border-color: #0081e8;
box-shadow: none;
}
section#contact::-webkit-input-placeholder {
text-transform: uppercase;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
color: #bbb;
}
section#contact:-moz-placeholder {
text-transform: uppercase;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
color: #bbb;
}
section#contact::-moz-placeholder {
text-transform: uppercase;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
color: #bbb;
}
section#contact:-ms-input-placeholder {
text-transform: uppercase;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
color: #bbb;
}
section#contact .text-danger {
color: #e74c3c;
}
section#contact .address {
color: #FFFFFF;
text-transform: uppercase;
font-size: 18px;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
padding-left: 0px;
float: left;
width: 50%;
list-style-type: none;
}
section#contact .map {
width: 90%;
}
@media(max-width:768px){
aside.request_demo p {
display: none;
}
.button-holder {
margin-top: 20px;
text-align: center;
}
.map {
display: none;
}
aside.clients {
display: none;
}
}
section#contact .address {
color: #FFFFFF;
text-transform: uppercase;
font-size: 18px;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
padding-left: 0px;
float: left;
width: 50%;
list-style-type: none;
}
section#contact .address-block {
padding-top: 40px;
padding-bottom: 40px;
}
section#contact .info-block {
color: #FFFFFF;
text-transform: uppercase;
font-size: 18px;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
}
section#contact .info-block-item {
display: block;
position: relative;
}
section#contact .company-name {
color: #FFFFFF;
text-transform: uppercase;
font-size: 30px;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
padding-bottom: 40px;
}
footer {
padding: 25px 0;
text-align: center;
}
footer span.copyright {
text-transform: uppercase;
text-transform: none;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 40px;
}
footer ul.quicklinks {
margin-bottom: 0;
text-transform: uppercase;
text-transform: none;
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 40px;
}
ul.social-buttons {
margin-bottom: 0;
}
ul.social-buttons li a {
display: block;
width: 40px;
height: 40px;
border-radius: 100%;
font-size: 20px;
line-height: 40px;
outline: 0;
color: #fff;
background-color: #222;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
background-color: #0081e8;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
outline: 0;
}
.portfolio-modal .modal-content {
padding: 100px 0;
min-height: 100%;
border: 0;
border-radius: 0;
text-align: center;
background-clip: border-box;
-webkit-box-shadow: none;
box-shadow: none;
}
.portfolio-modal .modal-content h2 {
margin-bottom: 15px;
font-size: 3em;
}
.portfolio-modal .modal-content p {
margin-bottom: 30px;
}
.portfolio-modal .modal-content p.item-intro {
margin: 20px 0 30px;
font-family: "Droid Serif", "Helvetica Neue", Helvetica,Arial,sans-serif;
font-size: 16px;
font-style: italic;
}
.portfolio-modal .modal-content ul.list-inline {
margin-top: 0;
margin-bottom: 30px;
}
.portfolio-modal .modal-content img {
margin-bottom: 30px;
}
.portfolio-modal .close-modal {
position: absolute;
top: 25px;
right: 25px;
width: 75px;
height: 75px;
background-color: transparent;
cursor: pointer;
}
.portfolio-modal .close-modal:hover {
opacity: .3;
}
.portfolio-modal .close-modal .lr {
z-index: 1051;
width: 1px;
height: 75px;
margin-left: 35px;
background-color: #222;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.portfolio-modal .close-modal .lr .rl {
z-index: 1052;
width: 1px;
height: 75px;
background-color: #222;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
::-moz-selection {
text-shadow: none;
background: #0081e8;
}
::selection {
text-shadow: none;
background: #0081e8;
}
img::selection {
background: 0 0;
}
img::-moz-selection {
background: 0 0;
}
body {
webkit-tap-highlight-color: #0081e8;
}
/* Enterprise page custom responsive styles */
@media(max-width: 1200px) {
.enterprise-services-card-vertical div,
.service-card-horizontal {
margin: 0;
max-width: 720px;
text-align: left;
margin-bottom: 80px;
}
.service-card-horizontal {
display: block;
margin: auto;
padding: 16px;
}
}
@media(max-width: 990px) {
#enterprise-services-description .container {
flex-direction: column;
}
.services-description-block,
.services-description-block:last-child {
padding: 0;
padding-left: 0;
width: 100%;
}
.services-description-block:first-of-type {
margin-bottom: 50px;
}
section#enterprise-cta .container {
display: block;
}
section#enterprise-cta .container h3.title {
text-align: center;
}
section#enterprise-cta .container .description {
float: none;
text-align: center;
}
section#enterprise-cta .container .description p {
margin-top: 18px;
}
section#enterprise-cta .container .description {
min-width: 100%;
}
}
@media(max-width: 768px) {
.enterprise-services-card-vertical div,
.service-card-horizontal,
.service-card-horizontal .service-description {
text-align: center;
}
#enterprise-services-description .container {
padding: 70px 50px;
}
header#enterprise .front-page-text {
text-align: center;
}
#enterprise h3.section-subheading {
font-size: 16px;
padding: 0 20px;
}
#enterprise .section-heading {
font-size: 21px;
}
section#enterprise-services {
padding-bottom: 0;
}
#enterprise-services-description {
padding-top: 70px;
}
#enterprise .section-heading {
margin-top: 100px;
}
}
@media(max-width: 480px) {
#enterprise-services-description .container{
padding: 50px 30px
}
}
/*ROI Calculator*/
.ROI-header-1 {
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: left;
text-transform: none;
font-size: 24px;
font-weight: 400;
}
.ROI-default {
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: left;
text-transform: none;
font-size: 20px;
font-weight: 200;
}
.ROI-header-2 {
font-family: "Droid Serif", "Helvetica Neue", Helvetica,Arial,sans-serif;
color: #999;
text-align: left;
text-transform: none;
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
}
@media(min-width: 768px) {
.ROI-calc-box {
display: inline-flex;
flex-direction: row;
margin: auto;
width: 75%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
padding-left: 0px;
padding-right: 0px;
}
.ROI-item {
flex: flex-grow;
margin: 50px 50px 50px 50px;
}
.calc-sliders {
width: 60%;
}
.calc-results {
width: 40%;
}
}
@media(max-width: 768px) {
.ROI-calc-box {
display: inline-flex;
flex-direction: column;
margin: auto;
padding-left: 0px;
padding-right: 0px;
}
.ROI-item {
flex: flex-grow;
}
}
.ROI-output {
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
text-transform: none;
font-size: 24px;
font-weight: 400;
}
.ROI-total-calc-output {
font-family: Montserrat, "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
text-transform: none;
font-size: 24px;
font-weight: bold;
margin-top: 10px;
}
.output-box {
margin-bottom: 25px;
}
.ROI-slider-container {
margin-bottom: 25px;
}
.slidecontainer {
width: 100%; /* Width of the outside container */
}
/* The slider itself */
.slider {
-webkit-appearance: none;
width: 100%;
height: 15px;
border-radius: 5px;
background: #d3d3d3;
outline: none;
opacity: 1.0;
-webkit-transition: .2s;
transition: opacity .2s;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: #0081e8;
cursor: pointer;
}
.slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: #0081e8;
cursor: pointer;
}
.roi-result-container {
margin-top: 15px;
margin-bottom: 15px;
}
.btn-roi-cta {
padding-top: 12px;
padding-bottom: 12px;
font-size: 11px;
}
.btn-use-case-cta {
padding-top: 12px;
padding-bottom: 12px;
font-size: 11px;
display: block;
margin-left: 25%;
margin-right: 25%;
}
.btn-use-case-cta-div {
padding-top: 20px;
}
.btn-header-cta {
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
}
@media(max-width: 768px) {
.use-case-container {
display: flex;
flex-flow: column wrap;
}
.specified-use-case-item {
flex: 1 0 46%;
margin-bottom: 5%;
margin-left: 2%;
margin-right: 2%;
}
}
@media(min-width: 768px) {
.use-case-container {
display: flex;
flex-wrap: wrap;
}
.specified-use-case-item {
flex: 1 0 46%;
margin-bottom: 5%;
margin-left: 2%;
margin-right: 2%;
}
}