9B534B8686E580E0E01768F00155B461

at path：ROOT / megamenu / css / Copia de modern-megamenu.css

run：R W Run

css

DIR

2026-04-09 04:12:40

R W Run

Copia de font-awesome.min.css

30.27 KB

2020-10-14 02:06:40

R W Run

Copia de modern-megamenu-responsive.css

20.25 KB

2020-11-09 02:17:06

R W Run

Copia de modern-megamenu.css

44.53 KB

2020-11-09 02:17:10

R W Run

bootsnav.css

24.9 KB

2018-04-12 09:14:28

R W Run

bootstrap.min.css

152.11 KB

2019-02-13 10:47:50

R W Run

bootstrap.min.css.map

611.28 KB

2019-02-13 10:47:50

R W Run

font-awesome.min.css

30.28 KB

2020-10-14 02:33:12

R W Run

index.php

360 By

2020-10-09 19:28:06

R W Run

modern-megamenu-responsive.php

20.38 KB

2020-11-09 03:32:48

R W Run

modern-megamenu.php

46.38 KB

2026-03-17 07:58:30

R W Run

rtl.css

1.17 KB

2018-05-08 15:05:18

R W Run

error_log

📄Copia de modern-megamenu.css

/*
|----------------------------------------------------------------------------
	Modern Megamenu - Bootstrap 4 Responsive Mega Menu Main CSS
	Author: MGScoder
	Author URL: https://codecanyon.net/user/mgscoder
	Version: 2.6
	Primary color: #21732e
	background-color: rgba(0, 0, 0, 0.7);   color banda menu 
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu       border-color: #21732e #e0e0e0 #e0e0e0;    color borde menu
	nav.bootsnav .megamenu-content .title   color: #21732e;   color titulo submenu
|----------------------------------------------------------------------------
*/

/*
|------------------------------------------------------------------
	[Table of contents]:

1. FONTS: Google Font
	2. COMMON CSS
	3. HEADER / #header
		3.1. HEADER BANNER / #home-slider
	4. NAVIGATION / .nav
		4.1. SEARCH IN NAVIGATION
		4.2. MENU EFFECT & E-COMMERCE MEGAMENU
		4.3. MENU ANIMATION
	5. INNER PAGES TOP BANNER / #page-top-banner
	6. ABOUT / .about-wrap
	7. FOOTER / .footer
	8. SOCIAL
	9. OTHERS
	
|-------------------------------------------------------------------
*/

/*
|----------------------------------------------------------------------------
	1. FONTS: Google Font
|----------------------------------------------------------------------------
*/
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);

/*
|----------------------------------------------------------------------------
	2. COMMON CSS
|----------------------------------------------------------------------------
*/
body {
	background-color: #fff;
	font-family: 'Raleway', sans-serif;
	line-height: 1.48;
	color: #000;
}

/*
|----------------------------------------------------------------------------
	3. HEADER / #header
|----------------------------------------------------------------------------
*/
#header {
    background-color: rgba(62, 62, 62, 0.7);
    box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.6);
	height: 80px;
	-webkit-transition:height 0.4s ease 0s, opacity 0.3s ease 0s;
    -moz-transition:height 0.4s ease 0s, opacity 0.3s ease 0s;
    -ms-transition:height 0.4s ease 0s, opacity 0.3s ease 0s;
    -o-transition:height 0.4s ease 0s, opacity 0.3s ease 0s;
    transition:height 0.4s ease 0s, opacity 0.3s ease 0s;
    z-index: 199;
}
#header.sidebar-header {
	height: 0;
}
#header nav.navbar.bootsnav, #header.navbar-fixed-top {
    background-color: transparent;
    border-bottom: none;
}
#header.headerbg-lightcolor {
    background-color: rgba(255, 255, 255, 1);
}
#header.headerbg-lightcolor nav.navbar.bootsnav {
    background-color: rgba(255, 255, 255, 1);
}
#header.headerbg-darkcolor {
    background-color: rgba(0, 0, 0, 0.7);
}
#header.headerbg-darkcolor nav.navbar.bootsnav {
    background-color: rgba(0, 0, 0, 0.7);  /* color banda menu */
}
#header.fixed-nav nav.navbar.bootsnav {
    background-color: rgba(255, 255, 255, 1);
}
#header.fixed-nav nav.navbar.navbar-sticky.bootsnav.sticked {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.6);
	height: 56px;
}
#header.white-bg {
	background-color: rgba(255, 255, 255, 1);
}
#header.fixed-nav {	
	background-color: rgba(255, 255, 255, 1);
	height: 56px;
}
#header .top-search {
    top: 80px;
    position: fixed;
    left: 0;
    right: 0;
	z-index: 2;
}
#header.sticky-header .top-search {
    top: 0;
    position: relative;
}
#header.navbarbrandtop .top-search {
    top: 160px;
}
#header.fixed-nav.navbarbrandtop .top-search {
    top: 135px;
}
#header.fixed-nav .top-search, #header.sticky-header.fixed-nav .top-search {
    top: 56px;
    position: fixed;
}
.navbar .navbar-brand {
    height: auto;
	margin: 0;
    padding: 0 50px 0 0;
}
.navbar-sticky > .container .navbar-brand {
    margin-left: auto;
}
.navbar-brand .logo {
    height: 80px;
	-webkit-transition: height 0.4s ease 0s, opacity 0.3s ease 0s;
    -moz-transition: height 0.4s ease 0s, opacity 0.3s ease 0s;
    -ms-transition: height 0.4s ease 0s, opacity 0.3s ease 0s;
    -o-transition: height 0.4s ease 0s, opacity 0.3s ease 0s;
	transition: height 0.4s ease 0s, opacity 0.3s ease 0s;
	width: auto;
}
.fixed-nav .navbar-brand .logo{
    height: 56px;
	width: auto;
}

