*,

*:before,

*:after {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



a {

    text-decoration: none;

    color: #fff;

}

#header {

    width: 100%;

    position: fixed;

    z-index: 1000000;

    height: 80px;

}

#header:after {

    content: "";

    clear: both;

    display: block;

}

.search {

    float: right;

    padding: 30px;

}

input {

    border: none;

    padding: 10px;

    border-radius: 20px;

}

.logo {

    float: left;

    padding: 0px;

}

.logo a {

    font-size: 28px;

    display: block;

    padding: 0 0 0 20px;

}



.nav-style {

    float: right;

    font-family: Arial;

    font-size: 12px;

    border-bottom: solid 1px #fff;

    font-weight: bold;

    transition: all 0.5s;

}



.scroll-nav {

    transition: all 0.5s;

    margin-top: 10px;

    border-bottom: transparent;

}



nav > ul {

    float: left;

    position: relative;

}

nav li {

    list-style: none;

    float: left;

}

nav .dropdown {

    position: relative;

}

nav li a {

    float: left;
    padding: 25px;
    transition: background 0.5s;

}

nav li a:hover {

    /*background: yellow;*/
    background-image: linear-gradient(to bottom right,#d50015, #8c111d);
    color: #ffffff;

    text-decoration: none;

}



.hover-hover-red:hover {

    /*background: yellow !important;*/
    background-image: linear-gradient(to bottom right,#d50015, #8c111d);


}

nav li ul {

    display: none;

}

nav li:hover ul {

    display: inline;

}

nav li li {

    float: none;

}

nav .dropdown ul {

    position: absolute;

    left: 0;

    top: 100%;

    background: #d50015;

    padding: 20px 0;

}

nav .dropdown li {

    white-space: nowrap;

}

nav .dropdown li a {

    padding: 10px 35px;

    font-size: 13px;

    min-width: 200px;

}

nav .mega-dropdown {

    width: 100%;

    position: absolute;

    top: 100%;

    left: 0;

    background-color: rgba(255, 255, 255, 1);

    overflow: hidden;

    padding: 20px 35px;

    border-bottom: 3px solid #34495e;

}

nav li li a {

    float: none;

    /*color: #333;*/
    color: white;

    display: block;

    padding: 8px 10px;

    border-radius: 3px;

    font-size: 13px;

}

nav li li a:hover {

    /*background: yellow ;*/
    background-image: linear-gradient(to bottom right,#d50015, #8c111d);
}

.mega-col {

    width: 25%;

    float: left;

    margin-bottom: 20px;

}

#menu-icon {

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -12px;

    margin-right: 30px;

    display: none;

}

#menu-icon span {

    border: 2px solid #fff;

    width: 30px;

    margin-bottom: 5px;

    display: block;

    -webkit-transition: all 0.2s;

    transition: all 0.1s;

}

@media only screen and (max-width: 1170px) {

    nav > ul > li > a {

        padding: 35px 15px;

    }

}

@media only screen and (min-width: 960px) {

    nav {

        display: block !important;

    }

}

@media only screen and (max-width: 959px) {

    nav {

        background-color: rgba(0, 0, 0, 0.88);

        display: none;

        width: 100%;

        height: 100vh;

        clear: both;

        float: none;

        max-height: 650px;

        overflow-y: scroll;

    }

    #menu-icon {

        display: inline;

        top: 45px;

        cursor: pointer;

    }

    #menu-icon.active .first {

        transform: rotate(45deg);

        -webkit-transform: rotate(45deg);

        margin-top: 10px;

    }

    #menu-icon.active .second {

        transform: rotate(135deg);

        -webkit-transform: rotate(135deg);

        position: relative;

        top: -9px;

    }

    #menu-icon.active .third {

        display: none;

    }

    .search {

        float: none;

    }

    .search input {

        width: 100%;

    }



    nav {

        padding: 10px;

    }

    nav ul {

        float: none;

    }

    nav li {

        float: none;

    }

    nav ul li a {

        float: none;

        padding: 8px;

        display: block;

    }

    #header nav ul ul {

        display: block;

        position: static;

        background: none;

        border: none;

        padding: 0;

    }

    #header nav a {

        color: #fff;

        padding: 8px;

        font-size: 20px;

        list-style: none;

    }



    /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

    #header nav ul li li a:before {

        content: "- ";

    }



    /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */



    .mega-col {

        width: 100%;

    }



    .pagination {

        display: none;

    }



    .c-header-home_controls,

    .c-header-home_buttons {

        padding-bottom: 10px !important;

    }

}



@media screen and (max-width: 500px) {

    nav li a:hover {

        background-image: linear-gradient(to bottom right,#d50015, #8c111d);

        color: #ffffff;

        text-decoration: none;

    }

}