/* =============================================
---------------  For bootstrap CSS -------------
==============================================*/
li {
    font-weight: 400;
    line-height: 1.7em;
    font-size: 1.28em !important;	
    color: #626e7d;
}
.navbar {
    border: none;
}

.dropdown-toggle:after {
    border: none;   
    content: "\f431";
    font-size: 24px;
    left: 1px;
    position: relative;
    width: 48px;
}
.dropdown-toggle {
    height: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 0;
    width: 48px;
}

.tab-content .row {
	margin-top: 0px !important;
	margin-bottom: 0px !important;		
}
/* =============================================
------------  End of bootstrap CSS -------------
==============================================*/



/* =============================================
---------------  Header / Navbar  -------------
==============================================*/
#header {
	position: relative;
}

#header.no-border {
	border:none;
}
.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0;
	border-top:none;
	border-right:none;
	border-left:none;
}

@media (min-width: 768px) {
	.navbar {
		border-radius: 0;
	}
}

.navbar-top {
	background-color: rgba(0,0,0, 0.04);
	border-bottom:1px solid transparent;
}

.navbar-top.no-bg {
	background-color: transparent;
}

.navbar-top.navbar-color {
	border-bottom:none;
}

@media (min-width: 992px) {
	.navbar-top {
		padding:0 15px;
	}

	.boxed .navbar-top,
	.boxed-long .navbar-top {
		padding:0;
	}
}

.navbar-top {
	font:600 13px/38px 'Open Sans', Verdana;
}

.navbar-top.navbar-color .social-icon,
.navbar-top.navbar-color .navbar-top-nav > li > a,
.navbar-top.navbar-color .dropdown-toggle {
	color:#eee !important;
}

.navbar-top.navbar-color .social-icon:hover,
.navbar-top.navbar-color .navbar-top-nav > li > a:hover,
.navbar-top.navbar-color .dropdown-toggle:hover,
.navbar-top.navbar-color .open > .dropdown-toggle  {
	color:#fff !important;
}

.navbar-top-nav li {
	float:left;
	margin-right:10px;
}

.navbar-top-nav li i,
.navbar-top .account-dropdown i {
	margin-right:8px;
}

.navbar-top-nav li:after,
.navbar-top .social-icon:after {
	content:'/';
	padding-left:10px;
}

.navbar-top.navbar-color .navbar-top-nav li:after,
.navbar-top.navbar-color .social-icon:after {
	color:#bababa !important;
}

.navbar-top-nav li:last-child:after,
.navbar-top .social-icon:last-child:after {
	content:'';
	padding-left:0;
}

.navbar-top .social-icon {
	margin-bottom:0;
	font-size:14px;
	line-height: 38px;
	padding-right:0;
	margin-left:0;
}

.navbar-top .pull-right .social-icon:last-child {
	margin-right:0;
}

.navbar-top .dropdowns-container.pull-right {
	padding-right:15px;
	margin-right:30px;
	border-right:1px solid transparent;
}

.navbar-top .dropdowns-container.pull-right.last {
	padding-right:0;
	margin-right:0;
	border-right:none;
}

.navbar-top.navbar-color .dropdowns-container.pull-right {
	border-right:none;
	padding-right:0;
}

@media (max-width: 767px) {
	.navbar-top .dropdowns-container.pull-right {
		padding-right:0;
		margin-right:0;
		border-right:none;
	}

	.navbar-top .account-dropdown.pull-right  {
		margin-left:15px;
	}

	.boxed-container {
		padding:0;
		min-height: 0;
	}
}

.navbar-top .dropdown-toggle {
	line-height: 38px;
	display:block;
}

.navbar-top .dropdown-toggle {
	padding:0;
}

@media (max-width: 992px) {
	.navbar-top .pull-right .dropdown+.dropdown {
		margin-right:15px;
	}
}

@media (min-width: 992px) {
	.navbar-top .dropdown-toggle {
		padding:0 15px;
	}
	
	.navbar-top .dropdowns-container.pull-right.last .currency-dropdown .dropdown-toggle {
		padding-right:0;
	}

	.navbar-top .account-dropdown.pull-right > .dropdown-toggle {
		padding:0;
	}
}

.navbar-top .dropdown-menu {
	margin-top:0;
	border:1px solid transparent;
	border-radius: 0;
	min-width:100%;
	
}

.navbar-top .dropdown-menu > li > a {
	padding:4px 15px;
	font-size:13px;
	font-weight: 600;
}


.navbar-collapse {
	box-shadow:none;
	-webkit-box-shadow:none;
}

.navbar-header.fullwidth {
	float:none;
}

.navbar-header .social-icons {
	margin-top:28px;
	margin-bottom: 28px;
}

.navbar-header .social-icon {
	margin-bottom:0;
	font-size:18px;
	line-height: 34px;
	padding-right:0;
	margin-left:0;
	margin-right:12px;
}

.navbar-brand {
	position: relative;
	float: left;
	height: 80px;
	padding: 23px 15px 25px 15px;
	font:700 32px/1 'Raleway', Verdana, sans-serif;
	/* border-right:1px solid transparent; */
	transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
}

.navbar > .container .navbar-brand {
	margin-left:0;
}

.navbar-brand.pull-right {
	border-right:none;
	border-left:1px solid transparent;
}

.clear-margin-right {
	margin-right:0 !important;
}

@media (min-width: 768px) {
	.navbar-brand {
		height:90px;
		padding: 26px 15px 28px;
		font-size:36px;
	}

	.container .navbar-brand {
		padding-left:0;
		margin-left:-2px;
	}

	.container .navbar-brand.pull-right {
		padding-left:15px;
		margin-left:0;
	}

	.navbar .navbar-inner > .container-fluid .navbar-brand {
		margin-left:-15px;
	}

	.navbar-smaller .navbar-brand {
		height:60px;
		font-size:32px;
		padding:14px 15px;
	}

	.navbar-brand.clear-padding-left {
		padding-left:0 !important;
	}

	.navbar-brand.clear-padding-right {
		padding-right:0 !important;
	}

	.navbar-brand-center {
		float:none;
		border:none;
		display:block;
		text-align: center;
	}

	.navbar-brand-center.bordered {
		border-left:1px solid transparent;
		border-right:1px solid transparent;
	}
}

@media (min-width: 992px) {
	.navbar-brand {
		height:100px;
		padding: 20px 30px 33px;
		font-size:42px;
	}

	.navbar-smaller .navbar-brand {
		height:80px;
		padding: 19px 30px 21px;
		font-size:40px;
	}

	.container .navbar-brand.pull-right {
		padding-left:30px;
		margin-left:0;
	}

	.boxed-container .navbar-brand {
		padding-right:15px;
		padding-left:15px;
	}

	.boxed .container-fluid .navbar-brand,
	.boxed-long .container-fluid .navbar-brand {
		padding-left:15px;
	}

	.navbar-header .social-icons {
		margin-top:33px;
		margin-bottom: 33px;
	}

	.boxed-container .navbar-header .social-icons {
		padding-left:15px;
	}
}

.navbar-toggle,
.btn-toggle {
	position: relative;
	float: left;
	padding: 8px 9px;
	margin: 30px 15px 24px 15px;
	line-height: 0;
	background-image: none;
	border:none;
	border-radius: 0;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
}

.btn-toggle.pull-right {
	margin-left:0;
}

.navbar-toggle.pull-right {
	margin-left:-5px;
}

.navbar-toggle .icon-bar,
.btn-toggle .icon-bar {
	display: block;
	width: 14px;
	height: 2px;
	margin:7px 0;
	border-radius: 0;
	position: relative;
}

.navbar-toggle .icon-bar,
.btn-toggle .icon-bar,
.navbar-toggle .icon-bar:before,
.btn-toggle .icon-bar:before, 
.navbar-toggle .icon-bar:after,
.btn-toggle .icon-bar:after {
	display: inline-block;
	width: 14px;
	height: 2px;
	border-radius: 4px;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
}

.navbar-toggle .icon-bar:before, 
.navbar-toggle .icon-bar:after,
.btn-toggle .icon-bar:before,
.btn-toggle .icon-bar:after {
	content: '';
    position: absolute;
    left: 0;
}

