@charset "utf-8";
/* CSS Document */

.float-panel {
    width: 100%;
    transition: all 0.7s;
}

.fixed .fa-gg {
    transform: rotate(360deg);
}

.fixed {
    width: 100% !important;
    float: left;
    background: #fff;
    border: none;
    box-shadow: 0px 6px 12px -4px rgba(0, 0, 0, 0.24);
    animation: slide-down 0.7s;
    margin: 0 0 0 !important;
    padding: 24px 0 24px;
    font-size: 0;
    left: 0;
    right: 0;
    z-index: 999999;
}

.scroll {
    width: 100%;
    float: left;
    margin: 0 0 0;
}

.fixed .menuzord-menu>li>.megamenu {
    top: 75px;
}

.fixed .header-col3 {
    display: block;
}

.fixed .header-col1 {
    top: 22px;
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility: hidden;
    visibility: visible\9;
    /*For old IE browsers IE6-8 */
}

.slideanim.slide {
    visibility: visible;
    animation: slide 1s;
}

.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        transform: translateY(50%);
    }

    100% {
        transform: translateY(0);
    }
}

/*Smartphone css*/
@media screen and (max-width: 480px) {
    .float-panel {
        transform: none;
        transition: none;
    }

    .fixed {
        width: 100% !important;
        background: none;
        border-bottom: none;
        position: relative !important;
        box-shadow: none !important;
        animation: none !important;
        padding: 0 !important;
    }

    .scroll {
        width: 100%;
    }

    .fixed .header-col3 {
        display: none;
    }

    .fixed .header-col1 {
        top: 0;
        background: #fff;
    }

    .fixed .menuzord .showhide {
        padding: 11px 0;
    }
}

@media screen and (min-width:481px) and (max-width:600px) {
    .float-panel {
        transform: none;
        transition: none;
    }

    .fixed {
        width: 100% !important;
        background: none;
        border-bottom: none;
        position: relative !important;
        box-shadow: none !important;
        animation: none !important;
        padding: 0 !important;
    }

    .scroll {
        width: 100%;
    }

    .fixed .header-col3 {
        display: none;
    }

    .fixed .header-col1 {
        top: 0;
        background: #fff;
    }

    .fixed .menuzord .showhide {
        padding: 11px 0;
    }
}

@media screen and (min-width:601px) and (max-width:767px) {
    .float-panel {
        transform: none;
        transition: none;
    }

    .fixed {
        width: 100% !important;
        background: none;
        border-bottom: none;
        position: relative !important;
        box-shadow: none !important;
        animation: none !important;
        padding: 0 !important;
    }

    .scroll {
        width: 100%;
    }

    .fixed .header-col3 {
        display: none;
    }

    .fixed .header-col1 {
        top: 0;
        background: #fff;
    }

    .fixed .menuzord .showhide {
        padding: 11px 0;
    }
}

@media screen and (min-width:768px) and (max-width:900px) {
    .fixed .menuzord-menu>li>.megamenu {
        top: 63px;
    }

    .fixed .header-col3 {
        width: 47px;
        margin: 0 0 0 -10px;
    }

    .fixed .header-col1 {
        top: 25px;
    }

    .fixed .header-col1 .header-row1 {
        width: 80%;
    }

}

@media screen and (min-width:901px) and (max-width:1024px) {
    .fixed .header-col1 {
        top: 26px;
    }

    .fixed .header-col3 {
        width: 47px;
        margin: 0 0 0 -10px;
    }

    .fixed .header-col1 .header-row1 {
        width: 80%;
    }
}

@media screen and (min-width:1025px) and (max-width:1240px) {
    .fixed .header-col3 {
        width: 47px;
        margin: 3px 0 0 -10px;
    }

    .fixed .header-col1 .header-row1 {
        width: 80%;
    }
}

@media screen and (min-width:1241px) and (max-width:1340px) {}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*.mac-os .fixed .header-col3 {
        margin-top: 3px;
    }*/
}