/*New Style*/
@import "mixins";
@import "variables";
.main-nav {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  padding: 2px 0;
  position: relative;    
  .double-border {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;    
  }
}
.fixed-header,
.main-nav {
    a {
          color: #000;
          text-align: left;
          &:hover {
              color: #f00;
          }
      }
    .menu {
        @include box-sizing(border-box);
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
        > li {
            display: inline-block;
            padding: 0 22px;
            > a {
                display: block;
                position: relative;
                font-family: Georgia;
                font-size: 14px; /*the font size for top level*/
                padding: 13px 5px;
                text-transform: uppercase;
                font-weight: 400;
                &:after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 50px;
                    bottom: -20px;
                    left: 0;
                }
                > span.cat-label {
                    position: absolute;
                    top: 8px;
                    right: -25px;
                    font: 11px arial, sans-serif;
                    text-transform: uppercase;
                    padding: 0 2px;
                    &.cat-label-label1 {
                        background: #f00;
                        color: #fff;
                    }
                    &.cat-label-label2 {
                        background: #00f;
                        color: #fff;
                    }
                }                
            }
            .nav-sublist-dropdown {
                display: none;
                position: absolute;
                z-index: 10000;
                width: 200px;
                top: 100%;
                border-bottom: 1px solid #ebebeb;
                padding: 0;
                background-color: #fff;
                @include box-sizing(border-box);
                max-width: 100%;
                &:before {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: -15px;
                    z-index: -1;
                }
                ul {
                    padding-left: 0;
                    margin-bottom: 0;
                    list-style: none;
                    li {
                        a > span {
                            position: relative;
                            > span.cat-label {
                                position: absolute;
                                font: 10px arial, sans-serif;
                                text-transform: uppercase;
                                padding: 0 2px;
                                top: 2px;
                                right: -35px;
                                &.cat-label-label1 {
                                    background: #f00;
                                    color: #fff;
                                }
                                &.cat-label-label2 {
                                    background: #00f;
                                    color: #fff;
                                }
                            }
                        }
                        .image-item {
                            a {
                                font-size: 0 !important;
                            }
                            &:before {
                                display: none;
                            }
                        }
                    }
                }
                .container {
                    max-width: 100%;
                    padding: 0;
                    > ul {
                        >li {
                            a {
                                padding: 15px 20px;
                                display: block;
                                border-left: 1px solid #dbdbdb;
                                border-right: 1px solid #dbdbdb;
                                border-top: 1px solid #dbdbdb;
                                @include box-sizing(border-box);
                            }
                        }
                        .menu-item-has-children {
                            position: relative;
                            > a {
                                &:before {
                                    font: normal normal 16px/20px "FontAwesome";
                                    content: '\f105';
                                    width: 15px;
                                    height: 15px;
                                    position: absolute;
                                    right: 10px;
                                    margin-left: 13px;
                                }
                            }
                            .nav-sublist {
                                position: absolute;
                                left: 199px;
                                top: 0;
                                display: none;
                                li {
                                    background-color: #fff;
                                    width: 200px;
                                    &:last-child a {
                                        border-bottom: 1px solid #dbdbdb;
                                    }
                                }
                            }
                            &:hover {
                                > .nav-sublist {
                                    display: block;
                                }
                            }
                        }
                    }
                    
                }
            }
            &.menu-full-width {
                .nav-sublist-dropdown {
                    padding: 25px 0 30px;
                    width: 100%;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    border-bottom: 1px solid #dfdfdf;
                    @include box-shadow(0px 2px 10px -2px rgba(0,0,0,0.3));
                    .container {
                        /*padding: 0 15px;*/
                        ul {
                            > li {
                                > a {
                                    display: block;
                                    padding: 5px;
                                    border: none;
                                    &.level1 {
                                        font-size: 14px; /*the font size for level1*/
                                        text-transform: uppercase;
                                        font-family: Georgia;
                                        line-height: 1.5;
                                    }
                                }
                                .nav-sublist {                                    
                                    ul {
                                        li {
                                            background: none;
                                            width: auto;
                                            clear: both;
                                            a{
                                                &:before {
                                                    font: normal normal 16px/20px "FontAwesome";
                                                    text-decoration: inherit;
                                                    content: "\f105";
                                                    -webkit-font-smoothing: antialiased;
                                                    float: left;
                                                    margin: 0 10px 0 10px;
                                                    @include transition(all 0.2s ease-in-out);                                                
                                                }
                                                &:hover:before {
                                                    text-decoration: none;
                                                }   
                                            }
                                            ul {
                                                margin: 3px 0 3px 5px;
                                                li {
                                                    &:before {
                                                        line-height: 17px;
                                                    }
                                                    a {
                                                        padding: 3px;
                                                        font-size: 12px;  /*the font size for under level 2*/
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    a {
                                        font-size: 13px; /*the font size for level 2*/            
                                    }
                                }
                            }
                            .menu-item-has-children {
                                >a {
                                    &:before {
                                        background: none;
                                    }
                                }
                                .nav-sublist {
                                    ul {
                                        li {
                                            &:last-child
                                            {
                                                a {
                                                    border-bottom: none;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                
            }
            &:nth-last-child(1),
            &:nth-last-child(2) {
                .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist {
                    left: auto;
                    right: 199px;
                }
            }
        }   
    }
}
.fixed-menu-type4 .fixed-header .menu > li .nav-sublist-dropdown:before,
.header-type-4 .main-nav .menu > li .nav-sublist-dropdown:before,
.fixed-menu-type3 .fixed-header .menu > li .nav-sublist-dropdown:before,
.header-type-3 .main-nav .menu > li .nav-sublist-dropdown:before {
  top: -50px;
}
.fixed-header {
  background: #fff;
  border-bottom: 1px solid #dfdfdf;
  @include box-shadow(0px 2px 10px -2px rgba(0,0,0,0.3));
  .menu li a {
      padding-bottom: 15px;
  }
}
.fixed-header .menu li a {
  padding-bottom: 15px;
}
.fixed-header-area {
    position: fixed;
    top: -160px;
    left: 0;
    width: 100%;
    z-index: 901;
    @include transition(0.5s all ease-in-out);
    &.fixed-already {
        top: 0;
    }
    .menu {
        float: right;
        > li {
            padding: 0 11px !important;
        }
    }
}
/*mobile menu*/
.mobile-nav {
    @include translate3d(-250px,0,0);
    @include transition(all 0.5s);
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 10100;
    height: 100%;
    width: 240px;
    background-color: #151515;
    .mobile-nav-shown & {
        @include translate3d(0,0,0);
        @include transition(all 0.5s);
        @include box-shadow(0 10px 10px #111);
        height: 100%;
        z-index: 950;
        left: 0;
        position: fixed;
        overflow-y: scroll;
    }
    .sw-mobile-menu {
        text-align: left;
        margin-bottom: 0;
        padding-left: 0;
        li {
            display: block;
            position: relative;
            clear: both;
            &.over {
                > a {
                    color: #FFF;   
                }
                > .open-child:after {
                    background-image: url(images/small-plus.png);
                    background-position: top center;
                    background-repeat: no-repeat;
                }
            }
            .container {
                width: 100%;
                padding: 0;
            }
            .open-child {
                float: right;
                font-size: 0;
                width: 40px;
                height: 40px;
                margin-top: 1px;
                display: block;
                cursor: pointer;
                position: relative;
                background-color: #151515;
                @include transition(background-color .3s ease);
                &:hover {
                    background-color: #0e0e0e;                    
                }
                &:after {
                    content: "";
                    background-image: url(images/small-plus.png);
                    background-position: bottom center;
                    background-repeat: no-repeat;
                    cursor: pointer;
                    width: 19px;
                    height: 19px;
                    display: block;
                    position: absolute;
                    left: 10px;
                    top: 10px;
                    opacity: 0.5;
                }
                &:selection {
                    background-color: transparent !important;
                }
            }
            > a {
                color: #c7c7c7;
                display: block;
                line-height: 40px;
                padding: 0 10px 0 20px;
                font-size: 14px;
                font-family: Georgia;
                text-transform: uppercase;
                background: #151515;
                border-top: 1px solid #222222;
                &:hover {
                    background-color: #989898;
                    text-decoration: none;
                    color: #222;
                    @include transition(background-color .3s ease);
                }
                span.cat-label {
                    font: 10px/1.2 arial;
                    text-transform: uppercase;
                    padding: 0 2px;
                    margin-left: 1px;
                    margin-bottom: 3px;
                    display: inline-block;
                    vertical-align: middle;
                    &.cat-label-label1 {
                        background: #f00;
                        color: #fff;
                    }
                    &.cat-label-label2 {
                        background: #00f;
                        color: #fff;
                    }
                }
            }
        }
        > li {
            > ul {
                border-top: 0;
                padding-left: 0;
                margin-bottom: 0;
                li {
                    display: block;
                    position: relative;
                    background-color: #151515;
                }
                >li {
                    a {
                        padding-left: 20px;
                        margin-left: 15px;
                        text-transform: none;
                        font: 12px/40px "Open Sans", Arial;
                        display: block;
                        /*background-color: #151515;*/
                        span.cat-label {
                            margin-bottom: 0;
                        }
                        &:before {
                            font: normal normal 16px/40px "FontAwesome";
                            text-decoration: inherit;
                            content: "\f105";
                            -webkit-font-smoothing: antialiased;
                            float: left;
                            margin-right: 10px;
                            @include transition(all 0.2s ease-in-out);
                        }
                    }
                    li {
                       a {
                            padding-left: 15px;
                            /*background-color: #151515;*/
                            margin-left: 30px;
                       }
                       li {
                            a {
                                padding-left: 15px;
                                /*background-color: #151515;*/
                                margin-left: 40px;
                           }
                           li {
                               a {
                                   padding-left: 20px;
                                   margin-left: 45px;
                               }
                           }   
                       }
                    }
                }
            }
            ul {
                display: none;
                padding: 0;
                margin: 0;
                
            }
        }
    }
}
.side-block {
    .close-block {
        font-size: 16px;
        position: relative;
        text-transform: uppercase;
        color: #fff;
        background-color: #151515;
        display: block;
        padding: 20px 0 20px 20px;
        font-family: Georgia;
        text-align: left;
        cursor: pointer;
        width: 100%;
        @include box-sizing(border-box);
        &:hover {
            color: #c6c6c6;
            &:before {
                background-position: bottom center;
            }
        }
        &:before {
            content: "";
            display: block;
            width: 15px;
            height: 15px;
            position: absolute;
            right: 15px;
            top: 25px;
            background-image: url(images/small-close.png);
            background-repeat: no-repeat;
            background-position: top center;
        }
    }
    
}
/* ---added from version 1.0.2 ---*/
/*1.0.2 start*/
.top-mega-block {
	margin-bottom: 15px;
}
.top-mega-bottom {
	margin-top: 15px;
}
/*1.0.2 end*/