.navbar-toggle .icon-bar:before,
.btn-toggle .icon-bar:before {
    top: 4px;
}

.navbar-toggle .icon-bar:after,
.btn-toggle .icon-bar:after {
    top: -4px;
}

.navbar-toggle.opened .icon-bar,
.btn-toggle.opened .icon-bar {
    background: transparent !important;
}

.navbar-toggle.opened  .icon-bar:before,
.navbar-toggle.opened .icon-bar:after,
.btn-toggle.opened  .icon-bar:before,
.btn-toggle.opened .icon-bar:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
}

.navbar-toggle.opened .icon-bar:before,
.btn-toggle.opened .icon-bar:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.navbar-toggle.opened .icon-bar:after,
.btn-toggle.opened .icon-bar:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

/* Navbar Nav - Menu Style */
.navbar-nav > li > a,
.navbar-nav li a {
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	font:700 17px/20px 'Open Sans', Verdana, sans-serif;
	text-transform: uppercase;
}

.navbar-nav .megamenu-title {
	font-size:15px;
	margin:10px 0 6px;
}

.navbar-nav li li a {
	font-size:14px;
	white-space: normal;
}

.navbar-nav li .dropdown-menu a > i{
	margin-right:10px;
}

.navbar-nav .angle {
	margin:0 0 0 4px;
}


.navbar-nav ul .angle {
	float:right;
	margin:3px 0 0;
}

.navbar-btn {
	height:32px;
	line-height: 32px;
	padding:0;
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left:10px;
}

.navbar-btn.navbar-right, 
.navbar-btn.pull-right {
	margin-left:0;
	margin-right:10px;
}

.navbar-btn.navbar-left {
	margin-left:0;
	margin-right:10px;
}

.navbar-btn.navbar-right.last,
.navbar-btn.pull-right.last {
	margin-right:0;
}

.navbar-left .navbar-btn.last,
.pull-left .navbar-btn.last {
	margin-left:0;
}


.boxed-container .navbar-btn.navbar-right.last,
.boxed-container .navbar-btn.pull-right.last {
	margin-right:15px;
}

.navbar-btn.btn-icon {
	width:32px;
	font-size:14px;
	background-color: transparent;
	border:none;
	text-align: center;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.btn-transparent {
	background-color: transparent !important;
}

.btn-circle {
	border-radius:50%;
}

@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu li a,
	.navbar-nav .open .dropdown-menu .dropdown-header,
	.navbar-nav .megamenu a {
		padding: 5px 15px 5px 25px;
	}

	.navbar-nav .open .dropdown-menu .dropdown-menu {
		padding-left:10px;
	}

	.navbar-nav .dropdown-menu.pull-right {
		float:none !important;
	}

	.navbar-nav .dropdown-menu {
		border-radius: 0;
	}

	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu li a  {
		line-height: 20px;
	}

	.navbar-nav div[class^="col"],
	.navbar-nav div[class*=' col'] {
		padding:0 0 10px;
		margin-bottom:10px;
		border-bottom:1px solid transparent;
	}

	.navbar-nav div[class^="col"]:last-child,
	.navbar-nav div[class*=' col']:last-child {
		margin-bottom: 0;
		border-bottom:none;
	}

	.navbar-nav.pull-right {
		float:none !important;
	}

	.navbar-header .row {
		margin-left:0;
		margin-right:0;
	}

	.navbar-header .col-sm-4 {
		padding:0;
	}

	.navbar-nav .angle {
		float:right;
		font-size:16px;
		margin:2px 0 0;
	}
	
	/* FADE ANIMATION FOR MOBILE MENU */
	.navbar-nav .open> .dropdown-menu {
		-webkit-animation-duration: 0.4s;
		animation-duration: 0.4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn;
	}

	.navbar-header .navbar-btn.pull-right.last {
		margin-right:15px;
	}
}

