/* #######################################################################

meanMenu

--------

To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)



####################################################################### */

#header {

    display: table;

    float: left;

    height: auto;

}



#header .navMenu ul {

    display: block;

    padding: 28px 0px 0 100px;

    /*padding: 28px 0px 0 230px;*/

}



#header .navMenu ul li {

    float: left;

    font-weight: 600;

    margin-left: 0;

    padding: 0 0;

    position: relative;

}





#header .navMenu ul li:last-child.current-menu-item,

#header .navMenu ul li:last-child:hover {

    border-color: #fff;

}



#header .navMenu ul li:last-child {

    padding-right: 0;

}



#header .navMenu ul li a {

    color: #2e2e2e;

    display: block;

    font-family: 'Montserrat', sans-serif;

    font-size: 18px;

    font-weight: 600;

    padding: 15px 25px;

}



#header .navMenu ul li.current-menu-ancestor a{

    color: #f11c2e;

}



#header .navMenu ul li.current-menu-ancestor::after {

    width: 50%;

    background: #f11c2e;

}



#header .navMenu ul li a:before {

    /*background: #fff none repeat scroll 0 0;

    content: "";

    height: 18px;

    left: 0;

    margin: -9px 0 0;

    position: absolute;

    top: 50%;

    width: 1px;

    z-index: 88;*/

}



.fxd1 {

    background: #fff;

}



.fxd1 #header .navMenu ul li a {

    padding: 9px 18px 11px;

}



#header .navMenu ul li:first-child a:before {

    display: none;

}



#header .navMenu ul li li a:after {

    display: none;

}



#header .navMenu ul li:hover a:after {

    /*bottom:12px;

	right:0;

	opacity:1;*/

}



#header .navMenu ul li:hover a {

    /*background: #ff5454 none repeat scroll 0 0;*/

    color: #fff;

}



#header .navMenu ul li:hover li a {

    color: #656363 !important;

    background: none;

}



#header .navMenu ul li:hover li:hover a {

    color: #555;

    border-radius: 0;

    background: none;

}



.current-menu-item {

    /*background: #ed1c24 none repeat scroll 0 0;

    color: #fff !important;*/

}



/*.current-menu-item > a, #header .navMenu ul li:hover a,  #header .navMenu ul li a.current {*/

#header .navMenu ul li:hover a,

#header .navMenu ul li a.current {

    color: #3c69ac !important;

}



#header .navMenu ul li:hover a,

#header .navMenu ul li.current-menu-item a {

    color: #f11c2e !important

}



#header .navMenu ul li:last-child.current-menu-item a {

    color: #f11c2e !important;

}



.current-menu-item li a {

    /*color: #fff !important;*/

    border-color: #e7701a;

}





.mean-container .mean-nav ul li.current-menu-item a::before,

.mean-container .mean-nav ul li.current-menu-item a::after {

    display: none;

}



#header .navMenu ul li:hover,

.navMenu .current-menu-item,

.navMenu .active {

    /*background: #ed1c24 none repeat scroll 0 0;

    color: #bfbfbf !important;*/

    /*-webkit-transform: skewX(22deg);

    -moz-transform: skewX(22deg);

    -ms-transform: skewX(22deg);

    -o-transform: skewX(22deg);

    transform: skewX(22deg);*/

    /*-moz-transform: skewX(-36deg);

	-webkit-transform: skewX(-36deg);

	transform: skewX(-36deg);*/

}



#header .navMenu ul li ul li > a:hover,

.navMenu ul li .current-menu-item a,

.navMenu ul li .active {

    /*border-bottom:none !important;*/

}



#header .navMenu ul li ul {

    background: #efefef;

    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);

    box-sizing: border-box;

    display: none;

    left: 0;

    margin: 0;

    padding: 0px;

    position: absolute;

    top: 53px;

    width: 238px;

    z-index: 111;

}



#header .navMenu ul li ul:after {

    content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    top: -12px;

    left: 43px;

    z-index: 10000;

    background: url(../images/nav_arrw.png) no-repeat 0 0;

}



#header .navMenu ul li li:last-child a:hover {

    color: #f11c2e !important;

    border-radius: 0;

}





#header .navMenu ul li ul li ul {

    display: none;

    left: 200px;

    position: absolute;

    top: 0;

}



#header .navMenu ul li ul li:hover ul {

    display: block;

    z-index: 111;

    left: 100%;

    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);

}





#header .navMenu ul li:hover > ul {

    display: block;

    z-index: 111;

}



#header .navMenu ul li ul li {

    display: block;

    font-weight: 500;

    margin: 0 0px 0px 0;

    float: none;

    border-bottom: 1px solid #d6d6d6;

}





#header .navMenu ul li:hover ul li:hover a {

    color: #f11c2e !important;

}



#header .navMenu ul li:hover li:hover li a {

    color: #555 !important;

}



#header .navMenu ul li:hover li:hover li:hover a {

    color: #f11c2e !important;

}



#header .navMenu ul li ul li:last-child {

    margin-right: 0;

}



#header .navMenu ul li:hover li:last-child a {

    border-radius: 0;

}



#header .navMenu ul li ul li a {

    color: #656363;

    display: block;

    font-family: 'Montserrat', sans-serif;

    font-size: 16px;

    font-weight: 500;

    margin: 0;

    padding: 8px 15px;

    text-align: left;

    text-transform: none;

    transition: all 300ms ease 0s;

    box-sizing: border-box;

}



