/* New Styles to be added in the appropriate positions in the toolkit section at the top of the CSS */
h3.large {
    font-size: 1.5em;
    line-height: 1.2em;
}

.absolute {
    position: absolute !important;
    z-index: 1;
}

.element-invisible {
    display: none !important;
}

.master-header {
    background-size: cover;
    background-repeat: no-repeat;
}

.master-header .text-wrapper {
    height: 380px;
    display: table;
}

.master-header .text-wrapper .text-content {
    display: table-cell;
    vertical-align: middle;
}

.pricing-image-panel {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 100%;
    padding-bottom: 20em;
}

.fa.feature-icon {
    font-size: 1.25em;
    line-height: 1.75em;
    height: 1.75em;
    width: 1.75em;
    text-align: center;
    background: #F2F2F2;
    border-radius: 9999em;
    color: #003366;
}

.feature-icon.large {
    font-size: 1.75em;
    line-height: 1.75em;
}

.ticklist {
    list-style: none;
}

.ticklist li {
}

.ticklist li:before {
    font-family: 'LswUiIcons';
    content: "\f00f";
    color: #f39000;
    margin: 0.1em 0 0 -1.25em;
    position: absolute;
}

.mktoModal .mktoModalContent {
    max-width: 90%;
    width: 460px;
    padding: 0;
    box-shadow: 0 0 35px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 35px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 35px 5px rgba(0, 0, 0, 0.3);
}

.mktoModal .mktoModalContent .mktoModalClose {
    font-size: 0;
    border: none;
    top: 0;
    right: 0;
    background: none;
    color: #f39000;
    width: 36px;
    height: 36px;
    line-height: 36px;
    z-index: 100;
}

.mktoModal .mktoModalContent .mktoModalClose:before {
    font-family: LswUiIcons;
    content: '\f016';
    font-size: 36px;
}

.mktoModal .mktoModalContent .mktoModalMain {
    max-width: 100%
}

.mktoModal .mktoModalContent .mktoModalMain .mktoForm {
    margin: 0;
}

.callout sub,
.callout sup {
    font-size: 0.4em;
    margin-left: 0.2em;
}

.callout sub {
    bottom: 0;
}

.callout sup {
    top: -1em;
}

.pdf-download {
    position: relative;
    display: block;
}

.pdf-download img {
    border-radius: 0.1em;
}

.pdf-download:before {
    font-family: 'LswUiIcons';
    content: "\f04c";
    background: #ff0000;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.6em;
    position: absolute;
    left: -0.2em;
    top: -0.2em;
    color: #FFFFFF;
    text-align: center;
    border-radius: 0.1em;
}

.secondary-wrapper nav.secondary ul li.top-link {
    width: 0;
    overflow: hidden;
    white-space: nowrap;
}

.secondary-wrapper nav.secondary.scrolled ul li.top-link {
    width: auto;
}

.pane-page-breadcrumb .pane-content {
    padding: 0.25em 1.5em 0;
}

.product-landing-page .main-top-content {
    display: block;
    position: absolute;
    z-index: 1;
    background: none;
}

/* Put in background section */
.midgrey-background {
    background-color: #E5E5E5 !important;
}