/*
|----------------------------------------------------------------------------
	3.1. HEADER BANNER / #home-slider
|----------------------------------------------------------------------------
*/
#home-slider.home-slider.image-bg {
    background-image: url("../images/background/portfolio-banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#home-slider .home-top-banner {
    background-color: rgba(0, 0, 0, 0.9);
}
#home-slider.home-slider .banner-content {
    margin: 220px 0 160px;
}
#home-slider.home-slider .banner-content  h1 {
    color: #fff;
	font-size: 32px;
	margin: 10px 0 30px;
}
#home-slider.home-slider .banner-content  h4 {
    color: #fff;
}

/*
|----------------------------------------------------------------------------
	4. NAVIGATION
|----------------------------------------------------------------------------
*/
nav.navbar.bootsnav ul.nav > li > a {
	color: #000;
	font-weight: 700;
	padding: 30px 15px;
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
    text-transform: uppercase;
}
nav.navbar.bootsnav .side-menus ul.menu-col {
	padding: 10px 15px;
}
nav.navbar.bootsnav.navbar-transparent ul.nav > li > a, nav.navbar.bootsnav ul.menu-col > li > a {
	color: #fff;
}
.white-bg nav.navbar.bootsnav ul.nav > li > a, .fixed-nav nav.navbar.bootsnav ul.nav > li > a {
    color: #000;
}
nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li a,
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
    color: #000;
	text-decoration: none;
}

.fixed-nav nav.navbar.bootsnav ul.nav li > a {
	padding: 18px 15px;
}
nav.navbar.bootsnav .side-menus ul.menu-col > li {
	border-bottom: 1px solid #fff;
}
nav.navbar.bootsnav .side-menus ul.menu-col > li a {
    margin: 10px;
    display: inline-block;
}
#header.fixed-nav .attr-nav > ul > li > a {
	padding: 16px 15px;
}
nav.navbar.bootsnav ul.nav li.dropdown.on > a,
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
.white-bg nav.navbar.bootsnav ul.nav > li > a:hover,
.fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover,
nav.navbar.bootsnav ul.nav > li > a:hover,
.white-bg nav.navbar.bootsnav ul.nav > li > a.active,
.fixed-nav nav.navbar.bootsnav ul.nav > li > a.active,
nav.navbar.bootsnav ul.nav > li > a.active {
	background-color: #21732e; 
	color: #fff;
}
.attr-nav {
    margin-right: 0;
}
.dropdown-menu.cart-list a {
	color: #000;
}	
.side {
    z-index: 1001;
}
.side .widget .title {
    margin-top: 25px;
}
.attr-nav > ul > li > a {
    padding: 28px 15px;
}
.attr-nav li  a:hover, nav.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu > li > a:hover {
    text-decoration: none;
	color: #fff;
}
.attr-nav > ul > li.dropdown.mmmyaccount-menu a {
    font-weight: bold;
}
.attr-nav > ul > li.dropdown.mmmyaccount-menu ul.dropdown-menu {
    left: 0;
    margin-left: 0;
}
nav.bootsnav ul.nav li.dropdown.mmmyaccount-menu a {
	color: #21732e;
}
nav.bootsnav ul.nav li.dropdown.mmmyaccount-menu a:hover {
	color: #fff;
}
.attr-nav > ul > li > a,
nav.navbar.bootsnav .side-menus ul.menu-col > li > a:hover,
nav.navbar.bootsnav .side-menus ul.menu-col > li > a:focus {
	color: #21732e;
}
nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li a.active {
	background-color: #21732e;
	color: #fff;
}
nav.bootsnav ul.nav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content li p a {
	padding: 10px 0 !important;
}
nav.bootsnav ul.nav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content li p a:hover {
	color: #21732e;
	background-color: transparent;
}
nav.bootsnav ul.nav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content li a:hover {
	color: #fff;
}
nav.bootsnav ul.nav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content li a.product-cat-link:hover {	
	background-color: transparent;
}
nav.navbar.bootsnav .navbar-header .navbar-toggle {
	background-color: transparent;
}
nav.navbar.bootsnav .navbar-toggle {
    margin-top: 25px;
}
#header.fixed-nav nav.navbar.bootsnav .navbar-toggle {
    margin-top: 15px;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a,
nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li a,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
	padding: 10px !important;
}
#header nav.navbar.bootsnav.navbar-left {
	justify-content: left;
}
#header nav.navbar.bootsnav.navbar-center .collapse {
    display: contents;
}
#header nav.navbar.bootsnav.navbar-center .collapse ul.nav {
    margin: 0 auto;
}	
#header nav.navbar.bootsnav .navbar-toggle {
	background-color: transparent !important;
	font-size: 32px;
	top: -4px;
	color: #21732e;
	cursor: pointer;
}

/*------------------- Navbar Mobile App Style -------------------*/
#header nav.navbar.bootsnav.navbar-mobile .collapse.navbar-collapse {
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	-webkit-box-flex: 1;
}

/*------------------- Brand top -------------------*/
#header nav.bootsnav.navbar-brand-top ul.nav {
	display: -webkit-flex;
    display: flex;
}
#header nav.bootsnav.navbar-brand-top .navbar-header {
    margin-bottom: 28px;
}
#header.navbarbrandtop.fixed-nav nav.navbar.navbar-brand-top.bootsnav .navbar-header {
    margin-bottom: 16px;
}
#header.navbarbrandtop nav.navbar.navbar-brand-top.attrnav .navbar-header,
#header.navbarbrandtop.fixed-nav nav.navbar.navbar-brand-top.bootsnav.attrnav .navbar-header {
    margin-bottom: 0;
}
#header.navbarbrandtop.fixed-nav nav.navbar.navbar-brand-top.bootsnav .navbar-toggle {
    top: 12px;
}
#header.navbarbrandtop {
    background-color: rgba(255, 255, 255, 1);
    height: 160px;
}
#header.navbarbrandtop.fixed-nav {
    height: 136px;
}
#header.navbarbrandtop.fixed-nav .navbar-brand .logo {
    height: 80px;
}

nav.bootsnav.navbar-full {
    padding-bottom: 0;
    padding-top: 0;
}
nav.bootsnav.navbar-full .navbox-collapse ul.nav li {
    margin-bottom: 5px;
}
.fixed-nav nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a {
	padding: 10px 15px;
}
#header nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, #header nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus {
    background-color: #21732e;
    color: #fff;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
	border-color: #21732e #e0e0e0 #e0e0e0;
}
.col-menu.col-sm-12 > hr {
    margin: 8px 0;
}
nav.bootsnav .megamenu-content .title {
    color: #21732e;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1rem;
	margin-top: 15px;
	border-bottom: 1px solid;
	padding-bottom: 5px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
    color: #000;
	font-size: 14px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
    border-bottom: 1px solid #e0e0e0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
    max-height: calc( 100vh - 100px );
}
nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content {
    max-height: calc( 100vh - 100px );
	overflow-y: auto;
	overflow-x: hidden;
}
nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content.image-menu a:hover {
    background-color: transparent;
}
nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content {
    margin-bottom: 12px;
}
ul.dropdown-menu.megamenu-content img.product-cat {
	width: 232px;
	max-width: 100%;
	padding-right: 10px;
}
nav.bootsnav .navbox-collapse ul.dropdown-menu.megamenu-content.image-menu a:hover {
    background-color: transparent;
    color: #21732e;
	text-decoration: none;
	padding: 0;
}

#header .navbar-header .navbar-toggler .hidden {
	display: none;
}
#header nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after {
	content: "";
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::after {
	display:none;
}	
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before {
	content:"\f053";
	padding-top:4px;
}	
#header nav.navbar.bootsnav.navbar-left li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before,
#header nav.navbar.bootsnav.navbar-center li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before {
	content:"\f054";
	padding-top:4px;
}	
#header nav.navbar.bootsnav.navbar-sidebar li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before,
#header nav.navbar.bootsnav.navbar-sidebar li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before {
	content:"\f078";
	padding-top:4px;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li {
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li:hover {
	background-color: #21732e;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li > a {
	background-color: transparent;
	border: none;
}	
#header nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu li:hover {
	background-color: transparent;
}
#header nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu li > a:hover {
	background-color: #21732e;
}	
#header nav.navbar.bootsnav ul.nav > li > a, nav.navbar.bootsnav ul.menu-col > li > a {
	text-decoration: none;
}
#header nav.navbar.bootsnav {
	padding: 0;
}

#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content,
#header.navbarbrandtop nav.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content {
	margin-top: 28px;
}
#header.fixed-nav nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content,
#header.navbarbrandtop.fixed-nav nav.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content {
	margin-top: 16px;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
	margin-top: 4px;
}
#header nav.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu,
#header.navbarbrandtop nav.navbar.navbar-brand-top.bootsnav.attrnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content {
	margin-top: 0;
}
#header nav.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu.cart-list a.btn.btn-cart {
	background-color: #e0e0e0;
	border-color: #e0e0e0;
}
#header nav.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu.cart-list a.btn.btn-cart:hover {
	background-color: #f0f0f0;	
	color: #000;	
}
#header.fixed-nav nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
	margin-top: 0;
}
#header nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content {
	margin-top: 0;
}
#header nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu li {
	padding: 0;
}
.navbar-header .navbar-toggler {
	display: none;
}
nav.bootsnav .collapse {
	display: block;
}
#header nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
	padding: 0 !important;
}
#header nav.bootsnav .dropdown.megamenu-fw .megamenu-content {
	width: 100% !important;
}
#header nav.bootsnav .megamenu-content {
	width: 12rem !important;
}
#header nav.navbar.navbar-full.bootsnav .navbar-toggle, #header nav.navbar.navbar-full.bootsnav .navbar-header {
    float: right;
}
#header nav.navbar.navbar-full.bootsnav .navbar-header {
	margin-right: 15px;
}
#header nav.bootsnav ul.nav li.close-full-menu a:hover {
	background-color: #21732e;
}

