/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 8, 2013, 12:41:24 AM
    Author     : Sopnil
*/

/********** < Navigation */
/********** < Navigation */
.menu-contain{
    float: none;
    box-shadow: 0px 3px 3px -4px rgba(0, 0, 0, 0.25), 0px -3px 3px -4px rgba(0, 0, 0, 0.25);
    border: 1px solid #FFFFFF;
    border-left: 0;
    border-right: 0;
    position: relative;
    background: #FF4629;
    height:49px;
}
.nav{width: 1200px;margin: 0 auto;position: relative;max-width: 100%;display: inline-block;}

@media only screen and (max-width:860px)  {
    #nav{display: none}
}
@media only screen and (min-width: 861px)  {
    #custommenu-mobile { display: none}
}
@media only screen and (min-width: 783px)  {
#nav li { float:left; }
#nav li { text-align:left;}
#nav span { display:inline-block;  }
#nav li ul li a {}

/* 2nd Level */
#nav  ul { top: 46px; left:-10000px;  background:#ffffff;border:1px solid #F9F9F9;}
#nav li ul li { width: 200px; margin:0 20px 0 0; }
#nav ul.li { position:absolute; z-index: 1501; padding: 20px 32px 15px 32px; }
    


#nav li ul li.over,
#nav li ul li:hover{/*background: #f6f6f6;*/ }
#nav li ul li.active{/*background: #f6f6f6;*/}
#nav li ul li ul li.over,
#nav li ul li ul li:hover,
#nav li ul li ul li.active{}

#nav li ul li a.over,
#nav li ul li a:hover,
#nav li ul li a.active{}
#nav li ul li ul li a.over,
#nav li ul li ul li a:hover,
#nav li ul li ul li a.active{}
#nav li.over.parent{  }


#nav { }

/* All Levels */ /* Style consistent throughout all nav levels */

#nav li { text-align:left;}
#nav li.over { z-index:1500;}
#nav li.over.parent {  }
#nav a,
#nav a:hover {  }
#nav span {  cursor:pointer; white-space:nowrap; }
#nav li ul span { white-space:normal; }
#nav a { float:left; color:#050505;}

#nav ul li { display:block; float:left; padding: 0 10px 0 0; }
#nav li ul { width: 1136px;}

/*#nav li.level-top:hover a.level-top { color: #15BBBB; }*/
/* 1st Level */
#nav ul li.parent { }
#nav ul li.last { padding-bottom:0; }
#nav li.active ul li a span { color:#585858;}
#nav li.active ul li a span:hover{color:#03997e;}
#nav ul a,
#nav ul a:hover { float:none; background:none; }
#nav ul a:hover {  }
#nav li ul li a {color:#585858;  padding-bottom:10PX; }
#nav li ul li a:hover{ }
#nav li ul li a:hover{}

#nav li ul li ul li a{padding-bottom:0px; }


#nav li ul li ul li a:hover{}
#nav li ul li ul li a span:hover{}
#nav li ul li a span.errow{border-bottom:0px;display:none;}
#nav ul li a { font-weight:normal; }

/* 2nd Level */
#nav  ul { top: 46px; left:-10000px; padding:3px 0 15px; background:#f6f6f6; font-size:11px; }
#nav li ul li { width: 167px;}
#nav li ul li ul li{}
#nav li ul li ul li:hover{}
#nav div ul { position:static; width:auto; border:none; padding:0; }

#nav ul.sub {  padding: 0 0 20px 0; }

/* ========================== */
#nav li ul li ul { }
#nav li ul li ul li { float:none; margin: 4px 0 5px 0;  }


/* ========================== */

/* 3rd+ Level */
#nav ul ul {}


/* Show menu */
#nav li ul.shown-sub,
#nav li .shown-sub { left:0; z-index:1500;}
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:100px; border:0px;}

.menuwithlogo{width: 1200px; margin: 0 auto; display: table; margin-top: 50px; border-top: 1px solid #E5E5E5;}
.menuwithlogo #nav li .shown-sub { left:0px; z-index:1500;}
.menuwithlogo #nav{padding-left: 0px; margin-top: 0px;}

/* Non Mega menu style */
#nav div.non-mega ul.sub { float: left; padding: 5px 0 0 0;}
#nav div.non-mega ul.sub li { border: medium none;
    margin: 0;
    padding: 0;
    width: 268px;}
#nav div.non-mega ul li a {
    border: medium none;
    line-height: 8px;
    margin: 0 5px 5px;
    padding: 10px;}
#nav div.non-mega ul li a:hover {background: #F3F3F3;transition: all 0.3s linear 0s;}
#nav div.non-mega ul li a span {
    border-bottom:none!important; 
    text-transform: capitalize;
    font-size: 14px!important;
    padding: 0;
}

/* Mega menu style */

#nav div.mega ul.sub {padding: 0 0 10px 0;}
#nav div.mega ul.sub div.row {padding: 15px;}
#nav div.mega ul.sub li {padding: 0;}
#nav div.mega ul li a { font-size: 13px;}
#nav div.mega ul li a.mega-hdr-a {
    border-bottom: 1px solid;
    font-family: 'oswaldregular';
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-transform: uppercase;
    line-height: normal;
}
#nav div.mega ul li a:hover {transition: all 0.1s linear 0s;}
#nav div.non-mega ul li a span { 
}
#nav li div.mega li ul li a{
    padding: 0 0 5px 0;
    line-height: normal;
}
#nav li a:hover {
    text-decoration: none;
}


/********** Navigation > */
/* ======================================================================================= */

/* Default Navigation ***********/
.default-container{float:left;}
.default-container #nav {  float:left; /*padding:0px 0px 0px 14px;*/ position: relative;text-transform:capitalize;}
.default-container #nav a {  }
.default-container #nav li a{color: #fff;}
.default-container #nav li:hover{}
.default-container #nav li, .default-container #nav li:hover{position: relative;}
.default-container #nav a{position: relative;z-index: 99;padding: 16px 28px 17px 28px;border-left: 1px solid #F9F9F9;font-family: 'oswaldregular';text-transform: uppercase;}
.default-container #nav li a.over,
.default-container #nav a:hover,
.default-container #nav li.li.active a.level-top{background:#444;}

/* 2nd Level */
.default-container #nav ul,
.default-container #nav div { position:absolute; width:200px; top:50px; left:-10000px;  }
.default-container #nav div ul { position:static; width:auto;  }

.default-container #nav li ul li a{color: #444;font-size:13px;display:block;border: 1px solid transparent;margin:0 10px;box-shadow: 0 0 5px transparent;padding:7px 0px;border-bottom:1px solid #F9F9F9;}
.default-container #nav li ul li a span.errow{font-family: 'FontAwesome';}
.default-container #nav li ul li a.over{color:#FF4629;background:none;}
.default-container #nav li ul li a:hover{color:#FF4629;background:none;}
.default-container #nav li ul li ,.default-container #nav li ul li:hover{margin:0px;}
.default-container #nav li ul li:last-child a{}
.default-container #nav li ul li.last a{}
.default-container #nav li ul li a span{}



/*/* 3rd+ Level */
.default-container #nav ul ul,
.default-container #nav ul div { top:0px; }
.default-container #nav ul span,
.default-container #nav ul li.last li span {}
.default-container #nav li ul li ul.shown-sub {left:202px;}
.default-container #nav li ul.shown-sub, #nav li .shown-sub {left:0px;padding:0px;}
.default-container #nav li ul.shown-sub {padding-top:10px;padding-bottom:10px;}


 }