/*----password-checker----*/
.password-checker .password-input {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.w-100 {
    width: 100% !important;
}

.password-checker .password-input .button-password {
    width: 3em;
    height: 34px;
    border: 1px solid #bbb;
    background-color: #eee;
    border-radius: 0;
    border-left: none;
    padding: 0.25em 10px;
}

.password-checker .svg-inline--fa {
    height: 16px !important;
}

.password-checker .password-input .password-box {
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 0.25em 10px;
    line-height: 1.5em;
    height: 34px;
}

.a-rich-text-common {
    list-style: disc !important;
    margin-left: 20px;
}

.m-product-item .m-download-link ul {
    padding-left: 0;
}

    .m-product-item .m-download-link ul > li > a[download]:after {
        margin-left: 0.25rem;
    }

.m-product-item__info .m-product-item__resource-item {
    list-style: none;
}

.m-product-item .m-download-link ul > li {
    padding-top: 0;
}

.password-checker .password-input .hsimp-level--bad {
    background-color: #f4cec3;
}

.password-checker .password-input .hsimp-level--insecure {
    background-color: #f7ddc5;
}

.password-checker .password-input .hsimp-level--ok {
    background-color: #e0f7c5;
}

.password-checker .password-input .hsimp-level--good {
    background-color: #c5f7dc;
}

.password-checker .password-input .hsimp-level--insecure {
    background-color: #f7ddc5;
}

.password-checker .password-input .hsimp-level--good {
    background-color: 24px;
}

.password-checker .surrounding-text {
    padding-top: 24px;
}

    .password-checker .surrounding-text p {
        text-align: center;
    }

    .password-checker .surrounding-text .time-to-crack {
        font-size: 24px;
    }

.password-checker .list-hsimp-checks .hsimp-checks {
    margin: 0 0 20px;
}

    .password-checker .list-hsimp-checks .hsimp-checks .suggestions-numbering {
        font-size: 18px;
        text-align: center;
        line-height: 2rem;
    }

    .password-checker .list-hsimp-checks .hsimp-checks .suggestions-text {
        font-size: 16px;
        text-align: center;
        line-height: 2rem;
    }
/*----End password-checker----*/

/*----Subscribepassword-checker----*/
.input-form__field {
    height: 42px;
    border: 1px solid #d5d9e2;
    border-radius: 0.5rem;
}

.form-title.important::after {
    content: "*";
    font-size: 16px;
    color: #e31c3d;
    display: inline-block;
}

.text-danger {
    color: red;
}

.form-item__field {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.form-title {
    font-weight: 500;
}
/*----End Subscribe----*/

/*----Fixing----*/
.m-speaker__image {
    height: 150px;
}

    .m-speaker__image > img {
        height: 100%;
        object-fit: cover;
    }

.m-nav-basic__item {
    padding-left: 0;
    padding-right: 1rem;
}

.o-filter-container .o-filter-wrapper {
    width: 100%;
}

/*----Careers----*/
.job-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.job-list-block {
    opacity: 1;
    height: auto;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    width: 50%
}

.job-list-block-wrapper {
    border-radius: 6px;
    margin: 0 15px 30px;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.job-list-block_hidden {
    opacity: 0;
    height: 0
}

.job-list-link {
    display: inline-block;
    color: #000 !important
}

.job-list-date {
    padding: 5px 20px;
    font-weight: 400;
    background: #404142;
    color: #fff;
    border-radius: 6px 6px 0 0
}

.job-list-title {
    padding: 15px 20px 20px;
    min-height: 80px
}

.job-info-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0
}

.job-info-message {
    margin: 20px 0;
    padding: 15px 20px;
    background: #fffdba;
    border-radius: 4px;
    display: block
}


.hide {
    display: none !important;
    visibility: hidden !important
}

.m-filter-group-dropdown.is-mobile-stretch .common {
    min-width: 100%;
}

.show {
    display: block;
    visibility: visible
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff;
    border: 1px solid #d5d9e2;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid #d5d9e2;
}

/*.select2-container--default .select2-selection--multiple {
    padding-right: 40px;
}*/

.m-product-item__info-item {
    display: flex;
}

.m-product-item__info-label {
    width: 40%;
}

.m-product-item__info-label-value {
    width: 60%;
}

/*.select2-container--default .select2-selection--multiple::after {
    font-family: icomoon !important;
    speak: never;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 1rem;
    color: #004987;
    font-weight: 700;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}*/

/*.select2-container--default.select2-container--open .select2-selection--multiple::after {
    transform: translateY(-50%) rotate(180deg);
}

.select2-container--default .select2-selection--multiple {
    min-height: 42px;
    height: auto;
}

.select2-container--default .select2-results__option::before {
    content: ' ';
    display: inline-block;
    transform: rotate(45deg);
    height: 13px;
    width: 8px;
    border-bottom: 2.5px solid transparent;
    border-right: 2.5px solid transparent;
    margin-right: 5px;
}

.select2-container--default .select2-results__option--selected::before {
    border-bottom: 2.5px solid #004987;
    border-right: 2.5px solid #004987;
}
*/

@media (max-width: 767px) {
    .job-list-block {
        width: 100%
    }

    .job-list-block-wrapper {
        margin: 0 15px 15px
    }
}

@media screen and (min-width: 768px) {
    .width-md-unset {
        width: unset !important;
    }

    .o-filter-container .o-filter-wrapper {
        flex: 0 1 auto;
    }

    .o-filter-container .o-filter-sort {
        flex: 0 1 auto;
        margin-top: 16px
    }
}

.loader {
    animation: spinAround .5s linear infinite;
    border-color: transparent transparent #d6d6d6 #d6d6d6;
    border-style: solid;
    border-width: 2px;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

.loader {
    border: 5px solid #f3f3f3;
    border-top-color: #245f85;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/*----End Careers----*/

/*----Game Articles----*/

.post {
    padding: 40px 0;
    border-bottom: 1px solid #c6c6c6
}

.post__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.post__image-wrapper {
    width: 274px
}

    .post__image-wrapper + .post__content-wrapper {
        width: calc(100% - 274px);
        padding-left: 23px;
        margin-top: -10px
    }

.post__image {
    position: relative;
    padding-top: 70.43796%
}

    .post__image img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

.post__date {
    margin-bottom: .3125rem
}

.post__title {
    line-height: 1.75rem;
    margin-bottom: .875rem;
    font-weight: 700;
}

    .post__title, .post__title a {
        color: #2c2d2e
    }

        .post__title a:hover {
            color: #1967af;
            text-decoration: none
        }

.post__link {
    margin: 0;
    font-size: 23px;
    font-weight: 700;
}

    .post__link, .post__link a {
        color: #1967af;
        text-decoration: underline;
    }

        .post__link a:hover {
            text-decoration: none
        }

p.post__desc {
    font-size: 1.125rem;
    line-height: 1.625rem
}

@media (max-width: 767px) {
    .post__image-wrapper {
        width: 100%;
        margin-bottom: 20px
    }

        .post__image-wrapper + .post__content-wrapper {
            padding-left: 0;
            width: 100%
        }

    .post__link {
        color: #1967af
    }

    p.post__desc {
        margin-bottom: 30px
    }
}

/*----End Game Article----*/

/*----Page title----*/

.head-title {
    position: relative;
    text-align: center;
    margin-bottom: 1.5625rem
}

    .head-title:before {
        content: "";
        position: absolute;
        background: #f66;
        height: 2px;
        width: 100%;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1
    }

    .head-title .head-title-text {
        display: inline-block;
        padding: 0 38px;
        background: #fff;
        color: #1967af;
        line-height: 2.5rem;
        margin: 0;
        font-size: 32px;
    }

@media (max-width: 767px) {
    .head-title h1 {
        padding: 0 10px
    }
}

/*----End Page title----*/

/*.m-card-article__thumb img {
    max-height:189px
}*/

.d-block {
    display: block !important
}

/*----Page Overview----*/

@media screen and (min-width: 360px) {
    .m-page-heading-wrapper .select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
        font-size: calc(27.71429px + 2.02381vw);
    }

    .m-page-heading__nav.has-icon {
        padding-left: calc(21.14286px + 1.07143vw + 0.5rem);
    }
}

@media screen and (min-width: 1200px) {
    .m-page-heading-wrapper .select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
        font-size: 52px;
    }

    .m-page-heading__nav.has-icon {
        padding-left: calc(34px + 0.5rem);
    }
}

/*----End Page Overview----*/

/*---- Spacing for content block ----*/

.sfContentBlock {
    margin-bottom: 1rem;
}

    /*---- Css content block image. Untick Constrain proportions in content block image property ----*/
    .sfContentBlock img {
        width: unset;
        max-width: 100%;
    }

    .sfContentBlock div {
        max-width: 100%;
    }
/*---- End Spacing for content block ----*/
.title-18px {
    font-size: 18px;
}

.truncate-3-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*---- Reduce Spacing on page to display table fully ----*/

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}

.o-side-nav-content__nav {
    flex: 0 0 25%;
    max-width: 25%;
}

.o-side-nav-content__content {
    flex: 0 0 75%;
    max-width: 75%;
}

@media screen and (max-width: 767px) {
    .o-side-nav-content__content {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

.a-rich-text td, .a-rich-text th {
    padding: 19px 9px;
}

.o-cyber-aid-filter-container > div {
    padding: 2rem 1.25rem 2rem;
}

/*---- End Reduce Spacing on page to display table fully ----*/

/*---- subscribe ----*/
.form-unsubscribe-mailing .form-group, .form-unsubscribe-mailing .form-check {
    margin-bottom: 1rem;
}

    .form-unsubscribe-mailing .form-check .form-check-input {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        vertical-align: top;
    }

    .form-unsubscribe-mailing .form-group label {
        display: inline-block;
        margin-bottom: .5rem;
    }

    .form-unsubscribe-mailing .form-group .form-control {
        display: block;
        width: 100%;
        max-width: 60%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

.form-unsubscribe-mailing .a-btn.a-btn-outline {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.form-unsubscribe-mailing a.link-unsub {
    color: #004987;
    font-weight: 700;
    text-decoration: underline;
}

.form-unsubscribe-mailing .form-check {
    display: flex;
    justify-content: start;
}

    .form-unsubscribe-mailing .form-check .form-check-label {
        width: calc(100% - 21px);
    }

/* End subscribe */

/* Spacing between Page overview and other components */

.pt-section {
    padding-top: 2rem;
}

.pb-section {
    padding-bottom: 2rem;
}

/* End Spacing between Page overview and other components */

.o-section-container.has-bottom-decorator.pb-section .section-decorator:not(.section-decorator--inset) {
    margin-top: 2rem;
}

.table-report {
    width: 100%;
    text-align: left;
    vertical-align: top
}

.size-text {
    font-size: 17px
}

.m-gallery-preview-item__caption {
    width: 100%;
}

/* Product cyber label */

@font-face {
    font-family: InfraRegular;
    src: url('../fonts/InfraRegular.ttf');
}

@font-face {
    font-family: InfraBold;
    src: url('../fonts/InfraBold.ttf');
}

.m-product-item__photo .m-product-item__zoom {
    display: block !important;
}

.cyber-label {
    max-width: 220px;
    max-height: 165px;
    aspect-ratio: 4 / 3;
    text-align: center;
    margin: 12px auto;
    border-radius: 8px;
    background: #023E5D;
}

    .cyber-label .top-block {
        padding: 16px 0 14px;
    }

        .cyber-label .top-block h5 {
            font-family: InfraBold;
            font-size: 15px;
            color: #fff;
            letter-spacing: 0.5px;
            line-height: 12px;
            margin-bottom: 14px;
        }

        .cyber-label .top-block .star {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .cyber-label .top-block .star img {
                width: 36px;
                height: unset;
                margin: 0 5px;
            }

    .cyber-label .mid-block {
        background: #B7DDE7;
        padding: 8px 4px;
    }

        .cyber-label .mid-block h6 {
            font-family: InfraBold;
            font-size: 8px;
            color: #023E5D;
            line-height: 6px;
            margin-bottom: 8px;
        }

        .cyber-label .mid-block p {
            font-family: InfraBold;
            font-size: 16px;
            color: #023E5D;
            line-height: 12px;
            margin-bottom: 0;
            word-break: break-all;
        }

    .cyber-label .bottom-block {
        margin-top: 2px;
    }

        .cyber-label .bottom-block span {
            font-family: InfraBold;
            font-size: 8px;
            color: #9ec8d6;
            line-height: 6px;
            display: inline-block;
            margin-bottom: 0;
        }

        .cyber-label .bottom-block a {
            font-family: InfraBold;
            font-size: 10px;
            color: #fff;
            text-decoration: none;
        }

.cyber-label-block {
    position: relative;
}

    .cyber-label-block .btn-download {
        display: none;
        position: absolute;
        top: 50%;
        right: 0.5rem;
        transform: translateY(-50%);
        border: unset;
        padding: 0;
        border-radius: 50%;
    }

        .cyber-label-block .btn-download img {
            width: 32px;
            height: 32px;
            margin: 0;
        }

.m-product-item__photo {
    height: unset !important;
}

    .m-product-item__photo.cyber-label-block .m-product-item__zoom {
        display: none !important;
    }

@media screen and (min-width: 576px) {
    .modal-body .cyber-label {
        /* transform: scale(1.3); */
        margin: 40px auto;
    }

        .modal-body .cyber-label .btn-download {
            transform: translateY(-50%) scale(0.8);
        }
}

@media screen and (min-width: 1024px) {
    .modal-body .cyber-label {
        /* transform: scale(1.5); */
        margin: 50px auto;
    }

        .modal-body .cyber-label .btn-download {
            transform: translateY(-50%) scale(0.7);
        }
}

/* End Product cyber label */

/* Card titles */

.m-card-article__thumb {
    position: relative;
    padding-bottom: calc(231 / 348 * 100%);
}

    .m-card-article__thumb img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        object-fit: cover;
    }

/* End card titles */

/* Image gallery */

.o-gallery-nav .m-gallery-nav-item__img {
    position: relative;
    padding-bottom: calc(104 / 138 * 100%);
}

    .o-gallery-nav .m-gallery-nav-item__img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* End image gallery */

/* Navigation Bar - Trimmed off */

.o-site-header .nav-dropdown-list.active .menu-wrapper {
    height: auto !important;
}

/* END Navigation Bar - Trimmed off */

sgds-masthead {
    max-width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 5000;
}

.d-flex {
    display: flex !important;
}

.m-filter-group-dropdown .select2.select2-container .with-number .label {
    max-width: 160px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 12px !important;
}

.m-filter-group-dropdown .select2.select2-container .with-number {
    min-width: 187px;
    max-width: 187px;
}

.event-container .o-filter-container .o-filter-wrapper .m-filter-group-label {
    margin-bottom: 0.5rem;
}

.event-container .o-filter-container .o-filter-wrapper {
    flex-wrap: wrap;
}

    .event-container .o-filter-container .o-filter-wrapper .m-filter-group-items {
        flex: 0 1 auto;
        flex-wrap: wrap;
    }

        .event-container .o-filter-container .o-filter-wrapper .m-filter-group-items .m-filter-group-dropdown {
            margin-right: 0.5rem;
            margin-left: 0;
            margin-bottom: 0.5rem;
        }

@media screen and (min-width: 768px) {
    .event-container .o-filter-sort .is-small .select2-container--default, .o-filter-wrapper .is-small .select2-container--default {
        min-width: 150px;
    }
}

@media screen and (max-width: 767.98px) {
    .event-container .o-filter-container .o-filter-wrapper .m-filter-group-items .m-filter-group-dropdown {
        width: 100%;
    }

    .event-container .o-filter-sort .is-small .select2-container--default, .o-filter-wrapper .is-small .select2-container--default {
        width: 100%;
    }

    .sfContentBlock div,
    .sfContentBlock img {
        max-width: 100%;
    }
}

.m-page-tag {
    padding: 1rem 0 1.875rem;
}

.o-site-header .navbar-collapse {
    z-index: 0;
}

.o-accordion .m-accordion-item .m-accordion-item__header h2 {
    padding-right: 1rem;
    margin-bottom: 2rem;
}

.text-link-recognition {
    vertical-align: top !important;
}

.sfContentBlock .embed-responsive {
    height: 60vh;
    min-height: 500px;
}