@media (min-width: 768px) {
	
	.container > .navbar-collapse, 
	.container-fluid > .navbar-collapse {
		margin-right:-15px;
		margin-left:-15px;
	}
	
	.navbar-collapse.collapse-row {
		border-top:1px solid transparent;
	}

	.navbar-header {
		float:none;
	}

	.container > .navbar-header,
	.container-fluid > .navbar-header {
		margin-right:0;
	}

	.navbar-nav {
		float: none;
	}

	.navbar-nav > li {
		float: left;
	}

	.navbar-right.last {
		margin-right: 0;
	}

	.navbar-nav > li > a {
		padding:15px;
	}
	
	.navbar-nav-border > li > a {
		border-right:1px solid transparent;
	}

	.collapse-row .navbar-nav > li > a {
		padding:17.5px 15px;
	}

	.navbar-nav > li:first-child  > a {
		padding-left:0;
	}

	.navbar-nav-border > li:first-child > a {
		border-left:1px solid transparent;
		padding-left:15px;
	}

	.navbar-nav .dropdown-menu.megamenu li a,
	.navbar-nav .megamenu-title {
		padding:6px 0;
		white-space:normal;
	}

	.navbar-nav .megamenu-title {
		padding-bottom:15px;
		margin:0 0 10px;
		border-bottom:1px solid transparent;
	}

	.boxed-container  .megamenu {
		left:15px;
		right:15px;
	}
  	
	.navbar-nav li > .dropdown-menu {
		border:none;
		border-top:1px solid transparent;
		margin:0;
		border-radius: 0;
		min-width: 220px;
		padding:7px 0;
	}

  
	.navbar-nav li > .dropdown-menu.megamenu {
		float:none;
		padding-top:20px;
		padding-bottom:20px;
	}

	.navbar-nav .sub-dropdown .dropdown-menu {
		right:auto;
		left:100%;
		top:0;
		border-top:none;
	}

	.navbar-nav li.reverse > .dropdown-menu {
		left:auto;
		right:0;
	}

	.navbar-nav .sub-dropdown .dropdown-menu.pull-right,
	.navbar-nav .reverse .sub-dropdown .dropdown-menu {
		left:auto;
		right:100%;
	}

	.navbar li li a {
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.navbar-nav ul .angle:before,
	.navbar-nav ul .open > .dropdown-toggle > .angle:before {
		content:'\f105';
	}

	.row .navbar-collapse.collapse-row {
		padding:0;
	}

	.navbar-btn {
		height:36px;
		line-height: 36px;
		margin-top: 27px;
		margin-bottom: 27px;
	}

	.navbar-btn.btn-icon {
		width:36px;
		font-size:14px;
	}

	.navbar-smaller .navbar-btn,
	.navbar-smaller .navbar-btn.btn-icon {
		height:32px;
		width:32px;
		line-height: 32px;
		font-size:14px;
	}
	
	.navbar-smaller .navbar-btn {
		margin:14px 0;
	}

	.btn-toggle {
		padding: 10px;
		margin: 27px 0 27px;
	}
}

@media (min-width: 992px) {
	
	.navbar-header {
		float:left;
		border-bottom:none;
	}

	.navbar-nav {
		float: right;
		padding-right: 20px;		
	}

	.container > .navbar-header,
	.container-fluid > .navbar-header {
		margin-right:30px;
	}

	.container > .navbar-header.fullwidth,
	.container-fluid > .navbar-header.fullwidth {
		margin-right:0;
	}

	.megamenu-container .container-fluid {
		padding: 0 30px;
	}
	
	.container .megamenu-container .container-fluid,
	.container .megamenu-container .container-fluid,
	.boxed .container-fluid .megamenu-container .container-fluid,
	.boxed-long .container-fluid .megamenu-container .container-fluid {
		padding: 0 15px;
	}

	.navbar-collapse {
		border-top:none;
	}

	.navbar-collapse.collapse-row {
		padding:0 30px;
	}
	
	.boxed .navbar-collapse.collapse-row,
	.boxed-long .navbar-collapse.collapse-row {
		padding:0;
	}

	.boxed-container .collapse-row ,
	.boxed-container .navbar-header.fullwidth {
		border-left:1px solid transparent;
		border-right:1px solid transparent;
	}

	.boxed-container .navbar-collapse.collapse-row {
		padding:0 15px;
	}
	
	.navbar-nav > li > a {
		padding:45px 15px;
	}

	.navbar-smaller .navbar-nav > li > a {
		padding:30px 15px;
	}

	.navbar-btn {
		margin-top: 32px;
		margin-bottom: 32px;
	}

	.navbar-smaller .navbar-btn {
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.btn-toggle {
		padding: 10px 11px;
		margin: 32px 0 32px;
	}

	.container-fluid .navbar-btn.navbar-right.last,
	.container-fluid .navbar-btn.pull-right.last {
		margin-right:15px;
	}

	.boxed .navbar-btn.navbar-right.last,
	.boxed .navbar-btn.pull-right.last,
	.boxed-long .navbar-btn.navbar-right.last,
	.boxed-long .navbar-btn.pull-right.last {
		margin-right:0;
	}
	
}

@media (min-width: 992px) and (max-width:1199px) { 
	.navbar-nav > li > a {
		padding:40px 12px;
	}
}

/* Menu */
.megamenu-container {
	position: static !important;
}

.megamenu {
	left:0;
	right:0;
}









/* 
----  DROPDOWN / MENU ANIMATIONS BY CLASS 

Animations - add these clases to the parent element - Navbar Or dropdown
1.fade - add navbar "fade-dropdown" class
2.Left To Right - add navbar "ltr-dropdown" class
3.Right To Left - add navbar "rtl-dropdown" class
4.Top To Bottom - add navbar "ttb-dropdown" class
5.Bottom To Top  - add navbar "btt-dropdown" class

*/

/* Animation properties via "animated-dropdown" class change duration of animations and etc.. */
.animated-dropdown .dropdown > .dropdown-menu{
	animation-fill-mode: both;
	animation-delay: 0s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
}

@-webkit-keyframes fadeDropdown {
    0% {
    	opacity:0;
    }
    100% {
    	opacity:1;
    }
}

@keyframes fadeDropdown {
    0% {
    	opacity:0;
    }
    100% {
    	opacity:1;
    }
}

/* Left to right */
@-webkit-keyframes leftToRight {
    0% {
    	opacity:0;
    	transform:translateX(-20px);
    	-webkit-transform:translateX(-20px);
    }
    100% {
    	opacity:1;
    	transform:translateX(0);
    	-webkit-transform:translateX(0);
    }
}

@keyframes leftToRight {
    0% {
    	opacity:0;
    	transform:translateX(-20px);
    	-webkit-transform:translateX(-20px);
    }
    100% {
    	opacity:1;
    	transform:translateX(0);
    	-webkit-transform:translateX(0);
    }
}

 /* Right to left */
 @-webkit-keyframes rightToLeft {
    0% {
    	opacity:0;
    	transform:translateX(20px);
    	-webkit-transform:translateX(20px);
    }
    100% {
    	opacity:1;
    	transform:translateX(0);
    	-webkit-transform:translateX(0);
    }
}

@keyframes rightToLeft {
    0% {
    	opacity:0;
    	transform:translateX(20px);
    	-webkit-transform:translateX(20px);
    }
    100% {
    	opacity:1;
    	transform:translateX(0);
    	-webkit-transform:translateX(0);
    }
}

/*Top to bottom  */
@-webkit-keyframes topToBottom {
    0% {
    	opacity:0;
    	-webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
    	opacity:1;
    	-webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes topToBottom {
    0% {
    	opacity:0;
    	-webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
    	opacity:1;
    	-webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

 /* Bottom to top */
 @-webkit-keyframes bottomToTop {
     0% {
    	opacity:0;
    	-webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
    	opacity:1;
    	-webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bottomToTop {
    0% {
    	opacity:0;
    	-webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
    	opacity:1;
    	-webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* fade Animation */
.fade-dropdown .dropdown.open > .dropdown-menu {
	animation-name: fadeDropdown;
	-webkit-animation-name: fadeDropdown;
	animation-duration: 0.85s;
	-webkit-animation-duration: 0.85s;
}

/* Left To Right animation */
.ltr-dropdown .dropdown.open > .dropdown-menu {
	animation-name: leftToRight;
	-webkit-animation-name: leftToRight;
}

/* Right To Left animation */
.rtl-dropdown .dropdown.open > .dropdown-menu {
	animation-name: rightToLeft;
	-webkit-animation-name: rightToLeft;
}

/* Top To Bottom animation */
.ttb-dropdown .dropdown.open > .dropdown-menu {
	animation-name: topToBottom;
	-webkit-animation-name: topToBottom;
}

/* Bottom To Top animation */
.btt-dropdown .dropdown.open > .dropdown-menu {
	animation-name: bottomToTop;
	-webkit-animation-name: bottomToTop;
}

@media (max-width: 767px) {
	/* Dsable Animation for mobile/collapsed menu*/
	.navbar-collapse .dropdown > .dropdown-menu,
	.navbar-collapse .dropdown.open > .dropdown-menu {
		animation:none !important;
		-webkit-animation: none !important;
	}

}

/* Navbar styling - via classes - 5 navbar color predefined classes 
	1.navbar-default
	2.navbar-white
	3.navbar-inverse
	4.navbar-transparent (absolute position with color navbar-white or navbar inverse)
*/

/* 1. Navbar Default */
.navbar-default {
	background-color: #eaeaea;
	border-color: #d7d7d7;
}

.navbar-default .navbar-top {
	border-bottom-color: #d7d7d7;
}

.navbar-default .navbar-top a {
	color:#8a8a8a;
}

.navbar-default .navbar-top-nav li:after,
.navbar-default .navbar-top .social-icon:after {
	color:#bababa;
}

.navbar-default .navbar-top .dropdowns-container.pull-right {
	border-right-color:#d7d7d7;
}

.navbar-default .navbar-top .dropdown-menu {
	border-color:#c2c2c2;
	background-color: #d7d7d7;
	box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
}

.navbar-default .navbar-brand {
	color: #7a7a7a;
	border-color:#d7d7d7;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #5e5e5e;
	background-color: transparent;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #d7d7d7;
}

.navbar-default .navbar-text {
	color: #7a7a7a;
}

.navbar-default .navbar-nav li > a,
.navbar-default .dropdown-menu li a,
.navbar-default .navbar-nav .megamenu-title  {
	color: #7a7a7a;
}

.navbar-default .navbar-nav .open > a,
.navbar-default .navbar-nav .open > a:hover,
.navbar-default .navbar-nav .open > a:focus,
.navbar-default .navbar-nav .active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default li a:hover,
.navbar-default .navbar-nav .megamenu-title:hover,
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
	color: #ccc;
	background-color: transparent;
}

.navbar-default .navbar-toggle,
.navbar-default .btn-toggle {
	background-color:#ddd;
}

.navbar-default .navbar-toggle .icon-bar,
.navbar-default .btn-toggle .icon-bar,
.navbar-default .navbar-toggle .icon-bar:after,
.navbar-default .navbar-toggle .icon-bar:before,
.navbar-default .btn-toggle .icon-bar:after,
.navbar-default .btn-toggle .icon-bar:before {
  background-color: #7a7a7a;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar:before,
.navbar-default .navbar-toggle:hover .icon-bar:after,
.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar:before,
.navbar-default .navbar-toggle:focus .icon-bar:after
.navbar-default .btn-toggle:hover .icon-bar,
.navbar-default .btn-toggle:hover .icon-bar:before,
.navbar-default .btn-toggle:hover .icon-bar:after,
.navbar-default .btn-toggle:focus .icon-bar,
.navbar-default .btn-toggle:focus .icon-bar:before,
.navbar-default .btn-toggle:focus .icon-bar:after {
    background: #5a5a5a;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle.opened,
.navbar-default .btn-toggle:hover,
.navbar-default .btn-toggle:focus,
.navbar-default .btn-toggle.opened {
	background-color: #cacaca;
}

.navbar-default.sticky-menu.fixed .navbar-nav li > .dropdown-menu,
.navbar-default .sticky-menu.fixed .navbar-nav li > .dropdown-menu {
	border-top-color:#d7d7d7;
}

.navbar-default .navbar-btn.btn-icon  {
	color:#7a7a7a;
	background-color: #ddd;
}

.navbar-default .navbar-btn.btn-icon:hover,
.navbar-default .navbar-btn.btn-icon:focus,
.navbar-default .open > .navbar-btn.btn-icon {
	background-color: #cacaca;
}


.navbar-default.side-menu .navbar-nav ul ul {
	border-left-color: #c7c7c7;
}

.navbar-default.side-menu.header-side-menu.left {
	box-shadow: 2px 0 5px rgba(0,0,0, 0.06);
	-webkit-box-shadow: 2px 0 5px rgba(0,0,0, 0.06);
}

.navbar-default.side-menu.header-side-menu.right {
	box-shadow: -2px 0 5px rgba(0,0,0, 0.06);
	-webkit-box-shadow: -2px 0 5px rgba(0,0,0, 0.06);
}

/* Navbar Default Search Form*/
#header-search-form.navbar-default {
	background-color: #e0e0e0;
	border-bottom-color: #d7d7d7;
}

.navbar-default .form-control,
.navbar-default button[type="submit"],
.navbar-default input[type="submit"]
#header-search-form.navbar-default .form-control,
#header-search-form.navbar-default button[type="submit"],
#header-search-form.navbar-default input[type="submit"] {
	color:#7a7a7a;
}

#header-search-form.navbar-default .form-control::-moz-placeholder {
	color:#7a7a7a;
}

#header-search-form.navbar-default .form-control:-ms-input-placeholder {
	color:#7a7a7a;
}

#header-search-form.navbar-default .form-control::-webkit-input-placeholder {
	color:#7a7a7a;
}

#header-search-form.navbar-default .form-control::placeholder {
	color:#7a7a7a;
}

.navbar-default #header-search-form button[type="submit"]:hover,
.navbar-default #header-search-form input[type="submit"]:hover,
.navbar-default #header-search-form button[type="submit"]:focus,
.navbar-default #header-search-form input[type="submit"]:focus,
#header-search-form.navbar-default button[type="submit"]:hover,
#header-search-form.navbar-default input[type="submit"]:hover,
#header-search-form.navbar-default button[type="submit"]:focus,
#header-search-form.navbar-default input[type="submit"]:focus {
	background-color: #cacaca;
}

.navbar-default.side-menu #header-search-form .form-control {
	border-bottom-color: #d7d7d7;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #7a7a7a;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color: transparent;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: #e7e7e7;
	}

	.navbar-default .navbar-nav .open .dropdown-menu {
		background-color: #d7d7d7;
	}

	.navbar-default .navbar-nav .open > .dropdown-toggle,
	.navbar-default .navbar-nav .open > .dropdown-toggle:hover,
	.navbar-default .navbar-nav .open > .dropdown-toggle:focus {
		background-color: #c9c9c9;
	}

	.navbar-default .navbar-nav .dropdown-menu .open .dropdown-menu {
		background-color: #c9c9c9;
	}

	.navbar-default .navbar-nav .dropdown-menu .open > .dropdown-toggle,
	.navbar-default .navbar-nav .dropdown-menu .open > .dropdown-toggle:hover,
	.navbar-default .navbar-nav .dropdown-menu .open > .dropdown-toggle:focus {
		background-color: #c0c0c0;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}

	.navbar-default .navbar-nav div[class^="col"],
	.navbar-default .navbar-nav div[class*=' col'] {
		border-bottom-color:#c7c7c7;
	}

	.navbar-default .navbar-nav .megamenu-title {
		color:#9a9a9a;
	}
}


@media (min-width: 768px) {

	.navbar-default .navbar-collapse.collapse-row {
		border-top-color: #d7d7d7;
	}

	.navbar-default .navbar-nav-border > li > a {
		border-right-color: #d7d7d7 !important;
	}

	.navbar-default .navbar-nav-border > li:first-child > a {
		border-left-color: #d7d7d7 !important;
	}

	.navbar-default .dropdown-menu {
		background-color: #ddd;
	}

	.navbar-default .navbar-nav .megamenu-title {
		border-bottom-color: #cacaca;
	}
	
	.navbar-default .navbar-nav li > .dropdown-menu {
		box-shadow:0 4px 9px rgba(0,0,0, 0.2);
		-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	}

	.navbar-default .navbar-nav .sub-dropdown .dropdown-menu {
		box-shadow:2px 4px 10px rgba(0,0,0, 0.2);
		-webkit-box-shadow:2px 4px 10px rgba(0,0,0, 0.2);
	}

	.navbar-default .navbar-nav .sub-dropdown .dropdown-menu.pull-right,
	.navbar-default .navbar-nav .reverse .sub-dropdown .dropdown-menu {
		box-shadow:-2px 4px 10px rgba(0,0,0, 0.2);
		-webkit-box-shadow:-2px 4px 10px rgba(0,0,0, 0.2);
	}
}

@media (min-width: 992px) {
	.navbar-default .boxed-container .collapse-row ,
	.navbar-default .boxed-container .navbar-header.fullwidth {
		border-left-color: #d7d7d7;
		border-right-color: #d7d7d7;
	}
}

.navbar-default .navbar-link {
	color: #7a7a7a;
}

.navbar-default .btn-link {
	color: #7a7a7a;
}

/* Navbar Shopping Cart - Dropdown Menu */
.navbar-default .cart-dropdown-menu {
	box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	background-color: #ddd;
}

.navbar-default .cart-dropdown-menu hr {
	border-top-color:#cacaca;
}

.navbar-default .cart-dropdown-desc {
	color:#8a8a8a;
}

.navbar-default .cart-dropdown .product-old-price,
.navbar-default .cart-dropdown .product-name a,
.cart-dropdown .cart-action-total  > span {
	color:#7a7a7a;
}

.navbar-default .cart-dropdown .remove-btn {
	color:#7a7a7a;
	background-color: #cacaca;
}

.navbar-default .cart-dropdown .remove-btn:hover,
.navbar-default .cart-dropdown .remove-btn:focus {
	color:#5a5a5a;
	background-color: #b7b7b7;
}

.navbar-default .sticky-menu.fixed .cart-dropdown-menu {
	border-top-color:#d7d7d7;
}

/* 2. Navbar White */
.navbar-white {
	background-color: #fff;
	border-color: #eaeaea;
}

.navbar-white .navbar-top {
	border-bottom-color: #eaeaea;
}

.navbar-white .navbar-top a {
	color:#505050;
}

.navbar-white .navbar-top-nav li:after,
.navbar-white .navbar-top .social-icon:after {
	color:#6e6e6e;
}

.navbar-white .navbar-top .dropdowns-container.pull-right {
	border-right-color:#eaeaea;
}

.navbar-white .navbar-top .dropdown-menu {
	border-color:#eaeaea;
	background-color: #fff;
	box-shadow:0 5px 9px rgba(0,0,0, 0.1);
	-webkit-box-shadow:0 5px 9px rgba(0,0,0, 0.1);
}

.navbar-white .navbar-brand {
	color: #505050;
	border-color:#eaeaea;
}

.navbar-white.sticky-menu.fixed .navbar-nav li > .dropdown-menu,
.navbar-white .sticky-menu.fixed .navbar-nav li > .dropdown-menu {
	border-top-color:#eaeaea;
}

.navbar-white .navbar-brand:hover,
.navbar-white .navbar-brand:focus {
	color: #3a3a3a;
	background-color: transparent;
}

.navbar-white .navbar-collapse,
.navbar-white .navbar-form {
	border-color: #eaeaea;
}

.navbar-white .navbar-text,
.navbar-white .navbar-nav li > a,
.navbar-white .dropdown-menu li a,
.navbar-white .navbar-nav .megamenu-title  {
	color: #505050;
}

.navbar-white .navbar-nav .open > a,
.navbar-white .navbar-nav .open > a:hover,
.navbar-white .navbar-nav .open > a:focus,
.navbar-white .navbar-nav .active > a,
.navbar-white .navbar-nav > .active > a,
.navbar-white .navbar-nav > .active > a:hover,
.navbar-white .navbar-nav > .active > a:focus,
.navbar-white li a:hover,
.navbar-white .navbar-nav .megamenu-title:hover,
.navbar-white .dropdown-menu > li > a:hover,
.navbar-white .dropdown-menu > li > a:focus,
.navbar-white .navbar-nav > li > a:hover, 
.navbar-white .navbar-nav > li > a:focus {
	background-color: transparent;
}

.navbar-white .navbar-nav > .disabled > a,
.navbar-white .navbar-nav > .disabled > a:hover,
.navbar-white .navbar-nav > .disabled > a:focus {
	color: #bbb;
	background-color: transparent;
}

.navbar-white .navbar-toggle,
.navbar-white .btn-toggle {
	background-color:#f0f0f0;
}

.navbar-white .navbar-toggle .icon-bar,
.navbar-white .btn-toggle .icon-bar,
.navbar-white .navbar-toggle .icon-bar:after,
.navbar-white .navbar-toggle .icon-bar:before,
.navbar-white .btn-toggle .icon-bar:after,
.navbar-white .btn-toggle .icon-bar:before {
  background-color: #505050;
}

.navbar-white .navbar-toggle:hover .icon-bar,
.navbar-white .navbar-toggle:hover .icon-bar:before,
.navbar-white .navbar-toggle:hover .icon-bar:after,
.navbar-white .navbar-toggle:focus .icon-bar,
.navbar-white .navbar-toggle:focus .icon-bar:before,
.navbar-white .navbar-toggle:focus .icon-bar:after
.navbar-white .btn-toggle:hover .icon-bar,
.navbar-white .btn-toggle:hover .icon-bar:before,
.navbar-white .btn-toggle:hover .icon-bar:after,
.navbar-white .btn-toggle:focus .icon-bar,
.navbar-white .btn-toggle:focus .icon-bar:before,
.navbar-white .btn-toggle:focus .icon-bar:after {
    background: #505050;
}

.navbar-white .navbar-toggle:hover,
.navbar-white .navbar-toggle:focus,
.navbar-white .navbar-toggle.opened,
.navbar-white .btn-toggle:hover,
.navbar-white .btn-toggle:focus,
.navbar-white .btn-toggle.opened {
	background-color: #dedede;
}

.navbar-white .navbar-btn.btn-icon  {
	color:#505050;
	background-color: #f0f0f0;
}

.navbar-white .navbar-btn.btn-icon:hover,
.navbar-white .navbar-btn.btn-icon:focus,
.navbar-white .open > .navbar-btn.btn-icon {
	background-color: #dedede;
}


.navbar-white.side-menu .navbar-nav ul ul {
	border-left-color: #aaa;
}

.navbar-white.side-menu.header-side-menu.left {
	box-shadow: 3px 0 7px rgba(0,0,0, 0.05);
	-webkit-box-shadow: 3px 0 7px rgba(0,0,0, 0.05);
}

.navbar-white.side-menu.header-side-menu.right {
	box-shadow: -3px 0 7px rgba(0,0,0, 0.05);
	-webkit-box-shadow: -3px 0 7px rgba(0,0,0, 0.05);
}

/* Navbar White Search Form*/
#header-search-form.navbar-white {
	background-color: #fff;
	border-bottom-color: #eaeaea;
}

.navbar-white .form-control,
.navbar-white button[type="submit"],
.navbar-white input[type="submit"]
#header-search-form.navbar-white .form-control,
#header-search-form.navbar-white button[type="submit"],
#header-search-form.navbar-white input[type="submit"] {
	color:#505050;
}

#header-search-form.navbar-white .form-control::-moz-placeholder {
	color:#505050;
}

