/* 
    Created on : 12.8.2019, 18:23:24
    Author     : Jakub
*/

* {
    font-family: 'Quicksand', sans-serif; 
}

h1, h2, h3, h4, h5 {
    color:#5aa3da;
}

a {
    color:#296cb3;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-none {
    overflow: unset !important;
}

.underline {
    text-decoration: underline;
}

.strong {
    font-weight: 600;
}

.white-bg {
    background:#fff;
}

.cursor-pointer {
    cursor: pointer;
}

#footer {
    background:url('/images/backgrounds/03-footer-links.png') top center no-repeat;
    background-size: auto 980px;
}

#footer-contact {
    background:url('/images/backgrounds/04-footer-contacts.png') top center no-repeat;
    background-size: auto 300px;
    background-color: #d4effa;
}

#bg-footer {
    background: url(/images/backgrounds/02-footer-village.png) no-repeat center bottom 374px;
    background-size: auto 527px;
}

#bg-snow-outer {
    background-image: url(/images/backgrounds/02-footer-village.png);
    background-repeat: no-repeat;
    background-position: center bottom -8rem;
}

#bg-snow {
    background-image:url('/images/backgrounds/05-flakes.png'),
                     url('/images/backgrounds/06-stripe-light.png'),
                     url('/images/backgrounds/07-flakes_mirror.png'),
                     url('/images/backgrounds/09-flakes-2.png'),
                     url('/images/backgrounds/05-flakes.png'),
                     url('/images/backgrounds/06-stripe-light.png'),
                     url('/images/backgrounds/07-flakes_mirror.png'),
                     url('/images/backgrounds/09-flakes-2.png');
    
    background-repeat: no-repeat;
    background-position-x: center;
    
    background-position-y: 0, 
                           800px, 
                           1340px, 
                           2110px,
                           4000px, 
                           4800px, 
                           5340px, 
                           6110px;
}

/*
@media (max-height: 1000px) {
    #bg-snow {
        background-image:url('/images/backgrounds/05-flakes.png');

        background-repeat: no-repeat;
        background-position-x: center;

        background-position-y: 0;
    }
}
*/
/* 
    Created on : 12.8.2019, 17:54:37
    Author     : Jakub
*/

.blue-shadow {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(104,180,229,0.12);
    -moz-box-shadow: 0px 0px 20px 0px rgba(104,180,229,0.12);
    box-shadow: 0px 0px 20px 0px rgba(104,180,229,0.12);
    border: 1px solid #e7f8ff;
}

.red-shadow, .red-shadow-hover:hover {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(161,86,64,0.4);
    -moz-box-shadow: 0px 0px 30px 0px rgba(161,86,64,0.4);
    box-shadow: 0px 0px 30px 0px rgba(161,86,64,0.4);
}

