/* HEADER */
#wrapper {
    padding-top: 0px;
}

body.content_only header, body.content_only .breadcrumb {
    display: none;
}

.cbp-hrsub.cbp-show.cbp-notfit {
    z-index: 3;
}

.fancybox-close:before {
    font-family: Material Icons;
    content: "close";
    font-size: 35px;
    line-height: 35px;
}

@media (min-width: 992px) {
    nav.breadcrumb {
        padding-top: 2px !important;
    }
}

@media (max-width: 991px) {
    nav.breadcrumb {
        padding-top: 15px !important;
    }
}

.fancybox-close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background: white;
}

.fancybox-opened .fancybox-skin {
    padding-top: 37px !important;
}

#cms section#content {
    padding: 0px;
}

#cms .container {
    padding: 0px;
}

#header .header-top .header-top {
    margin-top: 7px;
}

/*mobile header*/
div#_mobile_content_right {
    margin-top: 12px;
    padding-right: 15px;
}

div#_mobile_content_right > * {
    float: right;
    margin-left: 20px;
}

/*mobile header*/
/*BORRRRAARRRR*/
#index #wrapper {
    padding-top: 0;
    overflow: hidden;
}

div#ps_topbanner_wrapper {
    font-family: Assistant;
    font-size: 15px;
    letter-spacing: 0.5px;
}

div#gdpr_consent a {
    text-decoration: underline;
}

#wrapper .breadcrumb ol li:nth-child(2) {
    display: none;
}

#wrapper .breadcrumb ol li:last-child a span {
    color: black;
}

@media (max-width: 991px) {
    .header-top .right-block {
        width: 100%;
    }

    #header .header-top {
        padding: 0px;
    }

    .header-top .right-block {
        position: fixed !important;
        left: 0px;
        right: 0px;
        top: 71px;
        z-index: 100;
        visibility: hidden;
        /* display: none !important;
         */
        background: white;
        padding-top: 0px;
        transition: all 0.5s ease;
    }

    #header .header-top .position-static.text-left {
        display: none;
    }

    #header .header-nav .top-logo#_mobile_logo {
        display: inline-block;
    }

    #header .header-nav .top-logo#_mobile_logo .logo {
        margin-top: 0;
    }

    header.isScroll .header-top .right-block {
        top: 44px;
        transition: all 0.5s ease;
    }

    .header-nav .hidden-lg-up.text-xs-center.mobile {
        padding: 10px 0;
    }
}

@media (max-width: 767px) {
    .header-top .right-block {
        top: 71px;
    }

    header.isScroll .header-top .right-block {
        top: 55px;
    }

    #cms section#wrapper {
        padding-top: 0px;
    }

    #header .col-md-3.col-sm-12.position-static.right-block {
        min-height: 0px !important;
    }

    #header .header-nav .top-logo#_mobile_logo {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .mobile_container_header {
        display: none;
    }
}

.bg-popup {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    z-index: 998;
    opacity: .5;
}
/* LOGO */
#header #_desktop_logo h1,
#header #_mobile_logo h1 {
    margin: 0;
    line-height: 0;
}

#header .logo {
    max-width: 315px;
    max-height: 100%;
}

img.img-responsive {
    width: 100%;
    height: auto;
}

@media (max-width: 991px) {
    #header #_mobile_logo {
        display: inline-block;
    }

    #header #_mobile_logo .logo {
        margin-top: 0;
        max-width: 220px;
    }
}
@media (max-width: 767px) {
    #header .header-nav .top-logo#_mobile_logo {
        width: calc(100% - 205px);
    }
}

/* BLOCK PS_CUSTOMERSIGNIN */
#header .header-top #_desktop_user_info {
    margin: 22px 0px;
    padding: 0px 20px;
}

#header .user-info i.icon-male-user {
    font-size: 0px !important;
    width: 21px;
    height: 21px;
}

#header .user-info i.icon-male-user:before {
    content: "";
    background: url(../img/svg/user.svg) no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
}

#header .user-info span {
    padding-left: 5px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #fff;
}

/* DESPLEGABLE LOGIN */
#header .user-popup {
    position: fixed;
    z-index: 999;
    top: 0;
    right: -470px;
    width: 460px;
    height: 100vh;
    background-color: white;
    padding: 30px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
    transition: right 300ms ease-in-out;
}