#header-search-form.navbar-white .form-control:-ms-input-placeholder {
	color:#505050;
}

#header-search-form.navbar-white .form-control::-webkit-input-placeholder {
	color:#505050;
}

#header-search-form.navbar-white .form-control::placeholder {
	color:#505050;
}

.navbar-white #header-search-form button[type="submit"]:hover,
.navbar-white #header-search-form input[type="submit"]:hover,
.navbar-white #header-search-form button[type="submit"]:focus,
.navbar-white #header-search-form input[type="submit"]:focus,
#header-search-form.navbar-white button[type="submit"]:hover,
#header-search-form.navbar-white input[type="submit"]:hover,
#header-search-form.navbar-white button[type="submit"]:focus,
#header-search-form.navbar-white input[type="submit"]:focus {
	background-color: #eaeaea;
}

.navbar-white.side-menu #header-search-form .form-control {
	border-bottom-color: #eaeaea;
}

@media (max-width: 767px) {
	.navbar-white .navbar-nav .open .dropdown-menu > li > a {
		color: #505050;
	}

	.navbar-white .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-white .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color: transparent;
	}

	.navbar-white .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-white .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-white .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: #eaeaea;
	}

	.navbar-white .navbar-nav .open .dropdown-menu {
		background-color: #f8f8f8;
	}

	.navbar-white .navbar-nav .open > .dropdown-toggle,
	.navbar-white .navbar-nav .open > .dropdown-toggle:hover,
	.navbar-white .navbar-nav .open > .dropdown-toggle:focus {
		background-color: #f0f0f0;
	}

	.navbar-white .navbar-nav .dropdown-menu .open .dropdown-menu {
		background-color: #eee;
	}

	.navbar-white .navbar-nav .dropdown-menu .open > .dropdown-toggle,
	.navbar-white .navbar-nav .dropdown-menu .open > .dropdown-toggle:hover,
	.navbar-white .navbar-nav .dropdown-menu .open > .dropdown-toggle:focus {
		background-color: #e5e5e5;
	}

	.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #bbb;
		background-color: transparent;
	}

	.navbar-white .navbar-nav div[class^="col"],
	.navbar-white .navbar-nav div[class*=' col'] {
		border-bottom-color:#eaeaea;
	}

	.navbar-white .navbar-nav .megamenu-title {
		color:#666;
	}
}


