@import "../fonts/stylesheet.css";
 
 
/* nav wrap */
#nav-wrap { max-width:980px; margin: 0px auto; }

/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */}
#submenu-icon { display: none; /* hide menu icon initially */}
#sectionmenu-icon { display: none; /* hide menu icon initially */}


.menu, .menu li { margin: 0; padding: 0; }
.menu li { list-style: none; float: left; line-height: 35px; padding:0px; margin:0px; }
.menu li {  font-family: 'UniversCondensed';  font-size: 15px;  }
.menu a {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
    
/* nav link */
.menu a { display: block; line-height: 38px; color: #fff; text-decoration:none; text-transform:uppercase; padding: 0px 38px 5px; }
.menu a:hover { color:#ffcfaf;   }
.menu li:hover>a { color:#ffcfaf;  }

.menu li a.active  { color:#ffcfaf;  }
.menu li a.active>a { color:#d05503; background:url(../images/menu-arrow.png) no-repeat center bottom -10px; position:relative; z-index:999999; }

/* nav dropdown */
.menu ul { background: #fff; padding:0; position: absolute; display: none; /* hide dropdown */ width: 200px; box-shadow: 0px 0px 5px #ccc; z-index:99; }
.menu li:hover > ul { display: block; /* show dropdown on hover */ }

.menu ul li { float: none; margin: 0px; vertical-align:top; padding: 0px; font-size: 14px; border-bottom:0px solid #ccc; }
.menu ul li li { display: inline-block; vertical-align:top; }
.menu li li a { display: inline-block; vertical-align:top; color: #5c5d5e;  text-decoration:none; text-transform: none;  padding: 5px 0px 5px 19px; margin:0px; line-height:15pt; background:url(../images/menu-bullet.gif) no-repeat left top;}
.menu li li a:hover { color: #3960a3;}

ul.third-list { width:100%; margin-left:200px; position:absolute; top:45px; }
ul.third-list li { display: block; vertical-align:top; width:100%; margin-right:4%;}
.third-list-start{background: url(../images/icon-arrow.png) no-repeat right;} 



ul.products-list { width:430px; float:left; }
ul.products-list li { display: inline-block; vertical-align:top; width:45%; margin-right:4%;}




 @media only screen and ( min-width: 980px) and ( max-width: 1024px ) 
{
.menu a {   padding: 0px 13px; }
}


@media only screen and ( min-width: 768px) and ( max-width: 979px ) 
{
.menu a {   padding: 0px 42px; }
}

 






/************************************************************************************
*	MOBILE
************************************************************************************/

@media only screen and ( min-width: 240px) and ( max-width: 767px) {
/* nav-wrap */
#nav-wrap  {width:100%; display:block; margin:0px auto; padding:0px 0px 0px 0px; background:none; float:left; position:relative;  }
/* menu icon */
    #menu-icon { line-height: 35px; height: 35px;  width: auto; margin:0px 10px;
        -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;   -o-transition: all 300ms linear;   -ms-transition: all 300ms linear;
    }

    #menu-icon {
        background: url(menu-down.png) no-repeat right center;
        padding: 0px; cursor: pointer; display: block; float: none; text-transform: uppercase; color: #fff;   
    }

        #menu-icon:hover {
            color: #fff;
            background:  url(menu-down.png) no-repeat right center;
        }

        #menu-icon.active {
            color: #fff;
            background: url(menu-up.png) no-repeat right center;
        }

    ul.menu {
        list-style: none;  list-style-image: none;
        padding: 0px;
        margin: 0px;
        position: relative;
        display: none;
        float:left;
        width: 100%;
        background:#eff5ff;
        z-index:99999;
        border-bottom:none; border-radius:0px 0px 5px 5px;
    }

    ul.menu li { padding:0px 0px; margin:0px; width:100%;  list-style:none; border-top: 1px solid #d8e2f4; text-align:left; font-size:13px;   }
    ul.menu li a{  text-decoration:none; color:#333;  display:block; float:none;   padding:0px 10px; line-height:30px; text-transform:uppercase; -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;   -o-transition: all 300ms linear;   -ms-transition: all 300ms linear; }
    ul.menu li a:hover{  text-decoration:none; color:#424141;   }
    ul.menu li.active a{  text-decoration:none; color:#424141;}

.menu ul { background: #fbfdff; padding:0; position: absolute; display: none; /* hide dropdown */ width: 100%; box-shadow: 0px 0px 0px ; }
    .menu li:hover > ul { display: block; /* show dropdown on hover */ }
    ul.menu li li { border-top: none;}
    .menu ul li { float: none; margin: 0px; padding: 0px; font-size: 13px; border-bottom:none; }
    .menu li li a { display: block; color: #424141; text-decoration:none; text-transform: none;  padding: 5px 10px 5px 15px; margin:0px; line-height:20px;}
    .menu li li a:hover {   color: #3960a3;}  

.menu li.devider { display:none;}
      
ul.menu li:last-child {border-radius:0px 0px 15px 15px;}


.menu a:hover { color:#3960a3;   }
.menu li:hover>a { color:#3960a3;  }
.menu li a.active>a { color:#3960a3;}







#section-links  { width:100%; display:block; margin:0px auto; padding:0px 00px 10px 0px; background:none; float:left; position:relative; }

/* menu icon */
#sectionmenu-icon          {line-height:28px; height:30px;  -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; }
#sectionmenu-icon          {background:rgba(155,75,49,1); padding:0px 10px 0px 5px;  cursor:pointer; display:block; float:none; text-transform:uppercase;  color:#fff; border-top:1px solid #333; } 
#sectionmenu-icon { background: rgba(155,75,49,1);
background: -moz-linear-gradient(top, rgba(155,75,49,1) 0%, rgba(87,39,25,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(155,75,49,1)), color-stop(100%, rgba(87,39,25,1)));
background: -webkit-linear-gradient(top, rgba(155,75,49,1) 0%, rgba(87,39,25,1) 100%);
background: -o-linear-gradient(top, rgba(155,75,49,1) 0%, rgba(87,39,25,1) 100%);
background: -ms-linear-gradient(top, rgba(155,75,49,1) 0%, rgba(87,39,25,1) 100%);
background: linear-gradient(to bottom, rgba(155,75,49,1) 0%, rgba(87,39,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b4b31', endColorstr='#572719', GradientType=0 ); }
#sectionmenu-icon:hover	 {color:#fff;}
#sectionmenu-icon.active	 {color:#fff;}

#section-links ul.submenu   { background:#fff; list-style:none; list-style-image:none; padding-bottom:0px; margin:0px; pos-ition:inherit; display:none; width:100%; float:left; }
ul.submenu {padding:0px; margin:0px; border:none; }
ul.submenu li { padding:0px; margin:1px 0px 0px 0px; list-style:none; list-style-type:none; background:#f4f4f4; font-size:12px; background-position:left -5px;  text-transform:uppercase;  }
ul.submenu li a { color:#333; display:block; text-decoration:none;   -webkit-transition:  all 0.4s ease-in-out; -moz-transition:  all 0.4s ease-in-out; -o-transition:  all 0.4s ease-in-out; -ms-transition:  all 0.4s ease-in-out; transition:  all 0.4s ease-in-out; 
}
ul.submenu li li { color:#ba870c; margin:0px 0px 0px 10px; display:block; text-decoration:none; padding:0px;  }

ul.submenu li.heading { padding:10px 0px; font-size:18px;}



ul.third-list { width:100%; margin-left:0px; position:static; top:0; }
ul.third-list li { display:block; vertical-align:top; width:100%; margin-right:4%;}
.third-list-start{background: url(../images/down-arrow.png) no-repeat top right;}
.third-list-start:hover{background: url(../images/up-arrow.png) no-repeat top right;}

}





/************************************************************************************
*	MOBILE
************************************************************************************/