/* CSS Document */
body, html, button, input, select, textarea {
margin: 0;
background-color: white;
}
body {
-webkit-font-smoothing: antialiased;
}
body, p, ul li {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #666;
font-size: 14px;
line-height: 1.7142;
}
@media screen and (min-width: 992px) {
body, p, ul li {
font-size: 16px;
line-height: 2.5;
}
}
* {
-webkit-font-smoothing: antialiased;
}
::selection {
background-color: #1789d5;
color: #fff;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #fff;
}
::-webkit-scrollbar-thumb {
background-color: rgba (0,0,0,.5);
border-radius: 10px;
border: 2px solid #fff;
}
p {
margin-block-start: 1em;
margin-block-end: 1em
}
#wrapper {
background-color: white;
overflow: hidden;
}
a {
text-decoration: none;
color: #0055b8;
}
a:hover {
color: #0055b8;
font-weight: 600;
}
a.underline {
text-decoration: underline;
}
h1 {
font-family: "Montserrat", sans-serif;
font-size: 35px;
font-weight: 700;
}
h2, h2 p {
font-family: "Montserrat", sans-serif;
font-size: 40px;
font-weight: 700;
text-align: center;
line-height: 1.5;
color: #333;
margin-bottom: 25px;
}
h3 {
font-family: 'Montserrat', sans-serif;
}
h4 {
font-family: 'Montserrat', sans-serif;
line-height: 1.5em;
}
ul {
list-style: none;
padding-left: 0;
}
li {
position: relative;
padding-left: 1.3em; /* space to preserve indentation on wrap */
margin-bottom: 16px;
font-weight: 700;
}
ul li:before {
content:"\f058";
position: absolute;
left: 1px;
color: #ff9e18;
font-weight: bold;
font-family: 'FontAwesome';
}
ol li {
padding-left: 0px;
}
ul.list-unstyled li:before {
content:none;
left: 0px;
}
ul.sm-list li:before {
content: none;
left: 0px;
}
ul.sm-list li {
font-weight: 100;
font-size: 14px;
line-height: 1.2;
padding-left: 0;
width: 48%;
max-width: 300px;
}
ul.sm-list {
list-style: disc;
padding-left: 20px;
}
ul.newul li {
font-size: 18px;
font-weight: 100;
line-height: 1.8;
margin-bottom: 20px;
}
.sm-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
ins {
text-decoration: none;
}
.no-padding {
padding: 0 !important;
}
.center-img {
margin: 0 auto;
}
.white-bg {
background: #fff;
}
.section-gray .white-bg {
background: #EDEFF2;
}
.left-text {
text-align: left;
}
.right-text {
text-align: right;
}
.sectionhead {
padding: 20px 0px 25px;
}
.sectionhead.sh-onblue h2 {
color: #fff;
}
.sectionhead.sh-onblue p {
color: #ff9e18;
font-weight: 600;
font-size: 18px;
}
.section-gray {
background-color: #EDEFF2;
}
.section-dkgray {
background-color: #545454;
}
.blue-text {
color: #0055b8 !important;
}
.white-text, .white-text p, .white-text li {
color: #fff !important;
}
@media screen and (min-width: 768px) {
.section-content.indexListings:nth-child(even) {
background-color: #EDEFF2;
}
}
.row.flex {
display: flex;
}
@media screen and (max-width: 768px) {
.row.flex {
display: block;
}
}
.container {
padding: 50px 15px;
}
/*buttons*/
button {
border: none;
margin-top: 20px;
background-color: transparent;
}
.btn {
border-radius: 0px;
font-family: "Montserrat", sans-serif;
border: 0;
margin: 0 10px 10px 0;
white-space: normal;
}
.btn.btn-default {
color: #016fb9 !important;
}
.btn.btn-s {
padding: 4px 10px;
margin-right: 3px;
font-size: 13px;
}
.btn.btn-default {
background-color: #f9f9f9;
color: #016fb9 !important;
border: 1px solid #f9f9f9 !important;
}
.btn-success {
color: #fff;
font-weight: 500;
text-align: left;
background: linear-gradient(to bottom, #ea9b25 0%, #eb7e20 100%);
}
.btn-success:hover,
.btn-success:active,
.btn-success:visited
{
color: #fff;
}
.btn.btn-cta {
background-color: #ff9e18;
color: #444;
font-size: 13px;
font-weight: 700;
padding: 15px 40px;
}
.btn.btn-cta:hover {
background-color: #ed9c28;
}
.btn-gray {
background-color: #cfcfcf;
color: #444;
font-size: 13px;
font-weight: 700;
padding: 15px 40px;
}
.btn-gray:hover {
background-color: #A0A0A0;
}
.btn.btn-links {
background-color: #0055b8;
color: #fff;
font-size: 13px;
font-weight: 700;
padding: 15px 40px;
}
.btn.btn-links:hover {
background-color: #267de3;
}
.btn-y {
color: #444;
background-color: #ff9e18;
border-color: #ff9e18;
font-family: "Montserrat", sans-serif;
padding: 18px 30px;
font-weight: 700;
margin-top: 20px;
white-space: nowrap;
}
.btn-y:hover {
background-color: #FFB043;
text-decoration: none;
font-weight: 700;
}
.btn-g {
color: #444 !important;
background-color: #6EE226;
border-color: #6EE226;
font-family: "Montserrat", sans-serif;
padding: 18px 30px;
font-weight: 700;
margin-top: 20px;
}
.btn-g:hover {
background-color: #84ED43;
text-decoration: none;
font-weight: 700;
color: #444 !important;
}
}
.btn-sm {
border-radius: 0px;
border: 0;
padding: 6px 30px;
white-space: normal;
}
.btn-card {
padding: 15px 20px;
width: 100%;
margin: 0;
}
button.btn.btn-b-outline {
border: 1px solid #0055b8;
width: 100%;
padding: 12px;
border-radius: 3px;
background-color: transparent;
}
button.btn.btn-b-outline:hover a {
font-weight: 700;
}
button.btn.btn-b-outline a:hover {
text-decoration: none;
}
button.btn.btn-b-outline i.fa {
padding-left: 5px;
}
a.lg-text-link, .lg-text-link a {
color: #0055B8;
text-decoration: underline;
font-size: 22px;
font-weight: 700;
padding-top: 30px;
}
a.lg-text-link:hover, .lg-text-link a:hover {
color: #003D84;
text-decoration: underline;
font-size: 22px;
font-weight: 700;
}
a.hero-text-link, button.hero-text-link {
color: #ff9e18;
font-size: 20px;
font-family: "Montserrat", sans-serif;
text-decoration: underline;
padding: 0 20px 0 0;
font-weight: 700;
}
a.hero-text-link:hover, button.hero-text-link:hover {
color: #FFB043;
}
.no-bold {
font-weight: 100 !important;
}
img.limit-height {
max-height: 60vh;
}
@media screen and (min-width: 768px) {
img.limit-height {
max-height: 625px;
}
}
img.app_icons {
max-height: 70px;
display: inline;
}
.col-md-6 img.app_icons {
max-width: 170px;
padding-right: 20px;
}
/* to-top-button */
#to-top-button {
position: fixed;
bottom: 20px;
left: 20px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#to-top-button i {
color: #fff;
margin: 0;
position: relative;
left: 12px;
top: 2px;
font-size: 40px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#to-top-button:hover {
background: rgba(0, 0, 0, 0.9);
}
#to-top-button:hover i {
color: #fff;
top: -3px;
left: 14px;
font-size: 34px;
}
/*header banner*/
.header-banner {
background: #000;
text-transform: uppercase;
padding: 8px 5px;
}
.modal-title {
margin: 5px 15px;
line-height: 1.5;
font-size: 22px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #666;
text-align: left;
}
li.header-banner__content {
font-family: "Montserrat", sans-serif;
font-size: 12px;
flex-wrap: wrap;
color: #C0C1C2;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
margin-bottom: 0px;
text-align: center;
list-style: none;
}
.header-banner li::after {
content: none;
}
@media screen and (min-width: 600px) {
li.header-banner__content {
display: inline-block;
}
.header-banner li:not(:last-child)::after {
content: " | ";
display: inline-block;
margin: 0px 10px;
}
}
/* Navigation
.header_wrapper, .top-wrapper {
background: #fbfbfb;
}
.content_wrapper {
text-align: right;
margin-top: 7px;
}
.header-sales {
display: inline-block;
line-height: 15px;
font-size: 17px;
font-weight: bold;
padding: 2px 10px;
text-align: left;
color: #4b4b4b;
}
@media screen and (max-width: 992px) {
.header-sales {
float: left !important;
margin-top: 3px;
}
}
.btn-topsection .btn {
float: left;
display: inline-block;
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}
.btn-topsection .btn.btn-s {
margin-bottom: 3px;
line-height: 1.8em;
}
.btn-topsection .btn.btn-default {
background: #eaeaea;
}
.btn-topsection .btn.btn-s.btn-success {
padding-left: 6px;
-webkit-transition: none !important;
text-transform: uppercase;
min-width: 117px;
animation-duration: 0;
}
*/
.bg-image {
background-position: center;
background-size: cover;
}
/*industries pages*/
.hero {
background-color: #0055b8;
}
.hero-bg {
background-image: url("../svg/herobg.svg");
background-repeat: no-repeat;
background-size: auto;
margin-top: -30%;
margin-bottom: -67%;
background-color: #fff;
}
@media screen and (max-width: 991px) {
.hero-bg {
margin-bottom: -45%;
}
}
.hero-bg img {
visibility: hidden;
}
.hero .row {
margin: 0px 0px;
}
.hero a:hover {
-webkit-box-shadow: 0px 0px 5px 5px #289FED;
box-shadow: -5px 5px 0px 0px #CB7400;
}
.hero .btn-cta:hover {
background-color: #ff9e18;
}
.hero {
background-image: url("../svg/herobg_2.svg");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: bottom;
}
/* optimized hero bgs */
.opt-hero-div {
position: relative;
}
.opt-hero-div .container {
position: relative;
z-index: 1;
}
.opt-hero-div .hero-bg-optimg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
height: 100%;
width: 100%;
object-fit: cover;
}
/* add a blue overlay on a photo */
.blue-overlay {
background-color: #0055b8 !important;
}
.blue-overlay img.hero-bg-optimg {
opacity: .2;
filter: grayscale(1);
}
/* end opt */
.home .hero {
background-image: none;
text-align: center;
}
.hero-btrap-bottom {
background-color: #ffffff;
}
.hero .hero-btrap-bottom {
margin-left: -5px;
}
.heroSolutions {
background-image: url("../svg/herobg_3.svg");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top;
margin-top: -1px;
}
.home .hero h1 {
margin: 80px 0px 15px;
line-height: 1.4;
font-size: 45px;
}
.hero_content a{
color: #ff9e18;
font-weight: 700;
}
.hero_content a:hover {
color: #E98700;
font-weight: 700;
}
.hero_content a.btn-y {
color: #444;
font-weight: 700;
}
.hero_content a.btn-y:hover {
color: #444;
font-weight: 700;
}
/*.hero .hero_mainimg {
margin-top:-25px;
}
@media screen and (min-width: 992px) {
.hero .hero_mainimg {
margin-top:-75px;
}
}*/
.hero_content {
color: #fff;
}
.hero_content h2{
text-align: left;
font-size: 18px;
color: #fff;
}
.hero_content p{
font-size: 17px;
color: #fff;
line-height: 30px;
}
.hero_content ul li{
font-size: 17px;
color: #fff;
line-height: 24px;
padding-bottom: 0px;
text-align: left;
text-indent: -14px;
}
.hero_content.herosecondcolumn {
padding-top: 40px;
}
@media screen and (min-width: 992px) {
.twocollisthero ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
}
.hero ol {
text-align: left;
padding-left: 120px;
}
@media screen and (max-width: 991px) {
.hero_content li:before{
position: relative;
left: -5px;
}
}
@media screen and (max-width: 991px) {
.hero_content, .hero_content h1,.hero_content h2,.hero_content p/*,.hero_content ul li*/ {
text-align: center;
}
}
.hero_content .btn.btn-cta {
margin-top: 10px;
}
.hero_content .heroformbox {
background-color: #cecece;
padding: 20px;
border-radius: 20px;
contain: content;
}
.hero_content .heroformbox a p {
color: #0055b8;
font-size: 1.2em;
}
.hero_content .heroformbox a:hover p {
color: #1C74DB;
}
.home .hero_content .btn.btn-cta {
margin-bottom: 30px;
}
.badges {
text-align: center;
margin-top: -20px;
padding-bottom: 40px;
}
.hero_content_arrow {
color: #fff;
margin-bottom: 0px;
}
.home .hero .hero_content_arrow h1 {
margin: 60px 0px 20px;
}
.hero_content_arrow p{
color: #fff;
font-size: 16px;
}
.hero_content ul {
padding-left: 34px;
}
/*@media screen and (max-width: 450px) {
.badges {
margin-top: -90px;
}
}*/
.clientLogos {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.clientLogos .logoItem {
/* display: flex; */
justify-content: center;
align-content: center;
align-self: center;
width: 25%;
padding: 0 50px 50px;
}
@media screen and (max-width: 1199px) {
.clientLogos .logoItem {
width: 25%;
}
}
@media screen and (max-width: 991px) {
.clientLogos .logoItem {
width: 33.3%;
}
}
@media screen and (max-width: 768px) {
.clientLogos .logoItem {
width: 50%;
}
}
@media screen and (max-width: 450px) {
.clientLogos .logoItem {
width: 100%;
}
}
.assocsection .container {
padding: 0px 15px 30px;
}
.assocsection h2 {
font-size: 32px;
}
img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-webkit-transition: all .3s ease;
-webkit-backface-visibility: hidden;
opacity: .6;
}
img.grayscale:hover {
filter: none;
-webkit-filter:grayscale(0%);
opacity: 100%;
}
.heroSolutions h2 {
padding-top: 80px;
}
.heroSolutions table {
margin-top: 30px;
}
.heroSolutions tr td:first-child {
background: #0055B8;
text-align: center;
}
.heroSolutions tr td:last-child {
padding-top: 10px;
padding-bottom: 20px;
}
.heroSolutions tr:nth-child(2n) td:first-child {
background: #ff9e18;
}
.heroSolutions .dq-icon-fa-solid-900 {
font-size: 45px;
padding: 25px;
color: #fff;
}
.heroSolutions .fa {
font-size: 45px;
padding: 25px;
color: #fff;
}
.heroSolutions table p, .heroSolutions table a {
padding-left: 20px;
}
.heroSolutions table p {
font-size: 15px;
line-height: 2em;
margin-block-start: 0;
margin-block-end: 0;
}
.heroSolutions table a {
padding-bottom: 20px;
font-family: 'Montserrat', sans-serif;
}
.heroSolutions table a:hover {
font-weight: 600;
}
/*quote carousel*/
.slick-track {
display: flex !important;
align-items: stretch;
}
.slick-slide {
height: inherit !important;
}
.slick-arrow {
position: absolute;
top: 50%;
height: 100%;
width: 40px;
background: #267DE3;
color: #FFF;
z-index: 9;
text-align: center;
line-height: 40px;
}
.slick-arrow [class^="icon-"] {
position: absolute;
top: 40%
}
.slick-next {
right: 0;
transform: translate(50%, -50%);
text-indent: -2px;
}
.slick-prev {
left: 0;
transform: translate(-50%, -50%);
text-indent: -3px;
}
.slick-dotted {
margin-bottom: 60px;
}
.slick-dots {
position: absolute;
bottom: -40px;
left: 0;
right: 0;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.slick-dots li {
display: inline-block;
margin: 0px;
height: 10px;
line-height: 1;
padding: 7px;
}
.slick-dots li:not(.slick-active) {
opacity: .2;
}
.slick-dots li button {
height: 10px;
width: 10px;
border-radius: 100%;
font-size: 0;
overflow: hidden;
background-color: #5C5C5C;
border: none;
padding: 0;
}
@media screen and (min-width: 992px) {
.slick-arrow {
width: 56px;
line-height: 56px;
font-size: 32px;
border: 1px solid #0a69d9;
}
.slick-dots {
bottom: -50px;
}
.slick-dots li {
height: 15px;
}
.slick-dots li button {
height: 15px;
width: 15px;
}
}
.testimonial-card {
background-color: #267DE3;
border: solid 1px #267DE3;
border-radius: 4px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
margin-left: 5px;
margin-right: 5px;
float: none;
height: auto;
}
.testimonial-card > * {
width: 100%;
}
.testimonial-card__logo-wrapper {
align-self: flex-start;
margin-bottom: 1rem;
}
.testimonial-card__logo {
max-width: 190px;
max-height: 75px;
margin: auto;
mix-blend-mode: multiply;
}
.testimonial-card__copy {
align-self: center;
color: #fff;
margin-top: 1rem;
margin-bottom: 1rem;
font-style: italic;
line-height: 1.7;
}
.testimonial-card__attribution {
align-self: flex-end;
margin-top: 1rem;
font-size: 14px;
}
.testimonial-card__attribution-name,
.testimonial-card__attribution-company {
opacity: .8;
display: block;
color: #fff;
}
.testimonial-card__attribution-name {
font-weight: 700;
}
@media screen and (min-width: 992px) {
.testimonial-card {
text-align: left;
padding: 30px;
margin-left: 15px;
margin-right: 15px;
}
.testimonial-card__logo {
margin-left: 0;
}
.testimonial-card__attribution-name,
.testimonial-card__attribution-company {
display: inline-block;
line-height: 1;
color: #fff;
}
.testimonial-card__attribution-company::before {
content: '|';
color: #ccc;
margin-right: .25em;
margin-left: .25em;
}
}
.slick-dots li:before {
content: none;
}
/* reverted style quote cards */
.slider-style-revert .slick-track {
display: flex;
align-items: stretch;
}
.slider-style-revert .slick-arrow {
position: absolute;
top: 50%;
height: 40px;
width: 40px;
background: #016FB9;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
color: #FFF;
z-index: 9;
text-align: center;
line-height: 40px;
border-radius: 100%;
}
.slider-style-revert .slick-next {
right: 0;
transform: translate(50%, -50%);
text-indent: -8px;
}
.slider-style-revert .slick-prev {
left: 0;
transform: translate(-50%, -50%);
text-indent: 8px;
}
.slider-style-revert .slick-dotted {
margin-bottom: 60px;
}
.slider-style-revert .slick-dots {
position: absolute;
bottom: -40px;
left: 0;
right: 0;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.slider-style-revert .slick-dots li {
display: inline-block;
margin: 0 5px;
height: 10px;
line-height: 1;
}
.slider-style-revert .slick-dots li:not(.slick-active) {
opacity: .2;
}
.slider-style-revert .slick-dots li button {
height: 10px;
width: 10px;
border-radius: 100%;
font-size: 0;
overflow: hidden;
background-color: #016FB9;
border: none;
padding: 0;
}
@media screen and (min-width: 992px) {
.slider-style-revert .slick-arrow {
height: 56px;
width: 56px;
line-height: 56px;
font-size: 32px;
}
.slider-style-revert .slick-next {
transform: translate(0, -50%);
right: 20px;
text-indent: 1px;
}
.slider-style-revert .slick-prev {
transform: translate(0, -50%);
left: 20px;
text-indent: -1px;
}
.slider-style-revert .slick-dots {
bottom: -50px;
}
.slider-style-revert .slick-dots li {
height: 15px;
}
.slider-style-revert .slick-dots li button {
height: 15px;
width: 15px;
}
}
.slider-style-revert .testimonial-card {
background-color: rgba(237, 239, 242, 0.8);
border: solid 1px #DDE0E3;
border-radius: 4px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
margin-left: 5px;
margin-right: 5px;
float: none;
height: auto;
}
.section-gray .slider-style-revert .testimonial-card {
background-color: #fff;
}
.slider-style-revert .testimonial-card > * {
width: 100%;
}
.slider-style-revert .testimonial-card__logo-wrapper {
align-self: flex-start;
margin-bottom: 1rem;
}
.slider-style-revert .testimonial-card__logo {
max-width: 190px;
max-height: 75px;
margin: auto;
mix-blend-mode: multiply;
}
.slider-style-revert .testimonial-card__copy {
align-self: center;
color: #333;
margin-top: 1rem;
margin-bottom: 1rem;
font-style: italic;
line-height: 1.7;
}
.slider-style-revert .testimonial-card__attribution {
align-self: flex-end;
margin-top: 1rem;
font-size: 14px;
}
.slider-style-revert .testimonial-card__attribution-name,
.slider-style-revert .testimonial-card__attribution-company {
opacity: .8;
display: block;
color: #333;
}
.slider-style-revert .testimonial-card__attribution-name {
font-weight: 700;
font-size: 14px;
}
@media screen and (min-width: 992px) {
.slider-style-revert .testimonial-card {
text-align: left;
padding: 30px;
margin-left: 15px;
margin-right: 15px;
}
.slider-style-revert .testimonial-card__logo {
margin-left: 0;
}
.slider-style-revert .testimonial-card__attribution-name,
.slider-style-revert .testimonial-card__attribution-company {
display: inline-block;
line-height: 1;
color: #333;
}
.slider-style-revert .testimonial-card__attribution-company::before {
content: '|';
color: #ccc;
margin-right: .25em;
margin-left: .25em;
}
}
/* shopper approved into slick */
.slider-style-revert .merchant_review {
background-color: rgba(237, 239, 242, 0.8);
border: solid 1px #DDE0E3;
border-radius: 4px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
margin-left: 5px;
margin-right: 5px;
float: none;
height: auto;
}
.slider-style-revert .merchant_review .custom-questions, .slider-style-revert .merchant_review .end_placeholder{
display: none;
}
.section-gray .slider-style-revert .merchant_review {
background-color: #fff;
}
.slider-style-revert .merchant_review > * {
width: 100%;
}
.slider-style-revert .comments {
align-self: center;
color: #4A4A4A;
margin-top: 1rem;
margin-bottom: 1rem;
font-style: italic;
line-height: 1.7;
}
.slider-style-revert .info {
opacity: .8;
display: block;
color: #666;
}
.slider-style-revert .info {
font-weight: 700;
}
@media screen and (min-width: 992px) {
.slider-style-revert .merchant_review {
text-align: left;
padding: 30px;
margin-left: 15px;
margin-right: 15px;
}
.slider-style-revert .info {
display: inline-block;
line-height: 1;
color: #666;
}
}
.testimonials .container {
padding: 0px;
margin: 0px;
width: 100%;
}
.slider-style-revert.slick-dotted {
margin-bottom: 150px;
}
/* blog cards */
.card {
font: 100%;
flex:1;
border:none;
display: flex;
flex-direction: column;
background-color: #fff;
padding: 20px;
margin: 20px 1.25% ;
border-radius: 14px;
/*-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); */
/*box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);*/
}
.card button {
margin-top: auto;
align-self: center;
}
.card p {
margin-bottom: 0px;
margin-block-start: 0;
margin-block-end: 0;
}
.card p:last-of-type {
margin-bottom: 30px;
}
.card h4 {
padding-top: 15px;
font-weight: 700;
}
.card-noborder {
font: 100%;
flex:1;
border:none;
display: flex;
flex-direction: column;
background-color: none;
padding: 0px 20px 30px;
}
.card-btm-btn {
position: relative;
}
.card-btm-btn .btn {
position: absolute;
bottom: 20px;
width: 85%;
margin: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.card-btm-btn .btn {
width: 88%;
}
}
@media only screen and (max-width: 991px) {
.card-btm-btn .btn {
position: relative;
bottom: 0px;
margin: auto;
width: 100%;
margin-top: 15px;
}
}
.card-content {
margin-bottom: 50px;
}
.blog-img {
height: 180px;
width: 100%;
object-fit: cover;
}
/*yellow trapezoid section*/
.y-trapezoid-section {
background-color: #ff9e18;
}
.y-trapezoid-section .sectionhead h2, .y-trapezoid-section .sectionhead p {
color:#000;
}
.y-trapezoid-section .full-link a{
font-size: 20px;
text-decoration: underline;
color: #000;
}
.home-y-trap .sectionhead h2 {
color: #444444;
}
.home-y-trap .sectionhead {
padding-top: 60px;
}
.home-y-trap .btn.btn-links {
margin-top: 30px;
}
.ytrap-top {
background-image: url("../svg/ytrap_top50.svg");
background-repeat: no-repeat;
background-size: auto;
margin-top: 0;
margin-bottom: -1px;
}
.ytrap-bottom {
background-image: url("../svg/ytrap_bottom50.svg");
background-repeat: no-repeat;
background-size: auto;
margin-top: -1px;
margin-bottom: 0px;
}
.btrap-top {
background-image: url("../svg/btrap_top50.svg");
background-repeat: no-repeat;
background-size: auto;
margin-top: 0;
margin-bottom: -1px;
margin-right: -5px;
}
.btrap-bottom {
background-image: url("../svg/btrap_bottom50.svg");
background-repeat: no-repeat;
background-size: auto;
margin-top: -1px;
margin-bottom: 0px;
}
.y-trapezoid-section .container {
padding-top: 0;
}
.y-trap-top img, .y-trap-bottom img, .b-trap-top img, .b-trap-bottom img {
visibility: hidden;
}
/*key features section*/
.grid2 {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap:20px;
}
.grid2 li {
padding: 10px;
}
.grid2 li:before {
content: none;
}
@media screen and (max-width: 768px) {
.grid2 {
grid-template-columns: 1fr;
}
}
.casestudies li {
padding: 0;
background-color: #325e95;
overflow: hidden;
border-radius: 7px;
}
.casestudies p {
padding: 40px 20px 70px;
color: #fff;
font-size: 20px;
}
.casestudies .readcs {
background-color: #000000;
padding: 10px;
color: #fff;
position: absolute;
bottom: 0px;
width: 100%;
}
.casestudies .csboximage {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
mix-blend-mode: multiply;
opacity: .2;
z-index: 1;
}
.grid3 {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap:20px;
}
.grid3 li {
padding: 10px;
}
.grid3 li:before {
content: none;
}
.feature_listings {
background-color: #fff;
box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1);
padding: 10px;
}
.feature_listings a {
padding: 0;
background-color: #0055b8;
}
.feature_listings h4 {
padding: 40px 20px 40px;
color: #fff;
}
.feature_listings .csboximage {
background-size: cover;
mix-blend-mode: multiply;
opacity: .2;
z-index: 1;
}
.feature_listings .featuretopimage {
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
background-color: #0055b8;
border-radius: 10px;
}
.industrylist .card {
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
}
.industrylist .card-bg {
background-color: #0055b8;
border-radius: 10px;
}
.industrylist img {
height: 130px;
width: 100%;
object-fit: cover;
}
.industrylist h4 {
padding: 60px 30px 0px;
text-align: center;
margin-top: -155px;
height: 143px;
color: #fff;
}
.industrylist .card p:last-of-type {
margin-bottom: 0px;
}
.industrylist a {
margin-bottom: 0px;
margin-top: 12px;
}
.featurelist .card {
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
}
.featurelist .card-bg {
background-color: #0055b8;
border-radius: 10px;
}
.featurelist img {
height: 130px;
width: 100%;
object-fit: cover;
opacity: .2;
}
.featurelist h4 {
padding: 60px 30px 0px;
text-align: center;
margin-top: -155px;
height: 143px;
color: #fff;
}
.featurelist p {
margin: 15px 0px 0px;
text-align: center;
}
.featurelist .card p:last-of-type {
margin-bottom: 0px;
}
.featurelist a {
margin-bottom: 0px;
margin-top: 12px;
}
@media screen and (max-width: 768px) {
.grid3 {
grid-template-columns: 1fr;
}
}
.grid4 {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap:20px;
}
.grid4 li {
padding: 10px;
}
.grid4 li:before {
content: none;
}
@media screen and (max-width: 767px) {
.grid4 {
grid-template-columns: 1fr;
}
}
@media screen and (min-width: 768px ) and (max-width: 992px) {
.grid4.sm2 {
grid-template-columns: 1fr 1fr;
}
}
.grid5 {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap:20px;
}
.grid5 li {
padding: 10px;
}
.grid5 li:before {
content: none;
}
@media screen and (min-width: 769px) and (max-width: 991px) {
.grid5 {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 768px) {
.grid5 {
grid-template-columns: 1fr;
}
}
/*.featureSection {
background-image: url("../images/resources/featurebg.svg");
background-repeat: no-repeat;
background-size: auto;
}*/
.featureSection h4 {
color: #4a4a4a;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0px;
font-weight: 600;
}
.featureSection .grid2 {
grid-gap: 10px 100px;
}
@media screen and (max-width: 768px){
.featureSection .grid2 li {
margin-left: 30px;
}
.featureSection ul.grid2 li:before {
padding-top: 4px;
}
}
.featureSection ul.grid2 li:before {
content: "\f058";
position: absolute;
left: -25px;
color: #ff9e18;
font-weight: bold;
font-family: 'FontAwesome';
font-size: 22px;
}
.featureSection p {
margin-top: 0px;
margin-bottom: 0px;
}
.featureSection .fa {
font-size: 36px;
color: #0055b8;
padding-bottom: 10px;
}
.featureSection .fa.fa-angle-right {
font-size: 16px;
padding-bottom: 0px;
color: #444;
}
.featureSection a {
font-weight: 700;
}
.featureSection .coreValues h4{
font-weight: normal;
color: #666;
}
.featureSection .coreValues .fa {
font-size: 60px;
}
.benefitSection h4 {
color: #666;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0px;
font-weight: 600;
font-size: 18px;
}
.benefitSection p {
margin-top: 5px;
font-size: 13px;
}
.benefitSection .fa {
font-size: 60px;
color: #0055b8;
padding-bottom: 10px;
}
.home-features-link {
padding: 40px 0px 60px;
}
/* call to action section */
.calltoaction {
background-color: #0055b8;
}
.calltoaction.calltoaction-g {
background-color: #484848;
}
.calltoaction.calltoaction-dblue {
background-color: #264b74;
}
.calltoaction h2{
color: #fff;
font-size: 65px;
font-style: italic;
text-transform: uppercase;
text-align: left;
}
.calltoaction p{
color: #fff;
line-height: 2.2;
font-size: 18px;
}
/* for video embedding */
.video-padding {
padding: 0px 30px;
}
.video-modal-body {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%
}
iframe.video-modal {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 20px;
}
@media screen and (min-width: 768px) {
.img-padding-l {
padding: 20px 30px 0px 0px;
}
.img-padding-r {
padding: 20px 0px 0px 30px;
}
}
.embed-container {
/*border: 2px solid #666;*/
margin-top: 20px;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.twoColVideos .embed-container {
border: none;
margin: 24px 0px 45px;
}
/*home resource cards*/
.resources p{
text-align: center;
}
.resources .resource-cards {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
padding: 20px;
}
@media screen and (min-width: 768px) {
.resources .resource-cards {
grid-template-columns: 1fr 1fr 1fr;
}
}
.resources .resource-cards > div {
position: relative;
}
.resources .resource-cards h4{
color: #fff;
font-size: 28px;
line-height: 1.2em;
font-weight: 600;
padding-bottom: 50px;
}
.resources .resource-cards a:hover {
text-decoration:none;
}
.resources .resource-cards a:hover div {
text-decoration: none;
background: linear-gradient(rgba(0,56,117,0.8), rgba(0,56,117,0.8)), var(--image-url) center center;
background-size: cover;
}
.resources .resource-cards .card5 a:hover div {
background: linear-gradient(rgba(255,185,87,0.8), rgba(255,185,87,0.8)), var(--image-url) center center;
background-size: cover;
}
.resources .resource-cards a:hover p {
font-weight: normal;
}
.resources .resource-cards .card5 h4{
color: #000;
}
.resources .resource-cards .gt-icon {
color: #fff;
font-size: 48px;
font-weight: bold;
}
.resources .resource-cards .card5 .gt-icon {
color: #000;
}
.resources .resource-cards p {
color: #fff;
font-size: 14px;
font-style: italic;
margin-top: auto;
margin-bottom: 0px;
position: absolute;
bottom: 20px;
}
.resources .resource-cards .card5 p {
color: #000;
}
.resources .resource-cards .card1 div {
grid-column: 1;
grid-row: 1;
background: linear-gradient(rgba(0,85,184,0.8), rgba(0,85,184,0.8)), var(--image-url) center center;
background-size: cover;
width: 100%;
height: 100%;
padding: 20px 20px 40px;
}
.resources .resource-cards .card2 div {
grid-column: 1;
grid-row: 2;
background: linear-gradient(rgba(0,85,184,0.8), rgba(0,85,184,0.8)), var(--image-url) center center;
background-size: cover;
width: 100%;
height: 100%;
padding: 20px 20px 40px;
}
.resources .resource-cards .card3 div {
grid-column: 1;
grid-row: 4;
background: linear-gradient(rgba(0,85,184,0.8), rgba(0,85,184,0.8)), var(--image-url) center center;
background-size: cover;
width: 100%;
height: 100%;
padding: 20px 20px 40px;
}
.resources .resource-cards .card4 div {
grid-column: 1;
grid-row: 5;
background: linear-gradient(rgba(0,85,184,0.8), rgba(0,85,184,0.8)), var(--image-url) center center;
background-size: cover;
width: 100%;
height: 100%;
padding: 20px 20px 40px;
}
.resources .resource-cards .card5 div {
grid-column: 1;
grid-row: 3;
background: linear-gradient(rgba(255,158,24,0.8), rgba(255,158,24,0.8)), var(--image-url) center center;
background-size: cover;
width: 100%;
height: 100%;
padding: 20px 20px 40px;
}
@media screen and (min-width: 768px) {
.resources .resource-cards .card1 {
grid-column: 1;
grid-row: 1;
}
.resources .resource-cards .card2 {
grid-column: 2;
grid-row: 1;
}
.resources .resource-cards .card3 {
grid-column: 3;
grid-row: 1;
}
.resources .resource-cards .card4 {
grid-column: 1;
grid-row: 2;
}
.resources .resource-cards .card5 {
grid-column: 2/4;
grid-row: 2;
}
}
/*home types section*/
@media screen and (min-width: 768px) {
.types .card-noborder a h2 {
text-align: left;
}
.types .card-noborder a:hover {
text-decoration: underline;
text-decoration-color: #ff9e18;
text-underline-offset: 2px;
text-decoration-thickness: 4px;
}
}
.types .card-noborder a h2 {
color: #444444;
}
/*login boxes*/
.login {
padding: 30px 0px;
}
.login-box {
background-color: #dddddd;
padding: 60px 30px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.69);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.69);
}
.login-box h2{
margin-bottom: 5px;
line-height: 1.3em;
}
.login-box p {
text-align: center;
margin: 0px;
}
.login-box label{
padding-left: 3px;
margin-bottom: 0px;
margin-top: 20px;
}
.login-box .btn {
background-color: #ff9e18;
color: #444444;
margin-top: 25px;
}
.login-box .password {
text-align: center;
}
.login-box img {
padding: 40px 10px 0px 0px;
}
#loginfailed p {
color: #c50404;
font-size: 14px;
line-height: 1.5em;
padding-top: 15px;
}
.pricing {
background-color: #dddddd;
}
.pricing .hero p {
color: #fff;
}
.pricing .hero ul li {
color: #fff;
text-align: left;
margin-left: 40px;
}
.pricing .hero .hero-btrap-bottom {
background-color: #dddddd;
}
.pricing .btrap-top {
background-color: #dddddd;
}
/*software plan boxes*/
.pricing .btn.hidden-lg, .pricing .btn.hidden-md {
display: inline-block !important;
}
@media (min-width: 992px) {
.pricing .btn.visible-md.visible-lg {
display: inline-block !important;
}
.pricing .btn.hidden-lg, .pricing .btn.hidden-md {
display: none !important;
}
}
/*.softwarePlans h2 {
margin-bottom: 60px;
}*/
.planBoxes {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap:20px;
margin-bottom: 30px;
}
.planBoxes .card{
padding: 20px 40px 110px;
margin: 40px 2%;
position: relative;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.planBoxes .card{
padding: 20px 20px 80px;
margin: 30px 2%;
}
}
.planBoxes h3 {
font-weight: bold;
text-align: center;
font-size: 32px;
color: #0055b8;
}
.planBoxes p {
font-size: 14px;
padding-bottom: 15px;
}
.planBoxes ul {
list-style: disc;
padding-left: 20px;
}
.planBoxes ul li{
font-size: 14px;
padding-left: 0px;
line-height: 1.3;
}
.planBoxes ul li:before {
content: none;
left: 0px;
}
.planBoxes h4 {
padding: 0px;
font-weight: 700;
font-size: 54px;
color: #0055b8;
text-align: center;
margin: 0px;
}
.planBoxes p.month {
color: #003D84;
font-size: 20px;
text-align: center;
margin-top: -20px;
}
.planBoxes p.nocontract {
color: #0055B8;
border-top: 2px solid #ff9e18;
border-bottom: 2px solid #ff9e18;
padding: 0px;
text-align: center;
text-transform: uppercase;
font-size: 20px;
margin-top: 0px;
}
.planBoxes h5 {
color: #398DEF;
text-align: center;
font-size: 18px;
margin-top: 18px;
margin-bottom: 10px;
}
.planBoxes p.small {
text-align: center;
font-size: 12px;
padding: 0px 20px;
line-height: 16px;
margin-bottom: 40px;
}
p.caption {
text-align: center;
font-size: 14px;
padding: 0px 20px;
line-height: 16px;
margin-bottom: 40px;
}
.planBoxes .plan_cta p.contacttoorder {
padding-bottom: 0px;
font-size: 16px;
text-transform: uppercase;
color: #003D84;
margin: 0px !important;
}
.planBoxes .middlecard .mostpopular {
position: absolute;
top: -56px;
left: -45px;
height: 125px;
width: 125px;
background-image: url("../svg/burst.svg");
color: #fff;
text-transform: uppercase;
font-size: 15px;
line-height: 1.3em;
text-align: center;
padding: 41px 5px 0px;
font-weight: 600;
}
/*.planBoxes .card p:last-of-type {
margin-bottom: 0px;
}*/
.planBoxes .card.middlecard {
margin: 0px 1%;
border: 18px solid #ff9e18;
position: relative;
}
.planBoxes .middlecard h3 {
font-size: 50px;
}
.planBoxes .plan_cta {
position: absolute;
bottom: 0px;
left: 50%;
}
.planBoxes .plan_cta_2 {
position: relative;
left: -50%;
}
.planBoxes .plan_cta a.btn {
background-color: #6EE226;
color: #444444;
padding: 10px 15px;
font-weight: 600;
margin: 0px 0px;
}
.planBoxes .plan_cta a.btn.btn-y {
background-color: #ff9e18;
}
@media screen and (max-width: 991px) {
.planBoxes .plan_cta a.btn {
white-space: nowrap;
margin-bottom: 25px;
}
}
.planBoxes .plan_cta a.btn:hover {
background-color: #7eec3a;
}
.planBoxes .plan_cta a.btn.btn-y:hover {
background-color: #FCA936;
}
.planBoxes .plan_cta p {
margin: 7px 0px 21px !important;
font-size: 14px;
color: #003D84;
font-weight: 600;
white-space: nowrap;
padding-bottom: 12px;
}
/*pricing feature tables*/
.featureTable h2 {
text-align: left;
padding-bottom: 20px;
}
.featureTable table{
background-color: #fff;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
border-collapse: collapse;
}
.featureTable tr {
display: grid;
grid-template-columns: repeat(4, 1fr);
justify-content: flex-start;
}
.featureTable table .outlined {
border-left: 10px solid #ff9e18;
border-right: 10px solid #ff9e18;
}
.border-top-table {
position: relative;
}
.border-offset-table {
position: absolute;
top: -10px;
background-color: #ff9e18;
height: 10px;
width: calc(100% + 20px);
left: -10px;
}
.featureTable h4 {
color: #0055b8;
font-weight: 600;
font-size: 24px;
}
.featureTable h5 {
color: #0055b8;
font-weight: normal;
font-size: 20px;
}
@media screen and (max-width: 991px) {
.featureTable h5 {
font-size: 15px;
}
}
.featureTable a.btn {
background-color: #6EE226;
color: #444444;
padding: 10px 15px;
font-weight: 600;
margin: 0px 0px;
}
.featureTable a.btn:hover {
background-color: #7eec3a;
}
.featureTable th p {
color: #0055b8;
font-size: 14px;
margin-top: 5px;
line-height: 1.4em;
}
.featureTable thead>tr>th {
border-bottom: none;
}
.featureTable tr td:first-child{
padding-left: 25px !important;
}
.featureTable .fa {
color: #ff9e18;
font-size: 14px;
cursor: pointer;
}
.y-tablecheck {
max-height: 40px;
padding: 10px;
}
.table-hover>tbody>tr.moreinforow:hover>td {
background-color: #fff;
}
.featureTable .expanded-row-content {
border-top: none;
display: grid;
grid-column: 1;
justify-content: flex-start;
padding-left: 25px;
padding-top: 0 !important;
font-size: 12px;
}
.featureTable .outlined-row-content {
border-top: none;
display: grid;
grid-column: 3;
justify-content: flex-start;
}
.featureTable tr:hover .expanded-row-content {
background-color: #fff;
}
.featureTable tr:hover .outlined-row-content {
background-color: #fff;
}
.featureTable .hide-row {
display: none !important;
}
/*.featureTable tr:last-child .outlined:last-child {
border-bottom: 10px solid #ff9e18;
}
.featureTable tr:last-child td:nth-child(6) {
display: block !important;
}*/
tr.endofoutline {
height: 0px;
background-color: transparent;
}
.table-hover>tbody>tr.endofoutline:hover>td {
background-color: inherit;
}
tr.endofoutline td:nth-child(3) {
background-color: #ff9e18 !important;
padding: 0px;
height: 10px;
}
@media screen and (max-width: 767px) {
.table-hover>tbody>tr:hover>td {
background-color: inherit;
}
.featureTable tr:hover .expanded-row-content {
background-color: inherit;
}
.featureTable table .outlined {
border: 1px solid rgb(221, 221, 221);
}
.featureTable tr {
grid-template-columns: repeat(3, 1fr);
}
.featureTable td.data-desc {
grid-column: 1/4;
grid-row: 1;
border: none;
}
.featureTable table tr {
border: none;
}
.featureTable table tr td {
border: 1px solid rgb(221, 221, 221);
}
.featureTable .expanded-row-content {
grid-column: 1/4;
grid-row: 2;
border: none;
}
.featureTable .table-responsive>.table>tbody>tr>td {
white-space: break-spaces;
}
.featureTable thead>tr>th {
border-bottom: 1px solid rgb(221, 221, 221);
}
.featureTable tr:last-child td:nth-child(3) {
border-bottom: none;
}
.featureTable tbody tr:nth-child(odd) {
background-color: #F6F6F6;
}
.featureTable h4 {
white-space: break-spaces ;
font-size: 16px;
}
.featureTable h5 {
font-size: 13px;
white-space: break-spaces;
}
.featureTable a.btn {
font-size: 12px;
}
}
.featureTable .row {
margin-right: 0px;
margin-left: 0px;
}
.featureAddons h2{
text-align: left;
padding-bottom: 20px;
padding-left: 25px;
}
.pricing .addoncards {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap:20px;
flex-direction: column;
}
@media screen and (max-width: 767px) {
.pricing .addoncards {
grid-template-columns: 1fr;
}
}
.pricing .addoncards .card {
background-color: #fff;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
padding: 25px 20px 35px 35px;
margin: 5px 0px 5px 10px;
}
.pricing .addoncards .card h3 {
font-weight: 600;
color: #0055b8;
margin: 10px 0px 0px;
}
.pricing .addoncards .card h5 {
border-left: 2px solid #ff9e18;
padding-left: 10px;
text-transform: uppercase;
color: #0055b8;
margin-top: 15px;
font-size: 13px;
}
.pricing .addoncards .card p {
margin-bottom: 0px;
font-size: 15px;
line-height: 1.7em;
margin-top: 5px;
}
.nopadding {
padding: 0px;
}
.hardware .sectionhead h2 {
text-align: left;
padding-left: 25px;
}
.hardwareItems .card img {
margin:20px 0px 0px;
}
.hardwareItems .card h3 {
color: #0055b8;
font-weight: 600;
font-size: 20px;
}
.hardwareItems .card h5 {
border-left: 2px solid #ff9e18;
padding-left: 10px;
color: #0055b8;
margin-top: 15px;
font-size: 20px;
}
.hardwareItems .card p{
margin-bottom: 0px;
font-size: 13px;
line-height: 1.7em;
margin-top: 5px;
}
.legal li:before {
content: none;
}
.legal ul {
list-style: disc;
padding-inline-start: 40px;
}
.legal ul li {
padding-left: 0;
}
.legal td {
border: 1px solid;
padding: 10px 15px;
}
.legal th {
background-color: #CFCFCF;
padding: 5px 15px;
color: #000;
font-weight: 600;
border: 1px solid;
}
.legal a {
text-decoration: underline;
}
a.primarytextlink {
color: #43af00;
font-weight: 600;
font-size: 18px;
}
a.primarytextlink:hover {
color: #52C00E;
}
.appimagelinks {
max-width: 150px;
padding: 5px 5px 5px 0px;
}
.primaryctabtn {
background-color: #6EE226;
color: #444444 !important;
padding: 10px 15px;
font-weight: 600;
margin: 5px 0px;
}
.primaryctabtn:hover {
background-color: #7eec3a;
text-decoration: none !important;
}
.btn.btn-text {
border: none;
padding: 0px;
background: none;
font-size: 16px;
color: #333;
font-weight: 700;
text-decoration: underline;
}
.btn.btn-text:hover {
border: none;
padding: 0px;
background: none;
font-size: 16px;
color: #156BCF;
font-weight: 700;
}
.btn.btn-text:active {
border: none;
box-shadow: none;
}
.btn.btn-text:focus {
outline: none;
}
.orcallp {
padding: 0px;
margin: 7px;
line-height: 1.5em;
}
.calltoaction .orcallp a {
color: #fff;
font-weight: 600;
}
.calltoaction .orcallp a:hover {
text-decoration: underline;
text-decoration-color: #ff9e18;
text-underline-offset: 2px;
text-decoration-thickness: 2px;
}
.not-found-404 h2{
font-size: 165px;
font-weight: 600;
color: #8B8B8B;
}
.not-found-404 a:hover {
text-decoration: underline;
text-decoration-color: #ff9e18;
text-underline-offset: 2px;
text-decoration-thickness: 2px;
}
.thankyou h2{
font-size: 65px;
font-weight: 600;
color: #8B8B8B;
}
.thankyou a:hover {
text-decoration: underline;
text-decoration-color: #ff9e18;
text-underline-offset: 2px;
text-decoration-thickness: 2px;
}
.contact_hero a {
font-size: 24px;
font-weight: 600;
text-decoration: none;
color: #fff;
}
.contact_hero a:hover {
text-decoration: underline;
text-decoration-color: #ff9e18;
text-underline-offset: 2px;
text-decoration-thickness: 2px;
box-shadow: none;
-webkit-box-shadow: none;
}
.contact_hero h6 {
margin-top: -10px;
margin-bottom: 20px;
}
.contactForm.btn.btn-links {
font-size: 18px;
margin-top: 20px;
}
.grayvideobox {
color: #666;
background-color: #dddddd;
padding: 30px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.69);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.69);
margin-bottom: 60px;
}
.grayvideobox h2 {
color: #666;
font-size: 14px;
line-height: 1.3em;
margin-bottom: 0;
}
.grayvideobox p {
font-size: 24px;
text-align: center;
color: #666;
font-weight: 600;
margin-top: 0;
}
/*accordion*/
.accordion-row {
padding: 5px 20px;
border: 2px solid #666;
margin-bottom: 20px;
background-color: #fff;
}
/*.accordion-row:hover {
border-bottom: 4px solid #ff9e18;
padding-bottom: 3px;
}*/
.accord-icon {
float: right;
font-size: 24px;
color: #0055b8;
cursor: pointer;
}
.accordion-row .title {
cursor: pointer;
}
.accordion-row .title p{
margin: -15px 0px 5px;
font-size: 14px;
}
.faqCategory {
margin-bottom: 60px;
}
.faqCategoryTitle {
margin-top: 0px;
}
.joblistingaccordion .title h4 {
font-weight: 700;
}
.joblistingaccordion .title p {
margin-bottom: 0px;
color: #fff;
line-height: 1.5;
}
.joblistingaccordion div.desc {
background-color: #fff;
margin: 0px -16px;
padding: 10px 30px;
}
.joblistingaccordion .accord-icon {
color: #fff;
margin-top: 5px;
}
.joblistingaccordion .accordion-row {
background-color: #666;
color: #fff;
border: none;;
margin-bottom: 10px;
}
.joblistingaccordion ul {
list-style: disc;
padding-left: 40px;
}
.joblistingaccordion ul li {
padding-left: 0px;
}
.joblistingaccordion ul li:before {
content: none;
}
/*.joblistingaccordion .accordion-row:hover {
border-bottom: 4px solid #0055b8;
}*/
.blacktext {
color: #000;
}
.faqaccordion .accordion-row {
padding: 5px 20px;
border: 0;
margin-bottom: 0;
background-color: transparent;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
margin-top: -1px;
}
.faqaccordion .accordion-row h4 {
color: #0055b8;
padding-right: 40px;
cursor: pointer;
}
.specsaccordion {
position: relative;
}
.specsaccordion .accordion-row {
padding: 0;
margin: 0 0 10px 0;
background-color: transparent;
border: none;
}
.specsaccordion .title {
color: #0055B8;
vertical-align: top;
padding: 10px 15px;
cursor: pointer;
line-height: 25px;
background-color: #f7f7f7;
-webkit-transition: opacity 200ms;
-moz-transition: opacity 200ms;
-o-transition: opacity 200ms;
transition: opacity 200ms;
border-radius: 5px;
}
.specsaccordion .title h4{
font-size: 14px;
margin: 0;
text-align: center;
}
.specsaccordion .accord-icon {
position: absolute;
right: 15px;
top: 14px;
overflow: hidden;
border: 0;
cursor: pointer;
font-size: 16px;
}
.specsaccordion .active {
background-color: #0055b8;
border-bottom: 2px solid #666;
color: #fff;
}
.specsaccordion .active .accord-icon {
color: #fff;
}
.specsaccordion .blueTable {
background-color: #D7E6F3;
width: 100%;
text-align: left;
border-collapse: collapse;
}
.specsaccordion table.blueTable tr:nth-child(even) {
background: #EBF3F9;
}
.specsaccordion table.blueTable td {
padding: 10px;
font-size: 16px;
}
.specsaccordion table.blueTable td.leftCol {
text-align: right;
font-weight: bold;
}
.specsTable {
background-color: #D7E6F3;
width: 100%;
text-align: left;
border-collapse: collapse;
}
.specsTable tr:nth-child(even) {
background: #EBF3F9;
}
.specsTable td {
padding: 10px;
font-size: 16px;
}
.specsTable td.leftCol {
text-align: right;
font-weight: bold;
}
/* Reverting to old design */
/*multi-line banner under navigation*/
.header-banner {
padding: 8px 5px;
text-transform: none;
background: #000;
}
.multilinebanner .container {
padding: 0;
}
.header-banner__content {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.multilinebanner .header-banner__content {
font-family: "Montserrat", sanserif;
font-size: 16px;
flex-wrap: wrap;
flex-direction: row;
color: #C0C1C2;
margin-bottom: 0px;
line-height: 24px;
margin-block-start: 0;
font-weight: 500;
}
@media (min-width: 768px) {
.multilinebanner .header-banner__content {
font-size: 18px;
}
}
@media (min-width: 992px) {
.multilinebanner .header-banner__content {
font-size: 20px;
}
}
.multilinebanner .header-banner__content .emp {
color: #ff9e18;
font-weight: 600;
padding: 0 7px;
display: contents;
}
.multilinebanner .header-banner__content a {
font-size: 20px;
color: #FF9E18;
text-decoration: underline;
padding: 0 7px;
font-weight: 600;
}
@media (max-width: 767px) {
.multilinebanner .header-banner__content a {
font-size: 18px;
}
}
.multilinebanner .header-banner__content a:hover {
font-weight: 600;
text-decoration: underline;
color: #FFB856;
}
.multilinebanner span.bannerbiline {
font-size: 15px;
}
/*hero slider*/
#heroCarousel {
background-color: #fff;
}
#heroCarousel .carousel-indicators {
bottom: 60px;
}
#heroCarousel .carousel-indicators li {
width: 22px;
height: 22px;
background-color: rgba(255, 255,255,0.35);
margin: 1px 7px;
border-radius: 22px;
}
#heroCarousel .carousel-indicators .active {
width: 22px;
height: 22px;
background-color: #fff;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: 65px;
}
.hero-full {
padding: 52px 0px;
position: relative;
margin-left: auto;
margin-right: auto;
z-index: 0;
width: 100%;
max-height: 900px;
overflow: hidden;
left: 0;
top: 0;
clear: both;
-webkit-transform: none !important;
transition: none !important;
-webkit-backface-visibility: hidden;
}
.item {
background-color: #0055B8;
background-size: cover;
background-position: 50% 50%;
}
.item::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background-image: linear-gradient(to left, rgba(0, 85, 184, 0.6) 0%, rgba(0, 35, 100, 0.7) 57%, rgba(0, 26, 47, 0.8) 100%);
}
.carousel-inner img {
margin: 0 auto;
}
.hero-full h2.h2-hero p {
font-size: 20px !important;
line-height: 2em;
padding-top: 50px;
color: #ff9e18 !important;
font-weight: 100 !important;
margin: 0 0 5px 0;
text-align: left;
}
.text-left p {
text-align: left !important;
}
.text-center p {
text-align: center;
}
span.yellow-emph {
color:#ff9e18;
font-weight: bold;
}
span.xtrasmall {
font-size: 12px;
line-height: 11px;
}
p.tightspacing {
margin-block-start: 0;
margin-block-end:0;
}
.hero-full h1 {
font-weight: bold;
font-size: 42px;
line-height: 1.2;
font-family: Montserrat, sans-serif;
color: #fff;
margin: 0 0 20px 0;
}
.hero-full p {
font-size: 18px;
line-height: 1.77;
font-family: Montserrat, sans-serif;
color: #fff;
margin-bottom: 0px;
}
.hero-full a.btn-primary {
background-image: none;
background-color: #ff9e18;
color: #444444;
font-weight: bold;
border-radius: 0;
padding: 20px 40px;
font-size: 22px;
line-height: 1.37;
font-family: Montserrat, sans-serif;
text-align: center;
border: none;
margin: 16px 10px 30px 0;
text-decoration: none;
}
.hero-full a.btn-primary:hover {
background-color: #ed9c28;
color: #444;
text-decoration: none;
}
.hero-full ul {
margin: 10px 0px 24px 0px;
list-style: none;
padding: 0;
}
.hero-full li {
color: #FFFFFF;
font-size: 16px;
margin-bottom: 16px;
line-height: 1.5;
padding-left: 28px;
margin-right: 0;
}
.hero-full li:before {
color: #FFF;
font-size: 20px;
content: "\f058";
font-family: 'FontAwesome';
display: inline-block;
width: 18px;
height: 18px;
float: left;
line-height: 24px;
}
.hero-full a {
color: #fff;
text-decoration: underline;
}
.hero-full a:hover {
color: #EAEAEA;
text-decoration: underline;
}
.cards-textbelow h3 {
font-size: 24px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 0;
}
.cards-textbelow p {
font-size: 20px;
margin: 0px 5px 5px;
line-height: 1.5;
}
a.lg-text-link-blue {
font-size: 24px;
color: #333;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
text-decoration: underline;
}
a.lg-text-link-blue:hover {
font-size: 24px;
color: #1469CD;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
text-decoration: none;
}
/* blue cta */
.blue-cta h3 {
font-size: 40px;
line-height: 1.5;
color: #fff;
font-weight: 700;
}
.blue-cta li a {
color: #ff9e18;
font-weight: 700;
text-align: center;
font-size: 20px;
line-height: 2.5;
}
.blue-cta li a:hover {
color: #FFB043;
font-weight: 700;
text-align: center;
}
.blue-cta li {
margin-bottom: 0px;
}
/* roi callout */
.roi-callout h3 {
font-size: 40px;
line-height: 1.1;
color: #ff9e18;
font-weight: 700;
}
.roi-callout h4 {
font-size: 30px;
line-height: 1.1;
color: #fff;
}
/* hero_imageexpanded */
.hero_imageexpanded {
background-color: #0055B8;
position: relative;
}
.hero_imageexpanded .hero_bg-image-expanded {
opacity: 0.8;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background-size: cover;
background-position: right center;
overflow: hidden;
}
.hero_imageexpanded.homehero .hero_bg-image-expanded {
mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 1500px, rgba(0, 0, 0, 0) 1700px);
}
.hero_bg-image-expanded img.hero-bg-optimg {
min-height: 100%;
min-width: 100%;
}
.hero_imageexpanded.homehero .hero_bg-image-expanded img.hero-bg-optimg {
max-width: 1700px;
min-width: auto;
}
.hero_imageexpanded .hero_bg-image-expanded::after {
content: '';
mix-blend-mode: multiply;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
opacity: 0.8;
background-image: linear-gradient(to right, #0d4f7f 50%, rgba(13, 79, 127, 0) 100%);
}
.hero_imageexpanded.homehero .hero_bg-image-expanded::after {
background-image: linear-gradient(to right, #0d4f7f 0%, rgba(0, 35, 100, 0.8) 37%, rgba(13, 79, 127, 0.5) 80%);
}
@media screen and (min-width: 992px) {
.hero_imageexpanded.homehero .hero_bg-image-expanded::after {
background-image: linear-gradient(to right, #0d4f7f 0%, rgba(0, 35, 100, 0.8) 37%, rgba(13, 79, 127, 0) 80%);
}
}
.hero_imageexpanded.homehero.homeheroright .hero_bg-image-expanded::after {
background-image: linear-gradient(to left, #0d4f7f 0%, rgba(0, 35, 100, 0.8) 37%, rgba(13, 79, 127, 0.5) 80%);
}
@media screen and (min-width: 992px) {
.hero_imageexpanded.homehero.homeheroright .hero_bg-image-expanded::after {
background-image: linear-gradient(to left, #0d4f7f 0%, rgba(0, 35, 100, 0.8) 37%, rgba(13, 79, 127, 0) 80%);
}
}
.hero_imageexpanded h1 {
color: #fff;
font-size: 50px;
line-height: 1.3;
margin-bottom: 0.2em;
font-weight: 700;
}
.hero_imageexpanded .hero_content.hflip h1 {
font-size: 20px;
}
.hero_imageexpanded .hero_content.hflip h2 {
font-size: 48px;
margin-top: 8px;
}
.hero_imageexpanded h4 {
color: #fff;
font-size: 26px;
line-height: 1.07;
margin-bottom: 0.4em;
font-weight: 700;
}
.hero_imageexpanded p {
line-height: 1.8;
font-size: 1.4em;
margin-block-start: 0;
margin-block-end: 0.7em;
}
p.buttonpara {
margin-block-end:0;
margin-bottom: -12px;
}
/*trackables section */
.simple-list {
font-size: 1em;
margin: 8px 0 24px;
padding-left: 0;
list-style: none;
}
.simple-list li {
padding-left: 1em;
margin-bottom: 8px;
}
.simple-list li::before {
content: none;
}
@media screen and (min-width: 992px) {
.simple-list {
font-size: 0.875em;
}
}
ul.simple-list.trackable-list {
list-style: disc;
text-align: left;
margin-left: 50px;
}
@media screen and (min-width: 576px) {
ul.simple-list.trackable-list {
margin-right: -50px;
}
}
ul.simple-list.trackable-list li{
/*font-size: 12px;*/
font-weight: normal;
padding-left: 0px;
}
.is-2col,
.is-3col--on-dt,
.is-3col,
.is-4col--on-dt
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.is-2col li {
width: 48%;
max-width: 300px;
}
@media screen and (min-width: 992px) {
.is-3col--on-dt li {
width: 31%;
max-width: 225px;
}
}
@media screen and (max-width: 768px) {
.is-1col--on-mob li {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 575px) {
.is-1col--on-xsmob li {
width: 100%;
max-width: 100%;
}
}
.is-3col li {
width: 31%;
max-width: 300px;
}
@media screen and (min-width: 992px) {
.is-4col--on-dt li {
width: 23%;
max-width: 225px;
}
}
/* lets get tracking industry section */
.section-content.letsgettracking {
background-color: #0055B8;
background-image: url(../jpg/cta-bg-2.jpg);
padding: 40px 0px;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden;
position: relative !important;
-webkit-backface-visibility: hidden;
color: #fff;
}
.section-content.lgtwhite {
background-color: #fff;
}
.section-content.lgtwhite .card {
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
background-color: #fff;
}
.section-content.lgtblue {
background-color: #0055B8;
padding: 40px 0px;
color: #fff;
}
.section-content.lgtdkblue {
background-color: #003D84;
padding: 40px 0px;
color: #fff;
}
.section-content.lgtgray {
background-color: #EDEFF2;
padding: 40px 0px;
color: #fff;
}
.section-content.lgtgray .card h4, .section-content.lgtblue .card h4, .section-content.lgtyellow .card h4, .section-content.lgtdkblue .card h4 {
color: #666;
}
.section-content.lgtgray .card p, .section-content.lgtblue .card p, .section-content.lgtyellow .card p, .section-content.lgtdkblue .card p {
color: #666;
}
.section-content.lgtyellow {
background-color: #ff9e18;
padding: 40px 0px;
color: #fff;
}
.letsgettracking h2, .lgtblue h2, .lgtdkblue h2, .lgtbgimage h2 {
text-align: center;
color: #fff;
}
.lgtblue .card h4, .lgtdkblue .card h4 {
}
.lgtyellow h2 {
text-align: center;
color: #000;
}
.letsgettracking h2.text-left, .lgtblue h2.text-left, .lgtdkblue h2.text-left, .lgtbgimage h2.text-left {
text-align: left;
}
.letsgettracking h3, .lgtblue h3, .lgtdkblue h3, .lgtbgimage h3 {
padding-bottom: 15px;
line-height: 1.5em;
}
.letsgettracking p, .lgtblue p, .lgtdkblue p, .lgtbgimage p {
color: #fff;
}
.lgtyellow p {
color: #000;
}
.letsgettracking a, .lgtblue a, .lgtdkblue a, .lgtbgimage a {
color: #ff9e18;
}
.lgtyellow a{
color: #003D84;
text-decoration: underline;
}
.lgtyellow .card a.btn-y {
background-color: #003D84;
color: #fff;
text-decoration: none;
}
.lgtyellow .card a.btn-y:hover {
background-color: #004799;
color: #fff;
text-decoration: none;
}
.lgtyellow .card button.btn-y {
background-color: #003D84;
color: #fff;
text-decoration: none;
}
.lgtyellow .card button.btn-y:hover {
background-color: #004799;
color: #fff;
text-decoration: none;
}
.letsgettracking a.btn, .lgtblue a.btn, .lgtdkblue a.btn, .lgtbgimage a.btn {
color: #444;
}
.letsgettracking a:hover, .lgtblue a:hover, .lgtdkblue a:hover, .lgtbgimage a:hover {
color: #ff9e18;
}
.lgtyellow a:hover{
color: #0055B8;
text-decoration: underline;
}
.letsgettracking a.btn:hover, .lgtblue a.btn:hover, .lgtdkblue a.btn:hover, .lgtbgimage a.btn:hover {
color: #444;
}
.letsgettracking ul li, .lgtblue ul li, .lgtdkblue ul li, .lgtbgimage ul li {
color: #fff;
}
.lgtyellow ul li {
color: #000;
}
/* retro industries pages */
.retro_hero {
background-color: #fff;
background-size: cover;
}
.retro_hero h1 {
font-size: 39px;
font-weight: 400;
line-height: 42.9px;
color: #fff;
}
.retro_hero h3 {
font-size: 20px;
color: #fff;
}
.retro_callout {
background-color: #fff;
background-size: cover;
}
.retro_body .retro_callout h2 {
font-size: 32px;
font-weight: 700;
line-height: 42.9px;
color: #fff;
}
.retro_callout p {
color: #fff;
}
.retro_body h2 {
text-align: left;
font-size: 26px;
color: #444;
margin: 0 0 20px 0;
line-height: 1.1;
font-weight: normal;
}
.retro_body h2.text-center {
text-align: center !important;
}
.retro_body .row .row {
margin-bottom: 80px;
}
.retro_body li {
font-weight: normal;
}
.retro_testimonial {
margin: 15px 10px 30px;
border: 1px solid #f2f2f2;
padding: 13px 20px;
border-radius: 5px;
position: relative;
color: #444;
font-size: 16px;
line-height: 22px;
}
.retro_testimonial .star-rating {
background: url(../png/5star.png);
background-repeat: no-repeat;
display: block;
width: 88px;
height: 25px;
margin-bottom: 2px;
margin-top: 2px;
}
.retro_testimonial .testimonialauthor {
font-size: 17px;
font-weight: 700;
text-align: right;
}
.industrylist img {
border-radius: 8px;
}
.industrylist li, .industrylist .col-xs-4 {
padding-left: 0px;
}
@media screen and (min-width: 768px) {
.industrylist .col-sm-12 {
padding-left: 0px;
}
}
.industrylist h3 {
margin-top: 0px;
}
@media screen and (min-width: 768px) {
.industrylist .grid4.sm2 h3 {
margin-top: 15px;
font-size: 22px;
}
}
.industrylist .grid4.sm2 p {
font-size: 15px;
font-weight: 100;
}
/* solutions horiz. icon section */
.icon_items {
display: flex;
flex-wrap: nowrap;
}
.icon_items .icon_section {
flex-grow: 1;
padding: 0 20px;
flex-direction: column;
justify-content: center;
text-align: center;
}
@media screen and (max-width: 992px) {
.icon_items {
flex-wrap: wrap;
}
.icon_items .icon_section {
flex-grow: auto;
width: 220px;
}
}
.icon_items .icon_section .img-wrap {
height: 80px;
}
.icon_items .icon_section img {
margin: 25px auto;
justify-content: center;
align-items: center;
width: auto;
max-width: 80px;
}
.icon_items .icon_section p {
font-size: 20px;
line-height: 24px;
font-weight: 700;
color: #666;
}
/*inside image carousels*/
.img_slider img {
margin: auto;
}
/*@media screen and (min-width: 992px) {
.img_slider .slick-dots {
bottom: -5px;
}
}*/
.img_slider .slick-dots li {
opacity: 1;
}
.img_slider .slick-dots li button {
border: 1px solid #4a4a4a;
background: none;
}
.img_slider .slick-dots li.slick-active button {
background-color: #4a4a4a;
}
/* how image slider */
.container.action {
padding-bottom: 0px;
}
#slider {
height: 438px;
}
#slider {
padding-left: 0;
}
#slider .slick-track,
#slider .slick-list {
height: 438px;
}
#slider .slick-arrow.slick-disabled {
display: none !important;
}
/*#slider .slick-track {
background: url(../images/resources/Illustration.png);
background-repeat: no-repeat;
background-size: contain;
background-position: top left;
}*/
#slider .slick-slide {
width: calc(3992px / 6);
opacity: 0;
margin: 0;
}
#slider .slick-next {
right:0;
transform:translate(50%, -50%);
text-indent: -8px;
border: 1px solid #0055b8;
background-color: #0055b8;
border-radius: 100px;
}
#slider .slick-prev {
left:0;
transform:translate(-50%, -50%);
text-indent: 8px;
border: 1px solid #0055b8;
background-color: #0055b8;
border-radius: 100px;
}
@media screen and (min-width: 992px){
#slider .slick-arrow {
height:56px;
width:56px;
line-height:56px;
font-size:32px;
}
#slider .slick-next {
transform:translate(0, -50%);
right:20px;
text-indent: 1px;
}
#slider .slick-prev {
transform:translate(0, -50%);
left:20px;
text-indent: -1px;
}
}
/*icon_content*/
ul.icon_content {
margin: 0;
padding: 0;
list-style: none;
}
.icon_content li {
display: flex;
align-items: flex-start;
margin-bottom: 30px;
}
.icon_content li::before {
content: none;
}
.icon_content li img {
flex-shrink: 0;
max-height: 60px;
max: 60px;
margin-right: 45px;
}
.icon_content li p {
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
color: #666;
font-weight: 100;
}
/* icon_columns */
ul.icon_columns {
-webkit-column-count: 2;
margin-top: 40px;
margin-bottom: 40px;
-webkit-column-gap: 60px;
}
@media only screen and (max-width: 767px) {
ul.icon_columns {
-webkit-column-count: 1;
-webkit-column-gap: 0px;
}
}
.icon_columns li {
padding-top: 20px;
-webkit-column-break-inside: avoid;
}
.icon_columns li::before {
content: none;
}
.icon_columns li img {
width: 60px;
margin-right: 30px;
float: left;
}
.icon_columns h4 {
font-size: 20px;
margin-top: 0;
padding-left: 88px;
}
.icon_columns li p {
margin-bottom: 0;
font-size: 16px;
line-height: 1.5em;
color: #666;
font-weight: 100;
padding-left: 88px;
margin-top: -11px;
}
/* features horizontalIcons section */
.featuresHIcons .icon_items {
margin: 40px 0px;
}
.featuresHIcons .icon_items .icon_section .img-wrap {
height: auto;
}
.featuresHIcons .fa {
color: #ff9e18;
font-size: 37px;
}
.featuresHIcons .icon_items .icon_section p {
font-weight: 100;
color: #666;
}
.featuresHIcons .buttonSection {
display: flex;
align-items: center;
justify-content: center;
}
.featuresHIcons .buttonSection a {
padding: 20px;
}
.featuresHIcons .buttonSection img {
max-height: 70px;
display: inline;
}
/* devices section on products homepage */
.devices-section .row.flex {
flex-wrap: wrap;
}
.devices-section .card {
flex: 1 1 270px;
}
.devices-section .card img {
max-height: 150px;
}
.devices-section.devices-section-lg .card img {
max-height: 250px;
}
.devices-section .card .productinfo {
max-width: 335px;
margin-right:auto;
margin-left: auto;
}
.devices-section .card .productinfo h4 {
margin-bottom: 5px;
font-size: 22px;
}
.devices-section .card .productinfo h5 {
font-size: 20px;
font-weight: 300;
margin-top: 0px;
}
.devices-section .card .productinfo button {
padding-left: 0px;
}
@media only screen and (min-width: 768px) {
.border-right {
border-right: 1px solid #e0e0e0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.border-right:nth-child(2n), .border-right:last-child {
border-right: none;
}
}
@media only screen and (min-width: 992px) {
.border-right:nth-child(3n), .border-right:last-child {
border-right: none;
}
}
.callout {
color: #222222;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
font-size: 13px;
padding: 0px 7px;
border-radius: 4px;
transform: skew(-20deg);
margin-bottom: -25px;
width: fit-content;
width: -webkit-fit-content;
width: -moz-fit-content;
}
.new-callout {
background: #ff9e18;
}
.addon-callout {
background: #D2D2D2;
}
.callouttag {
color: #222222 !important;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
font-size: 13px;
padding: 0px 7px;
border-radius: 4px;
background: #FF9e18;
transform: skew(-20deg);
margin-top: 0px;
}
.productlistingbottom h3 {
font-weight: 700;
color: #0055b8;
}
.productlistingbottom p {
font-size: 20px;
font-style: oblique;
}
/*gridoficons*/
.gridoficons {
display: flex;
flex-wrap: wrap;
}
.gridoficons .icon_square {
padding: 0 20px;
flex: 1 1 312px;
}
.gridoficons .icon_square .img-wrap {
height: 80px;
}
.gridoficons .icon_square img {
margin: 25px auto;
justify-content: center;
align-items: center;
width: auto;
max-width: 80px;
}
.gridoficons .icon_square h4 {
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: #0055B8;
}
.gridoficons.iconpicker .icon_square .img-wrap {
height: 60px;
margin-top: 30px;
}
.gridoficons.iconpicker span.fa {
font-size: 50px;
}
/*review star section in hero*/
.hero-reviews-biline {
margin-top: -15px;
}
.hero-reviews-biline .fa-star{
color: #ff9e18;
padding-right: 2px;
font-size: 20px;
}
.hero-reviews-biline .linesep {
font-size: 32px;
}
.hero-reviews-biline a {
color: #fff;
text-decoration: underline;
}
.hero-reviews-biline a:hover {
color: #E7E7E7;
text-decoration: underline;
font-weight: normal;
}
/* hero arrow callout */
.hero_arrow_callout{
background: #fff;
}
.hero_arrow_callout .col-xs-12 {
margin-top:-50px;
}
.arrow_box {
margin-top: 0;
color: #fff;
background: #;
background: #398DEF;
display: inline;
padding: 12px 30px;
border-radius: 4px;
font-weight: 700;
}
.arrow_box:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-top-color: transparent;
border-width: 24px;
margin-left: -24px;
}
.arrow_box:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(49, 76, 213, 0);
border-top-color: #398DEF;
border-width: 25px;
margin-left: -25px;
}
/* two column carousel images with dropdown specs */
@media only screen and (min-width: 992px) {
.vertical-divider [class*="col-"] {
border-right: 1px solid #CFCFCF;
border-left: 1px solid #CFCFCF;
margin-left: -1px;
}
.vertical-divider [class*="col-"]:last-child {
border-left: 1px solid #CFCFCF;
border-right: none;
margin-left: -1px;
}
.vertical-divider [class*="col-"]:first-child {
border-right: 1px solid #CFCFCF;
border-left: none;
}
}
.vertical-divider .col-md-6 {
padding: 30px 80px;
}
.vertical-divider .col-md-4 {
padding: 30px 40px;
}
@media only screen and (min-width: 992px) {
.twocoldivider-left {
border-right: 1px solid #9f9f9f;
padding-right: 60px;
margin-right: 60px;
padding-left: 60px;
}
.twocoldivider-right {
border-left: 1px solid #9f9f9f;
margin-left: -61px;
padding-left: 60px;
}
}
.devicecallouts {
font-size: 16px;
}
.devicecallouts .linesep {
padding: 0px 10px;
font-size: 22px;
}
.vertical-divider .slick-slide img {
max-height:300px;
}
.vertical-divider h5 {
font-size: 22px;
font-weight: 700;
padding-top: 20px;
padding-bottom: 10px;
}
.boxcallout {
-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.58);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.58);
background-color: #FFFFFF;
padding: 40px !important;
}
.boxcallout p {
font-size: 22px;
line-height: 1.6;
padding-bottom: 30px;
}
/* new product callout section */
.section-blue {
background-color: #003D84;
}
.section-dkblue {
background-color: #264b74;;
}
#atltimage {
margin: -85px 0px;
}
#newatltsection .container {
padding: 25px 15px 15px;
}
#newatltsection .new-callout {
color: #222222;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
font-size: 13px;
padding: 0px 7px;
border-radius: 4px;
background: #FF9e18;
transform: skew(-20deg);
margin-top: 0px;
}
.h2-onblue {
color: #fff;
font-size: 24px;
text-align: left;
margin: 0px 0px 10px;
}
#newatltsection ul {
list-style: disc;
padding-inline-start: 40px;
}
#newatltsection ul li {
color: #fff;
margin-bottom: 0px;
}
#newatltsection p {
color: #fff;
line-height: 1.5em;
margin-bottom: 0;
}
#newatltsection li:before {
content: none;
}
#homenewimage {
margin: -85px 0px;
}
#homenewsection .container {
padding: 25px 15px 15px;
}
#homenewsection .new-callout {
color: #222222;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
font-size: 13px;
padding: 0px 7px;
border-radius: 4px;
background: #FF9e18;
transform: skew(-20deg);
margin-top: 0px;
}
@media only screen and (max-width: 767px) {
#homenewsection h2.h2-onblue {
margin-top: 85px;
}
}
#homenewsection p {
color: #fff;
font-size: 15px;
margin: 0px;
}
#homenewsection ul {
list-style: disc;
padding-inline-start: 40px;
}
#homenewsection ul li {
color: #fff;
margin-bottom: 0px;
font-size: 15px;
line-height: 1.75;
}
#homenewsection li:before {
content: none;
}
.btn.btn-y-outline {
background-color: transparent;
text-decoration: none;
padding: 10px 12px;
font-size: 15px;
line-height: 1.37;
font-family: Montserrat, sans-serif;
font-weight: bold;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
margin-top: 50px;
border: 2px solid #ff9e18;
color: #ff9e18;
}
@media (min-width: 1198px) {
.btn.btn-y-outline {
padding: 10px 11px;
}
}
@media (max-width: 992px) {
.btn.btn-y-outline {
margin-top: 20px;
}
}
.section-afterblue {
margin: 70px;
}
/*on this page section */
.second-nav .container {
padding: 20px 15px;
}
h4.sm-bold-header {
text-align: center;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #4a4a4a;
margin: 5px 0px 10px;
}
h4.sm-bold-header.text-left {
text-align: left;
}
.second-nav ul {
list-style: none;
padding-inline-start: 15px;
font-size: 19px;
border-top: 1px solid #383838;
}
@media (min-width:768px) {
.second-nav ul {
display: flex;
justify-content: center;
padding-left: 0px;
font-size: 15px;
border-top: none;
}
}
@media (min-width: 992px) {
.second-nav ul {
font-size: 17px;
}
}
.second-nav ul li:before {
content: none;
}
.second-nav li {
padding: 10px 0px;
border-bottom: 1px solid #d9d9d9;
}
@media (min-width: 768px) {
.second-nav li {
float: left;
border-bottom: none;
padding: 0px;
}
}
.second-nav a {
font-weight: bold;
text-decoration: underline;
line-height: 30px;
white-space: nowrap;
}
@media (min-width: 768px) {
.second-nav li:after {
content: '\007C';
padding: 0px 15px;
color: #9B9B9B;
}
}
@media (min-width: 992px) {
.second-nav li:after {
padding: 0px 25px;
}
}
.second-nav li:last-child:after {
content: none;
padding: 0px 0px;
}
p.lg-centered-p {
text-align: center;
font-size: 22px;
line-height: 1.7em;
}
/* contract based pricing boxes */
.price-box {
background-color: white;
margin: 0 1em;
width: 30%;
padding: 0;
-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.58);
-moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.58);
box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.58);
border-radius: 0px;
font-family: 'Montserrat', sans-serif;
border-bottom: 0px;
border-top: 1px solid #999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 992px) {
.price-box {
width: 100%;
margin: 0 auto;
margin-top: 2em;
}
}
.price-box:not(:last-child) {
margin-top: 2em;
}
.price-box .gradient-box {
border-bottom: 2px solid;
color: #fff !important;
line-height: 30px;
padding-top: 15px;
text-align: center;
text-transform: inherit;
display: inline-block;
position: relative;
width: 100%;
border-radius: 0;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
font-weight: 400;
padding-bottom: 15px;
height: auto;
}
.price-box .gray-gradient-box {
background: #666 !important;
}
.price-box .blue-gradient-box {
background: #0055b8 !important;
}
.price-box .gold-gradient-box {
background: #ff9e18 !important;
color: #444 !important;
}
.price-box .gradient-box div {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #444;
text-transform: uppercase;
}
.price-box .price {
font-size: 55px;
font-weight: 300;
line-height: normal;
padding-top: 7px;
font-family: 'Montserrat', sans-serif;
}
.price-box .gray-price {
color: #a2a2a2;
}
.price-box .blue-price {
color: #0055b8;
}
.price-box .gold-price {
color: #ff9e18;
}
.price-box:last-child .price {
margin-top: 0.4em;
}
.price-box .btn {
display: block;
width: 90%;
margin: 18px auto;
}
.price-box:last-child .btn {
margin-top: 2em;
}
/* features chart */
table.features-chart {
width: 100%;
margin: 20px 0px;
border: 1px solid #dadada;
background: #FFFFFF;
}
.features-chart td,
.features-chart th {
font-size: 14px;
padding: 6px 10px;
word-wrap: break-word;
}
.features-chart .check {
color: #ff9e18;
font-size: 30px;
}
.features-chart .ex {
color: #0055b8;
font-size: 30px;
}
.features-chart th:first-child,
.features-chart td:first-child {
font-weight: bold;
color: black;
font-size: 16px;
}
.features-chart th {
background-color: #074a82;
color: #fff;
font-size: 17px !important;
}
.features-chart tr:nth-child(odd){
background-color: #f1f1f1;
}
.features-chart, .features-chart th {
text-align: center;
}
.features-chart td:first-child{
text-align: left;
}
@media screen and (max-width: 768px) {
table.features-chart {
border: 1px solid #dadada;
}
.features-chart tr {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.features-chart td,
.features-chart th {
display: block;
width: 50%;
font-size: 14px;
text-align: center;
}
.features-chart th:first-child,
.features-chart td:first-child {
background: #ff9e18;
width: 100%;
text-align: center;
color: #444;
}
.features-chart th:first-child {
display: none;
}
.features-chart td:nth-child(3), .features-chart th:nth-child(3){
border-left: 1px solid #dadada;
}
}
/* bulleted callout box */
.callout-box {
padding: 30px 50px;
margin: 30px 0px;
}
.callout-box h4 {
color: #0055b8;
font-weight: 700;
padding-bottom: 20px;
font-size: 20px;
}
/* eld pricing */
.eldPricing h3 {
font-size: 30px;
font-weight: 700;
padding-top: 40px;
color: #0055B8;
}
.eldPricing h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: none;
}
.eldPlanBox {
background-color: #EDEFF2;
padding: 20px 30px;
margin-bottom: 30px;
}
.eldPlanBox .bold-price {
display: inline;
font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 35px;
font-weight: 900;
height: auto;
line-height: 70px;
}
.eldPlanBox h5 {
color: #0055B8;
font-size: 18px;
line-height: 1.333;
font-weight: 700;
}
/*partners listings */
.partner-listings .row {
background-color: #fff;
border: 1px solid #CFCFCF;
margin: 20px 0px;
padding: 30px;
}
@media screen and (max-width: 992px) {
.partner-listings img {
max-width: 300px;
}
}
.partner-listings img {
max-height: 160px;
}
@media screen and (min-width: 992px) {
.partner-listings h3 {
margin-top: 0px;
}
}
.partner-listings h3 {
color: #0055B8;
font-weight: 700;
margin-bottom: 0px;
}
.partner-listings h4 {
display: inline;
font-size: 16px;
font-weight: bold;
color: #0055B8;
line-height: 1;
}
.partner-listings h5 {
display: inline;
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 1;
}
.retro_body h2.new_style{
font-size: 40px;
font-weight: 700;
text-align: center;
line-height: 1.1;
color: #0055B8;
margin: 20px 0px 10px;
}
/* case studies */
.case-studies .row {
margin: 30px -15px;
text-align: center;
padding: 40px 60px;
position: relative;
}
.colorsection_bg-image {
background-position: top;
opacity: initial;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background-size: cover
}
.row .colorsection_bg-image:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background-image: linear-gradient(-180deg, #edaa00 0%, #e08600 100%);
mix-blend-mode: initial;
opacity: 0.85;
}
.row:nth-child(even) .colorsection_bg-image:after {
background-image: linear-gradient( -180deg, #398DEF 0%, #0055b8 50%);
}
img.colorsection-image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
height: 100%;
width: 100%;
object-fit: cover;
}
.color-section h3 {
color: #fff;
font-size: 48px;
line-height: 1.16;
font-weight: 700;
}
.color-section p {
color: #fff;
font-size: 20px;
}
.row .color-section a.btn {
background-color: #0055b8;
color: #fff;
border-color: #ff9e18;
font-family: "Montserrat", sans-serif;
padding: 18px 30px;
font-weight: 700;
margin-top: 20px;
white-space: nowrap;
}
.row .color-section a.btn:hover {
background-color: #267de3;
text-decoration: none;
font-weight: 700;
}
.row:nth-child(even) .color-section a.btn {
color: #444;
background-color: #ff9e18;
border-color: #ff9e18;
font-family: "Montserrat", sans-serif;
padding: 18px 30px;
font-weight: 700;
margin-top: 20px;
white-space: nowrap;
}
.row:nth-child(even) .color-section a.btn:hover {
background-color: #FFB043;
text-decoration: none;
font-weight: 700;
}
/* ROI Callout section */
.roi-callout {
background-color: #0055b8;
background-image: url(../png/roi_bg.png);
background-size: 50%;
background-repeat: no-repeat;
background-position: bottom right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.roi-callout {
background-size: 60%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.roi-callout {
background-size: 65%;
}
}
@media only screen and (max-width: 767px) {
.roi-callout {
background-image: none;
}
}
.roi-callout .calc-box {
background-color: #fff;
padding: 0 0 0 30px;
border-radius: 5px;
}
@media only screen and (min-width: 798px) {
.roi-callout .calc-box {
margin-left: -30px;
}
}
.roi-callout .calc-box .row:first-child {
border-bottom: 1px solid #cfcfcf;
}
.roi-callout .calc-box .row {
margin-right: 20px;
padding: 20px 0 11px 0;
}
.roi-callout .calc-box p{
margin: 0;
font-size: 18px;
color: #666;
}
.roi-callout .calc-box .input-group {
display: flex;
}
.roi-callout .calc-box button {
margin: 0;
}
.roi-callout .calc-box i {
font-size: 16px;
color: #666;
}
.roi-callout .calc-box .calc-savings {
margin-top: -17px;
}
.roi-callout .calc-box .calc-savings span {
font-size: 28px;
font-weight: bold;
vertical-align: top;
color: #0055b8;
}
.roi-callout p {
margin-top: 0px;
}
.event-section .yellow-box {
background-color: #ff9e18;
padding: 0px 15px 15px;
}
.event-section h2 {
color: #444444;
font-size: 30px;
padding-top: 30px;
}
.event-section .event-listing {
margin: 30px;
background-color: #fff;
border: 1px solid #666;
}
.event-section .event-listing .event-specifics {
text-align: center;
text-align: -webkit-center;
padding: 23px 30px 0px;
}
.event-section .event-listing img {
padding-bottom: 10px
}
.event-section .event-listing .event-specifics p{
margin: 0px;
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
line-height: 22px;
}
.event-section .event-listing .event-specifics h4{
font-weight: bold;
}
.event-section .event-listing .event-specifics h3{
font-weight: bold;
margin-top: 5px;
}
.event-section .event-listing .btn.btn-links {
float: right;
margin-right: -15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.assc-section .grid3 {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.assc-section .grid3 {
grid-template-columns: 1fr 1fr;
}
}
.assc-section .card .assc-logo-section {
height: 65px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.assc-section .card .assc-logo-section img {
max-height: 65px;
}
.assc-section .card p:last-of-type {
margin-bottom: 0px;
}
.assc-section .card h4 {
text-align: center;
color: #0055B8;
}
.assc-section .card p {
font-size: 15px;
line-height: 28px;
}
.readmoresection {
display: none;
}
a.readmoresection:active, a.readmoresection:focus {
text-decoration: none;
}
.truncated .readmoresection {
cursor: pointer;
display: block;
text-align: right;
margin-top: -10px;
padding-bottom: 15px;
}
.readmoresection {
display: none;
}
@media only screen and (max-width: 992px) {
.assc-section .card-content {
margin-bottom: 0px;
}
}
#myBtnContainer {
text-align: left;
margin-top: 20px;
}
#myBtnContainer .btn {
text-align: left;
padding: 10px 0px;
}
#myBtnContainer .btn:hover {
color: #444444;
}
#myBtnContainer .btn:active, #myBtnContainer .btn:focus {
border: none;
}
#myBtnContainer .btn.active {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #0055B8;
font-weight: bold;
}
@media only screen and (max-width: 768px) {
#myBtnContainer {
text-align: center;
}
#myBtnContainer .btn {
text-align: center;
background-color: #CFCFCF;
padding: 10px;
border-radius: 5px;
}
#myBtnContainer .btn:hover {
background-color: #444444;
}
#myBtnContainer .btn.active {
background-color: #0055B8;
color: #fff;
}
}
.section-blue.largequote h2 {
color: #fff;
margin-bottom: 60px;
}
.section-blue.largequote h3 {
color: #fff;
font-style: italic;
line-height: 2em;
}
.section-blue.largequote p {
color: #c5c5c5;
}
@media only screen and (max-width: 767px){
.mobile-max-height {
max-height: 350px;
}
}
/* added for resources section */
.arrow_hero .container {
padding: 30px 15px 0px;
margin-bottom: 45px;
}
.arrow_hero .row {
padding-bottom: 20px;
}
.hero_nocopy {
min-height: 175px;
}
.downarrow {
background-image: url(../arrowdown.html);
height: 70px;
margin-bottom: -35px;
background-repeat: no-repeat;
background-position: center;
}
.downarrowgray {
background-image: url(../arrowdown.html);
height: 70px;
margin-top: -82px;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.graybody {
background-color: #CFCFCF;
margin-top: -33px;
}
.container.resourcescontain {
padding: 15px 0 0;
}
.resourcessubmenu {
padding-bottom: 40px;
}
@media only screen and (max-width: 767px){
.resourcessubmenu {
margin-bottom: 0 !important;
padding-bottom: 0;
}
}
.resourcessubmenu li {
display: inline-block;
margin: 5px 10px;
font-size: 18px;
font-weight: 100;
}
.resourcessubmenu ul li:before {
content: none;
}
.resourcessubmenu ul li:after {
content: "\007C";
color: #0055b8;
font-weight: normal;
position: absolute;
right: -30px;
top: -19px;
font-size: 34px;
}
.resourcessubmenu ul li:last-child:after {
content: none;
}
.resourcessubmenu a:hover {
text-decoration-color: #ff9e18;
text-decoration-thickness: 2px;
text-underline-offset: 1px;
font-weight: normal;
}
.resourcessubmenu a.nav-active {
font-weight: bold;
text-decoration: underline;
text-decoration-color: #ff9e18;
text-decoration-thickness: 2px;
text-underline-offset: 1px;
}
.retro_hero h2.resourcesh2 {
font-size: 39px;
font-weight: 400;
line-height: 42.9px;
color: #fff;
}
.resourcescontain h1 {
padding: 0px 0px 40px;
font-size: 40px;
font-weight: 700;
color: #0055b8;
}
h2.faqCategoryTitle {
font-size: 35px;
color: #666;
}
hr.resourceshr {
margin: -21px 0px 60px;
border-top: 1px solid #aaa;
}
.event-section.event-page .event-listing {
margin: 30px;
background-color: #fff;
border: none;
-webkit-box-shadow: 0px 0px 3px 2px rgb(102 102 102 / 24%);
box-shadow: 0px 0px 3px 2px rgb(102 102 102 / 24%);
}
.event-section.event-page h2 {
text-align: left;
color: #0055B8;
padding-top: 0;
margin-top: 0;
}
.industryassoc ul > li:before {
content: none;
}
.industryassoc ul > li:after {
content: ",";
margin-right: 5px;
}
.industryassoc ul > li:last-child:after {
content: none;
}
.industryassoc ul > li {
padding-left: 0;
font-weight: 100;
}
.industryassoc p {
margin: 0;
}
.industryassoc p, .industryassoc ul, .industryassoc ul > li {
display: inline-block;
}
.event-page .event-listing h4.event-type {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
text-decoration-color: #ff9e18;
text-decoration-thickness: 3px;
text-underline-offset: 1px;
padding-top: 10px;
}
.event-page div#myBtnContainer {
text-align: center;
padding-bottom: 40px;
}
.event-page div#myBtnContainer .btn {
padding: 10px 20px;
border: 1px solid #0055B8;
margin: 0 -3px;
color: #0055b8;
font-weight: 700;
background-color: transparent;
border-radius: 0;
}
.event-page div#myBtnContainer .btn:focus {
outline: none;
}
.event-page div#myBtnContainer .btn.active {
border: 1px solid #0055B8;
margin: 0 -2px;
color: #fff;
background-color: #0055B8;
}
@media only screen and (max-width: 767px){
.event-page div#myBtnContainer .btn {
display: block;
width: calc(100% - 60px);
margin: -1px 30px;
}
.event-page div#myBtnContainer .btn.active {
margin: 0px 30px;
}
}
.hookcontent {
border: 1px solid #666;
background-color: #fff;
padding: 0;
}
.hookcontent .hookheader h1 {
color: #fff;
text-align: left;
padding: 150px 30px 0px;
text-shadow: 0px 0px 4px #666666;
line-height: 1.3;
font-size: 45px;
}
.hookcontent .hookhero {
background-color: #0055B8;
position: relative;
margin-top: -20px;
}
.hookcontent .hookimage {
opacity: 0.8;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background-size: cover;
background-position: right center;
margin: 0;
}
.hookimage::after {
content: '';
mix-blend-mode: multiply;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
opacity: 0.8;
background-image: linear-gradient(to top, rgba(0, 35, 100, 1) 20%, rgba(13, 79, 127, 0) 100%);
}
.hookheader {
position: relative;
}
.hookcontent .articleContent {
padding: 30px;
}
.hookcontent .articleContent p{
font-size: 18px;
}
.hookcontent .articleContent h2 {
color: #444;
text-align: left;
padding: 30px 0px;
}
.hookcontent .articleContent h3 {
font-weight: bold;
}
.row.circleparas {
margin: 60px 0px;
}
div.img-circle {
border-radius: 100%;
border: 10px solid #ff9e18;
aspect-ratio: 1/1;
overflow: hidden;
max-width: 350px;
}
div.img-circle img {
width: 100%;
height: 100%;
object-fit: cover;
}
.row.circleparas ul {
margin-top: 20px;
}
ul.lg-iconbutton {
display: flex;
flex-wrap: wrap;
margin-top: 25px;
}
ul.lg-iconbutton li:before {
content: none;
}
ul.lg-iconbutton li {
flex-grow: 2;
text-align: center;
}
ul.lg-iconbutton li a {
border: 3px solid #ff9e18;
min-width: 300px;
background-color: white;
}
ul.lg-iconbutton li img {
width: 120px;
margin: 10px 20px;
}
ul.lg-iconbutton li h4 {
text-align: left;
font-size: 28px;
}
.lgib-icon {
display: inline-block;
}
.lgib-text {
display: inline-block;
padding-right: 20px;
}
.lg-iconbutton a.btn:hover {
color: #003D84;
}
.lg-iconbutton a.btn:focus {
color: #0055b8;
}
.lg-iconbutton a.btn:hover img {
filter: brightness(.7);
/*margin-right: 19.5px;*/
}
.lg-iconbutton a.btn:hover .lgib-text {
padding-right: 19px;
}
.customparallax {
background-color: #0055B8;
position: relative;
background-image: none !important;
padding: 0 !important;
}
.customparallax .parallax-custombg {
opacity: .2;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background-size: cover;
background-position: right center;
overflow: hidden;
background-attachment: fixed;
filter: grayscale(1);
}
/* raqbox */
.raqbox {
color: #fff;
background-color: #0055b8;
padding: 30px 80px;
}
.raqbox h2 {
color: #fff;
font-size: 28px;
line-height: 1.3em;
text-align: center;
}
.raqbox p {
text-align: center;
color: #fff;
}
.raqbox a {
color: #fff;
}
.raqbox a:hover {
text-decoration: underline;
text-decoration-color: #ff9e18;
text-underline-offset: 2px;
text-decoration-thickness: 2px;
font-weight: normal;
}
.pricing .btn.hidden-lg, .pricing .btn.hidden-md {
display: inline-block !important;
}
@media (min-width: 992px) {
.raqbox .btn.visible-md.visible-lg {
display: inline-block !important;
}
.raqbox .btn.hidden-lg, .pricing .btn.hidden-md {
display: none !important;
}
.primaryctabtn.visible-md.visible-lg {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.primaryctabtn.visible-md.visible-lg {
display: inline-block !important;
}
}
.raqbox ul li {
color: #fff;
}
a.yellowlink {
color: #ff9e18;
text-decoration: underline;
}
a.yellowlink:hover {
color: #FFB550;
text-decoration: underline;
}/* graycalloutbox */
.graycalloutbox {
background: rgba(0,0,0,0.1);
padding: 25px;
border-radius: 10px;
}
.graycalloutbox h4 {
font-weight: 600;
font-size: 16px;
}
.graycalloutbox .btn-y {
white-space: break-spaces;
font-size: 16px;
}
.anchortarget {
scroll-margin-top: 175px;
}
.faqfilters a {
text-align: center;
text-decoration: underline;
font-size: 18px;
padding: 10px;
white-space: nowrap;
}
.faqfilters a:hover {
color: #003D84;
}
.faqfilters li {
display: inline;
padding: 0;
}
.faqfilters li:after {
content:" | ";
font-size: 24px;
}
.faqfilters li:last-of-type:after {
content: none;
}
.faqfilters li:before {
content: none;
}
.faqfilters {
text-align: center;
margin: 30px 0px 60px;
}
#channelSelectors button{
position: relative;
outline: none;
}
#channelSelectors .contactForm.btn.btn-links.selected {
background-color: #267de3;
}
#channelSelectors button.selected:after {
position: absolute;
left: 50%;
bottom: -14px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 15.5px 0 15.5px;
margin-left: -15px;
border-color: #267de3 transparent transparent transparent;
content: "";
margin-right: 15px;
right: 50%;
}
/*leadership section*/
.grid4 .titlecard {
grid-column: 1/3;
}
@media screen and (max-width: 992px) {
.grid4.leadership {
grid-template-columns: 1fr 1fr 1fr;
}
.grid4 .titlecard {
grid-column: 1/4;
}
}
@media screen and (max-width: 768px) {
.grid4.leadership {
grid-template-columns: 1fr 1fr;
}
.grid4 .titlecard {
grid-column: 1/3;
}
}
@media screen and (max-width: 576px) {
.grid4.leadership {
grid-template-columns: 1fr;
}
.grid4 .titlecard {
grid-column: 1/2;
}
}
.leadership h2 {
font-size: 76px;
border-bottom: 10px solid #ff9e18;
margin: 40px 40px 30px 60px;
}
.leadership h2 strong {
color: #0055b8;
}
.leadership .personcard img {
border-radius: 50%;
}
.personcard {
margin-bottom: 40px;
position: relative;
}
.personcard h4{
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
}
.personcard p{
margin-block-start: 0;
font-size: 14px;
margin-block-end: 70px;
line-height: 1.5em;
}
.personcard .btn-y {
padding: 5px 15px;
font-size: 12px;
font-weight: 600;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
bottom: 0px;
}
.leadership .modal-header {
background-color: #0055b8 !important;
border-radius: 4px 4px 0 0;
}
.leadership .modal-header .close {
color: #fff;
opacity: 1;
}
.leadership .modal-content img {
border-radius: 50%;
}
.leadership .modal-header h4 {
color: #fff;
font-weight: bold;
font-size: 20px;
margin: 0;
}
.leadership .modal-header p {
color: #fff;
margin: 0;
}
@media screen and (max-width: 440px) {
.leadership h2 {
font-size: calc(12px + 14vw);
margin: 0px 0px 30px 0px;
}
}
.leadership .modal-body {
padding: 30px 60px;
}
@media screen and (max-width: 440px) {
.leadership .modal-body {
padding: 30px;
}
}
/* hero badges */
.heroBadges {
display: inline-flex;
vertical-align: top;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.badges2 {
text-align: center;
height: fit-content;
max-width: 150px;
max-height: 170px;
margin: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.badges2 {
max-width: 140px;
}
}
@media screen and (max-width: 767px) {
.badges2 {
max-width: 130px;
}
}
/* flexIcons section*/
.iconblock {
display: flex;
flex-wrap: wrap;
}
.iconblock .iconpiece {
flex: 1 0 250px;
padding: 60px 10px;
position: relative;
}
.iconblock .iconpiece .icon-wrap .fa {
font-size: 72px;
color: #0055b8;
}
.iconblock .iconpiece .icon-wrap .fa.bluecircle {
color: #fff;
background-color: #0055b8;
padding: 32px;
border-radius: 50%;
font-size: 55px;
}
.iconblock .iconpiece .btn {
position: absolute;
bottom: 20px;
left: 50%;
transform: translate(-50%, -50%);
}
.iconblock .iconpiece .withbutton {
padding-bottom: 85px;
}
.textalignleft, .textalignleft p{
text-align: left;
}
.textalignright, .textalignright p{
text-align: right;
}
/* hero twenty four adjustments */
.herotwentyfour .container {
padding: 45px 0px;
}
.herotwentyfour .hero-full li:before {
content: "\f00c";
font-weight: 100;
color: #ff9e18;
}
.herotwentyfour .hero_imageexpanded p {
line-height: 1.25;
font-size: 1.25em;
font-weight: 500;
margin-block-start: .75em;
}
.herotwentyfour .hero-full a.btn-y, .herotwentyfour .hero-full button.btn-y {
padding: 13px 37px;
/*text-transform: uppercase;*/
font-size: 20px;
color: #222;
border-radius: 7px;
outline: 1px solid #333;
outline-offset: -6px;
}
.heroquote {
background-color: #444;
border: 2px solid #fff;
/*margin-top: -60px;*/
position: relative;
}
@media screen and (max-width: 767px) {
.herotwentyfour .row {
padding: 0px 27px;
}
}
.container.heroquote {
padding: 0;
width: auto;
border: none;
background-color: #d6d6d6;
}
.container.heroquote img {
position: absolute;
max-width: 125px;
opacity: 34%;
}
.container.heroquote img.firstquote {
left: 0;
top:0;
}
.container.heroquote img.lastquote {
right: 0;
bottom:0;
transform: scaleX(-1) scaleY(-1);
}
.container.heroquote .quotewords {
color: #333;
text-align: center;
}
@media screen and (max-width: 991px) {
.container.heroquote .quotewords {
padding: 0px 100px;
}
}
@media screen and (max-width: 767px) {
.container.heroquote .quotewords {
padding: 0px 50px;
}
}
.quotewords h3 {
font-weight: 700;
font-size: 22px;
line-height: 1.5em;
margin-bottom: 8px;
}
.quotewords h4 {
font-weight: 100;
}
@media screen and (max-width: 991px) {
.quotewords h4 {
font-size: 16px
}
}