/*------------------- Navbar Sidebar -------------------*/
#header nav.navbar-sidebar .top-search {
    top: 0;
	z-index: 11;
}
#header nav.navbar.navbar-sidebar.bootsnav ul.nav > li , #header.fixed-nav nav.navbar.bootsnav.navbar-sidebar ul.nav li  {
    padding: 10px 0;
}
#header nav.navbar.navbar-sidebar.bootsnav ul.nav > li > a, #header.fixed-nav nav.navbar.bootsnav.navbar-sidebar ul.nav li > a {
    padding: 10px 15px;
	display: block;
	clear: both;
}
#header nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
    color: #555;
}
#header nav.bootsnav.navbar-sidebar .attr-nav {
    width: 100%;
	margin-bottom: 20px;
}
#header nav.bootsnav.navbar-sidebar .attr-nav > ul {
    display: block;
}
#header nav.bootsnav.navbar-sidebar .attr-nav > ul > li {
    float: right;
}

/*------------------- Brand Center -------------------*/
.navbar.brand-center .navbar-brand {
    padding: 0;
}
nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
    margin-top: 0;
}

#header nav.navbar.bootsnav.brand-center .navbar-collapse {
    z-index: 2;
}
#header.fixed-nav nav.navbar.navbar-sticky.brand-center.bootsnav.sticked .navbar-collapse {
    margin-top: 0;
}
#header.fixed-nav nav.navbar.navbar-sticky.brand-center.bootsnav.sticked .navbar-brand {
    margin-top: -18px;
}
#header.fixed-nav nav.navbar.navbar-sticky.brand-center.bootsnav.attrnav.sticked .navbar-brand {
    margin-top: 0;
}
#header nav.navbar.bootsnav.brand-center ul.nav {
	display: -webkit-inline-flex !important;
	display: inline-flex !important;
}
#header nav.navbar.bootsnav.brand-center .navbar-nav {
	-ms-flex-direction: inherit;
	flex-direction: inherit;
}
#header nav.navbar.bootsnav.brand-center.attrnav .navbar-collapse {
    -ms-flex-preferred-size: inherit;
    flex-basis: inherit;
}
#header nav.navbar.bootsnav.brand-center .navbar-collapse {
	margin-top: 28px;
}
#header.fixed-nav nav.navbar.bootsnav.brand-center .navbar-collapse {
	margin-top: 16px;
}
#header nav.navbar.bootsnav.brand-center.attrnav .navbar-collapse {
	margin-top: 0;
}
#header.fixed-nav nav.navbar.bootsnav.brand-center.attrnav .navbar-collapse {
	margin-top: 0;
}
#header nav.navbar.bootsnav.brand-center ul.nav > li.dropdown {
	position: relative;
}
#header nav.navbar.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
	margin-top: 28px;
	position: absolute;
}
#header.fixed-nav nav.navbar.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
	margin-top: 14px;
}
#header nav.navbar.bootsnav.brand-center li.dropdown ul.dropdown-menu li {
	padding: 10px 0;
}
#header nav.navbar.bootsnav.brand-center li.dropdown ul.dropdown-menu li:hover {
	background-color: #21732e;
}

/*
|----------------------------------------------------------------------------
	4.1. SEARCH IN NAVIGATION
|----------------------------------------------------------------------------
*/
.top-search .input-group-addon {
    padding-top: 5px;
}
.attr-nav > ul > li:hover {
    background-color: #21732e;
}
.attr-nav > ul > li:hover a {
    color: #fff;
}
.attr-nav > ul > li:hover h6 a {
    color: #000;
}
.attr-nav.margin-around {
    margin-left: 10px;
    margin-right: 10px;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu {
	left: -225px;
}
#header nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li h6 a:hover {
    background-color: transparent;
	text-decoration: none;
	color: #21732e;
}
.col-sm-show {
	display: none;
}

.nav-up-hide-header {
	top: -80px;
	-webkit-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}

/*
|----------------------------------------------------------------------------
	4.2. MENU EFFECT & E-COMMERCE MEGAMENU
|----------------------------------------------------------------------------
*/	
.waves {
	position: relative;
	display: inline-block;
	height: 28px;
	bottom: -10px;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
	-webkit-animation-name: waves;
		  animation-name: waves;
	-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-animation-duration: 1s;
		  animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
		  animation-iteration-count: infinite;
}
	
