﻿

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {



    .top-image .slider-text-space {
        margin-left: calc( (100% - 1240px ) / 2);
    }

    .hero-slider .slider-item img {
        object-fit: cover;
        width: 100%;
        max-height: none;
        height: 100%;
        /* max-height: 700px; */
    }

    .login-component .options label:before {
        content: "";
        display: block;
        background: #fff; /*var(--form-field-bg-color);*/
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 17px;
    }

    .ccards .products {
        max-width: 300px;
    }

    .ccards .product-detail, .ccards .product-title, .checking .product-title, .checking .product-detail, .checking .detail-wrapper {
        max-width: 290px;
        min-width: 290px;
        width: 290px
    }
    /* main.css (202, 30) */
    .top-menu .branding img {
        width: 120px;
        height: 90px;
    }

    .top-menu {
        top: 30px;
        position: fixed;
    }

    .top-image, section.hero-slider {
        margin-top: 0;
    }

    .top-menu {
        /* if top alert is active should be 0, if not 30px */
        margin-top: 30px;
    }

    /*  fix by Kristyana minus top-menu with position: absolute */

    .top-alert.d-block ~ .top-menu {
        top: 149px !important;
        margin-top: 0;  /*pull back 30px if top-alert is active*/
    }

    .top-menu.js-is-sticky {
        top: 0px !important;
    }

    .top-alert.d-block.js-is-sticky ~ .top-menu.js-is-sticky {
        top: 119px !important;
    }

    section.hero-slider {
        margin-top: 0;
    }

    /* actual influence is in page.css */
    .page-location {
        padding-left: 5%;
        margin-top: -62px;
    }

 
    .ie-label {
        display:block;
    } 
    .ie-label:after {
        content: '\A';
        white-space: pre;
    }

    .login-component {
        height: 410px;
    }


}

@media (max-width: 1240px) {
    .top-image .slider-text-space {
        margin-left: 15px;
    }
}