/*------------------------------
 * Copyright 2014 Pixelized
 * http://www.pixelized.cz
 *
 * Roxie theme v1.1
------------------------------*/

/*------------------------------
	GREEN
------------------------------*/

.color-green a,
.color-green .text-primary,
.color-green .btn-inverse:hover,
.color-green .btn-inverse:focus,
.color-green .nav.vertical-nav li a:hover,
.color-green form label,
.color-green .owl-theme .owl-controls .owl-buttons div,
.color-green .top-header .header-item,
.color-green .navbar-default .navbar-brand:hover,
.color-green .dropdown-menu > li > a:hover i,
.color-green .jumbotron6 #slide-3 .btn:first-child,
.color-green .jumbotron5 .btn:first-child,
.color-green .pagination > li > a:hover,
.color-green .pagination > li > span:hover,
.color-green #section-introduction h2,
.color-green #section-features .feature i,
.color-green .text-highlight span,
.color-green #section-portfolio .portfolio-item a:hover i,
.color-green footer h3 i,
.color-green footer .navbar-nav > li > a:hover,
.color-green #features .features-sidebar h3,
.color-green #features .features-content h3.features-title i,
.color-green #faq h3,
.color-green #services .service:hover h3,
.color-green #services.services1 .service i,
.color-green #services.services2 .service i,
.color-green #services.services3 .service i,
.color-green .profile h3 small,
.color-green .box h3,
.color-green .box ul li.active a,
.color-green .box ul li a:hover,
.color-green .box ul li a i,
.color-green .box.box-tags a:hover span,
.color-green .blog-post-detail span i,
.color-green .blog-timeline .blog-post .blog-post-info .month,
.color-green .comment a:hover,
.color-green #eshop .eshop-sidebar h3,
.color-green .shopping-cart-footer p.total-price,
.color-green .jumbotron6 #slide-3 .btn:hover,
.color-green .jumbotron5 .btn:hover,
.color-green .jumbotron3 .btn:hover,
.color-green #section-blog-posts .btn:hover,
.color-green #separator1 .btn:hover,

.color-green .comingsoon .brands li a:hover,
.color-green #profile-single .profile-body h2 small,
.color-green #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before,
.color-green .jumbotron-event .event-info h2,
.color-green #event-speakers .speaker .speaker-body h3,
.color-green #schedule .schedule-single-info i,
.color-green
{
	color:#16A085;
}

.color-green .btn-primary,
.color-green .alert-primary,
.color-green .label-primary,
.color-green .panel-primary > .panel-heading,
.color-green .blog-timeline .blog-post:hover .blog-post-info,
.color-green .eshop-product .product-sale-label,
.color-green .popover-title,
.color-green .nav-tabs > li.active > a, 
.color-green .nav-tabs > li.active > a:hover, 
.color-green .nav-tabs > li.active > a:focus,
.color-green .overlay-wrapper .overlay,
.color-green .owl-theme .owl-controls .owl-page.active span,
.color-green .owl-theme .owl-controls .owl-buttons div:hover,
.color-green .brands.main li a,
.color-green .navbar-default .navbar-nav > .active > a, 
.color-green .navbar-default .navbar-nav > .active > a:hover, 
.color-green .navbar-default .navbar-nav > .active > a:focus,
.color-green .navbar-default .navbar-nav > .open > a, 
.color-green .navbar-default .navbar-nav > .open > a:hover, 
.color-green .navbar-default .navbar-nav > .open > a:focus,
.color-green .jumbotron6 #slide-3 .btn:first-child:hover,
.color-green .jumbotron5 .btn:first-child:hover,
.color-green .content-separator,
.color-green .bg-color-1,
.color-green .pagination > .active > a, 
.color-green .pagination > .active > span, 
.color-green .pagination > .active > a:hover, 
.color-green .pagination > .active > span:hover, 
.color-green .pagination > .active > a:focus, 
.color-green .pagination > .active > span:focus,
.color-green #section-features .feature:hover i,
.color-green .recent-blog-post .post-date,
.color-green .pricing-plan .pricing-plan-price,
.color-green #services.services2 .service:hover i,
.color-green #services.services3 .service:hover i,
.color-green .blog-header .vertical-nav li a:hover .badge,
.color-green .box ul li a span.badge,
.color-green .blog-timeline-mark,
.color-green #section-portfolio .portfolio-item .hover-overlay,
.color-green .hidden-control.owl-theme .owl-controls .owl-buttons div:hover,

.color-green .comingsoon .brands li a,
.color-green #profile-single .profile-body .profile-contacts li span,
.color-green #eshop .eshop-sidebar .eshop-widget .ui-slider .ui-slider-range,
.color-green .event-ticket.highlighted {
    background-color: #16A085;
}

.color-green .popover,
.color-green .navbar-nav > li > .dropdown-menu,
.color-green .jumbotron6 #slide-3 .btn:first-child,
.color-green .jumbotron5 .btn:first-child,
.color-green .pagination > .active > a, 
.color-green .pagination > .active > span, 
.color-green .pagination > .active > a:hover, 
.color-green .pagination > .active > span:hover, 
.color-green .pagination > .active > a:focus, 
.color-green .pagination > .active > span:focus,
.color-green #section-features .feature i,
.color-green .text-highlight,
.color-green #services.services2 .service i,
.color-green #services.services3 .service i,

.color-green #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before  {
	border-color:#16A085;
}