.waves.width50 {
	width: 50px;
	left: -40px;
}	
.waves.width54 {
	width: 54px;
	left: -44px;
}	
.waves.width70 {
	width: 74px;
	left: -62px;
}
.waves.green {
	border-color: #12bc00;
}
.waves.red {
	border-color: #ff0000;
}
.waves.magenta {
	border-color: #8b008b;
}
.waves.blue {
	border-color: #007bff;
}
.waves.brown {
	border-color: #a52a2a;
}

@-webkit-keyframes waves {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0.0;
	}
	25% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0.1;
	}
	50% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 0.3;
	}
	75% {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.0;
	}
}
@keyframes waves {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0.0;
	}
	25% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0.1;
	}
	50% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 0.3;
	}
	75% {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.0;
	}
}
.label-green {
    background-color: #12bc00;
    color: rgba(255, 255, 255, 0.99);
}
.label-magenta {
    background-color: #8b008b;
    color: rgba(255, 255, 255, 0.99);
}
.label-red {
    background-color: #ff0000;
    color: rgba(255, 255, 255, 0.99);
}
.label-blue {
    background-color: #007bff;
    color: rgba(255, 255, 255, 0.99);
}
.label-brown {
    background-color: #a52a2a;
    color: rgba(255, 255, 255, 0.99);
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li .tag-label, .tag-label {
    padding: 1px 5px;
    border-radius: 2px;
    font-size: 11px;
    top: 0;
	position: relative;
	margin-left: 5px;
}

#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li .tag-label:after {
	content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: 100%;
    top: 3px;
    border: 5px solid transparent;
    border-right: 5px solid #ff0000;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li .tag-label.label-green:after {
    border-right: 5px solid #12bc00;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li .tag-label.label-magenta:after {
    border-right: 5px solid #8b008b;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li .tag-label.label-red:after {
    border-right: 5px solid #ff0000;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li .tag-label.label-blue:after {
    border-right: 5px solid #007bff;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li .tag-label.label-brown:after {
    border-right: 5px solid #a52a2a;
}

/****************** Tabbed Left Megamenu ***************/
.mmmtabbedmenuleft {
    padding: 5px 0;
	background-color: #e9ebef;
}
.nav-mmmtabbedmenu-left {
	border-bottom: none;
	padding-top: 0;
	border-right: 1px solid #e9ebef;
	margin-left: -1px;
	margin-top: -6px;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li .nav-mmmtabbedmenu-left > li {
	width: 100%;
	margin-bottom: 2px;
	border: 1px solid #21732e;
	border-radius: 0;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft ul.nav-mmmtabbedmenu-left > li > a {
	display:block;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft ul.nav-mmmtabbedmenu-left li a {
	background-color: #fff;
	color: #000;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft ul.nav-mmmtabbedmenu-left li a.active {
	background-color: #e9ebef;
	color: #000;
	border-right-color: transparent;
	margin-right: -1px;
}

nav.bootsnav ul.nav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft .tab-content {
	margin-bottom: 30px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenuleft .megamenu,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenu .megamenu {
    padding-left: 15px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenuleft .col-menu:first-child {
    padding-left: 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenuleft .row .col-menu:first-child {
    padding-left: 0;
}

/****************** Tabbed Megamenu ***************/
.tab-content h5 {
	background-color: #21732e;
	color: #fff;
	padding: 6px 10px;
	margin-left: -17px;
}
.mmmtabbedmenu {
    margin: 30px 0;
}
.mmmtabbedmenu ul.nav-tabbedmenu {
    margin-left: 30px;
}
.mmmtabbedmenu ul, .mmmtabbedmenu li,
.mmmtabbedmenuleft ul, .mmmtabbedmenuleft li {
    list-style: none;
}
nav.bootsnav ul.nav li.dropdown ul.dropdown-menu .mmmtabbedmenu .tab-content {
	margin: 14px 0 0;
}
nav.bootsnav ul.nav li.dropdown ul.dropdown-menu .mmmtabbedmenu li {
	margin: 0 2px;
}
nav.bootsnav ul.nav li.dropdown ul.dropdown-menu .mmmtabbedmenu li a {
	font-size: 14px;
	font-weight: normal;
	padding: 18px 15px !important;
	white-space: nowrap;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenu ul.nav-tabbedmenu li a {
	background-color: #fff;
	color: #000;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenu ul.nav-tabbedmenu li a:hover, 
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenu ul.nav-tabbedmenu li a.active {
	background-color: #21732e;
	color: #fff;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenu li {
    border-bottom: none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenu .col-menu {
    padding: 0 15px;
}
.mmmtabbedmenu .btn, nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .btn {
	margin: 5px 2px;
	padding: 6px 8px;
}
.mmmtabbedmenu .btn:hover, nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .btn:hover {
	background-color: #007bff;
	color: #fff;
}
nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li img {
	max-width: 100%;
}
.mmmtabbedmenu .tab-content .image-box, .mmmtabbedmenuleft .tab-content .image-box {
    text-align: center;
}
.margintb20 {
    padding: 20px 0;
}

/****************** 2 line Menu ***************/
nav.navbar.bootsnav ul.nav > li.mmm2linemenu > a,
nav.navbar.bootsnav ul.nav > li.dropdown.mmm2linemenu > a {
	padding-left: 0;
}
nav.navbar.bootsnav ul.nav > li.mmm2linemenu > a span {
	display: inline-block;
	max-width: 125px;
	width: 100%;
	text-align: left;
	font-size: 11px;
}
nav.navbar.bootsnav ul.nav li.dropdown.mmm2linemenu > a:hover,
nav.navbar.bootsnav ul.nav > li.mmm2linemenu > a:hover,						
nav.navbar.bootsnav ul.nav li.mmm2linemenu > a.active {
	background-color: transparent;
	color: #000;
}						
nav.navbar.bootsnav ul.nav > li.dropdown.mmm2linemenu > a.dropdown-toggle::after {
	bottom: 0;
	position: absolute;
	margin-left: -50px;
	border-width: 6px;
}
#header nav.navbar.bootsnav li.dropdown.mmmyaccount-menu.mmm2linemenu ul.dropdown-menu.megamenu-content {
	margin-top: 16px;
}
#header.fixed-nav nav.navbar.bootsnav li.dropdown.mmmyaccount-menu.mmm2linemenu ul.dropdown-menu.megamenu-content {
	margin-top: 4px;
}
#header nav.navbar.bootsnav ul.nav li.dropdown.mmmyaccount-menu.mmm2linemenu > a:after {
	bottom: -16px;
}
#header.fixed-nav nav.navbar.bootsnav ul.nav li.dropdown.mmmyaccount-menu.mmm2linemenu > a::after {
    bottom: -4px;
}
nav.navbar.bootsnav ul.nav li.dropdown.mmm2linemenu > a:hover:after,
nav.navbar.bootsnav ul.nav li.dropdown.mmm2linemenu.on > a:after,
nav.navbar.bootsnav ul.nav li.mmm2linemenu > a.active:after {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	bottom: 0;
	border: 6px solid transparent;
	border-bottom: 6px solid #21732e;
	margin-left: -50px;
}
nav.navbar.bootsnav ul.nav li.dropdown.mmm2linemenu.on > a {
	background-color: transparent;
	color: #000;
}
nav.navbar.bootsnav ul.nav li.dropdown.mmmyaccount-menu.mmm2linemenu.on > a:after {
	bottom: -16px;
}

/*---------------------Horizontal Menu--------------------*/
#header nav.navbar.bootsnav li.dropdown.megamenu-fw.horizontal-menu ul.dropdown-menu.megamenu-content {
    min-height: 38px;
}
#header nav.navbar.bootsnav li.dropdown.megamenu-fw.horizontal-menu ul.dropdown-menu.megamenu-content.horizontal-labelmenu li {
    margin-bottom: 5px;
}
#header nav.navbar.bootsnav li.dropdown.megamenu-fw.horizontal-menu ul.dropdown-menu.megamenu-content li {
    border-bottom: none;
}

/*---------------------Category Menu--------------------*/
#header nav.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu {
    background-color: transparent;
	border-right: none;
	border-bottom: none;
	border-left: none;
	overflow-x: hidden;
	height: calc( 100vh - 90px );
	max-height: 560px;
}
#header nav.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu.dropdownmenu-bordertop-none {
	border-top: none;
}

