/*! qik_navigation.css | v171121-631 Copyright QikCss 2010 - 2016 | MIT License | http://QikCss.com  */
/*  qik_navigation.css is a collection of peconfigured containers to control uniform content presentation over multiple browsers  */
/*  Making changes to qik_navigation.css is not recommended. */
/*  Use qik_theme.css to extend/override/style. */

/*#region - NAVIGATION - */
/*===================================================NAVIGATION */
/*#region - Nav (base) - */
/*---------  base nav style all nav style inherit or overide this ----------*/
nav {
    height: auto;
    max-height: 100%;
    position: relative;
}

/*#Nav, #NavMain, #NavMobile, #NavFooter, #MenuListMbl, .navMbl {
    background: transparent;
}*/

nav ul, .nav ul {
    list-style: none;
    /*xbackground: #efefef; 
    xbackground: linear-gradient(to bottom, #efefef 0, #bbbbbb 100%);  
    xbackground: -moz-linear-gradient(to bottom, #efefef 0, #bbbbbb 100%); 
    xbackground: -webkit-linear-gradient(to bottom, #efefef 0,#bbbbbb 100%);*/ 
    }

/*nav > ul{
    background-color: transparent;
    border: none;
}*/

  nav, .nav {
    display: block;
    width: 100%;
      text-align: center;
    font-size: inherit;
    padding: 0;
    margin: 0;
}

    nav ul li, .nav ul li {
        display: inline;
        padding: .65em 0; /* padding controls the target click area width for the 'a' element*/
        text-decoration: none;
        margin: auto;
        border: 1px solid #d9d9d9;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

        nav ul li:hover, .xxnav li:hover {
            background-color: #d9d9d9;
            border-color: #b5aaa3;
        }

        nav ul li.active, .xxnav li.active {
            background-color: #fff;
            border-color: #000;
        }

   nav ul a, .xxnav a {
        display: inline-block;
        line-height: 1.8em; /* line-height controls the target click area height for the 'li' element. Must be applied in li element*/
        line-height: 2.5em\9; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match line-height in current browers. Must be applied in a element*/
        color: #444;
        text-decoration: none;
        text-align: center;
        margin: 0 auto;
        padding: .3765em 2em; /* padding controls the target click area width for the 'a' element*/
        padding: 0\9 0; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match 'a' height in current browers ! */
        padding: 0\9 1.8em\9; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match 'a' padding in current browers! */
    }

       nav ul a:hover, .nav a:hover {
            color: #000;
        }

    nav ul li.active a, .nav li.active a {
        color: #000;
    }


    nav ul ul {
    display: none;
    background: blue;
    padding: 1.3em;
    }

    nav ul li:hover > ul {
        display: block;
    }

    nav li  ul  ul {
        display: inline;
        display: block;
        padding: .65em 0; /* padding controls the target click area width for the 'a' element*/
        text-decoration: none;
        margin: auto;
        border: 1px solid #d9d9d9;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

        .nav  ul  ul li:hover {
            background-color: #d9d9d9;
            border-color: #b5aaa3;
        }

        .nav  ul  ul li.active {
            background-color: #fff;
            border-color: #000;
        }

    .nav  ul  ul a {
        display: inline-block;
        line-height: 1.8em; /* line-height controls the target click area height for the 'li' element. Must be applied in li element*/
        line-height: 2.5em\9; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match line-height in current browers. Must be applied in a element*/
        color: #444;
        text-decoration: none;
        text-align: center;
        margin: 0 auto;
        padding: .3765em 2em; /* padding controls the target click area width for the 'a' element*/
        padding: 0\9 0; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match 'a' height in current browers ! */
        padding: 0\9 1.8em\9; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match 'a' padding in current browers! */
    }

        .nav  ul  ul a:hover {
            color: #000;
        }

    .nav  ul  ul li.active a {
        color: #000;
    }

/*#endregion nav */

/*#region - Mobile - */
/*---------  mobile nav style  ----------*/

.navMbl, #NavMobile  {
    display: none\9;
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    text-align: left;
    background: #f2f1f0;
    margin: 0 auto;
    padding: .8em 7%;
    z-index: 900;
    -webkit-box-shadow: inset 0 -3px 9px 0 #aaa;
    -ms-box-shadow: inset 0 -3px 9px 0 #aaa;
    box-shadow: inset 0 -3px 9px 0 #aaa;

}

    .navMbl > .navMblBtn {
    margin: 0;
    padding: .5em;
    border: #fff 1px solid;
    -ms-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 3px 10px 0 #bbb;
    -ms-box-shadow: 0 3px 10px 0 #bbb;
    box-shadow: 0 3px 10px 0 #bbb;

    }

.navMbl span  {
        color: #888;
        font-size: .9em;
        padding: 0 1%;
    }


 #NavMobile {
    display: none\9; /*fix ei8,7,6*/
    height: 46px;
     padding: .5em 0;
}