.blue-horizontal-gradient {
    background: rgba(73,137,201,1);
    background: -moz-linear-gradient(left, rgba(73,137,201,1) 0%, rgba(91,164,219,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,137,201,1)), color-stop(100%, rgba(91,164,219,1)));
    background: -webkit-linear-gradient(left, rgba(73,137,201,1) 0%, rgba(91,164,219,1) 100%);
    background: -o-linear-gradient(left, rgba(73,137,201,1) 0%, rgba(91,164,219,1) 100%);
    background: -ms-linear-gradient(left, rgba(73,137,201,1) 0%, rgba(91,164,219,1) 100%);
    background: linear-gradient(to right, rgba(73,137,201,1) 0%, rgba(91,164,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4989c9', endColorstr='#5ba4db', GradientType=1 );
}

.blue-horizontal-gradient-light {
    background: rgba(212,239,250,1);
    background: -moz-linear-gradient(left, rgba(212,239,250,1) 0%, rgba(231,248,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(212,239,250,1)), color-stop(100%, rgba(231,248,255,1)));
    background: -webkit-linear-gradient(left, rgba(212,239,250,1) 0%, rgba(231,248,255,1) 100%);
    background: -o-linear-gradient(left, rgba(212,239,250,1) 0%, rgba(231,248,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(212,239,250,1) 0%, rgba(231,248,255,1) 100%);
    background: linear-gradient(to right, rgba(212,239,250,1) 0%, rgba(231,248,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4effa', endColorstr='#e7f8ff', GradientType=1 );
}

.blue-vertical-gradient-light-up {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,248,255,1) 60%, rgba(231,248,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(60%, rgba(231,248,255,1)), color-stop(100%, rgba(231,248,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,248,255,1) 60%, rgba(231,248,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,248,255,1) 60%, rgba(231,248,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,248,255,1) 60%, rgba(231,248,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(231,248,255,1) 60%, rgba(231,248,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7f8ff', GradientType=0 );
}

.blue-vertical-gradient-light-up.hover:hover {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,215,206,1) 60%, rgba(245,215,206,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(60%, rgba(245,215,206,1)), color-stop(100%, rgba(245,215,206,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,215,206,1) 60%, rgba(245,215,206,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,215,206,1) 60%, rgba(245,215,206,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,215,206,1) 60%, rgba(245,215,206,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,215,206,1) 60%, rgba(245,215,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5d7ce', GradientType=0 );
}

.blue {
    color:#296cb3;
}

.red {
    color:#d3481f;
}

#header {
    background:#e7f8ff;
    height: 4rem;
}

    #header-wrapper {
        position: relative;
    }

    #header #logo {
        display: inline-block;
        padding: 1rem 1.5rem;
        background: #fff;
        position: absolute;
        left:0;
        z-index:12;
    }

    #header .header-normal-link {
        padding-left:17.6rem;
        position: relative;
    }
    
        #header .header-normal-link .header-link {
            line-height: 4rem;
            padding:0 1rem;
            display:inline-block;
        }
        
            #header .header-normal-link .header-link:hover, #header .header-normal-link .header-link.active {
                text-decoration: none;
                background:#d4effa;
            }

        #header .header-special-link a.counselor-gift, #header .header-special-link a.menu {
            display:none;
        }
            
        #header .counselor-gift-header-link {
            font-weight: 600;
        }
        
            #header .counselor-gift-header-link img {
                position: relative;
                top:-0.34rem;
            }

            

    #header .header-special-link a {
        font-size: 0.7rem;
        text-decoration: none;
        display: inline-block;
        height: 3rem;
        height: 4rem;
        float: left;
        padding:0 0.5rem;
    }
    
        #header .header-special-link a.no-popup:hover {
            color:#d3481f;
            background-color:#d4effa;
        }
        
        #header .header-special-link a em {
            color: #fff;
            display: block;
            font-style: normal;
            text-align: center;
            position: absolute;
            width: 2.8rem;
            line-height: 2.9rem;
            font-size: 0.9rem;
        }
        
        #header .header-special-link a span {
            position: relative;
            top:2.5rem;
        }
        
        #header a.menu {
            background:url('/images/menu.png') no-repeat center 1.1rem;
            width: 2.7rem;
            text-align: center;
        }
        
            #header a.menu.active {
                background:#d4effa url('/images/back.png') no-repeat center 1.1rem;
            }
        
        #header a.counselor-gift {
            background:url('/images/gift_tip_menu.png') no-repeat center 0.5rem;
        }
        
            #header a.counselor-gift:hover, #header a.counselor-gift.active {
                background:#d4effa url('/images/gift_tip_menu_active.png') no-repeat center 0.5rem;
            }
        
        #header a.favourited {
            background:url('/images/heart.png') no-repeat center 0.5rem;
        }
        
            #header a.favourited:hover, #header a.favourited.active {
                background:#d4effa url('/images/heart_active.png') no-repeat center 0.5rem;
            }

        #header a.sign {
            background:url('/images/user.png') no-repeat center 0.5rem;
        }
        
            /*#header a.sign:hover,*/ #header a.sign.active {
                background:#d4effa url('/images/user_active.png') no-repeat center 0.5rem;
            }
            
        #header a.logout {
            background:url('/images/logout.png') no-repeat center 0.5rem;
        }
        
            #header a.logout:hover {
                background:#d4effa url('/images/logout_active.png') no-repeat center 0.5rem;
            }
        
        #header a.register {
            background:url('/images/key.png') no-repeat center 0.5rem;
        }
        
            /*#header a.register:hover,*/ #header a.register.active {
                background:#d4effa url('/images/key_active.png') no-repeat center 0.5rem;
            }