#header nav.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu.full-width-dropdown {
    height: calc( 100vh - 100px );
    background-color: transparent;
	margin-left: -10px;
	max-height: 550px;
}
#header nav.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu.full-width-dropdown > li {
    background-color: #f5f5f5;
}
#header nav.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu li {
	border: none;
	padding: 0;
}
#header nav.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu li .image-box {
	text-align: center;
	padding: 0 10px;
}
#header nav.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu li a.dropdown-toggle {
	background-color: #ddd;
	border-left: 3px solid transparent;
	display: block;
}
#header nav.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu li.dropdown.on a.dropdown-toggle {
	background-color: #f5f5f5;
	border-left: 3px solid #21732e;
	color: #000;
}
#header nav.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu li a,
#header nav.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
	border-bottom: 1px solid #fdfdfd;
}
nav.navbar.bootsnav li.dropdown.fullwidth-dropdown li.dropdown a.dropdown-toggle,
nav.navbar.bootsnav li.dropdown.fullwidth-dropdown li.dropdown a.dropdown-toggle:hover {
	width: 200px !important;
	background-color: transparent;
}
nav.navbar.bootsnav li.dropdown.fullwidth-dropdown li.dropdown:hover {
	background-color: transparent;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown {
	width: calc( 100% - 200px ) !important;
	top: -6px;
	left: 210px;
	position: fixed;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown {
		max-width: 910px;
		top: 80px;
		left: calc(( 100% + 420px - 1110px )/2);
	}
	#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-4 {
		max-width: 304px;
	}
	#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-6 {
		max-width: 455px;
	}
	#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-8 {
		max-width: 608px;
	}
	#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-10 {
		max-width: 760px;
	}
	#header.fixed-nav nav.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown {
		top: 56px;
	}
}
.full-width-dropdown h5 {
    background-color: #21732e;
    font-size: 16px;
    color: #fff;
    padding: 6px 10px;
	margin-top: 5px;
	margin-left: 15px;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu img, 
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu .banner-image {
	padding-bottom: 10px;
} 
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu .banner-image img {
	padding-left: 15px;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav,
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li,
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li a {
    z-index: 2;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li p {
    color:#fff;
}
nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu {
    background-image: url("../images/background/fullscreenmenu.jpg");
	background-attachment: fixed;
	background-size: cover;
}

/*---------------------Split Menu--------------------*/
nav.bootsnav.navbar-full .fa.fa-times {
    font-size: 32px;
}
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.close-full-menu {
    float: none;
    display: flex;
    width: 100%;
	top: 0;
	right: 20px;
	height: auto;
	position: fixed;
	z-index: 1001;
	width: 40px;
	cursor: pointer;
}
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.social-media-box {
    float: none;
    display: block;
    width: 100%;
}
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li {
    float: left;
    display: flex;
    text-align: center;
    width: 25%;
    height: 100vh;
	position: relative;
	top: 0;
}
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li,
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li a {
    color: #fff;
	z-index: 2;
}
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.close-full-menu::before {
	background-color: transparent;
}	
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li::before {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index: 1;
}	
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li:hover::before {
    background-image: -moz-linear-gradient(to bottom, rgba(62,75,153,.3), rgba(207,32,37,.5));
    background-image: -webkit-linear-gradient(to bottom, rgba(62,75,153,.3), rgba(207,32,37,.5));
    background-image: -o-linear-gradient(to bottom, rgba(62,75,153,.3), rgba(207,32,37,.5));
    background-image: -ms-linear-gradient(to bottom, rgba(62,75,153,.3), rgba(207,32,37,.5));
	background-image: linear-gradient(to bottom, rgba(62,75,153,.3), rgba(207,32,37,.5));
    background-color: rgba(0, 0, 0, 0);
}	
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.close-full-menu:hover::before {
    background-image: none;
}
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li {
	background-attachment: scroll;
	background-size: cover;
}
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-1 {
    background-image: url("../images/background/menu-1.jpg");
}
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-2 {
    background-image: url("../images/background/menu-2.jpg");
}
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-3 {
    background-image: url("../images/background/menu-3.jpg");
}
nav.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-4 {
    background-image: url("../images/background/menu-4.jpg");
}

/*---------------------Carousel Slider--------------------*/
.mmmenuCarousel {
    background-color: rgba(119, 119, 119, 0.6);
    border: 1px solid #777777;
    border-radius: 6px;
    padding: 2px;
    margin: 5px 10px 10px 0;
}
.mmmenuCarousel a.btn.btn-cart:hover {
    background-color: #007bff;
    color: #fff;
	cursor: pointer;
}	
.mmmenuCarousel .carousel-item {
	text-align: center;
}	
.mmmenuCarousel .carousel-item img {
	width: 100%;
}
.mmmenuCarousel .carousel-indicators {
    top: 10px;
}	
.mmmenuCarousel .carousel-indicators li {
	background-color: rgba(119, 119, 119, 0.99);
	height: 6px;
	margin-bottom: 5px;
}
.mmmenuCarousel .carousel-indicators li:hover, .mmmenuCarousel .carousel-indicators li.active,
#header nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu .carousel-indicators li:hover {
	background-color: #21732e;
	cursor: pointer;
}
#header nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu li .carousel-item a {
	padding: 0 !important;
}
#header nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu li .carousel-item a:hover {
	background-color: transparent;
}