@media (min-width: 768px) {

	.navbar-white .navbar-collapse.collapse-row {
		border-top-color: #eaeaea;
	}

	.navbar-white .navbar-nav-border > li > a {
		border-right-color: #eaeaea !important;
	}

	.navbar-white .navbar-nav-border > li:first-child > a {
		border-left-color: #eaeaea !important;
	}

	.navbar-white .dropdown-menu {
		background-color: #fff;
	}

	.navbar-white .navbar-nav .megamenu-title {
		border-bottom-color: #eaeaea;
	}
	
	.navbar-white .navbar-nav li > .dropdown-menu {
		box-shadow:0 5px 9px rgba(0,0,0, 0.18);
		-webkit-box-shadow:0 5px 9px rgba(0,0,0, 0.18);
	}

	.navbar-white .navbar-nav .sub-dropdown .dropdown-menu {
		box-shadow:2px 5px 10px rgba(0,0,0, 0.18);
		-webkit-box-shadow:2px 5px 10px rgba(0,0,0, 0.18);
	}

	.navbar-white .navbar-nav .sub-dropdown .dropdown-menu.pull-right,
	.navbar-white .navbar-nav .reverse .sub-dropdown .dropdown-menu {
		box-shadow:-2px 5px 10px rgba(0,0,0, 0.18);
		-webkit-box-shadow:-2px 5px 10px rgba(0,0,0, 0.18);
	}
}

@media (min-width: 992px) {
	.navbar-white .boxed-container .collapse-row ,
	.navbar-white .boxed-container .navbar-header.fullwidth {
		border-left-color: #eaeaea;
		border-right-color: #eaeaea;
	}
}

.navbar-white .navbar-link {
	color: #505050;
}

.navbar-white .btn-link {
	color: #505050;
}

/* Navbar Shopping Cart - Dropdown Menu */
.navbar-white .cart-dropdown-menu {
	box-shadow:0 5px 9px rgba(0,0,0, 0.18);
	-webkit-box-shadow:0 5px 9px rgba(0,0,0, 0.18);
	background-color: #fff;
}

.navbar-white .cart-dropdown-menu hr {
	border-top-color:#eaeaea;
}

.navbar-white .cart-dropdown-desc {
	color:#777;
}

.navbar-white .cart-dropdown .product-old-price,
.navbar-white .cart-dropdown .product-name a,
.cart-dropdown .cart-action-total  > span {
	color:#505050;
}