#footer {
    padding-top: 6rem;
}

    #footer h3 {
        font-weight:600;
        font-size:1.2rem;
    }
    
    #footer a {
        font-size: 0.9rem;
        padding-bottom: 0.6rem;
        display: block;
    }

#footer-contact {
    height: 99px;
    padding-top: 3.4rem;
}

    #footer-contact a {
        color:#d4effa;
        font-weight: 600;
        font-size: 1.1rem;
        padding-left:2.68rem;
        margin:0 0.8rem;
        display:inline-block;
    }
    
        #footer-contact a.footer-contact-letter {
            background:url('/images/letter.png') no-repeat left center;
        }
        
        #footer-contact a.footer-contact-adus {
            background:url('/images/adus.png') no-repeat left center;
        }
        
            #footer-contact a.footer-contact-letter:hover {
                text-decoration: none;
                color:#fff;
                background:url('/images/letter_active.png') no-repeat left center;
            }

            #footer-contact a.footer-contact-adus:hover {
                text-decoration: none;
                color:#fff;
                background:url('/images/adus_active.png') no-repeat left center;
            }
            
#perex-zarex {
    
}
    
    #perex-zarex-content {
        background: #fff;
    }
    
        #perex-zarex-content h2 {
            font-size: 1.6rem;
        }

        #perex-zarex-content p {
            padding: 0.2rem 0 1rem 0;
            margin:0;
        }
    
    #perex-zarex strong, #perex-zarex a {
        color:#d3481f;
    }
    
    #perex-zarex a {
        text-decoration: underline;
    }

    #perex-zarex .btn {
        font-size: 1.3rem;
        font-weight: 600;
        padding:0.4rem 4rem;
    }            
    
/* filter na hp a v detailu klienta */    
#homepage-filter {
    background:#fff;
    position: relative;
    width:26rem;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(104,180,229,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(104,180,229,0.2);
    box-shadow: 0px 0px 20px 0px rgba(104,180,229,0.2);
}        

    #homepage-filter .h2 {
        background: #e7f8ff;
        font-weight: 600;
        font-size: 1.2rem;
    }
    
    #homepage-filter-img {
        position: absolute;
        left: 1rem;
        top: 0.5rem;
    }
    
    #homepage-filter-img-client {
        left: 1rem !important;
        top: 0.5rem !important;
    }
    
    #homepage-filter label {
        line-height: 2.3rem;
        margin: 0;
    }
   
/* strankovani */    
#pagination {

}    

    #pagination .btn {
        font-size:1.1rem;
        font-weight: 600;
    }
    
    #pagination span {
        height: 3rem;
        line-height: 2rem;
        display: inline-block;
        padding: .375rem .75rem;
    }
    
    #pagination #go-to-top {
        padding-left: 3rem !important;
        background: #d4effa url(/images/arrow_top_blue.png) no-repeat 1rem center;
    }
    
        #pagination #go-to-top:hover {
            color:#d3481f;
            background: #f5d7ce url(/images/arrow_top_red.png) no-repeat 1rem center;
        }
    
    #pagination #next-20-button {
        font-size:1.3rem;
    }
    
        #pagination #next-20-button:hover {
            background: #d3481f;
        }
    
    #pagination .paginator {
        float:right;
    }
        
    #pagination .next, #pagination .prev, #pagination .number {
        width: 2rem;
        height: 2rem;
        display: inline-block;
        line-height: 2rem;
        text-align: center;
        float: left;
        font-weight: 600;
    }
        
    #pagination .prev {
        background:url('/images/arrow_left_blue.png') no-repeat center center;
    }        
    
        #pagination .prev:hover {
            background:url('/images/arrow_left_red.png') no-repeat center center;
        }        
    
    #pagination .next {
        background:url('/images/arrow_right_blue.png') no-repeat center center;
    }
    
        #pagination .next:hover {
            background:url('/images/arrow_right_red.png') no-repeat center center;
        }
    
    #pagination .number {
        padding:0;
    }
    
        #pagination .number:hover {
            background:#f5d7ce;
            color:#d3481f;
            text-decoration: none;
        }
    
    #pagination .current {
        background: #d4effa;
        font-weight: 600;
    }