/*
|----------------------------------------------------------------------------
	4.3. MENU ANIMATION
|----------------------------------------------------------------------------
*/
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
}
@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
}
.fade-Out-Up{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fade-In-Down{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}

/*
|----------------------------------------------------------------------------
	5. INNER PAGES TOP BANNER / #page-top-banner
|----------------------------------------------------------------------------
*/
#page-top-banner {
    margin-top: 80px;
    padding: 120px 0;
    position: relative;
    width: 100%;
}
#page-top-banner.sidebar-menu-top-banner, #page-top-banner.nomargin-banner {
    margin-top: 0;
}
#page-top-banner.navbarbrandtop-banner {
    margin-top: 160px;
}
#page-top-banner.above-top-banner {
    margin-top: 0;
}
#page-top-banner.page-title::before {
    background-color: rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#page-top-banner.page-title-image {
	background-color: #b5b5b5;
	background-repeat: no-repeat; 
	background-position: center;
	background-size: cover;
}
#page-top-banner.page-title-image.page-top-banner {
    background-image: url("../images/background/portfolio-banner.jpg");
}
#page-top-banner.page-title h1 {
    color: #fff;
	font-size: 16px;
	margin: 10px 0 30px;
}
#page-top-banner.page-title h4 {
    color: #fff;
}