.navbar-white .cart-dropdown .remove-btn {
	color:#505050;
	background-color: #eaeaea;
}

.navbar-white .cart-dropdown .remove-btn:hover,
.navbar-white .cart-dropdown .remove-btn:focus {
	color:#303030;
	background-color: #dadada;
}

.navbar-white .sticky-menu.fixed .cart-dropdown-menu {
	border-top-color:#eaeaea;
}

/* 3. Navbar Inverse */
.navbar-inverse {
	background-color: #2a2a2a;
	border-color: #3e3e3e;
}

.navbar-inverse .navbar-top {
	border-bottom-color: #3e3e3e;
}

.navbar-inverse .navbar-top a {
	color:#9a9a9a;
}

.navbar-inverse .navbar-top a:hover,
.navbar-inverse .navbar-top a:focus,
.navbar-inverse .navbar-top .open > .dropdown-toggle {
	color:#e1e1e1;
}

.navbar-inverse .navbar-top-nav li:after,
.navbar-inverse .navbar-top .social-icon:after {
	color:#9a9a9a;
}

.navbar-inverse .navbar-top .dropdowns-container.pull-right {
	border-right-color:#3e3e3e;
}

.navbar-inverse .navbar-top .dropdown-menu {
	border-color:#3e3e3e;
	background-color: #2e2e2e;
	box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
}

.navbar-inverse .navbar-brand {
	color: #9a9a9a;
	border-color:#3e3e3e;
}

.navbar-inverse.sticky-menu.fixed .navbar-nav li > .dropdown-menu,
.navbar-inverse .sticky-menu.fixed .navbar-nav li > .dropdown-menu {
	border-top-color:#3e3e3e;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	color: #bebebe;
	background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: #505050;
}

.navbar-inverse .navbar-text {
	color: #9a9a9a;
}

.navbar-inverse .navbar-nav li > a,
.navbar-inverse .dropdown-menu li a,
.navbar-inverse .navbar-nav .megamenu-title  {
	color: #9a9a9a;
}

.navbar-inverse .navbar-nav .open > a,
.navbar-inverse .navbar-nav .open > a:hover,
.navbar-inverse .navbar-nav .open > a:focus,
.navbar-inverse .navbar-nav .active > a,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse li a:hover,
.navbar-inverse .navbar-nav .megamenu-title:hover,
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus {
	color:#bebebe;
	background-color: transparent;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
	color: #ccc;
	background-color: transparent;
}

.navbar-inverse .navbar-toggle,
.navbar-inverse .btn-toggle {
	background-color:#4a4a4a;
}

.navbar-inverse .navbar-toggle .icon-bar,
.navbar-inverse .btn-toggle .icon-bar,
.navbar-inverse .navbar-toggle .icon-bar:after,
.navbar-inverse .navbar-toggle .icon-bar:before,
.navbar-inverse .btn-toggle .icon-bar:after,
.navbar-inverse .btn-toggle .icon-bar:before {
	background-color: #b7b7b7;
}

.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:hover .icon-bar:before,
.navbar-inverse .navbar-toggle:hover .icon-bar:after,
.navbar-inverse .navbar-toggle:focus .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar:before,
.navbar-inverse .navbar-toggle:focus .icon-bar:after
.navbar-inverse .btn-toggle:hover .icon-bar,
.navbar-inverse .btn-toggle:hover .icon-bar:before,
.navbar-inverse .btn-toggle:hover .icon-bar:after,
.navbar-inverse .btn-toggle:focus .icon-bar,
.navbar-inverse .btn-toggle:focus .icon-bar:before,
.navbar-inverse .btn-toggle:focus .icon-bar:after {
    background: #b7b7b7;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle.opened,
.navbar-inverse .btn-toggle:hover,
.navbar-inverse .btn-toggle:focus,
.navbar-inverse .btn-toggle.opened {
	background-color: #3a3a3a;
}

.navbar-inverse .navbar-btn.btn-icon  {
	color:#b7b7b7;
	background-color: #4a4a4a;
}

.navbar-inverse .navbar-btn.btn-icon:hover,
.navbar-inverse .navbar-btn.btn-icon:focus,
.navbar-inverse .open > .navbar-btn.btn-icon {
	color:#cacaca;
	background-color: #3a3a3a;
}


.navbar-inverse.side-menu .navbar-nav ul ul {
	border-left-color: #505050;
}

/* Navbar Default Search Form*/
#header-search-form.navbar-inverse {
	background-color: #333;
	border-bottom-color: #3e3e3e;
}

.navbar-inverse .form-control,
.navbar-inverse button[type="submit"],
.navbar-inverse input[type="submit"]
#header-search-form.navbar-inverse .form-control,
#header-search-form.navbar-inverse button[type="submit"],
#header-search-form.navbar-inverse input[type="submit"] {
	color:#9a9a9a;
}

#header-search-form.navbar-inverse .form-control::-moz-placeholder {
	color:#9a9a9a;
}

#header-search-form.navbar-inverse .form-control:-ms-input-placeholder {
	color:#9a9a9a;
}

#header-search-form.navbar-inverse .form-control::-webkit-input-placeholder {
	color:#9a9a9a;
}

#header-search-form.navbar-inverse .form-control::placeholder {
	color:#9a9a9a;
}

.navbar-inverse #header-search-form button[type="submit"]:hover,
.navbar-inverse #header-search-form input[type="submit"]:hover,
.navbar-inverse #header-search-form button[type="submit"]:focus,
.navbar-inverse #header-search-form input[type="submit"]:focus,
#header-search-form.navbar-inverse button[type="submit"]:hover,
#header-search-form.navbar-inverse input[type="submit"]:hover,
#header-search-form.navbar-inverse button[type="submit"]:focus,
#header-search-form.navbar-inverse input[type="submit"]:focus {
	background-color: #2a2a2a;
}

.navbar-inverse.side-menu #header-search-form .form-control {
	border-bottom-color: #4e4e4e;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #9a9a9a;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #cacaca;
		background-color: transparent;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #b7b7b7;
		background-color: #3e3e3e;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu {
		background-color: #333;
	}

	.navbar-inverse .navbar-nav .open > .dropdown-toggle,
	.navbar-inverse .navbar-nav .open > .dropdown-toggle:hover,
	.navbar-inverse .navbar-nav .open > .dropdown-toggle:focus {
		background-color: #222;
	}

	.navbar-inverse .navbar-nav .dropdown-menu .open .dropdown-menu {
		background-color: #222;
	}

	.navbar-inverse .navbar-nav .dropdown-menu .open > .dropdown-toggle,
	.navbar-inverse .navbar-nav .dropdown-menu .open > .dropdown-toggle:hover,
	.navbar-inverse .navbar-nav .dropdown-menu .open > .dropdown-toggle:focus {
		background-color: #1e1e1e;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}

	.navbar-inverse .navbar-nav div[class^="col"],
	.navbar-inverse .navbar-nav div[class*=' col'] {
		border-bottom-color:#4a4a4a;
	}

	.navbar-inverse .navbar-nav .megamenu-title {
		color:#c1c1c1;
	}
}


@media (min-width: 768px) {

	.navbar-inverse .navbar-collapse.collapse-row {
		border-top-color: #4e4e4e;
	}

	.navbar-inverse .navbar-nav-border > li > a {
		border-right-color: #4e4e4e !important;
	}

	.navbar-inverse .navbar-nav-border > li:first-child > a {
		border-left-color: #4e4e4e !important;
	}

	.navbar-inverse .dropdown-menu {
		background-color: #2e2e2e;
	}

	.navbar-inverse .navbar-nav .megamenu-title {
		border-bottom-color: #4e4e4e;
	}
	
	.navbar-inverse .navbar-nav li > .dropdown-menu {
		box-shadow:0 4px 9px rgba(0,0,0, 0.2);
		-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	}

	.navbar-inverse .navbar-nav .sub-dropdown .dropdown-menu {
		box-shadow:2px 4px 10px rgba(0,0,0, 0.2);
		-webkit-box-shadow:2px 4px 10px rgba(0,0,0, 0.2);
	}

	.navbar-inverse .navbar-nav .sub-dropdown .dropdown-menu.pull-right,
	.navbar-inverse .navbar-nav .reverse .sub-dropdown .dropdown-menu {
		box-shadow:-2px 4px 10px rgba(0,0,0, 0.2);
		-webkit-box-shadow:-2px 4px 10px rgba(0,0,0, 0.2);
	}
}

