.Normal {
    font-size: 14px;
    line-height: 1.428;
}

.SkinLink {
    margin-top: 15px;
    text-align: center;
}

.pe-none{
    pointer-events: none;
}

.navbar {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.carousel-inner > .active.left {
    float: none;
}

.carousel-caption h1 {
    color: #fff;
}

.navbar-brand {
    padding: 0 !important;
}

a.btn-info, a.btn-info:visited, a.btn-primary, a.btn-primary:visited {
    color: #fff;
}

.searchBox {
    padding: 15px 15px 0 15px;
    width: 240px;
}

    .searchBox .searchText {
        color: #000;
        float: right;
    }

.searchSkinObjectPreview_group {
    display: none;
}

ul.dnnAdminTabNav {
    height: 40px;
    border-radius: 0 !important;
}

.cc-compliance {
    align-self: center;
}

.cc-window.cc-floating {
    padding: 16px;
    width: 100%;
    max-width: 100%;
}

.cc-window .cc-message {
    margin-bottom: 8px;
}

.cc-window.cc-banner {
    padding: 1em;
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cc-color-override-688238583 .cc-btn.primary-button {
    text-transform: uppercase;
    padding: 12px 24px;
    background: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    border: 0;
}

    .cc-color-override-688238583 .cc-btn.primary-button:hover {
        background: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
        color: #fff;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
    }

.cc-color-override-688238583 .cc-btn.secondary-button {
    text-transform: uppercase;
    padding: 12px 24px;
    background: #fff;
    color: #333;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    background-image: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    border: 0;
}

    .cc-color-override-688238583 .cc-btn.secondary-button:hover {
        background: #fff;
        background-image: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        color: #333;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
    }

.cc-message {
    color: #333;
}

.cc-header {
    display: block;
    color: #333;
    font-weight: 700;
    margin-bottom: 20px;
}

.cc-color-override-688238583 a.cc-link, .cc-color-override-688238583 a.cc-link:active, .cc-color-override-688238583 a.cc-link:visited {
    opacity: 1;
    display: inline-block;
    padding: 0;
    color: rgba(59, 67, 149, 1);
}

div.cc-color-override-688238583.cc-window {
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}

.cc-color-override-688238583 a.cc-btn {
    background-color: #fff;
    border-radius: 4px;
}

    .cc-color-override-688238583 a.cc-btn:hover {
        background-color: #fff;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
        text-decoration: none;
    }

@media screen and (min-width:768px) {
    .cc-window.cc-banner {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .cc-window .cc-message {
        margin-bottom: 0;
    }

    .cc-compliance {
        align-self: end;
    }
}

/* styling for the Edit Profile and My Account links in User Profiles */
.dnnActions {
    display: inline-block;
}

    .dnnActions li {
        margin-right: 5px;
        list-style: none;
        float: left;
    }


/*override for dnnLabels in the bootstrap */
.form-group .dnnLabel {
    text-align: left;
    width: auto;
}

.dnnLabel + span {
    white-space: normal;
}

/* Addition to bootstrap menu styles */
/* Displace second and deeper level menus right from their parent.  */
.dropdown-menu .dropdown-menu {
    margin-left: 160px;
}


/* ADMIN */

#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after {
    -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box !important; /* Firefox, other Gecko */
    box-sizing: content-box !important; /* Opera/IE 8+ */
}


.navbar-default .navbar-nav > li > div > ul > li > a, .navbar-default .LoginLink {
    color: #777;
}

    .navbar-default .navbar-nav > li > div > a:hover,
    .navbar-default .navbar-nav > li > div > a:focus,
    .navbar-default .navbar-nav > li > div > ul > li > a:hover,
    .navbar-default .navbar-nav > li > div > ul > li > a:focus {
        color: #ffffff;
        background-color: #178acc;
    }


/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/

.navbar-right {
    height: 51px;
}

    .navbar-right .registerGroup,
    .navbar-right .registerGroup *,
    .navbar-right .loginGroup,
    .navbar-right .loginGroup * {
        display: inline;
    }

    .navbar-right .registerGroup,
    .navbar-right .loginGroup {
        float: right;
    }

        .navbar-right .registerGroup li:first-child:hover {
            border-left: #222;
        }

        /* Register Group Styles */
        .navbar-right .registerGroup li {
            float: left;
        }

        .navbar-right .registerGroup .buttonGroup {
            margin-right: 0;
        }

        .navbar-right .registerGroup a,
        .navbar-right .loginGroup a {
            display: block;
            position: relative;
            height: 50px;
            min-width: 12px;
            padding: 15px 15px 0 15px;
            vertical-align: middle;
        }

            .navbar-right .registerGroup a:hover,
            .navbar-right .loginGroup a:hover {
            }

            .navbar-right .registerGroup a:active,
            .navbar-right .loginGroup a:active {
                text-shadow: 0 -1px 0 #ffffff;
            }

            .navbar-right .registerGroup a:hover,
            .navbar-right .loginGroup a:hover {
                text-decoration: none;
            }

            .navbar-right .registerGroup a strong,
            .navbar-right .loginGroup a strong {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                overflow: hidden;
                font-size: 0;
                text-indent: -9999px;
            }

    .navbar-right .userMessages a,
    .navbar-right .userNotifications a {
        background-color: transparent;
    }

    .navbar-right .userMessages strong {
        height: 100%;
        background: url('i/icon_message.png') no-repeat center center;
    }

    .navbar-right .userNotifications {
    }

        .navbar-right .userNotifications strong {
            height: 100%;
            background: url('i/icon_notification.png') no-repeat center center;
        }

    .navbar-right .registerGroup a span {
        display: inline-block;
        min-width: 7px;
        margin-right: 3px;
        text-align: center;
    }



    .navbar-right .registerGroup .userProfileImg a {
        min-width: 50px;
        min-height: 50px;
        padding: 0;
    }

    .navbar-right .registerGroup a img {
        height: 50px;
        width: 50px;
    }

    /* Login Group Styles */
    .navbar-right .loginGroup {
    }

        .navbar-right .loginGroup a {
        }

    /* Number of message next to the message icon*/
    .navbar-right .userMessages a span,
    .navbar-right .userNotifications a span {
        display: inline-block;
        margin-top: 0;
        margin-right: 0;
        background-color: transparent;
    }

    .navbar-right .userNotifications span, .navbar-right .userMessages span {
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        overflow: hidden;
        font-size: 0;
        text-indent: -9999px;
        z-index: 999;
    }

    .navbar-right .userNotifications span {
        background: url('i/icon_notification_active.png') no-repeat center center;
    }

    .navbar-right .userMessages span {
        background: url('i/icon_message_active.png') no-repeat center center;
    }


/* Content formatting */
.text-with-cyan-background {
    background: radial-gradient(50% 613.78% at 50% 50%, rgba(163, 216, 230, 0.25) 0%, rgba(0, 158, 227, 0.25) 100%);
    text-align: center;
    padding: 24px 16px;
}

    .text-with-cyan-background > h2 {
        font-size: 16px;
        font-weight: 400;
        color: #3B4395;
        text-transform: uppercase;
    }

@media (min-width: 992px) {
    .text-with-cyan-background {
        padding: 40px 323px;
    }

        .text-with-cyan-background > h2 {
            font-size: 24px;
        }
}

#Content, #TopContent {
    margin-top: 10px;
}

.full-width-and-height {
    width: 100%;
    height: 100vh;
}

.input-required {
    outline: none;
    background-color: #A90000;
    padding: 1px;
    border-radius: 4px;
}

.video-background {
    background: linear-gradient(0deg, rgba(12, 7, 2, 0.71), rgba(12, 7, 2, 0.71)), linear-gradient(0deg, #009ee3, transparent);
    background-blend-mode: luminosity, color, normal;
}

    .video-background > video {
        position: absolute;
        width: 100%;
        height: 100vh;
        left: 0px;
        object-fit: cover;
        z-index: -1;
    }

.text-on-video-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 50%;
    justify-content: space-between;
}

    .text-on-video-section > .title-section {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        overflow: hidden;
        max-height: 600px;
        opacity: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
    }

    .text-on-video-section > .scroll-section {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        position: absolute;
        bottom: 16px;
        cursor: pointer
    }

    .text-on-video-section > .title-section > h1 {
        color: #ffffff;
        font-weight: 100;
        text-transform: uppercase;
        font-size: 64px !important; /* 2.5rem;*/
        margin-bottom: 36px;
    }

    .text-on-video-section > .title-section > h2 {
        color: #ffffff;
        font-weight: 200;
        font-size: 20px;
    }

    .text-on-video-section > .scroll-section > h3 {
        color: #ffffff;
        margin-bottom: 16px;
        font-weight: 400;
        font-size: 14px;
    }

@media only screen and (min-width: 1440px) {
    .text-on-video-section > .title-section > h1 {
        font-size: 32px;
        white-space: nowrap
    }

    .text-on-video-section > .title-section > h2 {
        font-size: 30px;
        white-space: nowrap;
    }

    .text-on-video-section > .scroll-section > h3 {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1240px) {
    .text-on-video-section > .title-section > h1 {
        font-size: 32px;
        white-space: nowrap
    }
}


.text-on-video-section > .scroll-section > img {
    width: 24px;
    height: 60px;
}

.emoji {
    height: 14px;
}

.title-section .emoji {
    height: 20px;
}

@media (min-width: 1440px) {
    .title-section .emoji {
        height: 30px;
    }
}

.popup-window {
    width: 170px;
    height: 69px;
    margin-top: 6px;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    font-weight: 300;
    font-size: 14px;
    padding: 16px;
    text-transform: uppercase;
    line-height: 20px;
    margin-left: auto;
    margin-bottom: -71px;
    margin-right: 12px;
    position: relative;
}

.popup-window > a {
    font-weight: 300;
    font-size: 14px;
}

#contact-form-pop-up {
    height: auto;
}

@media (min-width: 1024px) {
    .popup-window {
        width: 245px;
        height: 100px;
        font-size: 1.25rem;
        padding: 1.5rem;
        margin-bottom: -120px;
        margin-left: 89%;
        line-height: 30px;
    }

        .popup-window > a {
            font-weight: 300;
            font-size: 1.25rem;
        }
}

.lh-16px {
    line-height: 16px;
}

.h-fit-content {
    height: fit-content;
}

.modal-font-size {
    font-size: 12px;
}

@media (min-width: 768px) {
    .modal-font-size {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .font-sm-size-14px {
        font-size: 14px;
    }
}

h2.contact-us-title {
    font-size: 24px;
    font-weight: 700;
}

.contact-us-text {
    font-size: 16px;
    text-align: center;
    font-weight: 300;
}

@media(min-width: 1024px) {
    h2.contact-us-title {
        font-size: 32px;
        font-weight: 700;
    }

    .contact-us-text {
        font-size: 20px;
    }
}

.white-to-blue-background {
    border-radius: 4px;
    padding: 1px;
    background: linear-gradient(97.99deg, rgba(163, 216, 230, 0.5) 0%, rgba(0, 158, 227, 0.5) 99.93%);
}

.dark-blue-background-on-focus:focus-within {
    outline: none;
    background: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
}

.mb-2rem {
    margin-bottom: 2rem;
}

@media screen and (min-width: 1024px) {
    .mt-1024-3 {
        margin-top: 16px;
    }
}

.p-34px {
    padding: 34px;
}

.mr-34px {
    margin-right: 34px;
}

/* custom generic indents start */

.px-3-non-important {
    padding-right: 1rem;
    padding-left: 1rem;
}

.px-md-10px, div.px-md-10px {
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 992px) {
    .px-md-10px, div.px-md-10px {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* custom generic indents end*/

@media screen and (min-width: 992px) {
    .w-lg-68 {
        width: 68%;
    }
}

.resize-none {
    resize: none;
}

.center-modal {
    left: auto;
    top: 40%
}

.p-12px {
    padding: 12px;
}

.submit-button-size {
    height: 40px;
    width: 141px;
    border: none;
    border-radius: 2px;
    background-color: #B4CAD0 !important;
}

.submit-button-text {
    font-size: 18px;
}

.input-section {
    width: 100%;
    height: 40px;
    margin-bottom: 16px;
    margin-top: 16px;
}

@media (min-width: 1024px) {
    .input-section {
        width: 47%;
        height: 40px;
    }

    .mr-mb-16px {
        margin-right: 16px;
    }

    .ml-mb-16px {
        margin-left: 16px;
    }
}

.h-97px {
    height: 97px;
}

.blue-to-purple-background {
    background: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
    color: #fff;
    border-radius: 2px;
    outline: none;
    border: none;
}

.background-image-height {
    height: 670px;
}

@media (min-width: 768px) {
    .background-image-height {
        height: 494px;
    }
}


.margin-y-2rem {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.bold-text, h1.bold-text {
    font-size: 2rem;
    font-weight: 700;
}

.white-sector-border {
    border-radius: 8px;
    padding: 1px;
    background: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
    margin-top: 54px;
    margin-bottom: 60px;
    margin-left: 16px;
    margin-right: 16px;
}

.white-sector {
    padding: 24px 16px 16px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    align-items: center;
    z-index: auto;
    max-width: 664px;
}

@media (min-width: 768px) {
    .white-sector {
        padding: 32px;
    }

    .white-sector-border {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

.font-size-14px {
    font-size: 14px;
}

.font-size-24px {
    font-size: 24px;
}

.input-border {
    border-radius: 4px;
    border: none;
}

    .input-border:focus {
        outline: none;
    }

/*
 * blueimp Gallery CSS 2.11.1 https://github.com/blueimp/Gallery
 * Copyright 2013, Sebastian Tschan https://blueimp.net
 * Licensed under the MIT license: http://www.opensource.org/licenses/MIT
 */
.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* Prevent artifacts in Mozilla Firefox: */
    -moz-backface-visibility: hidden;
}

.blue-background {
    background: linear-gradient(90deg, rgba(163, 216, 230, 0.25) 0%, rgba(95, 191, 237, 0.25) 100%);
    width: 100%;
    min-height: 172px;
}

@media(min-width: 768px) {
    .contact-us-size {
        width: fit-content
    }
}

.contact-us-bg-img {
    object-fit: cover;
    z-index: -2;
}

.purple-text {
    font-weight: 400;
    color: #3b4395;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.text-black, a.text-black, a.text-black:visited {
    color: #0C0702;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

.sales-info-text {
    font-weight: 400;
    font-size: 0.875rem;
    color: #0C0702;
}

.awards-size, .slick-slide.awards-size {
    height: 80px;
}

@media (min-width: 768px) {
    .awards-size, .slick-slide.awards-size {
        height: 120px;
    }
}

@media (min-width: 992px) {
    .awards-size, .slick-slide.awards-size {
        height: 160px;
    }
}

.padding-to-center {
    padding: 24px 16px;
}

.background-img {
    left: 0%;
    z-index: -2;
    object-fit: cover;
    object-position: 100% 70%;
}

.gray-background-filter {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92));
    background-position: center;
}

@media (min-width: 992px) {
    .padding-to-center {
        padding: 80px 323px;
    }
}

.section-title {
    font-size: 32px;
    margin-bottom: 32px
}

.small-image {
    height: 40px;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 16px;
}

.zoomed:hover {
    transform: scale(1.5);
}

.language-object {
    width: 32px;
    display: flex;
    justify-content: end;
    padding-bottom: 4px;
}

    .language-object .language {
        width: 37px;
        height: 22px;
        margin: 0px;
    }

    .language-object .selected-language {
        margin-top: -2px;
        margin-left: -23px;
        pointer-events: none;
    }

    .language-object .language-flag {
        width: 18px;
        height: 12px;
        position: relative;
        z-index: 2;
    }

.mr-60px {
    margin-right: 60px;
}

@media (min-width: 768px) {
    .small-image {
        height: 60px;
        margin-right: 30px;
        margin-left: 30px;
    }
}

@media (min-width: 992px) {
    .small-image {
        height: 80px;
        margin-right: 40px;
        margin-left: 40px;
    }
}

.gallery-content-container p {
    font-size: 16px;
}

@media (min-width: 768px) {
    .gallery-content-container p {
        font-size: 20px;
    }
}

.ga-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
}

    .ga-wrapper a .ga-img img {
        border-radius: 4px;
    }

    .ga-wrapper a:hover .ga-img img {
        filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5));
    }


.image-gallery {
    max-width: 50%;
    flex: 0 0 50%;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 16px;
}

@media(min-width: 768px) {
    .image-gallery {
        max-width: 33.3%;
        flex: 0 0 33.3%;
    }
}

@media(min-width: 992px) {
    .image-gallery {
        max-width: 20%;
        flex: 0 0 20%;
        padding-right: 16px;
        padding-left: 16px;
        padding-bottom: 32px;
    }

    .ga-wrapper {
        padding-bottom: 0px;
    }
}

.px-15px {
    padding-right: 15px;
    padding-left: 15px;
}

.expertise-icon {
    width: 48px;
    height: 48px;
    margin-right: 16px;
    margin-bottom: 16px;
}

.expertise-none {
    pointer-events: none;
    cursor: default;
}

@media(min-width: 768px) {
    .expertise-icon {
        width: 56px;
        height: 56px;
        margin-right: 32px;
        margin-bottom: 0px;
    }
}

.expertise:link {
    text-decoration: none;
    color: rgb(33,37,41);
}

.expertise:visited {
    text-decoration: none;
    color: rgb(33,37,41);
}

.expertise:hover {
    text-decoration: none;
    color: rgb(33,37,41);
}

.expertise:active {
    text-decoration: none;
    color: rgb(33,37,41);
}

.summary-into-margin {
    margin-bottom: 32px;
}

    .summary-into-margin:last-child {
        margin-bottom: 0px;
    }

@media(min-width: 768px) {
    .summary-into-margin {
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .summary-into-margin:last-child {
            margin-bottom: 40px;
        }
}

.expertise {
    width: 100%;
    display: flex;
    margin-bottom: 16px;
    cursor: pointer;
    border-radius: 10px;
    background: #fff;
    padding: 8px;
    color: rgb(33,37,41);
}

@media(min-width: 768px) {
    .expertise {
        width: 50%;
        margin-bottom: 32px;
        padding: 32px;
    }
}

@media(min-width: 992px) {
    .expertise {
        width: 33%;
    }
}

.expertise:hover {
    background: linear-gradient(90deg, rgba(163, 216, 230, 0.25) 0%, rgba(95, 191, 237, 0.25) 100%);
}

    .expertise:hover > div > .expertise-title {
        color: #009EE3
    }

.expertise-title {
    font-size: 20px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    margin-bottom: 0.75rem
}

.expertise-sector-title {
    font-weight: 400;
    font-size: 2rem;
    color: #3B4395;
    margin-bottom: 2rem
}

.expertise-text {
    font-weight: 400;
    font-size: 14px;
}

.blueimp-gallery > .slides > .slide > .slide-content {
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
}

.blueimp-gallery {
    position: fixed;
    z-index: 999999;
    overflow: hidden;
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    display: none;
    direction: ltr;
    -ms-touch-action: none;
    touch-action: none;
}

.blueimp-gallery-carousel {
    position: relative;
    z-index: auto;
    margin: 1em auto;
    /* Set the carousel width/height ratio to 16/9: */
    padding-bottom: 56.25%;
    box-shadow: 0 0 10px #000;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.blueimp-gallery-display {
    display: block;
    opacity: 1;
}

.blueimp-gallery > .slides {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.blueimp-gallery-carousel > .slides {
    position: absolute;
}

.blueimp-gallery > .slides > .slide {
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

    .blueimp-gallery,
    .blueimp-gallery > .slides > .slide > .slide-content {
        -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        -o-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
    }

        .blueimp-gallery > .slides > .slide-loading {
            background: url(img/loading.gif) center no-repeat;
            background-size: 64px 64px;
        }

            .blueimp-gallery > .slides > .slide-loading > .slide-content {
                opacity: 0;
            }

        .blueimp-gallery > .slides > .slide-error {
            background: url(img/error.png) center no-repeat;
        }

            .blueimp-gallery > .slides > .slide-error > .slide-content {
                display: none;
            }

        .blueimp-gallery > .prev,
        .blueimp-gallery > .next {
            position: absolute;
            top: 50%;
            left: 15px;
            width: 40px;
            height: 40px;
            margin-top: -23px;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 60px;
            font-weight: 100;
            line-height: 30px;
            color: #fff;
            text-decoration: none;
            text-shadow: 0 0 2px #000;
            text-align: center;
            background: #222;
            background: rgba(0, 0, 0, 0.5);
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            border: 3px solid #fff;
            -webkit-border-radius: 23px;
            -moz-border-radius: 23px;
            border-radius: 23px;
            opacity: 0.5;
            cursor: pointer;
            display: none;
        }

        .blueimp-gallery > .next {
            left: auto;
            right: 15px;
        }

        .blueimp-gallery > .close,
        .blueimp-gallery > .title {
            position: absolute;
            top: 15px;
            left: 15px;
            margin: 0 40px 0 0;
            font-size: 20px;
            line-height: 30px;
            color: #fff;
            text-shadow: 0 0 2px #000;
            opacity: 0.8;
            display: none;
        }

        .blueimp-gallery > .close {
            padding: 15px;
            right: 15px;
            left: auto;
            margin: -15px;
            font-size: 30px;
            text-decoration: none;
            cursor: pointer;
        }

        .blueimp-gallery > .play-pause {
            position: absolute;
            right: 15px;
            bottom: 15px;
            width: 15px;
            height: 15px;
            background: url(img/play-pause.png) 0 0 no-repeat;
            cursor: pointer;
            opacity: 0.5;
            display: none;
        }

.blueimp-gallery-playing > .play-pause {
    background-position: -15px 0;
}

.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover,
.blueimp-gallery > .close:hover,
.blueimp-gallery > .title:hover,
.blueimp-gallery > .play-pause:hover {
    color: #fff;
    opacity: 1;
}

.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .close,
.blueimp-gallery-controls > .title,
.blueimp-gallery-controls > .play-pause {
    display: block;
    /* Fix z-index issues (controls behind slide element) on Android: */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.blueimp-gallery-single > .prev,
.blueimp-gallery-left > .prev,
.blueimp-gallery-single > .next,
.blueimp-gallery-right > .next,
.blueimp-gallery-single > .play-pause {
    display: none;
}

.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .play-pause {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error {
    background-image: url(img/error.svg);
}

body:last-child .blueimp-gallery > .play-pause {
    width: 20px;
    height: 20px;
    background-size: 40px 20px;
    background-image: url(img/play-pause.svg);
}

body:last-child .blueimp-gallery-playing > .play-pause {
    background-position: -20px 0;
}

/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide {
    min-height: 300px;
}

    * + html .blueimp-gallery > .slides > .slide > .slide-content {
        position: relative;
    }

/* fix for carousel for large resolution displays */

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: 0 auto;
    width: 100%;
}


.dnnDropDownList .selected-item, .dnnDropDownList .selected-item a {
    height: 35px !important;
}


/* fix for coloring on DNN Check boxes and radio */
.dnnCheckbox .mark, .dnnRadiobutton .mark {
    background: none;
}

/* Custom css */

* {
    box-sizing: border-box;
}

body {
    font-style: normal;
    font-weight: normal;
}

body, h1, h2, h3, h4, h5, h6, p, a, a:visited, textarea, input, button, input, select, div, li, span {
    font-family: 'Roboto', sans-serif;
    color: #0C0702;
}

.admin-line a:visited {
    color: rgb(2,139,255);
}

a:hover, body div div div a:hover, .admin-line a:hover {
    color: #3B4395;
}

h1 {
    font-size: 5rem;
}

h2 {
    font-size: 3.75rem;
}

h3 {
    font-size: 2rem;
}

h4 {
    line-height: 29px;
    font-weight: 600;
    font-size: 1.5rem;
}

h5 {
    font-size: 1.5rem;
}

h6, h7, p, a {
    font-size: 1.125rem;
}

h7 {
    font-size: 1.125rem;
}

p {
    font-size: 16px;
}

.admin-line {
    background: black;
    padding: 10px;
}

.navbar-separator {
    width: 1px;
    height: 24px;
    opacity: 25%;
    background-color: black;
}

@media (min-width: 992px) {
    .navbar-separator {
        background-color: white;
    }
}

.nav-link {
    text-transform: uppercase;
}

.social-link {
    margin-left: 10px;
    margin-right: 10px;
}

    .social-link:first-child {
        margin-left: 0px;
    }

    .social-link:last-child {
        margin-right: 0px;
    }

li {
    font-size: 1.125rem;
    list-style-type: none;
}

.footer {
    color: white;
    padding: 18px 0px;
    margin-left: auto;
    height: 80px;
}

    .footer span, .footer a {
        color: white;
    }

@media screen and (max-width: 767px) {
    .footer {
        padding: 15px 0px;
        height: 113px;
    }
}

.header-collapse {
    justify-content: space-between;
}

::placeholder {
    font-weight: 300;
    color: #B4CAD0;
}

.shadow {
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.5);
}

a.custom-nav-link {
    color: white;
    text-decoration: none;
}

.nav-block {
    background: #333333;
}

    .nav-block a {
        color: white;
    }

h2 {
    font-weight: bold;
}

.footer-shadow {
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.5);
}

.navbar-background {
    transition: opacity 0.45s;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.navbar-toggler, .navbar-toggler:focus {
    outline: none;
}

    .navbar-toggler[aria-expanded="false"] .sandwitch {
        display: inline;
    }

    .navbar-toggler .sandwitchClose, .navbar-toggler[aria-expanded="false"] .sandwitchClose {
        display: none;
    }

    .navbar-toggler[aria-expanded="true"] .sandwitch {
        display: none;
    }

    .navbar-toggler[aria-expanded="true"] .sandwitchClose {
        display: inline;
    }

.footer-block {
    position: relative;
    color: white;
}

.contacts-title {
    margin: 24px 0px 24px;
    font-weight: 600;
    font-size: 24px;
}

.mb-10px {
    margin-bottom: 10px;
}

.links-title {
    margin: 24px 0px 24px;
    font-weight: 500;
}

.links {
    flex-direction: column;
}

.links-bg {
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100vw;
    position: absolute;
    background: #999999;
}

.links a, .links a:hover {
    display: block;
    color: white;
}

.contacts-bg {
    top: 0;
    left: -100vw;
    z-index: -2;
    height: 100%;
    width: 100vw;
    position: absolute;
}

.contacts:after {
    top: 0;
    left: -400px;
    overflow: hidden;
    position: absolute;
    width: 200vw;
    z-index: -2;
    height: 100%;
    content: ''
}

.col-lg-8.footer-block:after {
    top: 0;
    left: -400px;
    background: #999999;
    position: absolute;
    width: 200vw;
    z-index: -3;
    height: 100%;
    content: '';
}

.contacts {
    position: relative;
    color: #333333;
    background: #C4C4C4;
}

    .contacts a, .contacts a:hover {
        color: #333333;
    }

label {
    font-weight: 600;
}

.no-side-padding {
    padding-left: 0;
    padding-right: 0;
}

.py-3-sides {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.socialMedia_footer {
    font-weight: bold;
    justify-content: flex-end;
}

.copyright {
    font-weight: bold;
    font-size: 14px;
    justify-content: left;
}

    .copyright ul {
        margin: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .copyright a {
        font-size: inherit;
        color: inherit;
        opacity: 0.75;
    }

        .copyright a:hover {
            color: white;
            text-decoration: inherit;
            opacity: 1;
        }

.copyright-regular-text {
    opacity: 0.75;
}

.logo {
    align-items: center;
}

.button {
    padding: 9px 24px;
    border-radius: 2px;
    border-color: transparent;
    line-height: 22px;
}

.button-opacity {
    opacity: 0.9;
}

    .button-opacity:hover {
        opacity: 1;
    }

    .button-opacity:disabled,
    .button-opacity[disabled] {
        /*border: 1px solid #999999;*/
        background-color: darkgrey;
        color: white;
    }

div button.button {
    outline: none;
}

.txt-danger {
    text-align: center;
    color: #EB5757;
}

.txt-success {
    text-align: center;
    color: #219653;
}

.gradient-block-blue-purple {
    background: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
}

.gradient-text-blue-purple {
    background: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media screen and (min-width: 768px) {
    .logo {
        align-items: flex-start;
    }

    .header-collapse {
        justify-content: flex-start;
    }

    .copyright {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .copyright {
        padding-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .copyright, .socialMedia_footer {
        justify-content: start;
        margin-left: 0px;
    }
}

.custom-nav-link {
    text-transform: uppercase;
    text-decoration: none;
    height: 24px;
    width: auto;
}

    .custom-nav-link:hover,
    .custom-nav-link:focus {
        background-color: transparent !important;
    }




@media screen and (max-width: 768px) {
    h1 {
        font-size: 3.5rem;
    }

    h2 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 992px) {
    .contacts-bg, .links-bg {
        display: none;
    }
}

.DnnModule {
    width: 100%;
}

.disabled-link, .disabled-input {
    pointer-events: none;
    opacity: 0.5;
    text-decoration: none;
}

.link {
    cursor: pointer
}

.deny_btn {
    display: block;
    background-image: url("../../Icons/Sigma/Deny_32X32_Standard.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}

.sticky-top-menu {
    position: fixed;
    top: 0;
    width: 100%;
}

.nav-item {
    opacity: 75%;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .nav-item:hover {
        opacity: 100%;
    }

.nav-menu-pages .custom-nav-link {
    margin: 0px 10px;
}

@media screen and (max-width: 1199px) {
    .nav-menu-pages .custom-nav-link {
        margin-right: 16px;
    }

    .nav-menu-pages li:first-child {
        padding-top: 0px;
    }

    .nav-menu-pages li:last-child {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 1199px) {
    .company-logo-container {
        padding-top: 13px;
        padding-bottom: 13px;
    }
}

@media only screen and (max-width: 1199px) {
    .company-logo {
        width: 130px;
        height: 36px;
    }

    .logo {
        padding: 0px;
    }

    nav.navbar {
        padding: 0px;
    }

    div.navbar-menu {
        background-color: white;
        color: #0C0702;
        padding: 0px;
    }

    .navbar-collapse {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .nav-block a {
        color: #0C0702;
    }

    .custom-nav-link {
        margin: 0px 16px;
    }

        .custom-nav-link:hover {
            color: #0C0702;
        }

        .custom-nav-link svg path {
            fill: #0C0702;
        }

    .navbar-menu .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .nav-item a {
        margin: 0px 10px;
    }
}

.z-index-top {
    z-index: 999;
}

.opacity-100 {
    opacity: 1;
}

.background-purple {
    background: #3F4591;
    height: auto;
}

.background-blue {
    background: #009DE0;
}

.background-light-blue {
    background: #84BEEC;
}

.footer-link, .footer-link a {
    font-weight: 400;
    font-size: 16px;
    /*height: 19px;*/
    line-height: 19px;
    opacity: 75%;
}

.links-block {
    padding-bottom: 26px;
    padding-left: 0px;
    padding-right: 0px;
}

    .links-block div {
        padding-left: 0px;
        padding-right: 0px;
    }

.app-block {
    overflow: hidden;
    position: relative;
    max-height: 600px;
    opacity: 1;
}

.app-img {
    filter: brightness(65%);
    position: relative;
}

.app-text-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 66%;
}

.fw-700 {
    font-weight: 700;
}

.br-2px {
    border-radius: 2px;
}

.mb-32px {
    margin-bottom: 32px;
}

.presentation-button {
    line-height: 21px;
    font-size: 18px;
    padding: 8px 24px;
}

.accordion-container {
    background: rgba(12, 7, 2, 0.6);
    border-radius: 8px;
    cursor: default;
}

.accordion {
    padding: 24px 18px;
    margin-bottom: 16px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
}

    .accordion span.active {
        display: none;
    }

    .accordion span.inactive {
        display: inline;
    }

    .accordion.active {
        padding-bottom: 16px;
        margin: 0px
    }

        .accordion.active span.active {
            display: inline;
        }

        .accordion.active span.inactive {
            display: none;
        }

.panel {
    padding: 0px 18px;
    overflow: hidden;
    margin-bottom: 16px;
    max-height: 150px;
}

    .panel p {
        font-size: 14px;
        overflow: hidden;
        max-height: 134px;
    }

@media screen and (max-width:991px) {
    .accordion {
        padding: 12px 16px 12px 0px;
    }

        .accordion.active {
            padding-bottom: 24px;
            margin: 0px
        }

    .panel {
        max-height: none;
    }

        .panel .footer-link:last-child {
            margin-bottom: 12px;
        }
}

.presentation-textblock h1 {
    margin-bottom: 32px;
    font-size: 32px;
}

.presentation-textblock p {
    margin-bottom: 18px;
    font-size: 20px;
}

@media screen and (max-width: 768px) {
    .presentation-textblock h1 {
        font-size: 32px;
    }

    .presentation-textblock p {
        font-size: 16px;
        margin-bottom: 12px;
        line-height: 18px;
    }

    img.app-img {
        object-fit: cover;
        height: 100%;
        max-width: none;
        max-height: 600px;
    }
}


@media screen and (max-width: 480px) {
    .app-text-block {
        top: 0;
        left: 50%;
        transform: translate(-50%);
        width: 85%;
        margin-top: 24px;
    }

    img.app-img {
        object-fit: cover;
        height: 100%;
        max-width: none;
        max-height: 418px;
    }
}

div.modal-content {
    border-radius: 8px;
    padding: 32px;
}

.modal-content-presentation {
    max-width: 400px;
}

input[type=text], input[type=email], textarea {
    font-weight: 300;
}

.modal-title {
    font-weight: 400;
}

.modal-body {
    font-weight: 300;
    padding: 0px;
}

    .modal-body .input-container {
        height: 40px;
        border-radius: 4px;
    }

.modal .btn {
    font-size: 18px;
    border-radius: 2px;
}

button.close {
    color: #A3D8E6;
}

    button.close:hover {
        color: #5fbfed;
    }

.input-container input:focus {
    border-color: transparent;
}

div.presentation-success-msg {
    max-width: 417px;
}

    div.presentation-success-msg p {
        overflow-wrap: break-word;
    }

/*----block Our Technological Stack----*/

.techno-title {
    font-weight: 400;
    font-size: 2rem;
    color: #3B4395;
    margin-bottom: 2rem
}

.techno-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    /* Black */
    color: #0C0702;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    width: 80%;
}

@media (min-width: 768px) {
    .techno-text {
        width: 60%;
    }
}

techstack-desktop {
    flex-direction: column;
    justify-content: center;
    padding: 0px;
    margin: 0px;
    width: 100%;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
    height: 370px;
}

.techstack-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px;
    margin-top: 0px;
    width: 100%;
    order: 2;
    flex-grow: 0;
    margin: auto;
}

.techno-stack-frame {
    display: flex;
    align-items: flex-start;
    padding: 0px;
    height: 114px;
}

.techno-stack-frame-left-70 {
    margin-left: 66px;
}

.techno-stack-frame-mobile {
    display: flex;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    height: 76px;
}

.techno-stack-img {
    margin-right: -10px;
    width: 142px;
}

.techno-stack-img-mobile {
    margin-right: -10px;
    width: 98px;
}

/*********************  FeedBacks  *****************************************************/

@media screen and (max-width: 768px) {

    .feedback-card-block {
        margin-left: 1px;
        margin-right: 1px;
        padding: 0px;
    }

    .feedback-nameperson {
        flex-direction: column;
        height: 32px;
    }

    .feedback-ul {
        margin-left: 0px;
    }

    .feedback-aboutperson {
        height: 32px;
    }

    .buttonPrevNext {
        display: none;
    }
}

div.carousel-item {
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
}

@media screen and (min-width: 769px) {
    .feedback-card-block {
        margin: 0px;
        padding-left: 132px;
        padding-right: 132px
    }

    .feedback-nameperson {
        flex-direction: row;
        height: 16px;
    }

    .feedback-ul {
        margin-left: 8px;
    }

    .feedback-aboutperson {
        height: 16px;
    }

    .buttonPrevNext {
        display: block;
    }
}

.feedback-card-block {
    flex-direction: column;
}

.feedback-header {
    margin-bottom: 16px;
    font-weight: 300;
    font-size: 14px;
}

.feedback-avatar {
    width: 40px;
    height: 40px;
    float: left;
}

.feedback-avatar-textblock {
    margin-left: 8px;
    width: 100%;
}

.feedback-nameperson {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #0C0702;
}

.feedback-aboutperson {
    margin-top: 4px;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #0C0702;
    display: flex;
    align-items: center;
    /* Black */
    color: #0C0702;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}



.feedback-hyphen {
    width: 16px;
    margin: 0px;
    font-style: italic;
    font-weight: 300;
    font-size: 20px;
    display: flex;
    color: #0C0702;
}

.feedback-footer-title {
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    display: flex;
    /* Black */
    color: #0C0702;
}

.feedback-footer {
    margin-top: 16px;
}

.feedback-footer-text {
    width: 100%;
    height: auto;
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    color: #0C0702;
    display: flex;
    color: #0C0702;
}

.buttonPrevNext {
    width: 100px;
}

.fa {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}

.fa-star {
    color: #FED132;
    font: normal normal normal 14px/1 FontAwesome;
}

.fa-star-o {
    color: #FED132;
    font: normal normal normal 14px/1 FontAwesome;
}

.feedback-on, .fa.feedback-on {
    margin-right: 4px;
    margin-left: 4px;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    text-align: center;
    color: #0C0702;
    font-family: 'Roboto';
}

.center-carousel {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

a.carousel-control-next, a.carousel-control-prev {
    width: 10%;
}

.carousel-indicators {
    align-items: center;
}

ol.carousel-indicators li.active {
    background-color: #009EE3;
    height: 5px;
}

ol.carousel-indicators {
    margin-top: 16px;
    margin-bottom: 0;
}

    ol.carousel-indicators li {
        width: 20px;
        height: 3px;
        background-color: #B4CAD0;
        margin-left: 16px;
    }

.carousel-indicators li:hover {
    background-color: #A3D8E6;
    height: 5px;
}
/***********    Page Title   ****************/
.header-img {
    min-height: 100%;
    position: unset;
    z-index: -2;
    background: linear-gradient(0deg, rgba(12, 7, 2, 0.71), rgba(12, 7, 2, 0.71)), linear-gradient(0deg, #009EE3, #009EE3);
    background-blend-mode: luminosity, color, normal;
    flex: none;
    order: 0;
    flex-grow: 0;
    height: 480px;
    display: flex;
    filter: brightness(40%);
}

.header-block {
    overflow: hidden;
    position: relative;
    max-height: 480px;
    opacity: 1;
    border-radius: 0;
    display: flex;
    align-items: center;
}

.header-text-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header-title {
    font-weight: 100;
    font-size: 96px;
    line-height: 112px;
    display: flex;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    order: 0;
    flex-grow: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    /*width:100%;*/
}

.header-subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #0C0702;
}

.header-subtitle-for-title {
    width: 90%;
    text-align: center;
    font-weight: 200;
    font-size: 24px;
    color: #FFFFFF;
    top: 55%;
    position: absolute;
}

@media screen and (max-width:768px) {
    .header-title {
        font-size: 40px;
        line-height: 47px;
    }
}

@media screen and (min-width: 1274px) {
    .container {
        min-width: 1274px;
    }
}

@media screen and (max-width: 1273px) {
    .container, div.container {
        width: 100%;
        max-width: none;
    }
}

.outline-none, .outline-none:focus {
    outline: none;
}

div.pl-8px {
    padding-left: 8px;
}

div.pr-8px {
    padding-right: 8px;
}

.py-9px {
    padding-top: 9px;
    padding-bottom: 9px;
}

.py-12px {
    padding-top: 12px;
    padding-bottom: 12px;
}

.pt-32px {
    padding-top: 32px;
}

.py-32px {
    padding-top: 32px;
    padding-bottom: 32px;
}

@media screen and (min-width:768px) {
    .px-md-12px, div > div > div.px-md-12px {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.ml-20px {
    margin-left: 20px;
}

.height-h5 {
    height: 24px;
}


/***********    Page Title   ****************/

.header-text-block h1 {
    width: 1274px;
    height: 113px;
    font-weight: 100;
    font-size: 96px;
    line-height: 112px;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    /* White */
    color: #FFFFFF;
    /* Inside auto layout */
    order: 0;
    flex-grow: 0;
}

@media screen and (max-width:768px) {
    .header-text-block h1 {
        font-size: 40px;
        line-height: 100px;
        width: 288px;
        height: 47px;
    }
}

ol.carousel-indicators li {
    width: 20px;
    height: 3px;
    background-color: #B4CAD0;
    margin-left: 16px;
}


/***********************   Our Values   ****************/
.ourvalues-icon {
    width: 5rem;
    height: 5rem;
}

.ourvalues-icon-right {
    margin-left: 2rem;
}

.ourvalues-icon-left {
    margin-right: 2rem;
}

.ourvalues:link {
    text-decoration: none;
    color: rgb(33,37,41);
}

.ourvalues:visited {
    text-decoration: none;
    color: rgb(33,37,41);
}

.ourvalues:hover {
    text-decoration: none;
    color: rgb(33,37,41);
}

.ourvalues :active {
    text-decoration: none;
    color: rgb(33,37,41);
}

.ourvalues, .ourvalues-none, a.ourvalues, a.ourvalues-none {
    display: flex;
    border-radius: 16px;
    padding: 2rem;
    background: linear-gradient(90deg, rgba(59, 67, 149, 0.1) 0%, rgba(0, 158, 227, 0.1) 100%);
}

.ourvalues-block-mb {
    margin-bottom: 24px;
}

.not-clickable-link {
    cursor: default;
    text-decoration: none;
    color: initial;
}

    .not-clickable-link:hover {
        text-decoration: none;
    }

    .not-clickable-link :active {
        text-decoration: none;
    }

    .not-clickable-link :visited {
        text-decoration: none;
        color: initial;
    }

    .not-clickable-link :link {
        text-decoration: none;
    }

    .not-clickable-link > div > .ourvalues-text, .ourvalues-title {
        color: initial;
    }

.ourvalues-title {
    font-size: 1.25rem;
    align-items: center;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
    color: #3B4395;
    font-weight: 400;
    line-height: 23px;
}

.ourvalues-sector-title {
    font-weight: 400;
    font-size: 2rem;
    color: #3B4395;
    margin-bottom: 2rem;
}

.ourvalues-text {
    font-weight: 400;
    font-size: 14px;
    font-weight: 400;
    line-height: 1rem;
    color: #0C0702;
}

@media screen and (min-width:992px) {
    .ourvalues-text {
        font-size: 14px;
    }

    .ourvalues-block-mb {
        margin-bottom: 40px;
    }
}
/****************  Block content - OUR SERVICES  ********************/
.ourservices {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -36px;
}

@media screen and (min-width:992px) {
    .ourservices {
        margin-bottom: -28px;
    }
}

.service-block {
    margin-bottom: 20px;
}

.service-block-text, div.service-block-text {
    height: 100%;
    background-size: cover;
}

    .service-block-text:hover {
        background: linear-gradient(90deg, rgba(59, 67, 149, 0.1) 0%, rgba(0, 158, 227, 0.1) 100%), linear-gradient(90.96deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%);
    }

.service-block-all {
    z-index: 1;
    order: 0;
}

.service-block-all a.service-button:hover {
        background-image: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
        background-origin: border-box;
        background-clip: border-box;
        color: white;
        text-decoration: none;
        opacity: 0.9;
        box-shadow: none;
        z-index: 2;
        border: none;
        background-size: unset;
    }

a.service-button-pricing:hover {
        background-image: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
        background-origin: border-box;
        background-clip: border-box;
        color: white;
        text-decoration: none;
        opacity: 0.9;
        box-shadow: none;
        z-index: 2;
        border: none;
        background-size: unset;
    }




    .service-block-all:hover .service-image {
        opacity: 0%;
    }

    .service-block-all:hover .service-block-text {
        background: linear-gradient(90deg, rgba(59, 67, 149, 0.1) 0%, rgba(0, 158, 227, 0.1) 100%), linear-gradient(90.96deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%);
    }

a.service-button-pricing:hover .service-button-text {
        color: white;
        background-image: none;
        background-clip: unset;
        -webkit-text-fill-color: unset;
    }

a.service-button:hover .service-button-text {
    color: white;
    background-image: none;
    background-clip: unset;
    -webkit-text-fill-color: unset;
}

.service-image {
    background: linear-gradient(90deg, rgba(59, 67, 149, 0.1) 0%, rgba(0, 158, 227, 0.1) 100%), linear-gradient(90.96deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.8) 100%);
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    opacity: 10%;
    position: absolute;
    display: block;
    z-index: 1;
}

.service-title {
    font-size: 1.25rem;
    align-items: center;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
    color: #3B4395;
    font-weight: 400;
    line-height: 23px;
}

.service-text {
    font-weight: 400;
    font-size: 14px;
    font-weight: 400;
    line-height: 1rem;
    color: #0C0702;
}

a.service-button {
    height: 40px;
    width: 140px;
    border-radius: 2px;
    text-align: center;
}

a.service-button-pricing {
    height: 40px;
    width: 100px;
    border-radius: 2px;
    text-align: center;
}


.service-button-text {
    font-size: 1.125rem;
    background-image: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
    vertical-align: sub;
}


/*************   Our Contacts   ****************/

.ourcontacts-mobile {
    margin-top: -16px;
}

.ourcontacts-mobile-block-text {
    order: 0;
    align-self: center;
    flex-grow: 0;
    text-align: center;
    max-width: 272px;
    max-height: 131px;
}

.ourcontacts-mobile-title {
    background: rgba(59, 67, 149, 1);
    font-size: 2rem;
    font-weight: 400;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 20px;
}

.ourcontacts-mobile-image {
    width: 272px;
    height: 272px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.ourcontacts-desktop-country {
    font-size: 2rem;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: right;
    display: flex;
    text-transform: uppercase;
    color: #3B4395;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.ourcontacts-desktop-country-block:hover .ourcontacts-desktop-country {
    background: #3B4395;
    color: #FFFFFF;
}

.ourcontacts-desktop-image {
    width: 287.33px;
    height: 287.33px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.ourcontacts-office-title {
    font-weight: 700;
    font-size: 1.25rem;
    color: #0C0702;
    flex: none;
    order: 0;
    flex-grow: 0;
    text-align: left;
}

.ourcontacts-office-text {
    font-size: 1rem;
    font-weight: 400;
    color: rgba(12, 7, 2, 1);
    flex: none;
    order: 0;
    flex-grow: 0;
    text-align: left;
    cursor: default;
    text-decoration: none;
    line-height: 19px;
}

.ourcontacts-block-mb {
    margin-bottom: -48px;
}

@media screen and (min-width:768px) {
    .ourcontacts-block-mb {
        margin-bottom: 32px;
    }
}

.ModDNNHTMLC p:last-child {
    margin-bottom: 0px;
}

/*@media screen and (min-width:1200px) {*/
@media screen and (min-width:992px) {
    .ModDNNHTMLC p {
        font-size: 20px;
        margin-bottom: 32px;
    }
}

.gradient-border-btn {
    height: 40px;
    padding: 1px;
}

    .gradient-border-btn bg-white {
        height: 38px;
    }

.personabar-visible .admin-line, .personabar-visible .navbar {
    margin-right: 80px;
}

.admin-line {
    min-height: 70px;
}

li p {
    line-height: inherit;
}

.gradient-border-blue-purple {
    border-left: 1px solid #009EE3;
    border-right: 1px solid #3B4395;
    background-image: linear-gradient(90deg, #009EE3, #3B4395), linear-gradient(90deg, #009EE3, #3B4395);
    background-size: 100% 1px;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
}

.text-link-social {
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
    line-height: 1rem;
    color: inherit;
    white-space: nowrap;
    opacity: 0.75;
}

    .text-link-social:hover {
        color: white;
        font-style: inherit;
        text-decoration: inherit;
        opacity: 1;
    }


.chkbox {
    height: 22px;
    width: 22px;
    position: absolute;
    background-color: black;
    border-block: double;
}

input[class='chkbox'] {
    accent-color: black;
}

.chkboxtxt {
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    position: relative;
    margin-left: 2.5rem;
}

.firstchlnk {
    font-weight: 400;
    font-size: 14px;
    text-decoration: underline;
    color: black;
}

    .firstchlnk:hover {
        color: black;
        font-style: inherit;
    }

/*MVC container*/
.mvc-container {
    width: 100%;
    background: linear-gradient(90deg, rgba(59, 67, 149, 0.1) 0%, rgba(0, 158, 227, 0.1) 100%);
    border-radius: 8px;
}

.mvc-head-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #3B4395;
    text-transform: uppercase;
}


.mvc-item {
    border-bottom: 1px solid;
    border-image-source: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
    border-image-slice: 1;
    /*border-width: 90%;*/
}

.mvc-item-title {
    font-size: 24px;
    font-weight: 200;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #009EE3;
}

.mvc-item-content {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #0C0702;
}


@media screen and (max-width:767px) {
    .mvc-item {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mvc-head-title {
        font-size: 20px;
        text-align: center;
        padding-right: 0px !important;
        align-content: center;
        margin: auto;
    }

    #contact-me-button-mvc {
        margin: auto;
    }
}

/*------------------------------------*/
.price-block-offer {
    width: 100%;
    background: linear-gradient(90deg, rgba(59, 67, 149, 0.1) 0%, rgba(0, 158, 227, 0.1) 100%);
    border-radius: 8px;
}

.pnl-img-and-text {
    height: 77px;
}

.img-price-block-offer {
    height: 77px;
    width: 77px;
}

.panel-header {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #3B4395;
}

.panel-description {
    font-size: 20px;
    font-weight: 300;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #0C0702;
}

.list-header {
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #0C0702;
}

.list-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
}


@media screen and (max-width:1270px) {
    .panel-header {
        font-size: 24px;
    }

    .panel-description {
        font-size: 16px;
    }
}

@media screen and (min-width:991px) {

    .price-block-offer {
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 20px;
    }

    .panel-header {
        font-size: 18px;
    }
}


select {
    height: 56px;
    border: 0px 0px 1px 0px;
    gap: 10px;
    border-radius: 5px;
    padding-left: 5px;
    padding: 10.5px 12px 10.5px 12px;
    font-size: 18px;
    color: #555;
    border-image-source: linear-gradient(97.99deg, rgba(163, 216, 230, 0.5) 0%, rgba(0, 158, 227, 0.5) 99.93%);
}

    select > option {
        font-size: 16px;
        font-weight: 300;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
        color: #B4CAD0;
    }

.form-group > .form-control {
    border-radius: 4px;
    border: 1px solid #C4C4C4;
    background: #fff;
}

.form-control[value=""] {
    color: #C4C4C4;
}

.form-group > .form-control:disabled {
    color: #C4C4C4;
    background: rgba(196, 196, 196, 0.25);
}

.form-group > .form-control:focus {
    border: 1px solid #999999;
}

.form-group > .form-control::placeholder {
    color: #C4C4C4;
}

.form-group > .form-control {
    box-shadow: none;
    background: #e5e5e5;
}

.form-group > .form-control {
    border-radius: 4px;
    border: 1px solid #C4C4C4;
    background: #fff;
}


.form-group div.form-control {
    padding: 0;
    border: none;
}

.dropdown-price-text {
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #B4CAD0;
}


/******************/
input:placeholder-shown {
    font-weight: normal;
    color: #C4C4C4;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, textarea.form-control {
    font-size: 16px;
    line-height: 19px;
    color: #333;
    border: 1px solid #A3D8E680;
    border-radius: 4px;
    background: #FFFFFF;
    height: 40px;
    padding: 10px 12px;
}

    input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, textarea.form-control:focus {
        border: 2px solid #A3D8E680;
        box-shadow: none;
        caret-color: #009EE380;
    }

    input[type="text"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, textarea:disabled, textarea.form-control:disabled {
        background: rgba(196, 196, 196, 0.25);
        border: 1px solid #A3D8E680;
    }

    input[type="text"].error, input[type="email"].error, input[type="tel"].error, textarea.error, textarea.form-control.error {
        border: 1px solid #EB5757;
        color: #EB5757;
    }

input.message-input {
    display: flex;
    justify-content: center;
    align-items: center;
}

button.detach-button, span button.detach-button, span input[type=button].detach-button {
    padding: 0;
    background-color: inherit;
    border: 0;
    padding: 0;
    text-align: start;
    font-size: 16px;
    color: #333333;
    opacity: 0.75;
}

    button.detach-button:hover, span button.detach-button:hover, span input[type=button].detach-button:hover {
        box-shadow: none;
        cursor: pointer;
        opacity: 1;
    }

.no-file {
    cursor: pointer;
}

.custom-input-file-textfield {
    font-weight: 300;
    color: #999999;
}

.custom-input-file-title {
    font-size: 20px;
}

.custom-input-file-text {
    font-size: 16px;
}

.detach-button:focus {
    outline: none;
}

.cu1stom-input-file-icon {
    padding: 20px;
}

@media (min-width: 768px) {
    .custom-input-file-icon1 {
        padding: 40px 20px 40px 40px;
    }
}

.custom-input-file-icon1 img {
    width: 40px;
    height: 40px;
}

.detach-button {
    padding: 0;
    background-color: inherit;
    border: none;
    padding: 0;
    text-align: start;
    font-size: 16px;
    color: #333333;
    opacity: 0.75;
}

    .detach-button:hover {
        box-shadow: none;
        cursor: pointer;
        opacity: 1;
    }

.message-input.disabled {
    background: #C4C4C4;
}

input.message-input {
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_send:active, .button_send.loading {
    /*background: #C4C4C4;*/
    background: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
}

.button_send.enabled:hover {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

.button_send.disabled:hover {
    box-shadow: none;
    outline: none;
}

.button_send {
    /*width: 100%;*/
    padding: 12px;
    border: none;
    border-radius: 4px;
    /*background: #333333;*/
    background: linear-gradient(90deg, #009EE3 0%, #3B4395 100%);
    line-height: 19px;
}

    .button_send.disabled,
    .button_send[disabled] {
        box-shadow: none;
        outline: none;
        /*background: darkgrey !important;*/
        background: #B4CAD0;
    }

.title-contact-form {
    font-size: 2rem;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    color: #3B4395;
}


@media (max-width: 768px) {
    .title-contact-form {
        font-size: 24px;
    }
}




.chkbox {
    height: 22px;
    width: 22px;
    position: absolute;
    background-color: black;
    border-block: double;
}

input[class='chkbox'] {
    accent-color: black;
}

.chkboxtxt {
    font-weight: 400;
    font-size: 0.875rem;
    text-align: left;
    position: relative;
    margin-left: 2.5rem;
}

a.firstchlnk {
    font-weight: 400;
    font-size: 0.875rem;
    text-decoration: underline;
    color: black;
    font-style: inherit;
}

.firstchlnk:hover {
    color: black;
    font-style: inherit;
}

.dropdown-item {
    height: 40px;
    /*padding: 0px 12px 0px 12px;*/
    padding: 10px;
    border-radius: 4px 4px 0px 0px;
    border: 1px 1px 0px 1px;
    gap: 10px;
}


.option {
    color: #7b7b7b;
    border: 1px solid #efefef;
    position: relative;
    cursor: pointer;
    padding: 0px 20px;
    background: #fff;
}

    .option:hover {
        background: #e6e6e6;
    }


.modal-form {
    max-width: 940px !important;
    min-height: 640px !important;
}

.text-contact-form {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #0C0702;
}

.modal-body-height {
    min-height: 412px;
}

.text-red {
    color: #EB5757;
}

.input-required-border {
    /*outline: none;*/
    /*background-color: #A90000;*/
    /*padding: 1px;*/
    /*border-radius: 4px;*/
    border-color: #A90000 !important;
}

/** ++++++++++++++++++            +++++++++++++++++++++++++++*/

.popup-window a {
    color: #007bff;
}

select option[selected] {
    /*font-size:40px;*/
    color: #0C0702;
}

.text-on-video-section div h1.title-video-block {
    font-size: 96px !important;
}

@media (max-width: 1285px) {
    .text-on-video-section div h1.title-video-block {
        font-size: 32px !important;
    }
}

.latest-news-sector-title {
    font-weight: 400;
    font-size: 2rem;
    color: #333333;
}

.max-4-line-to-show {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.image-gallery, div.image-gallery {
    width: 25%;
    padding: 12px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.ga-fancybox {
    opacity: 1;
}

    .ga-fancybox:hover {
        text-decoration: none;
    }

        .ga-fancybox:hover img {
            filter: brightness(1);
        }

    .ga-fancybox img {
        filter: brightness(0.5);
    }

    .ga-fancybox p {
        margin-bottom: 12px;
    }

a .text-black {
    color: #333;
    text-decoration: none;
    opacity: 0.75;
}

.text-gray, .select-selected.text-gray {
    color: #C4C4C4;
}

.font-16px, .font-16px p {
    font-size: 16px;
    line-height: 19px;
}

button, .button, input[type=button], a.button {
    padding: 12px 24px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    align-items: center;
    line-height: 19px;
    border: 0;
    border-radius: 4px;
}

a.button {
    color: white;
    text-decoration: none;
    opacity: 0.9;
    font-weight: 500;
}

    a.button.blue-to-purple-background:hover {
        color: white;
        text-decoration: none;
        opacity: 1;
    }

.primary-button {
    background: #333333;
    color: #FFF;
}

    .primary-button:disabled {
        background: #C4C4C4;
        color: #fff;
    }

.button-width-384px {
    width: 100%;
    max-width: 384px;
}

.ContainerWrapper li {
    list-style-type: inherit;
}

.clear-selection {
    text-align: right;
    font-size: 16px;
    color: #B4CAD0;
}

.clear-selection-active {
    background-image: linear-gradient(to right, #009EE3, #3B4395);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    cursor: pointer;
}

.hasurl {
    color: gray;
}

/* 2sxc module, app ContuctUs, .popup-window*/
.popup-window {
    width: 170px;
    height: 69px;
    margin-top: 6px;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    font-weight: 300;
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 20px;
    margin-left: auto;
    margin-bottom: -71px;
    margin-right: 12px;
    position: relative;
}

    .popup-window * {
        font-weight: 300;
        font-size: 20px;
    }

@media (min-width: 1024px) {
    .popup-window {
        width: 245px;
        height: 100px;
        margin-bottom: -120px;
        margin-left: 89%;
        line-height: 30px;
    }

        .popup-window > a {
            font-weight: 300;
        }
}