ul.nav>li>a.active {
color:#86c724;
}
ul.nav>li>a:hover.active {
color:#86c724;
}
body ul.nav>li>a:hover {
color:#86c724;
transition: all 0.3s ease;
}
ul.nav .dropdown li a.active,
ul.nav .dropdown li a.active i {
color: #86c724;
}
ul.nav .dropdown li:hover a.active {
color: #86c724;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
color: #fff;
background-color: #86c724;
}
.mega-menu-contnew .section-box a.active,
.mega-menu-contnew .section-box a.active strong,
.mega-menu-contnew .section-box a.active span,
.mega-menu-contnew .section-box a.active i {
color: #86c724;
}
body.compact .minicart-li>ul {
top: 29px;
}
body.compact .minicart-li{
margin-right: 20px;
}
.list-unstyled a.active {
color: #393939;
}
.list-unstyled a.active i {
color: #393939;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
position: static;
}
.yamm .container {
position: relative;
}
.yamm .dropdown-menu {
left: auto;
}
.yamm .nav.navbar-right .dropdown-menu {
left: auto;
right: 0;
}
.yamm .yamm-content {
padding: 50px 40px 40px 40px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
left: 0;
right: 0;
}
.yamm .dropdown.yamm-hw .dropdown-menu {
left: auto;
right: 0;
width: 550px;
}
.yamm .yamm-content .col-md-4, .yamm .yamm-content .col-md-8{
padding-right: 5px;
padding-left: 5px;}
.yamm .yamm-content .thumbnail { padding: 0; border: 0;}
.yamm .yamm-content .caption {
padding: 0;
}
.yamm .yamm-content .caption h3 {
font-size: 18px;
color: #272727;
margin-top: 14px;
margin-bottom: 8px;
}
.yamm .yamm-content .caption p {
font-size: 14px;
color: #727272;
}
.list-unstyled li:first-child {
}
.list-unstyled.two {
margin-top: -12px;
}
.list-unstyled li p {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #2a363f;
text-transform: uppercase;
font-weight: 500;
line-height: 0px;
margin-bottom: 18px;
letter-spacing: 0.5px;
}
.list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;}
.list-unstyled li { padding: 5px 0;}
.list-unstyled a {
color: #727272;
padding: 5px 0px 5px 0px;
width: 100%;
font-size: 14px;
transition-property: margin-left, background-color;
transition-duration: 0.3s;
transition-timing-function: ease-out;
font-family: 'Roboto', sans-serif;
font-weight: 400;
transition: all 0.3s ease;
}
.list-unstyled a:hover {
color: #393939;
background: #f3f3f3;
padding: 5px 10px;
border-radius: 3px;
}
.list-unstyled a:hover i {
color: #393939;
}
.minicart-nav .cart-items{
background: #86c724;	
}	
.menu-sepbox {
float: right;
width: 136%;
padding: 27px 40px 31px 40px;
background: #f7f7f7;
margin-top: -5px;
text-align: center;
font-family: 'Roboto', sans-serif;
}
.menu-sepbox img {
float: left;
width: 100%;
}
.menu-sepbox h6 {
margin-bottom: 0px;
}
.menu-sepbox a.purcnow {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #2a363f;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
transition: all 0.3s ease;
}
.menu-sepbox a.purcnow:hover {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #86c724;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
}
.mega-menu-contnew {
float: left;
width: 100%;
font-family: 'Roboto', sans-serif;
}
.mega-menu-contnew .section-box {
float: left;
width: 33.3333333333%;
color: #999;
font-weight: 300;
transition: all 0.3s ease;
}
.mega-menu-contnew .section-box.last {
background: #f3f3f3;
}
.mega-menu-contnew .section-box strong {
color: #454545;
font-size: 18px;
font-weight: 400;
display: block;
transition: all 0.3s ease;
}
.mega-menu-contnew .section-box span {
float: left;
color: #6e7a83;
font-size: 30px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 14px;
margin-right: 12px;
border-right: 1px solid #eee;
transition: all 0.3s ease;
}
.mega-menu-contnew .section-box i {
float: left;
color: #6e7a83;
font-size: 30px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 14px;
margin-right: 12px;
border-right: 1px solid #eee;
transition: all 0.3s ease;
}
.mega-menu-contnew .section-box a {
color: #999;
}
.mega-menu-contnew .section-box a:hover,
.mega-menu-contnew .section-box a:hover strong,
.mega-menu-contnew .section-box a:hover span,
.mega-menu-contnew .section-box a:hover i {
color: #86c724;
}
.mega-menu-contnew .section-box.last {
text-align: center;
background: #f7f7f7;
border-left: 1px solid #e3e3e3;
padding: 25px 0px 38px 0px;
font-size: 14px;
color: #2a363f;
}
.mega-menu-contnew .section-box.last strong {
color: #2a363f;
font-size: 40px;
font-weight: 800;
margin: 12px 0px 5px 0px;
}
.mega-menu-contnew .section-box.last strong em {
font-size: 18px;
font-weight: 400;
font-style: normal;
}
.mega-menu-contnew .section-box.last b {
text-decoration: line-through;
font-style: normal;
font-weight: normal;
color: #999;
}
.mega-menu-contnew .section-box.last a {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #2a363f;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
transition: all 0.3s ease;
}
.mega-menu-contnew .section-box.last a:hover {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #86c724;
padding: 10px 20px;
border-radius: 3px;
font-weight: 600;
}
li.ext-nav:last-child>a{
margin-right: 5px;	
}	
.list-unstyled a:before {
font-size: 12px;
margin-right: 5px;
}
.row-border + .row .caption h3 {
margin-top: 0px;
}
.row-border {border-bottom: 1px solid #d1d1d1;
margin-bottom: 20px;
padding-bottom: 10px;
}
@media (max-width:767px){
.list-unstyled li:first-child {    
border-bottom: 0px ;
margin-bottom: 0px;
top-bottom: 15px;
}
.list-unstyled li p {
color: #bbb;
}
.list-unstyled li { padding: 8px 0;}
.list-unstyled a {
color: #bbb;
}
.list-unstyled a {
color: #BBBBBB;
}
.list-unstyled a {
color: #BBBBBB;
}
.list-unstyled a:hover {
color: #fff;
}
.yamm .yamm-content .thumbnail {
background-color: transparent;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
}
.yamm .yamm-content .caption p {
color: #ccc;
}
.yamm .yamm-content .caption h3 {
color: #ccc;
}
.yamm .yamm-content .thumbnail>img {
margin-left: 0;
}
.row-border {
border-bottom:0;
}
}
@media (max-width:999px){
.list-unstyled a {
color: #BBBBBB;
}
.list-unstyled li:first-child {
border-bottom: 1px solid #3b3b3b;
margin-bottom: 16px;
}
.yamm-content .list-unstyled li p {
color: #2a363f;
padding-top:10px;
}
.list-unstyled .img_left4 {
margin-right: 20px;
}
.header{
top: 0 !important;
height: 65px !important;
}
.king_res_cart{
right: 80px !important;
}
.resp_margin_bottom68{
margin-bottom: 65px !important;
}
.navbar-default .navbar-toggle i{
color: #272727 !important;
}
.menu_main > .navbar{
min-height: auto !important;
margin: 0 !important;
}
#top-nav{
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
}
#top-nav .pull-right{
width: auto;
}
.navbar-toggle{
margin-right: 0 !important;
}
} .navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border: 0;
border-radius: 0;
}
.navbar-nav>li>a {
padding-top: 18px;
padding-bottom: 18px;
text-transform: uppercase;
}
.navbar-nav>li>a i {
display: block;
text-align: center;
}
.navbar-default { margin-right: -32px;}
.navbar-default.two {
width:100%;  }
.navbar-nav.dark>li>a {
padding-top: 30px;
padding-bottom: 27px;
text-transform: uppercase;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
margin-left: -1px; -webkit-border-radius: 0 ;
-moz-border-radius: 0 ;
border-radius: 0 ;
}
.dropdown-submenu>.dropdown-menu:last-child {
}
@media (min-width:769px){
.dropdown-submenu>.dropdown-menu:last-child {
border-top: 0px solid #000;
}
}
.dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.navbar-brand { padding: 0;
margin:15px 0;
}
.wrapper {
margin-top: 0px;
}
.navbar-fixed-top + 
.wrapper {
margin-top: 104px;
}
.dropdown-menu {
min-width: 200px;
}
.dropdown-menu>li>a {
padding: 10px 20px;
font-size:14px;
color:#727272;
font-weight: 400;
border-bottom: 1px solid #eee;
transition: all 0.3s ease;
}
.dropdown-menu>li>a:hover {
border-bottom: 1px solid #eee;
}
.dropdown-menu>li:last-child>a {
border-bottom: 0px solid #d1d1d1;
} .help {
height: 40px;
}
.help > .container {
padding-top: 10px;
}
@media (max-width: 999px) {
.navbar-collapse.pull-right {
width: 100%; background: #1e1e1e;
}
#navbar-collapse-1 > ul > li.dropdown > a > b {
float: right;
}
.navbar-default .navbar-brand {
margin-left: 14px;
}
#navbar-collapse-1 > ul > li {
border-bottom: 1px solid #eee;
}
#navbar-collapse-1 > ul > li.open {
background-color: #2b2b2b;
}
.help 
{
display: none;
}
.navbar-nav>li>a
{
color: #b3b3b3;
padding: 14px 15px;
}
.navbar-nav>li>a:hover
{
color: #fff ;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #92d102;
background-color: transparent;
padding: 10px 20px;
border-bottom: 0px ;
}
.dropdown-menu>li>a {
padding: 8px 20px !important;;
border-bottom: 0px ;
}
.dropdown-submenu>.dropdown-menu:last-child {
border-top: 0px ;
}
}  .navbar-nav>li>a
{
box-shadow: 0 0px 0 rgba(255,255,255,0.25);
}
.callus { color: #545454; font-size: 13px; padding-top: 13px;}
.callus a { margin-right: 20px; color: #545454;}
.social-icons ul li {
float: left;
list-style-type: none;
margin:10px 0 10px 7px;
}
.social-icons a {
width: 25px; 
height: 25px; 
display: block; 
background-color:#fff;
border:1px solid #c7c7c7;
border-radius:50%;
text-align:center;
}
.social-icons a i {
font-size:15px;
color:#272727;
line-height:24px;
text-align:center;
}
.social-icons a:hover{
background-color:#272727;
border:1px solid #272727;
}
.social-icons a:hover i{
color:#fff;
}
.header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0}
body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)}
.header{display:block;position:fixed;z-index:9000!important;top:0px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);}
.compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;}
.compact .header #logo{ background-size: 50%; background-position: left 9px;}
.menu_main .col-md-3 {
width: 28%;
border-right: 1px solid #eee;
margin-right: 7%;
}
.menu_main .col-md-3.last {
border-right: 0px solid #eee;
margin-right: 0%;
}
@media (max-width: 999px) {
#navbar-collapse-1 > ul > li {
border-bottom: 0;
}
}
.nav>li>a {
padding-left: 13px;
padding-right: 13px;
}
.navbar-default .navbar-nav>li>a {
color: #fff;
font-size:14px;
font-weight: 500;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.nav>li>a i {
margin-top: 4px;
}
.navbar-toggle {
position: relative;
float: none;
padding: 10px 8px;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0;
background-color: transparent;
border: 0px solid transparent;
border-radius: 5px;
margin-left: 0px;
background: #fff;
cursor: pointer;
float: right;
}
.navbar-toggle > span {Color:#272727;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #fff;
}
.navbar-collapse {border-top: 0;}
@media only screen and (min-width: 99px) and (max-width: 999px){
li.dropdown ul.dropdown-menu li a {color: #fff; }
li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; }
li.dropdown a:hover {color: #fff; }
li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; }
}
@media (min-width: 1000px) {
.yamm ul.nav li.dropdown > ul.dropdown-menu {  }
.dropdown-submenu:hover>.dropdown-menu
{
-webkit-animation-duration: 0.5s;
-webkit-animation-name: fadeInFromNone;
-webkit-animation-fill-mode: forwards;
animation-duration: 0.5s;
animation-name: fadeInFromNone;
animation-fill-mode: forwards;
-ms-animation-duration: 0.5s;
-ms-animation-name: fadeInFromNoneIE;
-ms-animation-fill-mode: forwards;
}
.yamm ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block; animation-duration: 0.5s;
animation-name: fadeInFromNone;
animation-fill-mode: forwards;
-webkit-animation-duration: 0.5s;
-webkit-animation-name: fadeInFromNone;
-webkit-animation-fill-mode: forwards;
-ms-animation-duration: 5s;
-ms-animation-name: fadeInFromNoneIE;
-ms-animation-fill-mode: forwards;
}
@-webkit-keyframes fadeInFromNone {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInFromNoneIE {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInFromNone {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
padding: 22px 18px;
}
}
.navbar-toggle > button {
background: none;
border: 0;
float: right;
}
.navbar-default .navbar-toggle i {
color: #272727;
font-size: 21px;
}
.yamm ul.nav li.dropdown:hover  b{
border-top-color: #fff;
border-bottom-color: #fff;
}
.container>.navbar-collapse {margin-right: 0px;}
.navbar-brand, .navbar-nav>li>a {
text-shadow: 0 0px 0 rgba(255, 255, 255, 0.25);
}
button.navbar-toggle { clear: right;}
.width50 {width: 50%;}  .navbar-default .navbar-nav>.open>a .caret, .navbar-default .navbar-nav>.open>a:hover .caret, .navbar-default .navbar-nav>.open>a:focus .caret {
border-top-color: #fff;
border-bottom-color: #fff;
} .dropdown-menu.two {
right: 0;
}
@media only screen and (min-width: 99px) and (max-width: 999px){
.navbar-default .navbar-nav>li>a {
color: #999;
}
}
@media only screen and (max-width:1199px) {
.container > .navbar-collapse {
z-index: 9999;
}
.navbar-default.two { margin-right: 200px;}
.navbar-default {
margin-right: 0px;
}
.nav>li>a {
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width:1112px) {
.container > .navbar-collapse {
z-index: 9999;
}
.navbar-default.two { margin-right: 227px;}
}	
@media only screen and (max-width:991px) {
.menu_main2 .container > .navbar-collapse {
width:100%;
background-color:#161616;
}	
}	
@media only screen and (max-width:800px) {
.navbar-default.two {
margin-right: 0px;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){
.compact .header #logo{ background-size: 45%; background-position: left 12px;}
.mega-menu-contnew .section-box strong {
font-size: 16px;
}
.mega-menu-contnew .section-box span,
.mega-menu-contnew .section-box i {
font-size: 25px;
padding-top: 7px;
padding-bottom: 7px;
padding-right: 10px;
margin-right: 10px;
}
.menu-sepbox {
width: 139%;
padding: 27px 20px 31px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 999px){
html body .logo {
margin-top: 5px;
position: relative;
z-index: 999;
}
.menu_main{
z-index: 66;
}
.menu_main .pull-right{
margin-top: 10px;
}
.compact .header #logo{ background-position: left 12px;}
.compact .header{padding-top: 0px; padding-bottom: 10px;}
.pull-right{
width: 100%;
}
.menu_main .col-md-3 {
width: 100%;
border-right: 0px solid #eee;
margin-right: 0%;
}
.menu_main .col-md-3.last {
border-right: 0px solid #eee;
margin-right: 0%;
}
.yamm .yamm-content {
padding: 10px 20px 20px 20px;
}
.mega-menu-contnew .section-box strong {
color: #fff;
font-size: 16px;
}
.mega-menu-contnew .section-box span,
.mega-menu-contnew .section-box i {
color: #fff;
border-right: 1px solid #454545;
font-size: 21px;
padding-top: 7px;
padding-bottom: 7px;
padding-right: 8px;
margin-right: 8px;
}
.menu-sepbox {
width: 100%;
padding: 27px 20px 31px 20px;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px){
.compact .header #logo{ background-position: left 10px;}
.compact .header{padding-top: 0px; padding-bottom: 5px;}
.pull-right{
width: 100%;
}
.menu_main .col-md-3 {
width: 100%;
border-right: 0px solid #eee;
margin-right: 0%;
}
.menu_main .col-md-3.last {
border-right: 0px solid #eee;
margin-right: 0%;
}
.yamm .yamm-content {
padding: 10px 20px 20px 20px;
}
.mega-menu-contnew .section-box {
width: 95%;
margin-left: 2.5%;
margin-bottom: 40px;
}
.mega-menu-contnew .section-box strong {
color: #fff;
}
.mega-menu-contnew .section-box span,
.mega-menu-contnew .section-box i {
color: #fff;
border-right: 1px solid #454545;
}
.menu-sepbox {
width: 100%;
padding: 27px 20px 31px 20px;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px){
.header .container{
position: relative;
}
.compact .header #logo{ background-position: left 10px;}
.compact .header{padding-top: 0px; padding-bottom: 5px;}
body .menu_main{
position: absolute;
width: 100%;
z-index: 66;
}
.pull-right{
width: 100%;
}
.menu_main .col-md-3 {
width: 100%;
border-right: 0px solid #eee;
margin-right: 0%;
}
.menu_main .col-md-3.last {
border-right: 0px solid #eee;
margin-right: 0%;
}
.yamm .yamm-content {
padding: 10px 20px 20px 20px;
}
.mega-menu-contnew .section-box {
width: 95%;
margin-left: 2.5%;
margin-bottom: 40px;
}
.mega-menu-contnew .section-box strong {
color: #fff;
}
.mega-menu-contnew .section-box span,
.mega-menu-contnew .section-box i {
color: #fff;
border-right: 1px solid #454545;
}
.menu-sepbox {
width: 100%;
padding: 27px 20px 31px 20px;
}
}
@media only screen and (max-width: 479px){
.compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; }
.compact .header{padding-top: 0px; padding-bottom: 5px;}
.menu_main{
float: right !important;
width: auto;
}
#top-nav{
justify-content: center;
}
#top-nav i{
display: none;
}
#top-nav a.quick-nav{
margin-left: 0;
}
#top-nav a{
margin: 0 5px !important;
}
#logo img{
max-height: 30px !important;
}
.king_res_cart{
right: 57px !important;
}
#logo img{
height: 38px;
}
.pull-right{
width: 100%;
}
.menu_main .col-md-3 {
width: 100%;
border-right: 0px solid #eee;
margin-right: 0%;
}
.menu_main .col-md-3.last {
border-right: 0px solid #eee;
margin-right: 0%;
}
.yamm .yamm-content {
padding: 10px 20px 20px 20px;
}
.mega-menu-contnew .section-box {
width: 95%;
margin-left: 3%;
margin-bottom: 40px;
}
.mega-menu-contnew .section-box strong {
color: #fff;
}
.mega-menu-contnew .section-box span,
.mega-menu-contnew .section-box i {
color: #fff;
border-right: 1px solid #454545;
}
.menu-sepbox {
width: 100%;
padding: 27px 20px 31px 20px;
}
}