@media (min-width: 992px) {
	.navbar-inverse .boxed-container .collapse-row ,
	.navbar-inverse .boxed-container .navbar-header.fullwidth {
		border-left-color: #4e4e4e;
		border-right-color: #4e4e4e;
	}
}

.navbar-inverse .navbar-link {
	color: #b7b7b7;
}

.navbar-inverse .navbar-link:hover {
	color: #e1e1e1;
}

.navbar-inverse .btn-link {
	color: #b7b7b7;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
	color: #e1e1e1;
}

/* Navbar Shopping Cart - Dropdown Menu */
.navbar-inverse .cart-dropdown-menu {
	box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	background-color: #2e2e2e;
}

.navbar-inverse .cart-dropdown-menu hr {
	border-top-color:#4e4e4e;
}

.navbar-inverse .product-quantity,
.navbar-inverse .cart-dropdown-desc {
	color:#9a9a9a;
}

.navbar-inverse .cart-dropdown .product-old-price,
.navbar-inverse .cart-dropdown .product-name a,
.cart-dropdown .cart-action-total  > span {
	color:#9a9a9a;
}

.navbar-inverse .cart-dropdown .remove-btn {
	color:#9a9a9a;
	background-color: #4e4e4e;
}

.navbar-inverse .cart-dropdown .remove-btn:hover,
.navbar-inverse .cart-dropdown .remove-btn:focus {
	color:#b7b7b7;
	background-color: #3e3e3e;
}

.navbar-inverse .sticky-menu.fixed .cart-dropdown-menu {
	border-top-color:#3e3e3e;
}

/* 4. Navbar Transparent */
/* You shuld use this page header largest 
or the section with padding top more than header's height */
.navbar-transparent {
	background-color: transparent !important;
	position: absolute;
	top:0;
	left:0;
	right:0;
	z-index:299;
	transition: all 0.25s;
	-webkit-transition: all 0.25s;
}

.navbar-transparent .navbar-top {
	background-color:transparent;
}

@media (max-width: 767px) {
	.navbar-transparent.navbar-inverse .navbar-collapse {
		background-color: #2e2e2e;
	}

	.navbar-transparent.navbar-white .navbar-collapse {
		background-color: #fff;
	}
}


/* White Color */ 
.navbar-white.navbar-transparent {
	border-color: #e1e1e1;
}

.navbar-white.navbar-transparent .navbar-top {
	border-bottom-color: #e1e1e1;
}

.navbar-white.navbar-transparent .navbar-top a {
	color:#f1f1f1;
}

.navbar-white.navbar-transparent .navbar-top .dropdown-menu a {
	color:#505050;
}

.navbar-white.navbar-transparent .navbar-top a:hover,
.navbar-white.navbar-transparent .navbar-top a:focus,
.navbar-white.navbar-transparent .navbar-top .open > .dropdown-toggle {
	color:#fff;
}

.navbar-white.navbar-transparent .navbar-top-nav li:after,
.navbar-white.navbar-transparent .navbar-top .social-icon:after {
	color:#fff;
}

.navbar-white.navbar-transparent .navbar-top .dropdowns-container.pull-right {
	border-right-color:#e1e1e1;
}

.navbar-white.navbar-transparent .navbar-top .dropdown-menu {
	border-color:#e1e1e1;
	background-color: #fff;
}

.navbar-white.navbar-transparent .navbar-brand {
	color: #f1f1f1;
	border-color:#e1e1e1;
}

.navbar-white.navbar-transparent .navbar-brand:hover,
.navbar-white.navbar-transparent .navbar-brand:focus {
	color: #fafafa;
	background-color: transparent;
}

.navbar-white.navbar-transparent .social-icon {
	color:#f1f1f1;
}


/* Transparent inverse */
.navbar-inverse.navbar-transparent {
	border-color: #505050;
}

.navbar-inverse.navbar-transparent .navbar-top {
	border-bottom-color: #505050;
}

.navbar-inverse.navbar-transparent .navbar-top a {
	color:#3e3e3e;
}

.navbar-inverse.navbar-transparent .navbar-top .dropdown-menu a {
	color:#9a9a9a;
}

.navbar-inverse.navbar-transparent .navbar-top-nav li:after,
.navbar-inverse.navbar-transparent .navbar-top .social-icon:after {
	color:#666;
}

.navbar-inverse.navbar-transparent .navbar-top .dropdowns-container.pull-right {
	border-right-color:#505050;
}

.navbar-inverse.navbar-transparent .navbar-top .dropdown-menu {
	border-color:#2e2e2e;
	background-color: #3e3e3e;
}

.navbar-inverse.navbar-transparent .navbar-brand {
	color: #3e3e3e;
	border-color:#505050;
}

.navbar-inverse.navbar-transparent .navbar-brand:hover,
.navbar-inverse.navbar-transparent .navbar-brand:focus {
	color: #2e2e2e;
	background-color: transparent;
}

.navbar-inverse.navbar-transparent .social-icon {
	color:#3e3e3e;
}

@media (min-width: 768px) {
	/* Transparent + white menu link color*/ 
	.navbar-white.navbar-transparent .navbar-text,
	.navbar-white.navbar-transparent .navbar-nav > li > a {
		color: #f1f1f1;
	}

	.navbar-white.navbar-transparent .navbar-nav > li > a:hover, 
	.navbar-white.navbar-transparent .navbar-nav > li > a:focus,
	.navbar-white.navbar-transparent .navbar-nav > li.open > a,
	.navbar-white.navbar-transparent .navbar-nav > li.active > a {
		background-color: transparent;
	}

	/* Transparent + dark menu link color*/ 
	.navbar-inverse.navbar-transparent .navbar-text,
	.navbar-inverse.navbar-transparent .navbar-nav > li > a {
		color: #3e3e3e;
	}

	.navbar-inverse.navbar-transparent .navbar-nav > li > a:hover, 
	.navbar-inverse.navbar-transparent .navbar-nav > li > a:focus,
	.navbar-inverse.navbar-transparent .navbar-nav > li.open > a,
	.navbar-inverse.navbar-transparent .navbar-nav > li.active > a  {
		background-color: transparent;
	}
}

/* Sticky Menu ----------*/
@-webkit-keyframes stickyMenu {
	0% {
		opacity:0;
		top:-100px;
	}

	100% {
		opacity: 1;
		top:0;
	}
}

@keyframes stickyMenu {
  	0% {
		opacity:0;
		top:-100px;
	}

	100% {
		opacity: 1;
		top:0;
	}
}

.boxed #header.sticky-menu.fixed,
.boxed .sticky-menu.fixed,
.boxed-long #header.sticky-menu.fixed,
.boxed-long .sticky-menu.fixed,
.boxed #header-search-form.fixed,
.boxed-long #header-search-form.fixed {
	left:auto;
	right:auto;
}

#header.sticky-menu.fixed,
.sticky-menu.fixed {
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	-webkit-perspective: 1000;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: stickyMenu;
	animation-name: stickyMenu;
}

.navbar-white .sticky-menu.fixed {
	background-color: #fff;
}

.navbar-inverse .sticky-menu.fixed {
	background-color: #2a2a2a;
}

.navbar-default .sticky-menu.fixed {
	background-color: #eaeaea;
}

#header.sticky-menu.fixed .navbar-inverse.navbar-transparent,
.navbar-inverse.navbar-transparent .sticky-menu.fixed,
.navbar-inverse.navbar-transparent .sticky-menu.fixed .boxed-container .collapse-row, 
.navbar-inverse.navbar-transparent .sticky-menu.fixed .boxed-container .navbar-header.fullwidth,
.navbar-white .sticky-menu.fixed .navbar-collapse.collapse-row {
	background-color: #fff !important;
	border-color:#eaeaea;
}

.sticky-menu.fixed .navbar-inverse.navbar-transparent .navbar-collapse.collapse-row,
.navbar-inverse.navbar-transparent .sticky-menu.fixed .navbar-collapse.collapse-row {
	border-top-color:transparent;
}