#NavMobileRow {
    width: 100%;
    position: fixed;
    top: 0;
    background: #f2f1f0;
    margin: 0 auto;
    padding: 8px 7.5% 5px 7.5%;
    z-index: 900;
}

    #NavMobileRow p {
        display: inline;
        position: relative;
        color: #cfcbcb;
        margin: 0;
        padding: 0;
        font-size: 1em;
    }


    #NavMobileRow > .btn{
        margin: 0;
        padding: .3em;
        border: #d9d9d9 1px solid;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

    #NavMobileRow .icon3Bar, .navMbl .icon3Bar {
        display: block;
        width: 16px;
        border-top: 3px solid #565656;
        border-bottom: 9px double #565656;
        height: 1px;
        margin: 4px 3px;
        padding: 1px;
    }

#NavMobileMenu, #NavMblList {
    width: 85%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin-top: -900px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 40px 0 20px 0;
    background-color: #f2f1f0; 
    background-color: rgba(242, 241, 240, .95);
    z-index: 1000;
    -ms-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: margin 0700ms;
    -moz-transition: margin 0700ms;
    -ms-transition: margin 0700ms;
    -o-transition: margin 0700ms;
    transition: margin 0700ms;
}

#NavMobileMenu:target, #NavMblList:target {
        margin-top: 0;
        -webkit-transition: margin 0700ms;
        -moz-transition: margin 0700ms;
        -ms-transition: margin 0700ms;
        -o-transition: margin 0700ms;
        transition: margin 0700ms;
    }

    #NavMobileMenu li,  #NavMblList > li {
        display: block;
        width: 85%;
        max-width: 250px;
        line-height: 3em; /* line-height controls the target click area height for the 'li' element. Must be applied in li element*/
        background: #f4f4f4;
        margin: .5em auto;
        margin: 0\9 .12em\9; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match 'li' spacing in current browers ! */
        padding: .1em 0;
        padding: 0em\9 0; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match 'li' height in current browers ! */
        border: 1px solid #d9d9d9;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

        #NavMobileMenu li:last-child, #NavMblList li:last-child {
            display: block;
            background: none;
            line-height: 3em; /* line-height controls the target click area height for the 'li' element. Must be applied in li element*/
            margin: auto;
            padding: 0;
            border: none;
        }

        #NavMobileMenu li a, #NavMblList li a {
            display: block;
            width: auto;
            text-align: center;
            text-decoration: none;
        }


        #NavMobileMenu li:last-child a, #NavListMbl li:last-child a {
            text-decoration: underline;
        }

/*#endregion NavMobile */

/*#region - Bar -  */
/*--------  nav Bar style (inherits/overrides "Nav") -------------*/
nav > .nav.bar {
    background-color: black;
    border: none;
}