.blue-radial-background {
    background: #0e314b;
    background: radial-gradient(ellipse at center, #133f66 12%, #0e314b 100%);
    -moz-background: radial-gradient(ellipse at center, #133f66 12%, #0e314b 100%);
    -o-background: radial-gradient(ellipse at center, #133f66 12%, #0e314b 100%);
    -webkit-background: radial-gradient(ellipse at center, #133f66 12%, #0e314b 100%);
}

/* Addition to footer menu */
footer ul.menu ul.menu ul.menu {
    border-left: 1px solid #8f9fcf;
    padding-left: 0.625em;
    margin-top: 0.6em;
}

/* Media queries (Add to existing query, do NOT make new ones) */
@media screen and (max-width: 740px) {
    .two-columns,
    .three-columns {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -o-column-count: 1;
    }

    .master-header {
        background-size: 176% auto;
        background-position: right top;
        padding-top: 31%;
    }

    .master-header .text-wrapper {
        display: block;
        height: auto;
        padding-top: 1.2em;
        padding-bottom: 1.4em;
    }

    .pricing-image-panel {
        background-size: auto 40%;
        background-position: center bottom;
    }

    .product-landing-page .main-top-content {
        position: relative;
        background: #0e314b;
    }

    section.main-top-content div.breadcrumb {
        padding: 0 0 0.4em;
    }

    .mktoForm.newsletter-signup-form.mktoForm .mktoFormRow .mktoFormCol,
    .mktoForm.newsletter-signup-form.mktoForm .mktoButtonRow .mktoButtonWrap {
        padding: 0;
    }
}

@media screen and (min-width: 741px) {
    .master-header {
        background-position: 38% 50%;
    }

    .master-header .text-wrapper {
        height: 310px;
    }

    .solution-animation {
        background-size: auto 140% !important;
    }

    .solution-animation .solution-image-wrapper {
        transform: translateX(-20%) translateY(-3%);
        position: absolute;
        width: 115%;
        opacity: 0;
    }

    .solution-animation .solution-image-wrapper .solution-image {
        width: 150%;
        transform: translateX(-20%) translateY(3%);
        position: absolute;
        max-width: none;
    }

    .cssanimations .solution-animation {
        background-size: auto 100% !important;
        transition: 2.5s background-size ease-in-out;
        transition-delay: 2s;
    }

    .cssanimations .solution-animation .solution-image-wrapper {
        transition: 1.5s all ease-in;
        transform: none;
        width: 100%;
        transition-delay: 2s;
        opacity: 1;
    }

    .cssanimations .solution-animation .solution-image-wrapper .solution-image {
        transform: none;
        width: 100%;
        transition: 2.5s all ease;
        transition-delay: 3s;
    }

    .mktoForm {
        padding: 1.25em 0.875em;
    }

    .mktoForm .mktoFormRow,
    .mktoForm .mktoButtonRow {
        display: flex;
    }

    .mktoForm .mktoFormRow .mktoFormCol,
    .mktoForm .mktoButtonRow .mktoButtonWrap {
        float: none;
        flex-grow: 1;
        padding: 0 15px;
    }
}

@media screen and (min-width: 1016px) {
    .master-header {
        background-position: 44% 50%;
    }

    .master-header .text-wrapper {
        height: 70vh;
        padding-top: 4.5em;
    }
}

@media screen and (min-width: 1200px) {
    .master-header {
        background-position: 55% 50%;
    }

    .col-lg-fifth {
        width: 20%;
        float: left;
    }
}

/***********************************************************************************************************************
 * Overrides of existing styles - To be added/replaced in existing selector                                            *
 ***********************************************************************************************************************/
h1 {
    font-weight: 600;
    letter-spacing: -0.025em;
}

h2.large, .mktoForm h2 {
    font-size: 2em;
}

.main-top-content .main-top-container {
    width: 100%;
    padding-top: 0.25em !important;
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

.tabs {
    position: relative;
    z-index: 2;
}

.accordion-container .accordion-item .accordion-body {
    font-size: 1em;
}

.popup-video-image-wrapper .title {
    height: auto; /* Remove height parameter altogehter */
}

.callout {
    line-height: 1em;
}

.custom-table tbody td:nth-child(n+2) {
    border-left: none;
}

.custom-table tbody th {
  color: #333333;
  border-bottom: 1px solid #cccccc;
  text-align: left;
  padding: 0.625em;
}

.custom-table tbody td {
    color: inherit;
}

.mktoForm {
    padding: 1.25em 0.875em;
}

.mktoForm .mktoFormRow .mktoFormCol,
.mktoForm .mktoButtonRow .mktoButtonWrap {
    padding: 0 15px;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap label .mktoAsterix {
    display: none;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoRequiredField label .mktoAsterix {
    display: inline-block;
}

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    min-width: 240px;
    max-width: 90%;
    overflow: hidden;
    padding: 20px 10px 0;
}

#outerImageContainer #modalContainer {
    width: 100% !important;
}

#loading {
    height: 25%;
    width: 10%;
    text-align: center;
    line-height: 0;
    position: absolute !important;
    top: 40%;
    left: 45%;
}

#bottomNavClose {
    display: block;
    z-index: 200;
    background: none;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 36px;
    height: 1em;
    width: 1em;
    line-height: 1em;
    color: #f39000;
}

#bottomNavClose:after {
    font-family: LswUiIcons;
    content: '\f016';
    color: #f39000;
}

.page-header .region-header .block-menu .level-1 > .menu {
    box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.15);
    -moz-box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.15);
    -webkit-box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.15);
}



/* Media queries (Add to existing query, do NOT make new ones) */
@media screen and (max-width: 740px) {
    .newsletter-form-wrapper .newsletter-form-container .right-part .message-title {
        margin: 1em 0 0.6em;
    }
}