@media (min-width: 992px) {

	#primary-menu ul > li { margin-left: 17px; }

	#primary-menu > ul > li:first-child { margin-left: 0; }

	#primary-menu ul li > a {
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin: 18px 0;
		padding: 0;
		color: #0000FF;
		font-size: 20px;
		letter-spacing: 0;
		text-align: center;
		border-radius: 50%;
		background-color: #F9F9F9;
		color: #333;
		box-shadow: 0 7px 14px rgba(0,0,0,0.13), 0 5px 5px rgba(0,0,0,0.08);
		transition: all .3s ease;
	}

	#primary-menu ul li > a div {
		opacity: 0;
		position: absolute;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 1px;
		color: #00AB23;
		font-family: 'Source Sans Pro', sans-serif;
		text-transform: uppercase;
		-webkit-transition-delay: 0.35s;
		transition-delay: 0.35s;
		margin-left: 50%;
		-webkit-transform: translate3d(-50%, -20px, 0);
		transform: translate3d(-50%, -20px, 0);
		-webkit-transition: all 400ms cubic-bezier(0.2, 1, 0.3, 1);
		-moz-transition: all 400ms cubic-bezier(0.2, 1, 0.3, 1);
		-ms-transition: all 400ms cubic-bezier(0.2, 1, 0.3, 1);
		-o-transition: all 400ms cubic-bezier(0.2, 1, 0.3, 1);
		transition: all 400ms cubic-bezier(0.2, 1, 0.3, 1);
		-webkit-backface-visibility: hidden;
		/*text-shadow: 0 0px 7px rgba(0,0,0,0.4), 0 0px 7px rgba(0,0,0,0.2);*/
	}

	#primary-menu ul li > a:hover div {
		opacity: 1 !important;
		-webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
		transition: transform 1.2s, opacity 1.2s;
		-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		-webkit-transform: translate3d(-50%, -10px, 0);
		transform: translate3d(-50%, -10px, 0);
	}

    
	#primary-menu ul li > a i {
		display: block;
		position: relative;
		font-size: 16px;
		width: 52px;
		height: 52px;
		line-height: 50px;
		text-align: center;
		margin-right: 0;
		vertical-align: middle;
		border-radius: 50%;
	}

	#primary-menu ul li:hover > a,
	#primary-menu ul li.current > a {
		background-color: #FFB21B;
		color: #00AB23 !important;
	}
    
   /*
	#header.sticky-header.transparent-header.sticky-transparent #header-wrap {
		background-color: transparent;
		box-shadow: none;
	}
    
	#header.sticky-header.transparent-header.sticky-transparent #header-wrap #primary-menu ul li > a div { opacity: 0; }
    
    
	#logo a {
		color: #FFF;
		font-size: 26px;
		font-weight: 600;
		letter-spacing: -0.5px;
		text-shadow: 0 4px 10px rgba(0,0,0,0.4), 0 4px 4px rgba(0,0,0,0.2);
	}

	.slider-element .slider-caption h2 {
		font-weight: 900;
		font-size: 80px;
    }
    */

    body.dark #side-panel,
    body #side-panel.dark { background-color: #383838; }

    .dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover,
    .dark #header-wrap:not(.not-dark) #top-account a:hover,
    .dark #header-wrap:not(.not-dark) #top-search form input {
        color: #EEE;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    }
    body.dark #side-panel .widget,
    body #side-panel.dark .widget { border-top-color: rgba(255,255,255,0.1); }

    body.dark #side-panel #side-panel-trigger-close a,
    body #side-panel.dark #side-panel-trigger-close a {
        background-color: rgba(0,0,0,0.2);
        color: #FFF;
    }

    .dark .widget_nav_menu li a,
    .dark .widget_links li a,
    .dark .widget_meta li a,
    .dark .widget_archive li a,
    .dark .widget_recent_comments li a,
    .dark .widget_recent_entries li a,
    .dark .widget_categories li a,
    .dark .widget_pages li a,
    .dark .widget_rss li a {
        color: #CCC;
        background-image: url("../images/icons/widget-link-dark.png");
    }

    .dark .widget_nav_menu li a:hover,
    .dark .widget_links li a:hover,
    .dark .widget_meta li a:hover,
    .dark .widget_archive li a:hover,
    .dark .widget_recent_comments li a:hover,
    .dark .widget_recent_entries li a:hover,
    .dark .widget_categories li a:hover,
    .dark .widget_pages li a:hover,
    .dark .widget_rss li a:hover { color: #AAA; }


    .dark .nav-tree li a { color: #BBB; }


    .dark #cookie-notification,
    #cookie-notification.dark {
        background-color: rgba(0,0,0,0.85);
        color: #EEE;
    }

    .dark .footer-widgets-wrap a { color: #CCC; }

.dark .footer-widgets-wrap a:hover { color: #999; }

.dark .sidebar-widgets-wrap .widget,
body.dark #side-panel .widget,
body #side-panel.dark .widget { border-top-color: rgba(255,255,255,0.1); }

body.dark #side-panel #side-panel-trigger-close a,
body #side-panel.dark #side-panel-trigger-close a {
	background-color: rgba(0,0,0,0.2);
	color: #FFF;
}

.dark .widget h4 { color: #DDD; }

.dark .widget p { opacity: 0.8; }

.dark .tagcloud a {
	color: #999;
	border-color: transparent;
	background-color: rgba(0,0,0,0.2);
}

.dark #footer .social-icon.si-borderless,
#footer.dark .social-icon.si-borderless { color: #555 !important; }

#footer.dark,
.dark #footer {
	background-color: #333;
	color: #CCC;
	border-top-color: rgba(0,0,0,0.2);
}

.dark #copyrights {
	background-color: rgba(0,0,0,0.2);
	color: rgba(255,255,255,0.25);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.dark #copyrights i.footer-icon { color: rgba(255,255,255,0.3); }

.dark .copyright-links a {
	color: rgba(255,255,255,0.25);
	border-bottom-color: rgba(255,255,255,0.25);
}

.dark .copyright-links a:hover {
	color: rgba(255,255,255,0.35);
	border-bottom-color: rgba(255,255,255,0.35);
}

}