#header {
    /* Avoid catalog overlap on header */
    z-index : 1000000;
}

.t2-catalog-navbar .fa {
    width            : 27px;
    margin           : 5px;
    padding-bottom   : 2px;
    border           : 1px solid #ffffff;
    border-radius    : 7px;
    background-color : #494a57;
    color            : #ffffff;
    text-align       : center;
    font-size        : 20px;
    line-height      : 22px;
    vertical-align   : middle;
    transition       : color linear .2s, background-color linear .2s, border linear .2s;
}

.t2-catalog-nav-prev-btn-container {
    margin-top : 19px;
    float      : left;
}

.t2-catalog-nav-next-btn-container {
    margin-top : 19px;
    float      : right;
}

.t2-catalog-nav-input-container {
    margin-top  : 22px;
    margin-left : -15px;
}

.t2-catalog-nav-input-container input {
    height        : 20px !important;
    border-bottom : 1px solid #000000 !important;
    margin        : 0 !important;
    padding       : 0 0 5px 0 !important;
}

.t2-catalog-navbar input,
.t2-catalog-navbar .t2-catalog-nav-input-container span {
    font-family : 'Aleo', Arial, 'sans-serif';
    font-size   : 15px !important;
    font-weight : 500;
    color       : #000000;
}

.t2-catalog-canvas {
    margin : 10px auto 85px auto;
}

.t2-catalog-navbar .fa.fa-download {
    display : none;
}

.t2-catalog-canvas .fa-chevron-right {
    display : none !important;
}

.t2-catalog-canvas .fa-chevron-left {
    display : none !important;
}

.btn-catalog-collection {
    width         : 100%;
    text-align    : center;
    margin-bottom : 46px;
}

.btn-catalog-collection a {
    display         : block;
    min-width       : 188px;
    width           : 188px;
    margin          : auto;
    text-align      : center;
    border          : 1px solid #000000;
    border-radius   : 5px;
    text-decoration : none;
    cursor          : pointer;
}

.btn-catalog-collection a:hover {
    background-color : #000000;
}

.btn-catalog-collection a i {
    font-family     : 'Aleo', Arial, 'sans-serif';
    font-size       : 14px;
    font-weight     : bold;
    text-decoration : none;
    font-style      : unset;
    color           : #030303;
    line-height     : 34px;
}

.btn-catalog-collection a:hover i {
    color : #ffffff;
}

.t2-catalog-zoom-overlay {
    z-index : 10000000;
}

@media (min-width : 767px) {
    .t2-catalog-navbar {
        max-width : 400px;
        position  : absolute;
        left      : 50%;
        transform : translateX(-50%);
    }

    #main .page-title h1 {
        font-size     : 38px;
        margin-top    : 9px;
        margin-bottom : 3px;
    }

    .t2-catalog-viewport {
        background-color : #f4f4f7;
    }

    .t2-catalog-canvas {
        margin : 10px auto 96px auto;
    }

    .btn-catalog-collection a {
        min-width   : 400px;
        min-height  : 52px;
        line-height : 50px;
        border      : 2px solid #000000;
    }
}

@media (min-width : 1200px) {
    #navigation {
        z-index : 1000000;
    }
}

/* Fix menu display on iPhone SE (320x568px) */
@media (max-width : 380px) {
    .t2-catalog-navbar .t2-catalog-nav-prev-btn-container,
    .t2-catalog-navbar .t2-catalog-nav-next-btn-container {
        position : absolute;
        top      : 0;
    }

    .t2-catalog-navbar .t2-catalog-nav-prev-btn-container {
        left : 0;
    }

    .t2-catalog-navbar .t2-catalog-nav-next-btn-container {
        right : 0;
    }
}