#header .navMenu ul li li:last-child a {

    margin: 0

}



#header .navMenu ul li::after {

    content: '';

    clear: both;

    display: block;

    margin: auto;

    height: 2px;

    width: 0px;

    background: transparent;

    transition: width .5s ease, background-color .5s ease;

}



#header .navMenu ul li:hover::after {

    width: 50%;

    background: #f11c2e;

}



#header .navMenu ul li.current-menu-item::after {

    width: 50%;

    background: #f11c2e;

}



.mean-expand {

    font-size: 23px !important;

    text-transform: uppercase !important;

}







#header ul li ul li p {

    color: #585858;

    display: block;

    font-size: 13px;

    line-height: 17px;

    padding: 8px 0 0;

    text-transform: uppercase;

}



#header ul li ul li:hover p {

    color: #c02029;

}



.megaNavThumb {

    vertical-align: bottom;

}



.megaNavThumb img {

    vertical-align: bottom;

    height: auto;

    width: 100%;

}







/*************************

	Mega menu css

*******************************/

#header .navMenu ul li:hover .megaNav ul {

    display: block;

}



.mean-nav {

    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.4);

    position: absolute;

    right: 0;

    top: 8px;

    width: 210px;

    z-index: 99;

}



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

    #navi {

        display: none;

    }

}



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

    #header .navMenu ul {

        padding: 28px 0px 0 20px;

    }

}



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



    #navi {

        display: none;

    }



    a.meanmenu-reveal {

        display: none;

    }



    .mean-container {

        float: right;

        width: 55%;

    }



    /* when under viewport size, .mean-container is added to body */

    .mean-container .mean-bar {

        float: left;

        width: 100%;

        position: relative;

        background: rgba(23, 166, 242, 0.6) !important;

        padding: 4px 0;

        min-height: 37px;

        z-index: 99;

        /*border-radius:5px;*/

    }



    .mean-container a.meanmenu-reveal {

        background: #f11c2e;

        width: 22px;

        height: 22px;

        padding: 8px 11px;

        position: absolute;

        top: 0;

        right: 0;

        cursor: pointer;

        color: #fff;

        text-decoration: none;

        font-size: 16px;

        text-indent: -9999em;

        line-height: 22px;

        font-size: 1px;

        display: block;

        font-family: 'Montserrat', sans-serif;

        font-weight: 500;

    }



    .mean-container a.meanmenu-reveal span {

        display: block;

        background: #fff;

        height: 3px;

        margin-top: 3px;

    }



    .mean-container .mean-nav {

        float: left;

        /*width: 100%;*/

        margin-top: 33px;

    }



    .mean-container .mean-nav ul {

        padding: 0;

        margin: 0;

        width: 100%;

        list-style-type: none;

    }



    .mean-container .mean-nav ul li {

        position: relative;

        float: left;

        width: 100%;

        background: none repeat scroll 0 0 #f7f7f7;

    }



    .mean-container .mean-nav ul li a {

        border-bottom: 1px solid rgba(0, 0, 0, 0.08);

        box-sizing: border-box;

        color: #898989;

        display: block;

        float: left;

        font-family: 'Montserrat', sans-serif;

        font-size: 14px;

        font-weight: 600;

        margin: 0;

        padding: 8px 10px 7px;

        text-align: left;

        text-decoration: none;

        text-transform: uppercase;

        transition: all 500ms ease 0s;

        width: 100%;

    }

    .mean-container .mean-nav ul li.current-menu-ancestor ul li a{

        color: #898989;

        border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;

    }



    .mean-container .mean-nav ul li.current-menu-item a{

        color: #f11c2e;

        border-bottom: 1px solid #f11c2e !important;

    }



    .mean-container .mean-nav ul li.current-menu-ancestor a{

        color: #f11c2e;

        border-bottom: 1px solid #f11c2e !important;

    }





    .mean-container .mean-nav ul li.current-menu-ancestor ul li.current-menu-item a{

        color: #f11c2e;

        border-bottom: 1px solid #f11c2e !important;

    }



    .mean-container .mean-nav ul li li a {

        width: 100%;

        visibility: visible;

    }



    .mean-container .mean-nav ul li.mean-last a {

        border-bottom: none;

        margin-bottom: 0;

    }



    .mean-container .mean-nav ul li li li a {

        width: 70%;

        padding: 1em 15%;

    }



    .mean-container .mean-nav ul li li li li a {

        width: 60%;

        padding: 1em 20%;

    }



    .mean-container .mean-nav ul li li li li li a {

        width: 50%;

        padding: 1em 25%;

    }



    .mean-container .mean-nav ul li a:hover {

        /*background: # none repeat scroll 0 0;*/

        color: #f11c2e !important;

    }



    .mean-container .mean-nav ul li a.mean-expand {

        width: 26px;

        height: 26px;

        border: none !important;

        padding: 12px !important;

        text-align: center;

        position: absolute;

        right: 0;

        top: 0;

        z-index: 2;

        font-weight: 300;

    }



    .mean-container .mean-nav ul li a.mean-expand:hover {

        background: none;

    }



    .mean-container .mean-push {

        float: left;

        width: 100%;

        padding: 0;

        margin: 0;

        clear: both;

    }



    .mean-nav .wrapper {

        width: 100%;

        padding: 0;

        margin: 0;

    }



    .search-wrapper {

        top: 50px;

        right: 20px;

    }

}