.color-green .popover.left > .arrow {border-left-color: #16A085;}
.color-green .popover.right > .arrow {border-right-color: #16A085;}
.color-green .popover.top > .arrow {border-top-color: #16A085;}
.color-green .popover.bottom > .arrow {border-bottom-color: #16A085;}

/* TRANSPARENT */

.color-green .hidden-control.owl-theme .owl-controls .owl-buttons div,
.color-green .jumbotron-event p.event-date {
	background-color: rgba(22, 160, 133, 0.5);
}

.color-green .jumbotron6 h2,
.color-green .jumbotron5 h2,
.color-green .jumbotron3 h2,
.color-green .map-overlay {
	background-color:rgba(22, 160, 133, 0.8);
}

.color-green .jumbotron2,
.color-green .jumbotron4 {
	background-image: linear-gradient(rgba(22, 160, 133, 0.9), rgba(22, 160, 133, 0.9)), url(../image/bg3.jpg);
}

.color-green .jumbotron7 {
	background-image: linear-gradient(rgba(22, 160, 133, 0.6), rgba(22, 160, 133, 0.6)),url(../image/gplaypattern.png);
}

.color-green #section-blog-posts,
.color-green #section-testimonials,
.color-green #section-statistics,
.color-green .jumbotron1 {
	background-image: linear-gradient(rgba(22, 160, 133, 0.6), rgba(22, 160, 133, 0.6)), url(../image/bg3.jpg);
}

@media (max-width:991px) {
	.color-green .navbar-default .navbar-toggle:hover,
	.color-green .navbar-default .navbar-toggle:focus,
	.color-green .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.color-green .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color:#16A085;
	}
	
	.color-green .navbar-default .navbar-collapse {
		border-color:#16A085;
	}
}

/* DARKER */

.color-green a:hover,
.color-green a:focus {
	color:#119178;
}

.color-green .btn-primary:hover,
.color-green .btn-primary:focus,
.color-green .btn-primary.active,
.color-green .pricing-plan h3,
.color-green .pricing-plan p {
	background-color:#119178;
}

.color-green .btn-primary:hover,
.color-green .btn-primary:focus,
.color-green .btn-primary.active,
.color-green .blog-timeline .blog-post:hover .blog-post-info,
.color-green .eshop-product .product-sale-label {
	border-color:#119178;
}

/*------------------------------
	BLUE
------------------------------*/

.color-blue a,
.color-blue .text-primary,
.color-blue .btn-inverse:hover,
.color-blue .btn-inverse:focus,
.color-blue .nav.vertical-nav li a:hover,
.color-blue form label,
.color-blue .owl-theme .owl-controls .owl-buttons div,
.color-blue .top-header .header-item,
.color-blue .navbar-default .navbar-brand:hover,
.color-blue .dropdown-menu > li > a:hover i,
.color-blue .jumbotron6 #slide-3 .btn:first-child,
.color-blue .jumbotron5 .btn:first-child,
.color-blue .pagination > li > a:hover,
.color-blue .pagination > li > span:hover,
.color-blue #section-introduction h2,
.color-blue #section-features .feature i,
.color-blue .text-highlight span,
.color-blue #section-portfolio .portfolio-item a:hover i,
.color-blue footer h3 i,
.color-blue footer .navbar-nav > li > a:hover,
.color-blue #features .features-sidebar h3,
.color-blue #features .features-content h3.features-title i,
.color-blue #faq h3,
.color-blue #services .service:hover h3,
.color-blue #services.services1 .service i,
.color-blue #services.services2 .service i,
.color-blue #services.services3 .service i,
.color-blue .profile h3 small,
.color-blue .box h3,
.color-blue .box ul li.active a,
.color-blue .box ul li a:hover,
.color-blue .box ul li a i,
.color-blue .box.box-tags a:hover span,
.color-blue .blog-post-detail span i,
.color-blue .blog-timeline .blog-post .blog-post-info .month,
.color-blue .comment a:hover,
.color-blue #eshop .eshop-sidebar h3,
.color-blue .shopping-cart-footer p.total-price,
.color-blue .jumbotron6 #slide-3 .btn:hover,
.color-blue .jumbotron5 .btn:hover,
.color-blue .jumbotron3 .btn:hover,
.color-blue #section-blog-posts .btn:hover,
.color-blue #separator1 .btn:hover,

.color-blue .comingsoon .brands li a:hover,
.color-blue #profile-single .profile-body h2 small,
.color-blue #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before,
.color-blue .jumbotron-event .event-info h2,
.color-blue #event-speakers .speaker .speaker-body h3,
.color-blue #schedule .schedule-single-info i,
.color-blue {
	color:#0D58A6;
}

.color-blue .btn-primary,
.color-blue .alert-primary,
.color-blue .label-primary,
.color-blue .panel-primary > .panel-heading,
.color-blue .blog-timeline .blog-post:hover .blog-post-info,
.color-blue .eshop-product .product-sale-label,
.color-blue .popover-title,
.color-blue .nav-tabs > li.active > a, 
.color-blue .nav-tabs > li.active > a:hover, 
.color-blue .nav-tabs > li.active > a:focus,
.color-blue .overlay-wrapper .overlay,
.color-blue .owl-theme .owl-controls .owl-page.active span,
.color-blue .owl-theme .owl-controls .owl-buttons div:hover,
.color-blue .brands.main li a,
.color-blue .navbar-default .navbar-nav > .active > a, 
.color-blue .navbar-default .navbar-nav > .active > a:hover, 
.color-blue .navbar-default .navbar-nav > .active > a:focus,
.color-blue .navbar-default .navbar-nav > .open > a, 
.color-blue .navbar-default .navbar-nav > .open > a:hover, 
.color-blue .navbar-default .navbar-nav > .open > a:focus,
.color-blue .jumbotron6 #slide-3 .btn:first-child:hover,
.color-blue .jumbotron5 .btn:first-child:hover,
.color-blue .content-separator,
.color-blue .bg-color-1,
.color-blue .pagination > .active > a, 
.color-blue .pagination > .active > span, 
.color-blue .pagination > .active > a:hover, 
.color-blue .pagination > .active > span:hover, 
.color-blue .pagination > .active > a:focus, 
.color-blue .pagination > .active > span:focus,
.color-blue #section-features .feature:hover i,
.color-blue .recent-blog-post .post-date,
.color-blue .pricing-plan .pricing-plan-price,
.color-blue #services.services2 .service:hover i,
.color-blue #services.services3 .service:hover i,
.color-blue .blog-header .vertical-nav li a:hover .badge,
.color-blue .box ul li a span.badge,
.color-blue .blog-timeline-mark,
.color-blue #section-portfolio .portfolio-item .hover-overlay,
.color-blue .hidden-control.owl-theme .owl-controls .owl-buttons div:hover,

.color-blue .comingsoon .brands li a,
.color-blue #profile-single .profile-body .profile-contacts li span,
.color-blue #eshop .eshop-sidebar .eshop-widget .ui-slider .ui-slider-range,
.color-blue .event-ticket.highlighted {
    background-color: #0D58A6;
}

.color-blue .popover,
.color-blue .navbar-nav > li > .dropdown-menu,
.color-blue .jumbotron6 #slide-3 .btn:first-child,
.color-blue .jumbotron5 .btn:first-child,
.color-blue .pagination > .active > a, 
.color-blue .pagination > .active > span, 
.color-blue .pagination > .active > a:hover, 
.color-blue .pagination > .active > span:hover, 
.color-blue .pagination > .active > a:focus, 
.color-blue .pagination > .active > span:focus,
.color-blue #section-features .feature i,
.color-blue .text-highlight,
.color-blue #services.services2 .service i,
.color-blue #services.services3 .service i,

.color-blue #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before  {
	border-color:#0D58A6;
}

.color-blue .popover.left > .arrow {border-left-color: #0D58A6;}
.color-blue .popover.right > .arrow {border-right-color: #0D58A6;}
.color-blue .popover.top > .arrow {border-top-color: #0D58A6;}
.color-blue .popover.bottom > .arrow {border-bottom-color: #0D58A6;}

/* TRANSPARENT */

.color-blue .hidden-control.owl-theme .owl-controls .owl-buttons div,
.color-blue .jumbotron-event p.event-date {
	background-color: rgba(13, 88, 166, 0.5);
}

.color-blue .jumbotron6 h2,
.color-blue .jumbotron5 h2,
.color-blue .jumbotron3 h2,
.color-blue .map-overlay {
	background-color:rgba(13, 88, 166, 0.8);
}

.color-blue .jumbotron2,
.color-blue .jumbotron4 {
	background-image: linear-gradient(rgba(13, 88, 166, 0.9), rgba(13, 88, 166, 0.9)), url(../image/bg3.jpg);
}

.color-blue .jumbotron7 {
	background-image: linear-gradient(rgba(13, 88, 166, 0.6), rgba(13, 88, 166, 0.6)),url(../image/gplaypattern.png);
}

.color-blue #section-blog-posts,
.color-blue #section-testimonials,
.color-blue #section-statistics,
.color-blue .jumbotron1 {
	background-image: linear-gradient(rgba(13, 88, 166, 0.6), rgba(13, 88, 166, 0.6)), url(../image/bg3.jpg);
}

@media (max-width:991px) {
	.color-blue .navbar-default .navbar-toggle:hover,
	.color-blue .navbar-default .navbar-toggle:focus,
	.color-blue .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.color-blue .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color:#0D58A6;
	}
	
	.color-blue .navbar-default .navbar-collapse {
		border-color:#0D58A6;
	}
}

/* DARKER */

.color-blue a:hover,
.color-blue a:focus {
	color:#074C94;
}

.color-blue .btn-primary:hover,
.color-blue .btn-primary:focus,
.color-blue .btn-primary.active,
.color-blue .pricing-plan h3,
.color-blue .pricing-plan p {
	background-color:#074C94;
}

.color-blue .btn-primary:hover,
.color-blue .btn-primary:focus,
.color-blue .btn-primary.active,
.color-blue .blog-timeline .blog-post:hover .blog-post-info,
.color-blue .eshop-product .product-sale-label {
	border-color:#074C94;
}


/*------------------------------
	ORANGE
------------------------------*/

.color-orange a,
.color-orange .text-primary,
.color-orange .btn-inverse:hover,
.color-orange .btn-inverse:focus,
.color-orange .nav.vertical-nav li a:hover,
.color-orange form label,
.color-orange .owl-theme .owl-controls .owl-buttons div,
.color-orange .top-header .header-item,
.color-orange .navbar-default .navbar-brand:hover,
.color-orange .dropdown-menu > li > a:hover i,
.color-orange .jumbotron6 #slide-3 .btn:first-child,
.color-orange .jumbotron5 .btn:first-child,
.color-orange .pagination > li > a:hover,
.color-orange .pagination > li > span:hover,
.color-orange #section-introduction h2,
.color-orange #section-features .feature i,
.color-orange .text-highlight span,
.color-orange #section-portfolio .portfolio-item a:hover i,
.color-orange footer h3 i,
.color-orange footer .navbar-nav > li > a:hover,
.color-orange #features .features-sidebar h3,
.color-orange #features .features-content h3.features-title i,
.color-orange #faq h3,
.color-orange #services .service:hover h3,
.color-orange #services.services1 .service i,
.color-orange #services.services2 .service i,
.color-orange #services.services3 .service i,
.color-orange .profile h3 small,
.color-orange .box h3,
.color-orange .box ul li.active a,
.color-orange .box ul li a:hover,
.color-orange .box ul li a i,
.color-orange .box.box-tags a:hover span,
.color-orange .blog-post-detail span i,
.color-orange .blog-timeline .blog-post .blog-post-info .month,
.color-orange .comment a:hover,
.color-orange #eshop .eshop-sidebar h3,
.color-orange .shopping-cart-footer p.total-price,
.color-orange .jumbotron6 #slide-3 .btn:hover,
.color-orange .jumbotron5 .btn:hover,
.color-orange .jumbotron3 .btn:hover,
.color-orange #section-blog-posts .btn:hover,
.color-orange #separator1 .btn:hover,

.color-orange .comingsoon .brands li a:hover,
.color-orange #profile-single .profile-body h2 small,
.color-orange #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before,
.color-orange .jumbotron-event .event-info h2,
.color-orange #event-speakers .speaker .speaker-body h3,
.color-orange #schedule .schedule-single-info i,
.color-orange {
	color:#FFB23A;
}

.color-orange .btn-primary,
.color-orange .alert-primary,
.color-orange .label-primary,
.color-orange .panel-primary > .panel-heading,
.color-orange .blog-timeline .blog-post:hover .blog-post-info,
.color-orange .eshop-product .product-sale-label,
.color-orange .popover-title,
.color-orange .nav-tabs > li.active > a, 
.color-orange .nav-tabs > li.active > a:hover, 
.color-orange .nav-tabs > li.active > a:focus,
.color-orange .overlay-wrapper .overlay,
.color-orange .owl-theme .owl-controls .owl-page.active span,
.color-orange .owl-theme .owl-controls .owl-buttons div:hover,
.color-orange .brands.main li a,
.color-orange .navbar-default .navbar-nav > .active > a, 
.color-orange .navbar-default .navbar-nav > .active > a:hover, 
.color-orange .navbar-default .navbar-nav > .active > a:focus,
.color-orange .navbar-default .navbar-nav > .open > a, 
.color-orange .navbar-default .navbar-nav > .open > a:hover, 
.color-orange .navbar-default .navbar-nav > .open > a:focus,
.color-orange .jumbotron6 #slide-3 .btn:first-child:hover,
.color-orange .jumbotron5 .btn:first-child:hover,
.color-orange .content-separator,
.color-orange .bg-color-1,
.color-orange .pagination > .active > a, 
.color-orange .pagination > .active > span, 
.color-orange .pagination > .active > a:hover, 
.color-orange .pagination > .active > span:hover, 
.color-orange .pagination > .active > a:focus, 
.color-orange .pagination > .active > span:focus,
.color-orange #section-features .feature:hover i,
.color-orange .recent-blog-post .post-date,
.color-orange .pricing-plan .pricing-plan-price,
.color-orange #services.services2 .service:hover i,
.color-orange #services.services3 .service:hover i,
.color-orange .blog-header .vertical-nav li a:hover .badge,
.color-orange .box ul li a span.badge,
.color-orange .blog-timeline-mark,
.color-orange #section-portfolio .portfolio-item .hover-overlay,
.color-orange .hidden-control.owl-theme .owl-controls .owl-buttons div:hover,

.color-orange .comingsoon .brands li a,
.color-orange #profile-single .profile-body .profile-contacts li span,
.color-orange #eshop .eshop-sidebar .eshop-widget .ui-slider .ui-slider-range,
.color-orange .event-ticket.highlighted {
    background-color: #FFB23A;
}

.color-orange .popover,
.color-orange .navbar-nav > li > .dropdown-menu,
.color-orange .jumbotron6 #slide-3 .btn:first-child,
.color-orange .jumbotron5 .btn:first-child,
.color-orange .pagination > .active > a, 
.color-orange .pagination > .active > span, 
.color-orange .pagination > .active > a:hover, 
.color-orange .pagination > .active > span:hover, 
.color-orange .pagination > .active > a:focus, 
.color-orange .pagination > .active > span:focus,
.color-orange #section-features .feature i,
.color-orange .text-highlight,
.color-orange #services.services2 .service i,
.color-orange #services.services3 .service i,

.color-orange #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before  {
	border-color:#FFB23A;
}

.color-orange .popover.left > .arrow {border-left-color: #FFAA01;}
.color-orange .popover.right > .arrow {border-right-color: #FFAA01;}
.color-orange .popover.top > .arrow {border-top-color: #FFAA01;}
.color-orange .popover.bottom > .arrow {border-bottom-color: #FFAA01;}

/* TRANSPARENT */

.color-orange .hidden-control.owl-theme .owl-controls .owl-buttons div,
.color-orange .jumbotron-event p.event-date {
	background-color: rgba(255, 178, 58, 0.5);
}

.color-orange .jumbotron6 h2,
.color-orange .jumbotron5 h2,
.color-orange .jumbotron3 h2,
.color-orange .map-overlay {
	background-color:rgba(255, 178, 58, 0.8);
}

.color-orange .jumbotron2,
.color-orange .jumbotron4 {
	background-image: linear-gradient(rgba(255, 178, 58, 0.9), rgba(255, 178, 58, 0.9)), url(../image/bg3.jpg);
}

.color-orange .jumbotron7 {
	background-image: linear-gradient(rgba(255, 178, 58, 0.6), rgba(255, 178, 58, 0.6)),url(../image/gplaypattern.png);
}

.color-orange #section-blog-posts,
.color-orange #section-testimonials,
.color-orange #section-statistics,
.color-orange .jumbotron1 {
	background-image: linear-gradient(rgba(255, 178, 58, 0.6), rgba(255, 178, 58, 0.6)), url(../image/bg3.jpg);
}

@media (max-width:991px) {
	.color-orange .navbar-default .navbar-toggle:hover,
	.color-orange .navbar-default .navbar-toggle:focus,
	.color-orange .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.color-orange .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color:#FFAA01;
	}
	
	.color-orange .navbar-default .navbar-collapse {
		border-color:#FFAA01;
	}
}

/* DARKER */

.color-orange a:hover,
.color-orange a:focus {
	color:#E39802;
}

.color-orange .btn-primary:hover,
.color-orange .btn-primary:focus,
.color-orange .btn-primary.active,
.color-orange .pricing-plan h3,
.color-orange .pricing-plan p {
	background-color:#E39802;
}

.color-orange .btn-primary:hover,
.color-orange .btn-primary:focus,
.color-orange .btn-primary.active,
.color-orange .blog-timeline .blog-post:hover .blog-post-info,
.color-orange .eshop-product .product-sale-label {
	border-color:#E39802;
}

/*------------------------------
	RED
------------------------------*/

.color-red a,
.color-red .text-primary,
.color-red .btn-inverse:hover,
.color-red .btn-inverse:focus,
.color-red .nav.vertical-nav li a:hover,
.color-red form label,
.color-red .owl-theme .owl-controls .owl-buttons div,
.color-red .top-header .header-item,
.color-red .navbar-default .navbar-brand:hover,
.color-red .dropdown-menu > li > a:hover i,
.color-red .jumbotron6 #slide-3 .btn:first-child,
.color-red .jumbotron5 .btn:first-child,
.color-red .pagination > li > a:hover,
.color-red .pagination > li > span:hover,
.color-red #section-introduction h2,
.color-red #section-features .feature i,
.color-red .text-highlight span,
.color-red #section-portfolio .portfolio-item a:hover i,
.color-red footer h3 i,
.color-red footer .navbar-nav > li > a:hover,
.color-red #features .features-sidebar h3,
.color-red #features .features-content h3.features-title i,
.color-red #faq h3,
.color-red #services .service:hover h3,
.color-red #services.services1 .service i,
.color-red #services.services2 .service i,
.color-red #services.services3 .service i,
.color-red .profile h3 small,
.color-red .box h3,
.color-red .box ul li.active a,
.color-red .box ul li a:hover,
.color-red .box ul li a i,
.color-red .box.box-tags a:hover span,
.color-red .blog-post-detail span i,
.color-red .blog-timeline .blog-post .blog-post-info .month,
.color-red .comment a:hover,
.color-red #eshop .eshop-sidebar h3,
.color-red .shopping-cart-footer p.total-price,
.color-red .jumbotron6 #slide-3 .btn:hover,
.color-red .jumbotron5 .btn:hover,
.color-red .jumbotron3 .btn:hover,
.color-red #section-blog-posts .btn:hover,
.color-red #separator1 .btn:hover,

.color-red .comingsoon .brands li a:hover,
.color-red #profile-single .profile-body h2 small,
.color-red #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before,
.color-red .jumbotron-event .event-info h2,
.color-red #event-speakers .speaker .speaker-body h3,
.color-red #schedule .schedule-single-info i,
.color-red {
	color:#B81117;
}

.color-red .btn-primary,
.color-red .alert-primary,
.color-red .label-primary,
.color-red .panel-primary > .panel-heading,
.color-red .blog-timeline .blog-post:hover .blog-post-info,
.color-red .eshop-product .product-sale-label,
.color-red .popover-title,
.color-red .nav-tabs > li.active > a, 
.color-red .nav-tabs > li.active > a:hover, 
.color-red .nav-tabs > li.active > a:focus,
.color-red .overlay-wrapper .overlay,
.color-red .owl-theme .owl-controls .owl-page.active span,
.color-red .owl-theme .owl-controls .owl-buttons div:hover,
.color-red .brands.main li a,
.color-red .navbar-default .navbar-nav > .active > a, 
.color-red .navbar-default .navbar-nav > .active > a:hover, 
.color-red .navbar-default .navbar-nav > .active > a:focus,
.color-red .navbar-default .navbar-nav > .open > a, 
.color-red .navbar-default .navbar-nav > .open > a:hover, 
.color-red .navbar-default .navbar-nav > .open > a:focus,
.color-red .jumbotron6 #slide-3 .btn:first-child:hover,
.color-red .jumbotron5 .btn:first-child:hover,
.color-red .content-separator,
.color-red .bg-color-1,
.color-red .pagination > .active > a, 
.color-red .pagination > .active > span, 
.color-red .pagination > .active > a:hover, 
.color-red .pagination > .active > span:hover, 
.color-red .pagination > .active > a:focus, 
.color-red .pagination > .active > span:focus,
.color-red #section-features .feature:hover i,
.color-red .recent-blog-post .post-date,
.color-red .pricing-plan .pricing-plan-price,
.color-red #services.services2 .service:hover i,
.color-red #services.services3 .service:hover i,
.color-red .blog-header .vertical-nav li a:hover .badge,
.color-red .box ul li a span.badge,
.color-red .blog-timeline-mark,
.color-red #section-portfolio .portfolio-item .hover-overlay,
.color-red .hidden-control.owl-theme .owl-controls .owl-buttons div:hover,

.color-red .comingsoon .brands li a,
.color-red #profile-single .profile-body .profile-contacts li span,
.color-red #eshop .eshop-sidebar .eshop-widget .ui-slider .ui-slider-range,
.color-red .event-ticket.highlighted {
    background-color: #B81117;
}

.color-red .popover,
.color-red .navbar-nav > li > .dropdown-menu,
.color-red .jumbotron6 #slide-3 .btn:first-child,
.color-red .jumbotron5 .btn:first-child,
.color-red .pagination > .active > a, 
.color-red .pagination > .active > span, 
.color-red .pagination > .active > a:hover, 
.color-red .pagination > .active > span:hover, 
.color-red .pagination > .active > a:focus, 
.color-red .pagination > .active > span:focus,
.color-red #section-features .feature i,
.color-red .text-highlight,
.color-red #services.services2 .service i,
.color-red #services.services3 .service i,

.color-red #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before  {
	border-color:#B81117;
}

.color-red .popover.left > .arrow {border-left-color: #B81117;}
.color-red .popover.right > .arrow {border-right-color: #B81117;}
.color-red .popover.top > .arrow {border-top-color: #B81117;}
.color-red .popover.bottom > .arrow {border-bottom-color: #B81117;}

/* TRANSPARENT */

.color-red .hidden-control.owl-theme .owl-controls .owl-buttons div,
.color-red .jumbotron-event p.event-date {
	background-color: rgba(184, 17, 23, 0.5);
}

.color-red .jumbotron6 h2,
.color-red .jumbotron5 h2,
.color-red .jumbotron3 h2,
.color-red .map-overlay {
	background-color:rgba(184, 17, 23, 0.8);
}

.color-red .jumbotron2,
.color-red .jumbotron4 {
	background-image: linear-gradient(rgba(184, 17, 23, 0.9), rgba(184, 17, 23, 0.9)), url(../image/bg3.jpg);
}

.color-red .jumbotron7 {
	background-image: linear-gradient(rgba(184, 17, 23, 0.6), rgba(184, 17, 23, 0.6)),url(../image/gplaypattern.png);
}

.color-red #section-blog-posts,
.color-red #section-testimonials,
.color-red #section-statistics,
.color-red .jumbotron1 {
	background-image: linear-gradient(rgba(184, 17, 23, 0.6), rgba(184, 17, 23, 0.6)), url(../image/bg3.jpg);
}

@media (max-width:991px) {
	.color-red .navbar-default .navbar-toggle:hover,
	.color-red .navbar-default .navbar-toggle:focus,
	.color-red .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.color-red .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color:#B81117;
	}
	
	.color-red .navbar-default .navbar-collapse {
		border-color:#B81117;
	}
}

/* DARKER */

.color-red a:hover,
.color-red a:focus {
	color:#96060B;
}

.color-red .btn-primary:hover,
.color-red .btn-primary:focus,
.color-red .btn-primary.active,
.color-red .pricing-plan h3,
.color-red .pricing-plan p {
	background-color:#96060B;
}

.color-red .btn-primary:hover,
.color-red .btn-primary:focus,
.color-red .btn-primary.active,
.color-red .blog-timeline .blog-post:hover .blog-post-info,
.color-red .eshop-product .product-sale-label {
	border-color:#96060B;
}

/*------------------------------
	PURPLE
------------------------------*/

.color-purple a,
.color-purple .text-primary,
.color-purple .btn-inverse:hover,
.color-purple .btn-inverse:focus,
.color-purple .nav.vertical-nav li a:hover,
.color-purple form label,
.color-purple .owl-theme .owl-controls .owl-buttons div,
.color-purple .top-header .header-item,
.color-purple .navbar-default .navbar-brand:hover,
.color-purple .dropdown-menu > li > a:hover i,
.color-purple .jumbotron6 #slide-3 .btn:first-child,
.color-purple .jumbotron5 .btn:first-child,
.color-purple .pagination > li > a:hover,
.color-purple .pagination > li > span:hover,
.color-purple #section-introduction h2,
.color-purple #section-features .feature i,
.color-purple .text-highlight span,
.color-purple #section-portfolio .portfolio-item a:hover i,
.color-purple footer h3 i,
.color-purple footer .navbar-nav > li > a:hover,
.color-purple #features .features-sidebar h3,
.color-purple #features .features-content h3.features-title i,
.color-purple #faq h3,
.color-purple #services .service:hover h3,
.color-purple #services.services1 .service i,
.color-purple #services.services2 .service i,
.color-purple #services.services3 .service i,
.color-purple .profile h3 small,
.color-purple .box h3,
.color-purple .box ul li.active a,
.color-purple .box ul li a:hover,
.color-purple .box ul li a i,
.color-purple .box.box-tags a:hover span,
.color-purple .blog-post-detail span i,
.color-purple .blog-timeline .blog-post .blog-post-info .month,
.color-purple .comment a:hover,
.color-purple #eshop .eshop-sidebar h3,
.color-purple .shopping-cart-footer p.total-price,
.color-purple .jumbotron6 #slide-3 .btn:hover,
.color-purple .jumbotron5 .btn:hover,
.color-purple .jumbotron3 .btn:hover,
.color-purple #section-blog-posts .btn:hover,
.color-purple #separator1 .btn:hover,

.color-purple .comingsoon .brands li a:hover,
.color-purple #profile-single .profile-body h2 small,
.color-purple #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before,
.color-purple .jumbotron-event .event-info h2,
.color-purple #event-speakers .speaker .speaker-body h3,
.color-purple #schedule .schedule-single-info i,
.color-purple {
	color:#880045;
}

.color-purple .btn-primary,
.color-purple .alert-primary,
.color-purple .label-primary,
.color-purple .panel-primary > .panel-heading,
.color-purple .blog-timeline .blog-post:hover .blog-post-info,
.color-purple .eshop-product .product-sale-label,
.color-purple .popover-title,
.color-purple .nav-tabs > li.active > a, 
.color-purple .nav-tabs > li.active > a:hover, 
.color-purple .nav-tabs > li.active > a:focus,
.color-purple .overlay-wrapper .overlay,
.color-purple .owl-theme .owl-controls .owl-page.active span,
.color-purple .owl-theme .owl-controls .owl-buttons div:hover,
.color-purple .brands.main li a,
.color-purple .navbar-default .navbar-nav > .active > a, 
.color-purple .navbar-default .navbar-nav > .active > a:hover, 
.color-purple .navbar-default .navbar-nav > .active > a:focus,
.color-purple .navbar-default .navbar-nav > .open > a, 
.color-purple .navbar-default .navbar-nav > .open > a:hover, 
.color-purple .navbar-default .navbar-nav > .open > a:focus,
.color-purple .jumbotron6 #slide-3 .btn:first-child:hover,
.color-purple .jumbotron5 .btn:first-child:hover,
.color-purple .content-separator,
.color-purple .bg-color-1,
.color-purple .pagination > .active > a, 
.color-purple .pagination > .active > span, 
.color-purple .pagination > .active > a:hover, 
.color-purple .pagination > .active > span:hover, 
.color-purple .pagination > .active > a:focus, 
.color-purple .pagination > .active > span:focus,
.color-purple #section-features .feature:hover i,
.color-purple .recent-blog-post .post-date,
.color-purple .pricing-plan .pricing-plan-price,
.color-purple #services.services2 .service:hover i,
.color-purple #services.services3 .service:hover i,
.color-purple .blog-header .vertical-nav li a:hover .badge,
.color-purple .box ul li a span.badge,
.color-purple .blog-timeline-mark,
.color-purple #section-portfolio .portfolio-item .hover-overlay,
.color-purple .hidden-control.owl-theme .owl-controls .owl-buttons div:hover,

.color-purple .comingsoon .brands li a,
.color-purple #profile-single .profile-body .profile-contacts li span,
.color-purple #eshop .eshop-sidebar .eshop-widget .ui-slider .ui-slider-range,
.color-purple .event-ticket.highlighted {
    background-color: #880045;
}

.color-purple .popover,
.color-purple .navbar-nav > li > .dropdown-menu,
.color-purple .jumbotron6 #slide-3 .btn:first-child,
.color-purple .jumbotron5 .btn:first-child,
.color-purple .pagination > .active > a, 
.color-purple .pagination > .active > span, 
.color-purple .pagination > .active > a:hover, 
.color-purple .pagination > .active > span:hover, 
.color-purple .pagination > .active > a:focus, 
.color-purple .pagination > .active > span:focus,
.color-purple #section-features .feature i,
.color-purple .text-highlight,
.color-purple #services.services2 .service i,
.color-purple #services.services3 .service ,

.color-green #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:beforei  {
	border-color:#880045;
}

.color-purple .popover.left > .arrow {border-left-color: #880045;}
.color-purple .popover.right > .arrow {border-right-color: #880045;}
.color-purple .popover.top > .arrow {border-top-color: #880045;}
.color-purple .popover.bottom > .arrow {border-bottom-color: #880045;}

/* TRANSPARENT */

.color-purple .hidden-control.owl-theme .owl-controls .owl-buttons div,
.color-purple .jumbotron-event p.event-date {
	background-color: rgba(136, 0, 69, 0.5);
}

.color-purple .jumbotron6 h2,
.color-purple .jumbotron5 h2,
.color-purple .jumbotron3 h2,
.color-purple .map-overlay {
	background-color:rgba(136, 0, 69, 0.8);
}

.color-purple .jumbotron2,
.color-purple .jumbotron4 {
	background-image: linear-gradient(rgba(136, 0, 69, 0.9), rgba(136, 0, 69, 0.9)), url(../image/bg3.jpg);
}

.color-purple .jumbotron7 {
	background-image: linear-gradient(rgba(136, 0, 69, 0.6), rgba(136, 0, 69, 0.6)),url(../image/gplaypattern.png);
}

.color-purple #section-blog-posts,
.color-purple #section-testimonials,
.color-purple #section-statistics,
.color-purple .jumbotron1 {
	background-image: linear-gradient(rgba(136, 0, 69, 0.6), rgba(136, 0, 69, 0.6)), url(../image/bg3.jpg);
}

@media (max-width:991px) {
	.color-purple .navbar-default .navbar-toggle:hover,
	.color-purple .navbar-default .navbar-toggle:focus,
	.color-purple .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.color-purple .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color:#880045;
	}
	
	.color-purple .navbar-default .navbar-collapse {
		border-color:#880045;
	}
}

/* DARKER */

.color-purple a:hover,
.color-purple a:focus {
	color:#630434;
}

.color-purple .btn-primary:hover,
.color-purple .btn-primary:focus,
.color-purple .btn-primary.active,
.color-purple .pricing-plan h3,
.color-purple .pricing-plan p {
	background-color:#630434;
}

.color-purple .btn-primary:hover,
.color-purple .btn-primary:focus,
.color-purple .btn-primary.active,
.color-purple .blog-timeline .blog-post:hover .blog-post-info,
.color-purple .eshop-product .product-sale-label {
	border-color:#630434;
}

/*------------------------------
	LIGHT BLUE
------------------------------*/

.color-light-blue a,
.color-light-blue .text-primary,
.color-light-blue .btn-inverse:hover,
.color-light-blue .btn-inverse:focus,
.color-light-blue .nav.vertical-nav li a:hover,
.color-light-blue form label,
.color-light-blue .owl-theme .owl-controls .owl-buttons div,
.color-light-blue .top-header .header-item,
.color-light-blue .navbar-default .navbar-brand:hover,
.color-light-blue .dropdown-menu > li > a:hover i,
.color-light-blue .jumbotron6 #slide-3 .btn:first-child,
.color-light-blue .jumbotron5 .btn:first-child,
.color-light-blue .pagination > li > a:hover,
.color-light-blue .pagination > li > span:hover,
.color-light-blue #section-introduction h2,
.color-light-blue #section-features .feature i,
.color-light-blue .text-highlight span,
.color-light-blue #section-portfolio .portfolio-item a:hover i,
.color-light-blue footer h3 i,
.color-light-blue footer .navbar-nav > li > a:hover,
.color-light-blue #features .features-sidebar h3,
.color-light-blue #features .features-content h3.features-title i,
.color-light-blue #faq h3,
.color-light-blue #services .service:hover h3,
.color-light-blue #services.services1 .service i,
.color-light-blue #services.services2 .service i,
.color-light-blue #services.services3 .service i,
.color-light-blue .profile h3 small,
.color-light-blue .box h3,
.color-light-blue .box ul li.active a,
.color-light-blue .box ul li a:hover,
.color-light-blue .box ul li a i,
.color-light-blue .box.box-tags a:hover span,
.color-light-blue .blog-post-detail span i,
.color-light-blue .blog-timeline .blog-post .blog-post-info .month,
.color-light-blue .comment a:hover,
.color-light-blue #eshop .eshop-sidebar h3,
.color-light-blue .shopping-cart-footer p.total-price,
.color-light-blue .jumbotron6 #slide-3 .btn:hover,
.color-light-blue .jumbotron5 .btn:hover,
.color-light-blue .jumbotron3 .btn:hover,
.color-light-blue #section-blog-posts .btn:hover,
.color-light-blue #separator1 .btn:hover,

.color-light-blue .comingsoon .brands li a:hover,
.color-light-blue #profile-single .profile-body h2 small,
.color-light-blue #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before,
.color-light-blue .jumbotron-event .event-info h2,
.color-light-blue #event-speakers .speaker .speaker-body h3,
.color-light-blue #schedule .schedule-single-info i,
.color-light-blue {
	color:#2FC3DF;
}

.color-light-blue .btn-primary,
.color-light-blue .alert-primary,
.color-light-blue .label-primary,
.color-light-blue .panel-primary > .panel-heading,
.color-light-blue .blog-timeline .blog-post:hover .blog-post-info,
.color-light-blue .eshop-product .product-sale-label,
.color-light-blue .popover-title,
.color-light-blue .nav-tabs > li.active > a, 
.color-light-blue .nav-tabs > li.active > a:hover, 
.color-light-blue .nav-tabs > li.active > a:focus,
.color-light-blue .overlay-wrapper .overlay,
.color-light-blue .owl-theme .owl-controls .owl-page.active span,
.color-light-blue .owl-theme .owl-controls .owl-buttons div:hover,
.color-light-blue .brands.main li a,
.color-light-blue .navbar-default .navbar-nav > .active > a, 
.color-light-blue .navbar-default .navbar-nav > .active > a:hover, 
.color-light-blue .navbar-default .navbar-nav > .active > a:focus,
.color-light-blue .navbar-default .navbar-nav > .open > a, 
.color-light-blue .navbar-default .navbar-nav > .open > a:hover, 
.color-light-blue .navbar-default .navbar-nav > .open > a:focus,
.color-light-blue .jumbotron6 #slide-3 .btn:first-child:hover,
.color-light-blue .jumbotron5 .btn:first-child:hover,
.color-light-blue .content-separator,
.color-light-blue .bg-color-1,
.color-light-blue .pagination > .active > a, 
.color-light-blue .pagination > .active > span, 
.color-light-blue .pagination > .active > a:hover, 
.color-light-blue .pagination > .active > span:hover, 
.color-light-blue .pagination > .active > a:focus, 
.color-light-blue .pagination > .active > span:focus,
.color-light-blue #section-features .feature:hover i,
.color-light-blue .recent-blog-post .post-date,
.color-light-blue .pricing-plan .pricing-plan-price,
.color-light-blue #services.services2 .service:hover i,
.color-light-blue #services.services3 .service:hover i,
.color-light-blue .blog-header .vertical-nav li a:hover .badge,
.color-light-blue .box ul li a span.badge,
.color-light-blue .blog-timeline-mark,
.color-light-blue #section-portfolio .portfolio-item .hover-overlay,
.color-light-blue .hidden-control.owl-theme .owl-controls .owl-buttons div:hover,

.color-light-blue .comingsoon .brands li a,
.color-light-blue #profile-single .profile-body .profile-contacts li span,
.color-light-blue #eshop .eshop-sidebar .eshop-widget .ui-slider .ui-slider-range,
.color-light-blue .event-ticket.highlighted {
    background-color: #2FC3DF;
}

.color-light-blue .popover,
.color-light-blue .navbar-nav > li > .dropdown-menu,
.color-light-blue .jumbotron6 #slide-3 .btn:first-child,
.color-light-blue .jumbotron5 .btn:first-child,
.color-light-blue .pagination > .active > a, 
.color-light-blue .pagination > .active > span, 
.color-light-blue .pagination > .active > a:hover, 
.color-light-blue .pagination > .active > span:hover, 
.color-light-blue .pagination > .active > a:focus, 
.color-light-blue .pagination > .active > span:focus,
.color-light-blue #section-features .feature i,
.color-light-blue .text-highlight,
.color-light-blue #services.services2 .service i,
.color-light-blue #services.services3 .service i,

.color-light-blue #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before  {
	border-color:#2FC3DF;
}

.color-light-blue .popover.left > .arrow {border-left-color: #2FC3DF;}
.color-light-blue .popover.right > .arrow {border-right-color: #2FC3DF;}
.color-light-blue .popover.top > .arrow {border-top-color: #2FC3DF;}
.color-light-blue .popover.bottom > .arrow {border-bottom-color: #2FC3DF;}

/* TRANSPARENT */

.color-light-blue .hidden-control.owl-theme .owl-controls .owl-buttons div,
.color-light-blue .jumbotron-event p.event-date {
	background-color: rgba(47, 195, 223, 0.5);
}

.color-light-blue .jumbotron6 h2,
.color-light-blue .jumbotron5 h2,
.color-light-blue .jumbotron3 h2,
.color-light-blue .map-overlay {
	background-color:rgba(47, 195, 223, 0.8);
}

.color-light-blue .jumbotron2,
.color-light-blue .jumbotron4 {
	background-image: linear-gradient(rgba(47, 195, 223, 0.9), rgba(47, 195, 223, 0.9)), url(../image/bg3.jpg);
}

.color-light-blue .jumbotron7 {
	background-image: linear-gradient(rgba(47, 195, 223, 0.6), rgba(47, 195, 223, 0.6)),url(../image/gplaypattern.png);
}

.color-light-blue #section-blog-posts,
.color-light-blue #section-testimonials,
.color-light-blue #section-statistics,
.color-light-blue .jumbotron1 {
	background-image: linear-gradient(rgba(47, 195, 223, 0.6), rgba(47, 195, 223, 0.6)), url(../image/bg3.jpg);
}

@media (max-width:991px) {
	.color-light-blue .navbar-default .navbar-toggle:hover,
	.color-light-blue .navbar-default .navbar-toggle:focus,
	.color-light-blue .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.color-light-blue .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color:#2FC3DF;
	}
	
	.color-light-blue .navbar-default .navbar-collapse {
		border-color:#2FC3DF;
	}
}

/* DARKER */

.color-light-blue a:hover,
.color-light-blue a:focus {
	color:#1DABC6;
}

.color-light-blue .btn-primary:hover,
.color-light-blue .btn-primary:focus,
.color-light-blue .btn-primary.active,
.color-light-blue .pricing-plan h3,
.color-light-blue .pricing-plan p {
	background-color:#1DABC6;
}

.color-light-blue .btn-primary:hover,
.color-light-blue .btn-primary:focus,
.color-light-blue .btn-primary.active,
.color-light-blue .blog-timeline .blog-post:hover .blog-post-info,
.color-light-blue .eshop-product .product-sale-label {
	border-color:#1DABC6;
}

/*------------------------------
	YELLOW
------------------------------*/

.color-yellow a,
.color-yellow .text-primary,
.color-yellow .btn-inverse:hover,
.color-yellow .btn-inverse:focus,
.color-yellow .nav.vertical-nav li a:hover,
.color-yellow form label,
.color-yellow .owl-theme .owl-controls .owl-buttons div,
.color-yellow .top-header .header-item,
.color-yellow .navbar-default .navbar-brand:hover,
.color-yellow .dropdown-menu > li > a:hover i,
.color-yellow .jumbotron6 #slide-3 .btn:first-child,
.color-yellow .jumbotron5 .btn:first-child,
.color-yellow .pagination > li > a:hover,
.color-yellow .pagination > li > span:hover,
.color-yellow #section-introduction h2,
.color-yellow #section-features .feature i,
.color-yellow .text-highlight span,
.color-yellow #section-portfolio .portfolio-item a:hover i,
.color-yellow footer h3 i,
.color-yellow footer .navbar-nav > li > a:hover,
.color-yellow #features .features-sidebar h3,
.color-yellow #features .features-content h3.features-title i,
.color-yellow #faq h3,
.color-yellow #services .service:hover h3,
.color-yellow #services.services1 .service i,
.color-yellow #services.services2 .service i,
.color-yellow #services.services3 .service i,
.color-yellow .profile h3 small,
.color-yellow .box h3,
.color-yellow .box ul li.active a,
.color-yellow .box ul li a:hover,
.color-yellow .box ul li a i,
.color-yellow .box.box-tags a:hover span,
.color-yellow .blog-post-detail span i,
.color-yellow .blog-timeline .blog-post .blog-post-info .month,
.color-yellow .comment a:hover,
.color-yellow #eshop .eshop-sidebar h3,
.color-yellow .shopping-cart-footer p.total-price,
.color-yellow .jumbotron6 #slide-3 .btn:hover,
.color-yellow .jumbotron5 .btn:hover,
.color-yellow .jumbotron3 .btn:hover,
.color-yellow #section-blog-posts .btn:hover,
.color-yellow #separator1 .btn:hover,

.color-yellow .comingsoon .brands li a:hover,
.color-yellow #profile-single .profile-body h2 small,
.color-yellow #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before,
.color-yellow .jumbotron-event .event-info h2,
.color-yellow #event-speakers .speaker .speaker-body h3,
.color-yellow #schedule .schedule-single-info i,
.color-yellow {
	color:#E8CA20;
}

.color-yellow .btn-primary,
.color-yellow .alert-primary,
.color-yellow .label-primary,
.color-yellow .panel-primary > .panel-heading,
.color-yellow .blog-timeline .blog-post:hover .blog-post-info,
.color-yellow .eshop-product .product-sale-label,
.color-yellow .popover-title,
.color-yellow .nav-tabs > li.active > a, 
.color-yellow .nav-tabs > li.active > a:hover, 
.color-yellow .nav-tabs > li.active > a:focus,
.color-yellow .overlay-wrapper .overlay,
.color-yellow .owl-theme .owl-controls .owl-page.active span,
.color-yellow .owl-theme .owl-controls .owl-buttons div:hover,
.color-yellow .brands.main li a,
.color-yellow .navbar-default .navbar-nav > .active > a, 
.color-yellow .navbar-default .navbar-nav > .active > a:hover, 
.color-yellow .navbar-default .navbar-nav > .active > a:focus,
.color-yellow .navbar-default .navbar-nav > .open > a, 
.color-yellow .navbar-default .navbar-nav > .open > a:hover, 
.color-yellow .navbar-default .navbar-nav > .open > a:focus,
.color-yellow .jumbotron6 #slide-3 .btn:first-child:hover,
.color-yellow .jumbotron5 .btn:first-child:hover,
.color-yellow .content-separator,
.color-yellow .bg-color-1,
.color-yellow .pagination > .active > a, 
.color-yellow .pagination > .active > span, 
.color-yellow .pagination > .active > a:hover, 
.color-yellow .pagination > .active > span:hover, 
.color-yellow .pagination > .active > a:focus, 
.color-yellow .pagination > .active > span:focus,
.color-yellow #section-features .feature:hover i,
.color-yellow .recent-blog-post .post-date,
.color-yellow .pricing-plan .pricing-plan-price,
.color-yellow #services.services2 .service:hover i,
.color-yellow #services.services3 .service:hover i,
.color-yellow .blog-header .vertical-nav li a:hover .badge,
.color-yellow .box ul li a span.badge,
.color-yellow .blog-timeline-mark,
.color-yellow #section-portfolio .portfolio-item .hover-overlay,
.color-yellow .hidden-control.owl-theme .owl-controls .owl-buttons div:hover,

.color-yellow .comingsoon .brands li a,
.color-yellow #profile-single .profile-body .profile-contacts li span,
.color-yellow #eshop .eshop-sidebar .eshop-widget .ui-slider .ui-slider-range,
.color-yellow .event-ticket.highlighted {
    background-color: #E8CA20;
}

.color-yellow .popover,
.color-yellow .navbar-nav > li > .dropdown-menu,
.color-yellow .jumbotron6 #slide-3 .btn:first-child,
.color-yellow .jumbotron5 .btn:first-child,
.color-yellow .pagination > .active > a, 
.color-yellow .pagination > .active > span, 
.color-yellow .pagination > .active > a:hover, 
.color-yellow .pagination > .active > span:hover, 
.color-yellow .pagination > .active > a:focus, 
.color-yellow .pagination > .active > span:focus,
.color-yellow #section-features .feature i,
.color-yellow .text-highlight,
.color-yellow #services.services2 .service i,
.color-yellow #services.services3 .service i,

.color-yellow #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before  {
	border-color:#E8CA20;
}

.color-yellow .popover.left > .arrow {border-left-color: #E8CA20;}
.color-yellow .popover.right > .arrow {border-right-color: #E8CA20;}
.color-yellow .popover.top > .arrow {border-top-color: #E8CA20;}
.color-yellow .popover.bottom > .arrow {border-bottom-color: #E8CA20;}

/* TRANSPARENT */

.color-yellow .hidden-control.owl-theme .owl-controls .owl-buttons div,
.color-yellow .jumbotron-event p.event-date {
	background-color: rgba(232, 202, 32, 0.5);
}

.color-yellow .jumbotron6 h2,
.color-yellow .jumbotron5 h2,
.color-yellow .jumbotron3 h2,
.color-yellow .map-overlay {
	background-color:rgba(232, 202, 32, 0.8);
}

.color-yellow .jumbotron2,
.color-yellow .jumbotron4 {
	background-image: linear-gradient(rgba(232, 202, 32, 0.9), rgba(232, 202, 32, 0.9)), url(../image/bg3.jpg);
}

.color-yellow .jumbotron7 {
	background-image: linear-gradient(rgba(232, 202, 32, 0.6), rgba(232, 202, 32, 0.6)),url(../image/gplaypattern.png);
}

.color-yellow #section-blog-posts,
.color-yellow #section-testimonials,
.color-yellow #section-statistics,
.color-yellow .jumbotron1 {
	background-image: linear-gradient(rgba(232, 202, 32, 0.6), rgba(232, 202, 32, 0.6)), url(../image/bg3.jpg);
}

@media (max-width:991px) {
	.color-yellow .navbar-default .navbar-toggle:hover,
	.color-yellow .navbar-default .navbar-toggle:focus,
	.color-yellow .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.color-yellow .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color:#E8CA20;
	}
	
	.color-yellow .navbar-default .navbar-collapse {
		border-color:#E8CA20;
	}
}

/* DARKER */

.color-yellow a:hover,
.color-yellow a:focus {
	color:#E3C61F;
}

.color-yellow .btn-primary:hover,
.color-yellow .btn-primary:focus,
.color-yellow .btn-primary.active,
.color-yellow .pricing-plan h3,
.color-yellow .pricing-plan p {
	background-color:#E3C61F;
}

.color-yellow .btn-primary:hover,
.color-yellow .btn-primary:focus,
.color-yellow .btn-primary.active,
.color-yellow .blog-timeline .blog-post:hover .blog-post-info,
.color-yellow .eshop-product .product-sale-label {
	border-color:#E3C61F;
}

/*------------------------------
	PINK
------------------------------*/

.color-pink a,
.color-pink .text-primary,
.color-pink .btn-inverse:hover,
.color-pink .btn-inverse:focus,
.color-pink .nav.vertical-nav li a:hover,
.color-pink form label,
.color-pink .owl-theme .owl-controls .owl-buttons div,
.color-pink .top-header .header-item,
.color-pink .navbar-default .navbar-brand:hover,
.color-pink .dropdown-menu > li > a:hover i,
.color-pink .jumbotron6 #slide-3 .btn:first-child,
.color-pink .jumbotron5 .btn:first-child,
.color-pink .pagination > li > a:hover,
.color-pink .pagination > li > span:hover,
.color-pink #section-introduction h2,
.color-pink #section-features .feature i,
.color-pink .text-highlight span,
.color-pink #section-portfolio .portfolio-item a:hover i,
.color-pink footer h3 i,
.color-pink footer .navbar-nav > li > a:hover,
.color-pink #features .features-sidebar h3,
.color-pink #features .features-content h3.features-title i,
.color-pink #faq h3,
.color-pink #services .service:hover h3,
.color-pink #services.services1 .service i,
.color-pink #services.services2 .service i,
.color-pink #services.services3 .service i,
.color-pink .profile h3 small,
.color-pink .box h3,
.color-pink .box ul li.active a,
.color-pink .box ul li a:hover,
.color-pink .box ul li a i,
.color-pink .box.box-tags a:hover span,
.color-pink .blog-post-detail span i,
.color-pink .blog-timeline .blog-post .blog-post-info .month,
.color-pink .comment a:hover,
.color-pink #eshop .eshop-sidebar h3,
.color-pink .shopping-cart-footer p.total-price,
.color-pink .jumbotron6 #slide-3 .btn:hover,
.color-pink .jumbotron5 .btn:hover,
.color-pink .jumbotron3 .btn:hover,
.color-pink #section-blog-posts .btn:hover,
.color-pink #separator1 .btn:hover,

.color-pink .comingsoon .brands li a:hover,
.color-pink #profile-single .profile-body h2 small,
.color-pink #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before,
.color-pink .jumbotron-event .event-info h2,
.color-pink #event-speakers .speaker .speaker-body h3,
.color-pink #schedule .schedule-single-info i  {
	color:#E84097;
}

.color-pink .btn-primary,
.color-pink .alert-primary,
.color-pink .label-primary,
.color-pink .panel-primary > .panel-heading,
.color-pink .blog-timeline .blog-post:hover .blog-post-info,
.color-pink .eshop-product .product-sale-label,
.color-pink .popover-title,
.color-pink .nav-tabs > li.active > a, 
.color-pink .nav-tabs > li.active > a:hover, 
.color-pink .nav-tabs > li.active > a:focus,
.color-pink .overlay-wrapper .overlay,
.color-pink .owl-theme .owl-controls .owl-page.active span,
.color-pink .owl-theme .owl-controls .owl-buttons div:hover,
.color-pink .brands.main li a,
.color-pink .navbar-default .navbar-nav > .active > a, 
.color-pink .navbar-default .navbar-nav > .active > a:hover, 
.color-pink .navbar-default .navbar-nav > .active > a:focus,
.color-pink .navbar-default .navbar-nav > .open > a, 
.color-pink .navbar-default .navbar-nav > .open > a:hover, 
.color-pink .navbar-default .navbar-nav > .open > a:focus,
.color-pink .jumbotron6 #slide-3 .btn:first-child:hover,
.color-pink .jumbotron5 .btn:first-child:hover,
.color-pink .content-separator,
.color-pink .bg-color-1,
.color-pink .pagination > .active > a, 
.color-pink .pagination > .active > span, 
.color-pink .pagination > .active > a:hover, 
.color-pink .pagination > .active > span:hover, 
.color-pink .pagination > .active > a:focus, 
.color-pink .pagination > .active > span:focus,
.color-pink #section-features .feature:hover i,
.color-pink .recent-blog-post .post-date,
.color-pink .pricing-plan .pricing-plan-price,
.color-pink #services.services2 .service:hover i,
.color-pink #services.services3 .service:hover i,
.color-pink .blog-header .vertical-nav li a:hover .badge,
.color-pink .box ul li a span.badge,
.color-pink .blog-timeline-mark,
.color-pink #section-portfolio .portfolio-item .hover-overlay,
.color-pink .hidden-control.owl-theme .owl-controls .owl-buttons div:hover,

.color-pink .comingsoon .brands li a,
.color-pink #profile-single .profile-body .profile-contacts li span,
.color-pink #eshop .eshop-sidebar .eshop-widget .ui-slider .ui-slider-range,
.color-pink .event-ticket.highlighted {
    background-color: #E84097;
}

.color-pink .popover,
.color-pink .navbar-nav > li > .dropdown-menu,
.color-pink .jumbotron6 #slide-3 .btn:first-child,
.color-pink .jumbotron5 .btn:first-child,
.color-pink .pagination > .active > a, 
.color-pink .pagination > .active > span, 
.color-pink .pagination > .active > a:hover, 
.color-pink .pagination > .active > span:hover, 
.color-pink .pagination > .active > a:focus, 
.color-pink .pagination > .active > span:focus,
.color-pink #section-features .feature i,
.color-pink .text-highlight,
.color-pink #services.services2 .service i,
.color-pink #services.services3 .service i,

.color-pink #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before  {
	border-color:#E84097;
}

.color-pink .popover.left > .arrow {border-left-color: #E84097;}
.color-pink .popover.right > .arrow {border-right-color: #E84097;}
.color-pink .popover.top > .arrow {border-top-color: #E84097;}
.color-pink .popover.bottom > .arrow {border-bottom-color: #E84097;}

/* TRANSPARENT */

.color-pink .hidden-control.owl-theme .owl-controls .owl-buttons div,
.color-pink .jumbotron-event p.event-date {
	background-color: rgba(232, 64, 151, 0.5);
}

.color-pink .jumbotron6 h2,
.color-pink .jumbotron5 h2,
.color-pink .jumbotron3 h2,
.color-pink .map-overlay {
	background-color:rgba(232, 64, 151, 0.8);
}

.color-pink .jumbotron2,
.color-pink .jumbotron4 {
	background-image: linear-gradient(rgba(232, 64, 151, 0.9), rgba(232, 64, 151, 0.9)), url(../image/bg3.jpg);
}

.color-pink .jumbotron7 {
	background-image: linear-gradient(rgba(232, 64, 151, 0.6), rgba(232, 64, 151, 0.6)),url(../image/gplaypattern.png);
}

.color-pink #section-blog-posts,
.color-pink #section-testimonials,
.color-pink #section-statistics,
.color-pink .jumbotron1 {
	background-image: linear-gradient(rgba(232, 64, 151, 0.6), rgba(232, 64, 151, 0.6)), url(../image/bg3.jpg);
}

@media (max-width:991px) {
	.color-pink .navbar-default .navbar-toggle:hover,
	.color-pink .navbar-default .navbar-toggle:focus,
	.color-pink .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.color-pink .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color:#E84097;
	}
	
	.color-pink .navbar-default .navbar-collapse {
		border-color:#E84097;
	}
}

/* DARKER */

.color-pink a:hover,
.color-pink a:focus {
	color:#D23184;
}

.color-pink .btn-primary:hover,
.color-pink .btn-primary:focus,
.color-pink .btn-primary.active,
.color-pink .pricing-plan h3,
.color-pink .pricing-plan p {
	background-color:#D23184;
}

.color-pink .btn-primary:hover,
.color-pink .btn-primary:focus,
.color-pink .btn-primary.active,
.color-pink .blog-timeline .blog-post:hover .blog-post-info,
.color-pink .eshop-product .product-sale-label {
	border-color:#D23184;
}

/*------------------------------
	LIGHT GREEN
------------------------------*/

.color-light-green a,
.color-light-green .text-primary,
.color-light-green .btn-inverse:hover,
.color-light-green .btn-inverse:focus,
.color-light-green .nav.vertical-nav li a:hover,
.color-light-green form label,
.color-light-green .owl-theme .owl-controls .owl-buttons div,
.color-light-green .top-header .header-item,
.color-light-green .navbar-default .navbar-brand:hover,
.color-light-green .dropdown-menu > li > a:hover i,
.color-light-green .jumbotron6 #slide-3 .btn:first-child,
.color-light-green .jumbotron5 .btn:first-child,
.color-light-green .pagination > li > a:hover,
.color-light-green .pagination > li > span:hover,
.color-light-green #section-introduction h2,
.color-light-green #section-features .feature i,
.color-light-green .text-highlight span,
.color-light-green #section-portfolio .portfolio-item a:hover i,
.color-light-green footer h3 i,
.color-light-green footer .navbar-nav > li > a:hover,
.color-light-green #features .features-sidebar h3,
.color-light-green #features .features-content h3.features-title i,
.color-light-green #faq h3,
.color-light-green #services .service:hover h3,
.color-light-green #services.services1 .service i,
.color-light-green #services.services2 .service i,
.color-light-green #services.services3 .service i,
.color-light-green .profile h3 small,
.color-light-green .box h3,
.color-light-green .box ul li.active a,
.color-light-green .box ul li a:hover,
.color-light-green .box ul li a i,
.color-light-green .box.box-tags a:hover span,
.color-light-green .blog-post-detail span i,
.color-light-green .blog-timeline .blog-post .blog-post-info .month,
.color-light-green .comment a:hover,
.color-light-green #eshop .eshop-sidebar h3,
.color-light-green .shopping-cart-footer p.total-price,
.color-light-green .jumbotron6 #slide-3 .btn:hover,
.color-light-green .jumbotron5 .btn:hover,
.color-light-green .jumbotron3 .btn:hover,
.color-light-green #section-blog-posts .btn:hover,
.color-light-green #separator1 .btn:hover,

.color-light-green .comingsoon .brands li a:hover,
.color-light-green #profile-single .profile-body h2 small,
.color-light-green #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before,
.color-light-green .jumbotron-event .event-info h2,
.color-light-green #event-speakers .speaker .speaker-body h3,
.color-light-green #schedule .schedule-single-info i,
.color-light-green {
	color:#BAD72F;
}

.color-light-green .btn-primary,
.color-light-green .alert-primary,
.color-light-green .label-primary,
.color-light-green .panel-primary > .panel-heading,
.color-light-green .blog-timeline .blog-post:hover .blog-post-info,
.color-light-green .eshop-product .product-sale-label,
.color-light-green .popover-title,
.color-light-green .nav-tabs > li.active > a, 
.color-light-green .nav-tabs > li.active > a:hover, 
.color-light-green .nav-tabs > li.active > a:focus,
.color-light-green .overlay-wrapper .overlay,
.color-light-green .owl-theme .owl-controls .owl-page.active span,
.color-light-green .owl-theme .owl-controls .owl-buttons div:hover,
.color-light-green .brands.main li a,
.color-light-green .navbar-default .navbar-nav > .active > a, 
.color-light-green .navbar-default .navbar-nav > .active > a:hover, 
.color-light-green .navbar-default .navbar-nav > .active > a:focus,
.color-light-green .navbar-default .navbar-nav > .open > a, 
.color-light-green .navbar-default .navbar-nav > .open > a:hover, 
.color-light-green .navbar-default .navbar-nav > .open > a:focus,
.color-light-green .jumbotron6 #slide-3 .btn:first-child:hover,
.color-light-green .jumbotron5 .btn:first-child:hover,
.color-light-green .content-separator,
.color-light-green .bg-color-1,
.color-light-green .pagination > .active > a, 
.color-light-green .pagination > .active > span, 
.color-light-green .pagination > .active > a:hover, 
.color-light-green .pagination > .active > span:hover, 
.color-light-green .pagination > .active > a:focus, 
.color-light-green .pagination > .active > span:focus,
.color-light-green #section-features .feature:hover i,
.color-light-green .recent-blog-post .post-date,
.color-light-green .pricing-plan .pricing-plan-price,
.color-light-green #services.services2 .service:hover i,
.color-light-green #services.services3 .service:hover i,
.color-light-green .blog-header .vertical-nav li a:hover .badge,
.color-light-green .box ul li a span.badge,
.color-light-green .blog-timeline-mark,
.color-light-green #section-portfolio .portfolio-item .hover-overlay,
.color-light-green .hidden-control.owl-theme .owl-controls .owl-buttons div:hover,

.color-light-green .comingsoon .brands li a,
.color-light-green #profile-single .profile-body .profile-contacts li span,
.color-light-green #eshop .eshop-sidebar .eshop-widget .ui-slider .ui-slider-range,
.color-light-green .event-ticket.highlighted {
    background-color: #BAD72F;
}

.color-light-green .popover,
.color-light-green .navbar-nav > li > .dropdown-menu,
.color-light-green .jumbotron6 #slide-3 .btn:first-child,
.color-light-green .jumbotron5 .btn:first-child,
.color-light-green .pagination > .active > a, 
.color-light-green .pagination > .active > span, 
.color-light-green .pagination > .active > a:hover, 
.color-light-green .pagination > .active > span:hover, 
.color-light-green .pagination > .active > a:focus, 
.color-light-green .pagination > .active > span:focus,
.color-light-green #section-features .feature i,
.color-light-green .text-highlight,
.color-light-green #services.services2 .service i,
.color-light-green #services.services3 .service i,

.color-light-green #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before  {
	border-color:#BAD72F;
}

.color-light-green .popover.left > .arrow {border-left-color: #BAD72F;}
.color-light-green .popover.right > .arrow {border-right-color: #BAD72F;}
.color-light-green .popover.top > .arrow {border-top-color: #BAD72F;}
.color-light-green .popover.bottom > .arrow {border-bottom-color: #BAD72F;}

/* TRANSPARENT */

.color-light-green .hidden-control.owl-theme .owl-controls .owl-buttons div,
.color-light-green .jumbotron-event p.event-date {
	background-color: rgba(186, 215, 47, 0.5);
}

.color-light-green .jumbotron6 h2,
.color-light-green .jumbotron5 h2,
.color-light-green .jumbotron3 h2,
.color-light-green .map-overlay {
	background-color:rgba(186, 215, 47, 0.8);
}

.color-light-green .jumbotron2,
.color-light-green .jumbotron4 {
	background-image: linear-gradient(rgba(186, 215, 47, 0.9), rgba(186, 215, 47, 0.9)), url(../image/bg3.jpg);
}

.color-light-green .jumbotron7 {
	background-image: linear-gradient(rgba(186, 215, 47, 0.6), rgba(186, 215, 47, 0.6)),url(../image/gplaypattern.png);
}

.color-light-green #section-blog-posts,
.color-light-green #section-testimonials,
.color-light-green #section-statistics,
.color-light-green .jumbotron1 {
	background-image: linear-gradient(rgba(186, 215, 47, 0.6), rgba(186, 215, 47, 0.6)), url(../image/bg3.jpg);
}

@media (max-width:991px) {
	.color-light-green .navbar-default .navbar-toggle:hover,
	.color-light-green .navbar-default .navbar-toggle:focus,
	.color-light-green .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.color-light-green .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color:#BAD72F;
	}
	
	.color-light-green .navbar-default .navbar-collapse {
		border-color:#BAD72F;
	}
}

/* DARKER */

.color-light-green a:hover,
.color-light-green a:focus {
	color:#A8C520;
}

.color-light-green .btn-primary:hover,
.color-light-green .btn-primary:focus,
.color-light-green .btn-primary.active,
.color-light-green .pricing-plan h3,
.color-light-green .pricing-plan p {
	background-color:#A8C520;
}

.color-light-green .btn-primary:hover,
.color-light-green .btn-primary:focus,
.color-light-green .btn-primary.active,
.color-light-green .blog-timeline .blog-post:hover .blog-post-info,
.color-light-green .eshop-product .product-sale-label {
	border-color:#A8C520;
}

/*------------------------------
	BLACK
------------------------------*/

.color-black a,
.color-black .text-primary,
.color-black .btn-inverse:hover,
.color-black .btn-inverse:focus,
.color-black .nav.vertical-nav li a:hover,
.color-black form label,
.color-black .owl-theme .owl-controls .owl-buttons div,
.color-black .top-header .header-item,
.color-black .navbar-default .navbar-brand:hover,
.color-black .dropdown-menu > li > a:hover i,
.color-black .jumbotron6 #slide-3 .btn:first-child,
.color-black .jumbotron5 .btn:first-child,
.color-black .pagination > li > a:hover,
.color-black .pagination > li > span:hover,
.color-black #section-introduction h2,
.color-black #section-features .feature i,
.color-black .text-highlight span,
.color-black #section-portfolio .portfolio-item a:hover i,
.color-black footer h3 i,
.color-black footer .navbar-nav > li > a:hover,
.color-black #features .features-sidebar h3,
.color-black #features .features-content h3.features-title i,
.color-black #faq h3,
.color-black #services .service:hover h3,
.color-black #services.services1 .service i,
.color-black #services.services2 .service i,
.color-black #services.services3 .service i,
.color-black .profile h3 small,
.color-black .box h3,
.color-black .box ul li.active a,
.color-black .box ul li a:hover,
.color-black .box ul li a i,
.color-black .box.box-tags a:hover span,
.color-black .blog-post-detail span i,
.color-black .blog-timeline .blog-post .blog-post-info .month,
.color-black .comment a:hover,
.color-black #eshop .eshop-sidebar h3,
.color-black .shopping-cart-footer p.total-price,
.color-black .jumbotron6 #slide-3 .btn:hover,
.color-black .jumbotron5 .btn:hover,
.color-black .jumbotron3 .btn:hover,
.color-black #section-blog-posts .btn:hover,
.color-black #separator1 .btn:hover,

.color-black .comingsoon .brands li a:hover,
.color-black #profile-single .profile-body h2 small,
.color-black #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before,
.color-black .jumbotron-event .event-info h2,
.color-black #event-speakers .speaker .speaker-body h3,
.color-black #schedule .schedule-single-info i,
.color-black {
	color:#868686;
}

.color-black .btn-primary,
.color-black .alert-primary,
.color-black .label-primary,
.color-black .panel-primary > .panel-heading,
.color-black .blog-timeline .blog-post:hover .blog-post-info,
.color-black .eshop-product .product-sale-label,
.color-black .popover-title,
.color-black .nav-tabs > li.active > a, 
.color-black .nav-tabs > li.active > a:hover, 
.color-black .nav-tabs > li.active > a:focus,
.color-black .overlay-wrapper .overlay,
.color-black .owl-theme .owl-controls .owl-page.active span,
.color-black .owl-theme .owl-controls .owl-buttons div:hover,
.color-black .brands.main li a,
.color-black .navbar-default .navbar-nav > .active > a, 
.color-black .navbar-default .navbar-nav > .active > a:hover, 
.color-black .navbar-default .navbar-nav > .active > a:focus,
.color-black .navbar-default .navbar-nav > .open > a, 
.color-black .navbar-default .navbar-nav > .open > a:hover, 
.color-black .navbar-default .navbar-nav > .open > a:focus,
.color-black .jumbotron6 #slide-3 .btn:first-child:hover,
.color-black .jumbotron5 .btn:first-child:hover,
.color-black .content-separator,
.color-black .bg-color-1,
.color-black .pagination > .active > a, 
.color-black .pagination > .active > span, 
.color-black .pagination > .active > a:hover, 
.color-black .pagination > .active > span:hover, 
.color-black .pagination > .active > a:focus, 
.color-black .pagination > .active > span:focus,
.color-black #section-features .feature:hover i,
.color-black .recent-blog-post .post-date,
.color-black .pricing-plan .pricing-plan-price,
.color-black #services.services2 .service:hover i,
.color-black #services.services3 .service:hover i,
.color-black .blog-header .vertical-nav li a:hover .badge,
.color-black .box ul li a span.badge,
.color-black .blog-timeline-mark,
.color-black #section-portfolio .portfolio-item .hover-overlay,
.color-black .hidden-control.owl-theme .owl-controls .owl-buttons div:hover,

.color-black .comingsoon .brands li a,
.color-black #profile-single .profile-body .profile-contacts li span,
.color-black #eshop .eshop-sidebar .eshop-widget .ui-slider .ui-slider-range,
.color-black .event-ticket.highlighted {
    background-color: #868686;
}

.color-black .popover,
.color-black .navbar-nav > li > .dropdown-menu,
.color-black .jumbotron6 #slide-3 .btn:first-child,
.color-black .jumbotron5 .btn:first-child,
.color-black .pagination > .active > a, 
.color-black .pagination > .active > span, 
.color-black .pagination > .active > a:hover, 
.color-black .pagination > .active > span:hover, 
.color-black .pagination > .active > a:focus, 
.color-black .pagination > .active > span:focus,
.color-black #section-features .feature i,
.color-black .text-highlight,
.color-black #services.services2 .service i,
.color-black #services.services3 .service i,

.color-black #eshop .eshop-sidebar .eshop-widget .checkbox input[type=checkbox]:checked + label:before  {
	border-color:#868686;
}

.color-black .popover.left > .arrow {border-left-color: #868686;}
.color-black .popover.right > .arrow {border-right-color: #868686;}
.color-black .popover.top > .arrow {border-top-color: #868686;}
.color-black .popover.bottom > .arrow {border-bottom-color: #868686;}

/* TRANSPARENT */

.color-black .hidden-control.owl-theme .owl-controls .owl-buttons div,
.color-black .jumbotron-event p.event-date {
	background-color: rgba(134, 134, 134, 0.5);
}

.color-black .jumbotron6 h2,
.color-black .jumbotron5 h2,
.color-black .jumbotron3 h2,
.color-black .map-overlay {
	background-color:rgba(134, 134, 134, 0.8);
}

.color-black .jumbotron2,
.color-black .jumbotron4 {
	background-image: linear-gradient(rgba(134, 134, 134, 0.9), rgba(134, 134, 134, 0.9)), url(../image/bg3.jpg);
}

.color-black .jumbotron7 {
	background-image: linear-gradient(rgba(134, 134, 134, 0.6), rgba(134, 134, 134, 0.6)),url(../image/gplaypattern.png);
}

.color-black #section-blog-posts,
.color-black #section-testimonials,
.color-black #section-statistics,
.color-black .jumbotron1 {
	background-image: linear-gradient(rgba(134, 134, 134, 0.6), rgba(134, 134, 134, 0.6)), url(../image/bg3.jpg);
}

@media (max-width:991px) {
	.color-black .navbar-default .navbar-toggle:hover,
	.color-black .navbar-default .navbar-toggle:focus,
	.color-black .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.color-black .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color:#868686;
	}
	
	.color-black .navbar-default .navbar-collapse {
		border-color:#868686;
	}
}

/* DARKER */

.color-black a:hover,
.color-black a:focus {
	color:#444444;
}

.color-black .btn-primary:hover,
.color-black .btn-primary:focus,
.color-black .btn-primary.active,
.color-black .pricing-plan h3,
.color-black .pricing-plan p {
	background-color:#444444;
}

.color-black .btn-primary:hover,
.color-black .btn-primary:focus,
.color-black .btn-primary.active,
.color-black .blog-timeline .blog-post:hover .blog-post-info,
.color-black .eshop-product .product-sale-label {
	border-color:#444444;
}


p {
color: #333;
}

.custom-color-black .fa,
.custom-color-black h1,
.custom-color-black h2,
.custom-color-black h3,
.custom-color-black h4 {
	color:#868686 !important;
}

.custom-color-green .fa,
.custom-color-green h1,
.custom-color-green h2,
.custom-color-green h3,
.custom-color-green h4 {
	color:#16A085 !important;
}

.custom-color-blue .fa,
.custom-color-blue h1,
.custom-color-blue h2,
.custom-color-blue h3,
.custom-color-blue h4 {
	color:#0D58A6 !important;
}

.custom-color-orange .fa,
.custom-color-orange h1,
.custom-color-orange h2,
.custom-color-orange h3,
.custom-color-orange h4 {
	color:#FFB23A !important;
}

.custom-color-red .fa,
.custom-color-red h1,
.custom-color-red h2,
.custom-color-red h3,
.custom-color-red h4 {
	color:#B81117 !important;
}

.custom-color-purple .fa,
.custom-color-purple h1,
.custom-color-purple h2,
.custom-color-purple h3,
.custom-color-purple h4 {
	color:#880045 !important;
}

.custom-color-light-blue .fa,
.custom-color-light-blue h1,
.custom-color-light-blue h2,
.custom-color-light-blue h3,
.custom-color-light-blue h4 {
	color:#2FC3DF !important;
}

.custom-color-yellow .fa,
.custom-color-yellow h1,
.custom-color-yellow h2,
.custom-color-yellow h3,
.custom-color-yellow h4 {
	color:#E8CA20 !important;
}

.custom-color-pink .fa,
.custom-color-pink h1,
.custom-color-pink h2,
.custom-color-pink h3,
.custom-color-pink h4 {
	color:#E84097 !important;
}

.custom-color-light-green .fa,
.custom-color-light-green h1,
.custom-color-light-green h2,
.custom-color-light-green h3,
.custom-color-light-green h4 {
	color:#BAD72F !important;
}