.nav.bar {
    margin: 0;
    background-color: #000;
}

    .nav.bar > li {
        background-color: transparent;
        border-color: #b2b2b2;
        border-width: 0 0 0 1px;
        border-style: solid;
        margin: 0 0 0 -2px;
        margin: 0\9;
    }

        .nav.bar > li:last-child {
            border-width: 0 1px 0 1px;
        }

    .nav.bar li:hover {
        background-color: #eee;
        border-width: 1px;
        border-style: solid;
    }

    .nav.bar li.active {
        background-color: #eee;
        border-color: #fff;
        border-width: 1px;
        border-style: solid;
        margin: 0 -1px 0 0;
    }

    .nav.bar a {
        font-size: inherit;
        color: #fff;
    }

        .nav.bar a:hover {
            color: #555;
        }

    .nav.bar li.active a {
        color: #444;
    }


    .nav.bar.style0 {
        background-color: transparent;
        color: #777;
        border: none;
    }
    .nav.bar.style0 > li {
        background-color: transparent;
        border: none;
    }
    .nav.bar.style0 li.active {
        background-color: #fafafa;
        border: 1px solid #eee;
    }
    .nav.bar.style0 li:hover {
        background-color: transparent;
        border: 1px solid #ddd;
    }
        .nav.bar.style0 a {
        color: #777;
    }
    .nav.bar.style0 li.active a {
        color: #000;
    }

    .nav.bar.style0 {background-color: transparent;}
    .nav.bar.style3 {background-color: #333;}
    .nav.bar.style6 {background-color: #666;}
    .nav.bar.style9 {background-color: #999;}
    .nav.bar.styleC {background-color: #ccc;}
    .nav.bar.styleE {background-color: #eee;}
    .nav.bar.styleF {background-color: #fff;}

/*#endregion nav bar */

/*#region - Block - */
.nav.blk {
    display: block;
    width: 100%;
    text-align: center;
    font-size: inherit;
    padding: 0;
    margin: 0;
}

    .nav.blk li {
        background-color: #666;
        line-height: 3em; /* line-height controls the target click area height for the 'li' element. Must be applied in li element*/
        text-decoration: none;
        margin: auto;
        margin: 0\9 .12em\9; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match 'li' spacing in current browers ! */
        padding: 0em\9 0; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match 'li' height in current browers ! */
        border: 1px solid #b5aaa3;
    }

        .nav.blk li:hover {
            background-color: #353022;
            border-color: #b5aaa3;
        }

        .nav.blk li.active {
            background-color: #fff !important;
            border-color: #b5aaa3 !important;
        }

    .nav.blk a {
        display: inline-block;
        line-height: 2.5em\9; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match line-height in current browers. Must be applied in a element*/
        color: #f6f3eb;
        text-decoration: none;
        text-align: center;
        margin: 0 auto;
        padding: 0\9 1.8em\9; /* IMPORTANT! \9 value is for ie8/7/6 ONLY. Adjust to match 'a' padding in current browers! */
    }

        .nav.blk a:hover {
            color: #fff;
        }

    .nav.blk li.active a {
        color: #666 !important;
    }

/*#endregion blk*/

/*#region - Button - */
/*---------  nav Button style (inherits/overrides "Nav") ----------*/
.nav.btn {
    margin: 1em 0;
}

    .nav.btn > li {
        background-color: #fff;
        border-color: #d9d9d9;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .nav.btn li:hover {
        background-color: #ebe6d7;
        border-color: #b5aaa3;
    }

    .nav.btn li:active {
        background-color: #f1eada;
        border-color: #b5aaa3 !important;
        margin: 0;
    }

    .nav.btn a {
        font-size: inherit;
        color: #2e2e2e;
    }

        .nav.btn a:hover {
            color: black;
        }

    .nav.btn li.active a{
        color: #645E5A !important;
    }


    .nav.btn.style1 li {
        -ms-border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
    }

    .nav.btn.style2 li {
        -ms-border-radius: 11px;
        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
        border-radius: 11px;
    }
    .nav.btn.style3 li {
        -ms-border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }
    .nav.btn.style4 li {
        -ms-border-radius: 7px 2px;
        -moz-border-radius: 7px 2px;
        -webkit-border-radius: 7px 2px;
        border-radius: 7px 2px;
    }
    .nav.btn.style5 li {
        -ms-border-radius: 11px 4px;
        -moz-border-radius: 11px 4px;
        -webkit-border-radius: 11px 4px;
        border-radius: 11px 4px;
    }
    .nav.btn.style6 li {
        -ms-border-radius: 15px 6px;
        -moz-border-radius: 15px 6px;
        -webkit-border-radius: 15px 6px;
        border-radius: 15px 6px;
    }

/*#endregion nav btn */

/*#region - Tab - */
/*---------  nav Tab style (inherits/overrides "Nav") ----------*/
ul.nav.tab.bdrBtm {
    border-bottom: 1px  solid #eee;
}

.nav.tab > li {
    position: relative;
    bottom: -.57654px;
    bottom: -3px\9;
    background-color: #fafafa;
    border-color: #ccc;
    -ms-border-radius: 8px 24px 0 0;
    -moz-border-radius: 8px 24px 0 0;
    -webkit-border-radius: 8px 24px 0 0;
    border-radius: 8px 24px 0 0;
    margin: 0 0 .03em -3.765px;
}
    .nav.tab > li:hover {
        background-color: #f6f3eb;
        border-color: #b5aaa3;
    }

.nav.tab li.active {
    background-color: #fff !important;
    border-color: #b5aaa3 !important;
    border-bottom-color: #fff !important;
    padding-bottom: .66543em;
    z-index: 5;
    -webkit-box-shadow: 0 -4px 5px 0  #ececec;
    -ms-box-shadow: 0 -4px 5px 0  #ececec;
    box-shadow: 0 -4px 5px 0  #ececec;
}

.nav.tab a {
    font-size: inherit;
    color: #6f6f6f;
    padding-top: .5em;
}

    .nav.tab a:hover {
        color: #000 !important;
    }

.nav.tab li.active a {
    color: #d16c46 !important;
}

.nav.tab.style1 li {
    -ms-border-radius: 8px 24px 0 0;
    -moz-border-radius: 8px 24px 0 0;
    -webkit-border-radius: 8px 24px 0 0;
    border-radius: 8px 24px 0 0;
}
.nav.tab.style2 li {
    -ms-border-radius: 10px 30px 0 0;
    -moz-border-radius: 10px 30px 0 0;
    -webkit-border-radius: 10px 30px 0 0;
    border-radius: 10px 30px 0 0;
}
.nav.tab.style3 li {
    -ms-border-radius: 15px 45px 0 0;
    -moz-border-radius: 15px 45px 0 0;
    -webkit-border-radius: 15px 45px 0 0;
    border-radius: 15px 45px 0 0;
}
.nav.tab.style4 li {
    -ms-border-radius: 18px 20px 0 0;
    -moz-border-radius: 18px 20px 0 0;
    -webkit-border-radius: 18px 20px 0 0;
    border-radius: 18px 20px 0 0;
}
.nav.tab.style5 li {
    -ms-border-radius: 26px 30px 0 0;
    -moz-border-radius: 26px 30px 0 0;
    -webkit-border-radius: 26px 30px 0 0;
    border-radius: 26px 30px 0 0;
}
.nav.tab.style6 li {
    -ms-border-radius: 36px 40px 0 0;
    -moz-border-radius: 36px 40px 0 0;
    -webkit-border-radius: 36px 40px 0 0;
    border-radius: 36px 40px 0 0;
}

/*#endregion - nav tab -*/

/*#region - Group - */
.nav.group > li {
    margin-left: -2px;
    margin-right: -2px;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.nav.group li:first-child {
    margin-left: -3px;
    margin-right: -3px;
    -ms-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}

.nav.group li:last-child {
    margin-left: -3px;
    margin-right: -3px;
    -ms-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}
/*#endregion */
/*#endregion NAVIGATION */