.sticky-menu.fixed .navbar-inverse.navbar-transparent .navbar-brand,
.navbar-inverse.navbar-transparent .sticky-menu.fixed .navbar-brand {
	border-color:#eaeaea;
}

.sticky-menu.fixed .navbar-inverse.navbar-transparent .navbar-nav > li > a,
.navbar-inverse.navbar-transparent .sticky-menu.fixed .navbar-nav > li > a {
	border-right-color:#eaeaea !important;
}

.sticky-menu.fixed .navbar-inverse.navbar-transparent .navbar-nav-border > li:first-child > a,
.navbar-inverse.navbar-transparent .sticky-menu.fixed .navbar-nav-border > li:first-child > a {
	border-left-color:#eaeaea !important;
}

.sticky-menu.fixed .navbar-white.navbar-transparent,
.navbar-white.navbar-transparent .sticky-menu.fixed,
.sticky-menu.fixed .navbar-white.navbar-transparent .navbar-collapse.collapse-row,
.navbar-white.navbar-transparent .sticky-menu.fixed .navbar-collapse.collapse-row {
	background-color: rgba(35, 76, 133, .92) !important;
	border-color:#234c85;
}

.sticky-menu.fixed .navbar-white.navbar-transparent .navbar-nav > li > a,
.navbar-white.navbar-transparent .sticky-menu.fixed .navbar-nav > li > a {
	border-right-color:#5e5e5e !important;
}

.sticky-menu.fixed .navbar-white.navbar-transparent .navbar-nav-border > li:first-child > a,
.navbar-white.navbar-transparent .sticky-menu.fixed .navbar-nav-border > li:first-child > a {
	border-left-color:#5e5e5e !important;
}

.sticky-menu.fixed .navbar-white.navbar-transparent .navbar-brand,
.navbar-white.navbar-transparent .sticky-menu.fixed .navbar-brand {
	border-color:#3e3e3e;
}

.sticky-menu.fixed > .row > .container {
	position: relative;
}

.sticky-menu.fixed,
 .navbar-transparent .sticky-menu.fixed {
	box-shadow:0 3px 7px rgba(0,0,0, 0.08);
	-webkit-box-shadow:0 3px 7px rgba(0,0,0, 0.08);
}

@media (min-width: 992px) {
	.sticky-menu.fixed .navbar-nav > li > a {
		padding-top: 30px;
		padding-bottom: 20px;		
	}
}


.sticky-menu.fixed .navbar-nav li > .dropdown-menu {
	margin-top: 26px !important;
}
	
.sticky-menu.fixed .navbar-brand {
	padding-top:7px;
	height:auto;
	padding: 8px 30px 5px 33px;
}

.sticky-menu.fixed .navbar-btn ,
.sticky-menu.fixed .navbar-toggle,
.sticky-menu.fixed .btn-toggle {
	margin-top:12.5px;
	margin-bottom: 12.5px;
	width:30px;
	height:30px;
	line-height: 30px;
	font-size:13px;
}

.sticky-menu.fixed .navbar-toggle{
	padding:3px;
}

.sticky-menu.fixed .navbar-toggle .icon-bar, 
.sticky-menu.fixed .btn-toggle .icon-bar, 
.sticky-menu.fixed .navbar-toggle .icon-bar:before, 
.sticky-menu.fixed .btn-toggle .icon-bar:before, 
.sticky-menu.fixed .navbar-toggle .icon-bar:after, 
.sticky-menu.fixed .btn-toggle .icon-bar:after {
	width:12px;
}

.sticky-menu.fixed .navbar-toggle .icon-bar:before, 
.sticky-menu.fixed .btn-toggle .icon-bar:before {
	top:4px;
}

.sticky-menu.fixed .navbar-toggle .icon-bar:after, 
.sticky-menu.fixed .btn-toggle .icon-bar:after {
	top:-4px;
}

#header-search-form.fixed {
	position: fixed;
	top:0;
	z-index: 1010;
	border-bottom: none;
}

#header-search-form.fixed  .form-control {
	font-size:16px;
	padding-top:15.5px;
	padding-bottom:15.5px;
	height:55px;
}

#header.fixed #header-search-form.fixed  .form-control {
	padding-top:16px;
	padding-top:16px;
	height:56px;
}




/* =============================================
---------------  New Custom CSS    -------------
==============================================*/
#vcmp_hexagon_grid li .defaulthexcontent {
	font-family: 'open sans' !important;
	font-weight: 700;	
    text-transform: uppercase !important;	
    letter-spacing: 0.5px;
    color: #fff;    	    
}
#vcmp_hexagon_grid li .hoverhexcontent {
    display: block;
    position: relative !important;
    text-align: center;
	font-family: 'open sans' !important;
	font-weight: 600 !important;		
    color: #fff;	    
}
	

@media (min-width: 1200px) { 
	.navbar-brand > img {
		height: 88px;
	}
	.sticky-menu.fixed .navbar-brand > img {
		height: 63px;
	}
	.navbar-brand {
	    height: 100px;
	    padding: 20px 30px 33px;
	    font-size: 42px;
	}
	.banner-big-font {
	    font-family: 'Open Sans';
	    font-weight: 300;
	    color: #ffffff;	
	    font-size: 85px;
	    line-height: 1.65em;    
	}		
	.banner-medium-font {
	    margin-top:15px;
	    font-family: 'Open Sans';
	    font-weight: 300;
	    color: #ffffff;	
	    font-size: 48px;
	    line-height: 1.65em;    
	}		
	#vcmp_hexagon_grid li .defaulthexcontent {
    	padding-top: 61% !important;
	    margin: -35px auto 0 !important;
	    font-size: 1.18em;	    
	    line-height: 1.4em;	    
	}
	#vcmp_hexagon_grid li .hoverhexcontent {
	    margin: -50px auto 0 !important;
	    color: #fff;
	    font-size: 18px;
	    line-height: 24px;	    
	}
}
@media (min-width: 993px) and (max-width:1199px) { 
	.navbar-brand > img {
		height: 60px;
	}
	.navbar-brand {
	    height: 80px;
	    padding: 15px 15px;
	}
	.navbar-nav > li > a {
	    padding: 35px 12px;
	}		
	.banner-big-font {
	    font-size: 60px;   
	}		
	.banner-medium-font {
	    font-size: 30px;    
	}
	#vcmp_hexagon_grid li .defaulthexcontent { 
    	padding-top: 63% !important;
	    margin: -35px auto 0 !important;		
	    font-size: 1.3em;	    
	    line-height: 1.55em;	    
	}
	#vcmp_hexagon_grid li .hoverhexcontent {
	    margin: -50px auto 0 !important;
	    font-size: 15px;
	    line-height: 24px;	    
	}	
	#sidebar {
		padding-left: 80px !important;    
	}	
}
@media (min-width: 769px) and (max-width:992px) {  
	.navbar-brand > img {
		height: 60px;
	}
	.navbar-brand {
	    height: 100px;
	    padding: 15px 15px;
	}
}
@media (max-width:768px) {
	#sidebar {
		padding-left: 0px !important;    
    	float: right;
    	width: 100%;		
	}	  
	#vcmp_hexagon_grid li .defaulthexcontent { 
    	padding-top: 70% !important;
	    margin: -35px auto 0 !important;		
	    font-size: 1em;	    
	    line-height: 1.35em;	    
	}
	#vcmp_hexagon_grid li .hoverhexcontent {
	    margin: -50px auto 0 !important;
	    font-size: 14px;
	    line-height: 22px;	    
	}		
	.navbar-brand > img {
		height: 55px;
	}
	.navbar-brand {
	    height: 80px;
	    padding: 15px 15px;
	}
	.banner-big-font {
	    font-size: 60px !important;   
	}		
	.banner-medium-font {
	    font-size: 40px !important;
	}			
}

.dropdown-toggle::after {
    width: 20px;
}
.dropdown-toggle {    
    width: 180px;
}
.dropdown-toggle:after {
    bottom: 3px;
}

ul.nav, ul.dropdown-menu {
    margin: 0 0 0.5em 0em !important;
}