/* ouska */    
#ordering {
    border-bottom:1px solid #d4effa;
    font-size: 0;
}    

    #ordering a, #ordering span {
        display: inline-block;
        height: 2.6rem;
        line-height: 2.6rem;
        padding: 0 1.4rem;
        font-weight: 600;
        font-size:0.9rem;
        position: relative;
        top: 1px;
    }

    #ordering a.active, #ordering span {
        border:1px solid #d4effa;
        border-bottom:2px solid #fff;
        position: relative;
        top: 1px;
        background:#fff;
        padding-top:0;
    }

    #ordering a {
        color:#5283cb;
        padding-top:1px;
    }
    
        #ordering a:hover {
            color:#d3481f;
            text-decoration: none;
        }    
        
        
#simple-gifts .gift {
    position: relative;
    background:#fff;
    padding:1rem;
}

    #simple-gifts .gift .top {
        position: absolute;
        left:-0.6rem;
        top:-0.6rem;
        z-index: 2;
    }
    
    #simple-gifts .gift .auction {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        padding: 0.2rem 1rem;
        font-size: 0.9rem;
        color: #fff;
        margin: 1rem;
    }
    
    #simple-gifts .gift .h2 {
        font-size: 1.1rem;
        font-weight: 600;
        padding: 0.6rem 1rem;
        background:#e7f8ff;
        margin: 0 -1rem 1rem -1rem;
    }
    
        #simple-gifts .gift .h2 span {
            height: 2.8rem;
            overflow: hidden;
            display: block;
        }
    
        #simple-gifts .gift:hover .h2 {
            background:#f5d7ce;
            color:#d3481f;
            text-decoration: none;
            margin: 0 -0.6rem 1rem -0.6rem;
        }
    
    #simple-gifts .gift .price {
        background:#fff;
        color:#d3481f;
        font-weight: 600;
        font-size:2rem;
        line-height: 3rem;
        height:3rem;
        letter-spacing: -2px;
    }
    
    #simple-gifts .gift .show-more {
        color: #fff;
        line-height: 3rem;
        height:3rem;
        font-size: 1.1rem;   
        cursor:pointer;
    }
    
        #simple-gifts .gift .show-more a {
            color:#fff;
        }
    
            #simple-gifts .gift .show-more a:hover {
                color:#fff;
                text-decoration: none;
            }
    
            #simple-gifts .gift:hover .show-more {
                background:#d3481f;
            }
            
            #simple-gifts .gift:hover {
                -webkit-box-shadow: 0px 0px 30px 0px rgba(161,86,64,0.4);
                -moz-box-shadow: 0px 0px 30px 0px rgba(161,86,64,0.4);
                box-shadow: 0px 0px 30px 0px rgba(161,86,64,0.4);
            }
            
    #simple-gifts .gift .image {
        position: relative;
    }        
    
.modal-content {
    border:0;
    border-radius:0;
}    
    
.modal-backdrop {
    background-color:#338fc5;
}    

    .modal-backdrop.show {
        opacity: .85;
    }
    
.modal-dialog {
    max-width: 570px;
}    
    
    .modal-header {
        background:#e7f9ff;
        color:#296cb3;
        border:0;
    }        

        .modal-title {
            font-weight: 600;
            font-size: 1.2rem;
            padding-left: 5rem;
        }

        .modal-header img {
            position: absolute;
            left:1rem;
            top:0.6rem;
        }
        
#send-email-modal {

}        

    #send-email-modal label {
        color: #296cb3;
        font-size: 0.9rem;
        line-height: 2.3rem;
        margin: 0;
    }
    
    #send-email-modal .close {
        width: 2rem;
        height: 2rem;
        position: absolute;
        right: 2rem;
        top: 1.8rem;
        background:url('/images/popup_close.png') no-repeat center center;
    }
    
        #send-email-modal .close:hover {
            background:url('/images/popup_close_active.png') no-repeat center center;
        }
        
.flash {
    color: #fff;
    background-color: #296cb3;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 1rem;
}       

    .flash.error {
        background-color: #d3481f;
    }       
    