#header .user-popup.open {
    transition: right 300ms ease-in-out;
    right: 0;
}

#header .user-popup .close-popup {
    float: right;
    height: 15px;
    cursor: pointer;
}

#header .user-popup .close-popup:before {
    content: '';
    border-bottom: 1px solid #000;
    width: 15px;
    display: inline-block;
    transform: rotate(45deg);
    margin-bottom: 7px;
    cursor: pointer;
}

#header .user-popup .close-popup:after {
    content: '';
    border-bottom: 1px solid #000;
    width: 15px;
    display: inline-block;
    transform: rotate(-45deg);
    margin-left: -15px;
    margin-bottom: 7px;
    cursor: pointer;
}

#header .user-popup .title-popup {
    display: block;
    clear: both;
    font-size: 20px;
    color: #000;
    padding-bottom: 9px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 25px;
}

#header .user-popup #login-form {
    margin-bottom: 35px;
}

#header .user-popup #login-form .no-account {
    float: left;
}

#header .user-popup .login-label {
    color: #000;
    font-size: 17px;
    margin-bottom: 15px;
    display: block;
    text-align: left;
}

#header .user-popup .no-account a {
    float: right;
    color: #000;
    font-size: 13px;
}

#header .user-popup .form-group {
    margin-bottom: 7px;
}

#header .user-popup .form-control {
    background-color: #fff;
    border-color: #e5e5e5;
    font-size: 14px;
    line-height: 15px;
    padding: 16px 10px;
}

#header .user-popup .form-control:focus {
    outline: none;
}

#header .user-popup .permanentLogin {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
}

#header .user-popup .permanentLogin-label {
    color: #000;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

#header .user-popup .forgot-password a {
    color: #000;
    font-size: 12px;
    text-decoration: underline;
}

#header .user-popup .guest-container {
    display: none;
}

@media(max-width: 991px) {
    #header .user-info i.icon-male-user {
        display: inline-block;
        vertical-align: bottom;
    }
}

@media (max-width: 480px) {
    #header .user-popup {
        width: 100vw;
        right: -480px;
    }
}

/* BLOCK PS_SEARCHBAR */
#header .search-widget {
    margin-left: 0;
    padding-right: 15px;
    border-right: 1px solid #9d0509;
}

#header .header-top .search-widget {
    margin: 22px 0px;
    padding-right: 40px;
    border-right: 1px solid #9d0509;
    height: 56px;
}

#header .header-top .search-widget #fakeSearch {
    padding: 18px 0px;
}

#header .search-widget i.material-icons.search {
    font-size: 0px !important;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

#header .search-widget i.material-icons.search:before {
    content: "";
    background: url(../img/svg/search.svg) no-repeat;
    width: 20px;
    height: 23px;
    display: inline-block;
    background-size: 100%;
}

#header .search-widget form {
    top: 0;
    right: 0;
    width: 576px;
    height: 102px;
    background-color: #9d0509;
    padding: 34px 0 34px 33px;
}

#header .search-widget form input[type=text] {
    width: calc(100% - 40px);
    background-color: transparent;
    border: none;
    font-size: 14px;
    color: #fff;
}

#header .search-widget form input[type=text]::placeholder {
    color: #fff;
}

div.search-widget .closesearch {
    font-size: 18px;
    color: black;
    cursor: pointer
}

@media (max-width: 991px) {
    #header .search-widget form {
        width: 100vw;
        height: 65px;
        padding: 15px 0 15px 33px;
    }
}

/* BLOCK PS_LANGUAGESELECTOR */
#_desktop_language_selector ul li {
    padding: 5px;
}

div#_desktop_language_selector {
    float: right;
    padding: 0px 20px 0 40px;
    margin: 22px 0px;
    line-height: 56px;
}

div#_desktop_language_selector .dropdown .expand-more {
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #fff;
}

div#_desktop_language_selector .dropdown i.expand-more {
    padding-left: 5px;
    padding-bottom: 5px;
    font-size: 0;
}

div#_desktop_language_selector i.material-icons.expand-more:before {
    content: "";
    background: url(../img/svg/arrow-down.svg) no-repeat;
    width: 10px;
    height: 5px;
    display: inline-block;
    background-size: 100%;
}

div#_desktop_language_selector .dropdown-menu {
    min-width: 80px;
    line-height: 20px;
}