/*
|----------------------------------------------------------------------------
	6. ABOUT / .about-wrap
|----------------------------------------------------------------------------
*/
#about {
	padding: 160px 0 130px;
}
.progressbar-wrap .title-box {
    margin-top: 0;
}
.about-wrap {
    margin: 0 0 30px;
}
.about-wrap .icon-holder {
    float: left;
    text-align: center;
}
.about-wrap .icon-holder i {
	border: 1px solid #21732e;
    border-radius: 50%;
    color: #21732e;
	height: 64px;
	font-size: 32px;
    line-height: 64px;
    width: 64px;
}
.about-wrap:hover .icon-holder i {
    background-color: #21732e;
    color: #fff;
}
.about-wrap li::before {
	color: #21732e;
    content: "\f046";
    font-family: fontawesome;
    padding-right: 8px;
}
.about-wrap li {
    padding: 0 0 5px;
}
.about-wrap .text-box {
    padding-left: 80px;
}
#about .about-wrap .text-box .title-box {
    margin: 0 0 30px;
}
.text-box > p:last-child, .text-box .list-unstyled {
    margin: 0;
}

/*
|----------------------------------------------------------------------------
	7. FOOTER / .footer
|----------------------------------------------------------------------------
*/
.footer {
    background-color: #000;
}
.footer-top {
    background: none;
	padding: 50px 0 30px;
}
.footer .copyright {
    color: #fff;
	padding: 0 15px;
}
a.footer-site-link {
    color: #fff;
}

/*
|----------------------------------------------------------------------------
	8. SOCIAL
|----------------------------------------------------------------------------
*/
.social-holder {
	position: relative;
	margin: 50px 0;
}
.social-holder > p {
    font-size: 18px;
	font-weight: bold;
    padding-bottom: 20px;
}
.social-holder > p, .list-social {
    margin: 0;
    text-align: center;
}
.social-holder .list-inline.list-social > li {
    padding-left: 5px;
    padding-right: 5px;
	display: inline;
}
a.social-icon {
    color: #fff;
}
.social-icon {
	border-style: solid;
	border-width: 1px;	
	border-radius: 6px 0;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    text-align: center;
    width: 28px;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;	
	transition: all ease 0.5s;
}
.social-icon:hover {
    border-color: transparent;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
	color: #fff;
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	transform:rotateY(360deg);
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;	
	transition: all ease 0.5s;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-facebook:hover {
    background-color: #3b5998;
	box-shadow: inherit;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-twitter:hover {
    background-color: #00acee;
	box-shadow: inherit;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-gplus:hover {
    background-color: #dd4b39;
	box-shadow: inherit;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-linkedin:hover {
    background-color: #0077b5;
	box-shadow: inherit;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-youtube:hover {
    background-color: #ff0000;
	box-shadow: inherit;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-vimeo:hover {
    background-color: #1ca7cc;
	box-shadow: inherit;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-pinterest:hover {
    background-color: #cb2027;
	box-shadow: inherit;
}
.fixed-nav nav.navbar.bootsnav ul.nav li > a.social-icon {
	padding: 0;
}

*[browser="C49UP" i] _:not(*:root):unresolved, #header nav.navbar.bootsnav li.dropdown.megamenu-fw a.dropdown-toggle {margin-right: -15px;}
*[browser="C49UP" i] _:not(*:root):unresolved, #header nav.navbar.bootsnav li.dropdown.megamenu-fw a.dropdown-toggle:after {margin-right: 15px;}
*[browser="C49UP" i] _:not(*:root):unresolved, #header nav.navbar.bootsnav li.dropdown a.dropdown-toggle {margin-right: -15px;}
*[browser="C49UP" i] _:not(*:root):unresolved, #header nav.navbar.bootsnav li.dropdown a.dropdown-toggle:after {margin-right: 15px;}
*[browser="C49UP" i] _:not(*:root):unresolved, #header nav.navbar.bootsnav li.dropdown.mmmyaccount-menu a.dropdown-toggle:after {margin-right: 15px;}

*[browser="C49UP" i] _:not(*:root):unresolved, #header nav.navbar.bootsnav.rtl-nav li.dropdown.megamenu-fw a.dropdown-toggle {margin-left: -15px; margin-right: auto;}
*[browser="C49UP" i] _:not(*:root):unresolved, #header nav.navbar.bootsnav.rtl-nav li.dropdown.megamenu-fw a.dropdown-toggle:after {margin-left: 15px; margin-right: auto;}
*[browser="C49UP" i] _:not(*:root):unresolved, #header nav.navbar.bootsnav.rtl-nav li.dropdown a.dropdown-toggle {margin-left: -15px; margin-right: auto;}
*[browser="C49UP" i] _:not(*:root):unresolved, #header nav.navbar.bootsnav.rtl-nav li.dropdown a.dropdown-toggle:after {margin-left: 15px; margin-right: auto;}
*[browser="C49UP" i] _:not(*:root):unresolved, #header nav.navbar.bootsnav.rtl-nav li.dropdown.mmmyaccount-menu a.dropdown-toggle:after {margin-left: 15px; margin-right: auto;}

/*
|----------------------------------------------------------------------------
	9. OTHERS
|----------------------------------------------------------------------------
*/
.section-padding {
	padding: 130px 0 140px;
}
.bg-color {
	background-color: #a8a8a8;
}
.scrollup {
    bottom: 40px;
    display: none;
    font-size: 42px;
	color: #21732e;
    height: 40px;
    position: fixed;
    right: 22px;
    text-align: center;
    width: 40px;
	z-index: 999;
}