#gift-quick-filter-form {
    position: relative;
}            

    #gift-quick-filter-form img {
        position: absolute;
        left: 2.2rem;
        top: 0.9rem;
        z-index: 2;
    }
    
    #gift-quick-filter-form label {
        line-height: 2.3rem;
        margin: 0;
    }
    
    #gift-quick-filter-form .h5 {
        font-weight: 600;
        background: #e7f8ff;
        line-height: 1.8rem;
        padding: 1rem;
        z-index: 1;
        position: relative;
        margin: 0;
    }    
/*
    Created on : 16.8.2019, 14:31:23
    Author     : Jakub
*/

#header-popup-category {
    position: absolute;
    z-index: 10;
    background: #fff;
}

    #header-popup-category .row {
        margin:0;
    }
    
    #header-popup-category .category-col {
        padding: 0;
    }

    #header-popup-category .h2, .header-popup-login .h2 {
        background: #d4effa;
        color: #296cb3;
        font-weight: 600;
        font-size: 1.2rem;
        padding: 0.8rem 1.6rem;
    }
    
        #header-popup-category .h2 span {
            border-right: 1px solid #fff;
            display: inline-block;
            width: 0;
            height: 2rem;
            position: absolute;
            right: 0;
            top: 0.5rem;
        }

    #header-popup-category .two-cols a {
        width:50%;
        float: left;
    }
    
    #header-popup-category a {
        padding: 0.4rem 1.6rem;
        display: block;       
        font-size:0.9rem; 
    }
    
        #header-popup-category a:hover {
            color:#d3481f;
            font-weight: 600;
            background:#f5d7cd;
            text-decoration: none;
        }
        
.header-popup-login {
    background:#fff;
    z-index: 10;
    position: absolute;
    right:0;
    width:446px;
}        

    .header-popup-login a.red {
        font-weight: 600;
    }
    
    .header-popup-login label {
        line-height: 2rem;
    }

#header-popup-menu {
    position: absolute;
    z-index: 10;
    background: #d4effa;
    width:100%;
}    
    
    #header-popup-menu a {
        display:block;
    }
    
    #header-popup-menu > div > a {
        background: #d4effa url('/images/menu_right.png') no-repeat right 1rem center;
        color:#296cb3;
        font-weight: 600;
        height: 3rem;
        line-height: 3rem;
        font-size: 1.2rem;
        text-align: center;
        border-bottom:1px solid #fff;
    }
    
        #header-popup-menu > div:last-of-type > a {
            background: #d4effa;
            border-bottom:0;
        }
    
        #header-popup-menu > div > a.active {
            background: #d4effa url('/images/menu_down.png') no-repeat right 0.8rem center;
        }
    
        #header-popup-menu > div > div > a {
            line-height: 2.6rem;
            font-size: 1rem;
            border-bottom:1px solid #fff;
            font-weight: 600;
            padding:0 1.6rem;
            background: #e7f8ff;
        }
        
        #header-popup-menu > div.menu-gift > div > a {
            background: #d4effa url('/images/menu_right_2.png') no-repeat right 1.2rem center;
        }
        
            #header-popup-menu > div.menu-gift > div > a.active {
                background: #d4effa url('/images/menu_down_2.png') no-repeat right 1rem center;
            }
        
            #header-popup-menu > div > div.bg-white > a {
                background: #fff;
                font-weight: normal;
            }
        
            #header-popup-menu > div > div > div {
                background:#fff;
            }
            
            #header-popup-menu > div > div > div > a {
                width: 50%;
                float: left;
                padding: 0.6rem 1.6rem;
            }
/* 
    Created on : 12.8.2019, 16:37:49
    Author     : Jakub
*/

@media (min-width: 420px) and (max-width: 576px) {
    /* col-xs-6 */
    .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xs-6 {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

/* buttony */

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-decoration: none !important;
    cursor: pointer !important;
}

    .btn-primary {
        color: #fff !important; 
        background-color: #5aa3da; 
        border-color: #5aa3da; 
    }
    
        .btn-primary:hover {
            background-color: #d3481f; 
            border-color: #d3481f; 
        }
        
    .btn-red {
        color: #fff !important; 
        background-color: #d3481f; 
        border-color: #d3481f; 
    }
    
        .btn-red:hover {
            color: #fff !important; 
            background-color: #5aa3da; 
            border-color: #5aa3da; 
        }
        
    .btn-primary-light {
        color: #fff !important; 
        background-color:#d4effa; 
        border-color: #d4effa; 
        color:#296cb3 !important;
    }
    
        .btn-primary-light:hover {
            background-color:#296cb3;
            border-color:#296cb3;
            color:#fff !important;
        }
        
    .btn-white {
        color: #296cb3 !important; 
        background-color: #fff; 
        border-color: #fff; 
    }
    
        .btn-white:hover {
            background-color: #d3481f; 
            border-color: #d3481f; 
            color:#fff !important;
        }
        
    .btn-facebook {
        background:#296cb3;
    }
    
    .btn-facebook-logo {
        background: #296cb3 url(/images/fb_logo.png) no-repeat center center;
        height: 100%;
        display: inline-block;
        width: 2.6rem;
    }

/* inputy */    
.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background:#e7f8ff;
    border-color:#d6e8f2;
}
    
.form-control-white-bg {
    background:#fff;
}

/* Z sloupcu v row */
@media (min-width: 768px){
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1  {
        width: 100%;
        *width: 100%;
    }
}
@media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
        max-width: 14.285714285714285714285714285714% !important;
        flex:none !important;
    }
}
 
@media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
        max-width: 14.285714285714285714285714285714% !important;
        flex:none !important;
    }
}
/* 
    Created on : 16.8.2019, 16:23:16
    Author     : Jakub
*/

@media (max-width: 1200px) {
    #header .header-special-link a.counselor-gift {
        display:inline-block;
    }
    
    #header .header-normal-link .header-link.counselor-gift-header-link {
        display:none;
    }

    #header #logo {
        padding: 0 1.5rem;
        height: 4rem;
        line-height: 4rem;
    }
}

/* lg */
@media (max-width: 992px) {
    #header-popup-category .two-cols a {
        width:100%;
    }
    
    #gift-quick-filter-form .h5 {
        padding-left: 5rem;
        font-size: 1rem
    }
    
    .header-link {
        display:none !important;
    }
    
    #header .header-special-link a.menu {
        display:inline-block;
    }
    
    #header-popup-menu {
        width:70%;
        right:0;
    }
}

/* md */
@media (max-width: 767px) {
    #header-popup-category .two-cols a {
        width:50%;
    }
    
    #gift-quick-filter-form img {
        position: relative;
        left: 0;
        top: -0.4rem;
        float: left;
        padding: 1rem;
    }
    
    #bg-footer {
        margin-top: 4rem !important;
    }
    
    #footer {
        padding-top: 2rem;
        background-position: center top -64px;
    }
    
    #footer-contact {
        background-position: center top -20px;
        padding-top: 2.4rem;
        height: 88px;
    }
    
    #header {
        height: 7.56rem;
    }
    
        #header .header-normal-link {
            padding:0;
        }
        
        #header .header-special-link {
            float:right;
        }
    
        #header a.counselor-gift {
            position: absolute;
            left: 0;
            background:#296cb3 url('/images/gift_menu_mobile.png') no-repeat center 0.5rem;
            color: #e7f8ff;
        }
        
        #header #logo {
            position: relative;
            display: block;
            text-align: center;
            padding: 0.5rem 0;
            line-height: 2.8rem;
        }
            
    .header-popup {
        top: 7.56rem;
    }
    
    #header-popup-menu {
        width:100%;
    }
    
    #gift-quick-filter-form .h5 {
        font-size: 1.25rem;
    }
}

@media (max-width: 575px) {
    #header-popup-category .two-cols a {
        width:50%;
    }
    
    #perex-zarex h1 {
        font-size: 2rem;
        font-weight: 600;
        margin: 0;
        padding: 0;
    }
    
    .header-popup {
        width:100%;
    }
}

@media (max-width: 540px) {
    #header-popup-category .two-cols a {
        width:100%;
    }
    
    #pagination #next-20-button {
        width:100%;
    }
    
    #header-popup-menu > div > div > div > a {
        font-size:0.9rem;
    }
}

@media (max-width: 420px) {
    #footer-contact {
        height: auto;
    }
    
    #footer-contact a {
        margin-bottom: 1rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 0.7rem;
    }
}

@media (max-width: 360px) {
    #header .header-special-link a {
        font-size: 0.6rem;
    }
    
    #header .header-special-link a em {
        width:2.4rem;
    }
}