/* ==============================================================

Template name : Creativica Multiple creative HTML5 template 
Categorie : Site template
Author : Nce18cex
Version : v1.0.0
Created : 29 October 2016
Last update : 26 November 2016

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Primary color
02. Primary background
03. Primary border
04. Blue color
05. Purple color
06. Pink color
07. Yellow color
08. Green color
09. Red color
	
============================================================== */
/*
Primary color
=========================== */
a,
a:hover,
a:active,
a:focus,
.img-title h5 a:hover,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.fa-primary,
.absolute-left .fa-primary,
.absolute-right .fa-primary,
.absolute-center .fa-primary,
.col-icon span.fa-primary,
.noempaty,
.error,
.drop-primary,
.close-search:hover,
.close-search:focus,
.close-search:active,
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover,
.list-icons li .fa,
.list-styled li a:hover,
ul.cart-list > li .price,
ul.cart-list > li > h6 a:hover,
ul.cart-list > li.total > span,
ul.cart-list > li > h6 > a:hover,
nav.navbar.navbar-default ul.cart-list > li > h6 > a:hover,
nav.navbar.navbar-default.navbar-fixed.no-background ul.cart-list > li > h6 > a:hover,
nav.navbar.navbar-inverse ul.cart-list > li > h6 > a:hover,
nav.navbar.bootsnav .navbar-toggle:hover,
nav.navbar.bootsnav .navbar-toggle:focus,
nav.navbar.bootsnav .navbar-toggle:active,
.attr-nav > ul > li > h6 a:hover,
.attr-nav > ul > li > a:hover,
ul.top-share li a:hover,
ul.top-link li a:hover,
.panel-group .panel .panel-heading .panel-title a:hover,
.panel-group .panel .panel-heading .panel-title a:focus,
.panel-group .panel .panel-heading .panel-title a:active,
nav.navbar.navbar-inverse.bootsnav .attr-nav > ul > li > a:hover,
nav.navbar.bootsnav ul.nav > li > a:hover,
nav.navbar.bootsnav ul.nav > li > a:focus,
nav.navbar.bootsnav ul.nav > li > a:active,
nav.navbar.bootsnav ul.nav > li.active > a,
nav.navbar.bootsnav ul.nav > li.active > a:hover,
nav.navbar.bootsnav ul.nav > li.active > a:focus,
nav.navbar.bootsnav ul.nav > li.active > a:active,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.nav > li > a:hover,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.nav > li > a:focus,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.nav > li > a:active,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.nav > li.active > a,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.nav > li.active > a:hover,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.nav > li.active > a:focus,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.nav > li.active > a:active,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar.navbar-default.navbar-fixed.no-background ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a:hover,
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a:focus,
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a:active,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:focus,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:active,
nav.navbar.navbar-inverse.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar.navbar-inverse.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a:focus,
nav.navbar.navbar-inverse.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a:active,
nav.navbar.navbar-inverse.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
nav.navbar.navbar-inverse.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:focus,
nav.navbar.navbar-inverse.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:active,
nav.navbar.navbar-default.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar.navbar-default.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a:focus,
nav.navbar.navbar-default.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a:active,
nav.navbar.navbar-default.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
nav.navbar.navbar-default.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:focus,
nav.navbar.navbar-default.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:active,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a:focus,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a:active,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:focus,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:active,
#offfcavas .menu-wrap .nav.navbar-nav li a:hover,
#offfcavas .menu-wrap .nav.navbar-nav li a:active,
#offfcavas .menu-wrap .nav.navbar-nav li a:focus,
.hephaistos.tparrows:hover:before,
.hermes.tparrows:hover:before,
.btn-primary.btn-bordered,
.icon-circle.icon-bordered:hover,
.icon-square.icon-bordered:hover,
.icon-circle.icon-bordered.fa-primary,
.icon-square.icon-bordered.fa-primary,
.breadcrumb > li a:hover,
.link-list li a:hover,
.custom-tabs.icon ul.nav > li > a:hover,
.custom-tabs.icon ul.nav > li > a:focus,
.custom-tabs.icon ul.nav > li.active > a,
#slider-fixed-wrapper .custom-tabs ul.nav > li > a:hover,
.tabbable ul.nav > li > a:hover,
.inputfile-icon:focus + label,
.inputfile-icon.has-focus + label,
.inputfile-icon + label:hover,
.img-caption .zoomer:hover,
.process-head span,
.btn-search:hover,
.cbp-border-filter .cbp-filter-item-active.cbp-filter-item,
.cbp-border-filter .cbp-filter-item:hover,
.cbp-l-filters-text .cbp-filter-item-active.cbp-filter-item,
.cbp-l-filters-text .cbp-filter-item:hover,
.cbp-project-action li a:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,
.cbp-custom-title .cbp-project-name:hover,
.cbp-l-caption-alignLeft .cbp-l-caption-title a:hover,
.fullwidth-filter .cbp-l-filters-button .cbp-filter-item:hover,
.fullwidth-filter .cbp-l-filters-button .cbp-filter-item-active.cbp-filter-item,
.fullwidth-top.gray-bg .cbp-l-filters-text .cbp-filter-item-active.cbp-filter-item,
.fullwidth-top.gray-bg .cbp-l-filters-text .cbp-filter-item:hover,
.nav-list li a:hover,
.cbp-l-caption-zoom .cbp-l-caption-body .cbp-l-caption-title a:hover,
.cbp-zoom:hover,
.cbp-zoom:focus,
.cbp-zoom:active,
.rev-text-caption-up,
.fullwidthControl-right.owl-theme .owl-controls .owl-buttons div:hover,
.post-content h5 a:hover,
.owl-theme .owl-controls.clickable .owl-buttons div:hover,
.introduce .typer,
.process-number span.pn-steps,
.team-wrapp.team-secondary.team-inverse .team-follow a:hover,
article.post h5 a:hover,
ul.cat li a:hover,
.recent-widget h6 a:hover,
ul.post-meta li a:hover,
ul.post-meta li a:focus,
ul.post-meta li a:active,
.price,
.circle-wrapp .circle-content h1 span,
.circle-wrapp .circle-content h4 span,
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a:hover,
.navbar.navbar-default.no-background.navbar-full.bootsnav li.close-full-menu > a,
.close-button:hover,
.menu-bar-wrapp .socila-icon:hover,
.demo-wrapp h5 a:hover{
	color:#000000;
}

.icon-circle.icon-bordered.fa-primary:hover,
.icon-square.icon-bordered.fa-primary:hover{
	color:#f7482c;
}

/*
Primary background
=========================== */
.object,
.btn-link:before,
.attr-nav > ul > li > a span.badge,
nav.navbar.navbar-inverse.bootsnav ul.cart-list > li.total > .btn,
ul.top-link li a.signup,
.primary-bg,
.slider-selection,
.drop-primary.drop-circle,
.drop-primary.drop-square,
.register-link .signup-btn,
.btn-primary,
.highlight.primary,
.scrollToTop:hover,
.title-head h4:after,
.title-intro:after,
nav.navbar.bootsnav.navbar-center ul.nav > li.active > a,
nav.navbar.bootsnav.navbar-center ul.nav > li.active > a:hover,
nav.navbar.bootsnav.navbar-center ul.nav > li.active > a:focus,
nav.navbar.bootsnav.navbar-center ul.nav > li.active > a:active,
.hephaistos .tp-bullet:hover:before,
.hephaistos .tp-bullet.selected:before,
.hermes .tp-bullet:hover:before,
.hermes .tp-bullet.selected:before,
.icon-circle:hover,
.icon-square:hover,
.icons-wrapp.icons-primary,
.icon-circle.fa-primary,
.icon-square.fa-primary,
.icon-column-contain:hover .icon-circle,
.btn-cta-full,
.cta-containt i,
.panel-group .panel .panel-heading .panel-title a:after,
.custom-tabs ul.nav > li > a:hover,
.custom-tabs ul.nav > li.active > a,
#slider-fixed-wrapper .custom-tabs ul.nav > li.active > a,
.styled-table thead th,
.styled-table thead td,
.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover,
.inputfile-icon:focus + label span.figure,
.inputfile-icon.has-focus + label span.figure,
.inputfile-icon + label:hover span.figure,
.inputfile-default:focus + label,
.inputfile-default.has-focus + label,
.inputfile-default + label:hover,
.inputfile-icon:focus + label span.figure,
.inputfile-icon.has-focus + label span.figure,
.inputfile-icon + label:hover span.figure,
.checkator_source:checked+.checkator_element:after,
.bar-chart li:nth-child(2n+1) span,
.irs-bar,
.irs-bar-edge,
.irs-from, .irs-to, .irs-single,
.product-label,
.jcf-scrollbar-vertical .jcf-scrollbar-handle:hover,
.jcf-scrollbar-vertical .jcf-scrollbar-handle:focus,
.jcf-scrollbar-vertical .jcf-scrollbar-handle:active,
.jcf-scrollbar-vertical .jcf-scrollbar-dec:hover,
.jcf-scrollbar-vertical .jcf-scrollbar-inc:hover,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current ,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint ,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today,
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover,
.icon-box,
div.pp_default .pp_close:hover,
div.pp_default .pp_expand:hover,
div.pp_default .pp_contract:hover,
.maps.map-primary i,
.video-wrapper .play-icon:hover a,
.jp-play-bar,
.jp-volume-bar-value,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
ol.process-line > li.active > .icons > .fa,
ol.process-line > li:hover > .icons > .fa,
.process-column:hover .fa,
.social-network li a:hover,
.social-network li a:focus,
.social-network li a:active,
.cbp-border-filter .cbp-filter-counter,
.cbp-l-filters-text .cbp-filter-counter,
.cbp-project-action li .project-label,
.title-head h4:after,
.title-head h5:after,
.film_roll_pager a:hover,
.film_roll_pager a.active,
.cbp-l-caption-alignLeft .cbp-zoom,
nav.navbar.bootsnav .share ul > li > a:hover,
.progress .progress-bar,
.team-caption a:hover .icon-circle,
.maps,
.img-slider.owl-theme .owl-controls.clickable .owl-buttons div:hover,
.tag:hover,
.tag:focus,
.tag:active,
.img-slider .flex-direction-nav .flex-next:hover,
.img-slider .flex-direction-nav .flex-prev:hover,
.grider a.active,
.basket-shopping,
#wrapper  .boxed-wrapp .row-title:before,
.tab-pane-home h2:after,
.title-head:after,
.tab-pane-home .social-network a:hover .icon-circle,
.menu-bar-wrapp .menu-bar{
	background-color:#ff4629;
}

.thumbnail .img-wrapper h5{
	background-color:rgba(255, 70, 41, 0.8);
}

nav.navbar.navbar-inverse.bootsnav ul.cart-list > li.total > .btn:hover,
nav.navbar.navbar-inverse.bootsnav ul.cart-list > li.total > .btn:focus,
nav.navbar.navbar-inverse.bootsnav ul.cart-list > li.total > .btn:active,
nav.navbar.navbar-default.bootsnav ul.cart-list > li.total > .btn:hover,
nav.navbar.navbar-default.bootsnav ul.cart-list > li.total > .btn:focus,
nav.navbar.navbar-default.bootsnav ul.cart-list > li.total > .btn:active,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.cart-list > li.total > .btn:hover,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.cart-list > li.total > .btn:focus,
nav.navbar.navbar-default.navbar-fixed.no-background.bootsnav ul.cart-list > li.total > .btn:active,
ul.top-link li a.signup:hover,
ul.top-link li a.signup:focus,
ul.top-link li a.signup:active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.btn-bordered:hover,
.btn-primary.btn-bordered:focus,
.btn-primary.btn-bordered:active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.icon-circle.fa-primary:hover,
.icon-square.fa-primary:hover,
.btn-cta-full:hover,
.btn-cta-full:focus,
.btn-cta-full:active,
.irs-slider,
.irs-slider.state_hover,
.irs-slider:hover,
.menu-bar-wrapp .menu-bar:hover{
	background-color:#f7482c;
}

/*
Primary border
=========================== */
nav.navbar.bootsnav ul.nav > li.active > a,
nav.navbar.bootsnav ul.nav > li.active > a:hover,
nav.navbar.bootsnav ul.nav > li.active > a:focus,
nav.navbar.bootsnav ul.nav > li.active > a:active,
nav.navbar.bootsnav .navbar-toggle:hover,
nav.navbar.bootsnav .navbar-toggle:focus,
nav.navbar.bootsnav .navbar-toggle:active,
.hephaistos .tp-bullet:hover,
.hephaistos .tp-bullet.selected,
.hermes .tp-bullet:hover,
.hermes .tp-bullet.selected,
.btn-primary.btn-bordered,
.btn-primary.btn-bordered.btn-icon .fa,
.icons-wrapp.icons-primary:before,
.icon-circle.icon-bordered:hover,
.icon-square.icon-bordered:hover,
.icons-wrapp.icons-primary,
.icon-circle.icon-bordered.fa-primary,
.icon-square.icon-bordered.fa-primary,
.custom-tabs ul.nav > li > a:hover,
.custom-tabs ul.nav > li.active > a,
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active,
.form-control:focus,
.jcf-select:focus,
.checkator_source:focus+.checkator_element,
.checkator_source:hover+.checkator_element,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.input-search:focus,
.form-subscribe:focus,
.cbp-border-filter .cbp-filter-item-active.cbp-filter-item,
.cbp-border-filter .cbp-filter-item:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,
.cbp-l-loadMore-loadingText,
.progress.type3 .circle,
.team-frame-lg:hover .frame,
ol.process-line > li:hover > .icons > .fa,
.tag:hover,
.tag:focus,
.tag:active,
.grider a:hover,
.grider a.active,
.flex-control-thumbs .flex-active,
.flex-control-thumbs img:hover{
	border-color:#ff4629;
}

.process-box.primary-bg:after{
	border-left-color:#ff4629;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu,
nav.navbar.navbar-inverse.bootsnav li.dropdown ul.dropdown-menu,
nav.navbar.navbar-default.bootsnav li.dropdown ul.dropdown-menu,
.cbp-border-filter .cbp-filter-counter:after,
.cbp-l-filters-text .cbp-filter-counter:after{
	border-top-color:#ff4629;
}

.thumbnail .img-wrapper h5:after{
	border-bottom-color:rgba(255, 70, 41, 0.8);
}

nav.navbar.navbar-inverse.bootsnav ul.cart-list > li.total > .btn:hover,
nav.navbar.navbar-inverse.bootsnav ul.cart-list > li.total > .btn:focus,
nav.navbar.navbar-inverse.bootsnav ul.cart-list > li.total > .btn:active,
.icon-circle.fa-primary:hover,
.icon-square.fa-primary:hover,
.icon-circle.icon-bordered.fa-primary:hover,
.icon-square.icon-bordered.fa-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus{
	border-color:#f7482c;
}

/*
Blue color
=========================== */
.blue,
.btn-blue.btn-bordered,
.fa-blue,
.icon-circle.icon-bordered.fa-blue,
.icon-square.icon-bordered.fa-blue{
    color: #35bfd4;
}

.icon-circle.icon-bordered.fa-blue:hover,
.icon-square.icon-bordered.fa-blue:hover{
    color: #2ea6b8;
}

.blue-bg,
.btn-blue,
.highlight.blue,
.icon-circle.fa-blue,
.icon-square.fa-blue,
.maps.map-blue i,
.donut-chart.chart-blue .pie,
.progress.progress-blue .progress-bar{
    background-color: #35bfd4;
}

.btn-blue:before,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:hover,
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue,
.btn-blue:active:hover,
.btn-blue.active:hover,
.open > .dropdown-toggle.btn-blue:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.open > .dropdown-toggle.btn-blue:focus,
.btn-blue:active.focus,
.btn-blue.active.focus,
.open > .dropdown-toggle.btn-blue.focus,
.icon-circle.fa-blue:hover,
.icon-square.fa-blue:hover{
    background-color: #2ea6b8;
}

.blue-border,
.btn-blue,
.btn-blue.btn-bordered,
.btn-blue.btn-bordered.btn-icon .fa,
.icon-circle.icon-bordered.fa-blue,
.icon-square.icon-bordered.fa-blue{
    border-color: #35bfd4;
}

.btn-blue:focus,
.btn-blue.focus,
.btn-blue:hover,
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue,
.btn-blue:active:hover,
.btn-blue.active:hover,
.open > .dropdown-toggle.btn-blue:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.open > .dropdown-toggle.btn-blue:focus,
.btn-blue:active.focus,
.btn-blue.active.focus,
.open > .dropdown-toggle.btn-blue.focus,
.icon-circle.icon-bordered.fa-blue:hover,
.icon-square.icon-bordered.fa-blue:hover{
    border-color: #2ea6b8;
}

/*
Purple color
=========================== */
.purple,
.btn-purple.btn-bordered,
.fa-purple,
.icon-circle.icon-bordered.fa-purple,
.icon-square.icon-bordered.fa-purple{
    color: #8f64a2;
}

.icon-circle.icon-bordered.fa-purple:hover,
.icon-square.icon-bordered.fa-purple:hover{
    color: #704e7f;
}

.purple-bg,
.btn-purple,
.highlight.purple,
.icon-circle.fa-purple,
.icon-square.fa-purple,
.maps.map-purple i,
.donut-chart.chart-purple .pie,
.progress.progress-purple .progress-bar{
    background-color: #8f64a2;
}

.btn-purple:before,
.btn-purple:focus,
.btn-purple.focus,
.btn-purple:hover,
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple,
.btn-purple:active:hover,
.btn-purple.active:hover,
.open > .dropdown-toggle.btn-purple:hover,
.btn-purple:active:focus,
.btn-purple.active:focus,
.open > .dropdown-toggle.btn-purple:focus,
.btn-purple:active.focus,
.btn-purple.active.focus,
.open > .dropdown-toggle.btn-purple.focus,
.icon-circle.fa-purple:hover,
.icon-square.fa-purple:hover{
    background-color: #704e7f;
}

.purple-border,
.btn-purple,
.btn-purple.btn-bordered,
.btn-purple.btn-bordered.btn-icon .fa,
.icon-circle.icon-bordered.fa-purple,
.icon-square.icon-bordered.fa-purple{
    border-color: #8f64a2;
}


.btn-purple:focus,
.btn-purple.focus,
.btn-purple:hover,
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple,
.btn-purple:active:hover,
.btn-purple.active:hover,
.open > .dropdown-toggle.btn-purple:hover,
.btn-purple:active:focus,
.btn-purple.active:focus,
.open > .dropdown-toggle.btn-purple:focus,
.btn-purple:active.focus,
.btn-purple.active.focus,
.open > .dropdown-toggle.btn-purple.focus,
.icon-circle.icon-bordered.fa-purple:hover,
.icon-square.icon-bordered.fa-purple:hover{
    border-color: #704e7f;
}

/*
Pink color
=========================== */
.pink,
.btn-pink.btn-bordered,
.fa-pink,
.icon-circle.icon-bordered.fa-pink,
.icon-square.icon-bordered.fa-pink{
    color: #d96ba1;
}

.icon-circle.icon-bordered.fa-pink:hover,
.icon-square.icon-bordered.fa-pink:hover{
    color: #b75a88;
}

.pink-bg,
.btn-pink,
.highlight.pink,
.icon-circle.fa-pink,
.icon-square.fa-pink,
.maps.map-pink i,
.donut-chart.chart-pink .pie,
.progress.progress-pink .progress-bar{
    background-color: #d96ba1;
}

.btn-pink:before,
.btn-pink:focus,
.btn-pink.focus,
.btn-pink:hover,
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink,
.btn-pink:active:hover,
.btn-pink.active:hover,
.open > .dropdown-toggle.btn-pink:hover,
.btn-pink:active:focus,
.btn-pink.active:focus,
.open > .dropdown-toggle.btn-pink:focus,
.btn-pink:active.focus,
.btn-pink.active.focus,
.open > .dropdown-toggle.btn-pink.focus,
.icon-circle.fa-pink:hover,
.icon-square.fa-pink:hover{
    background-color: #b75a88;
}

.pink-border,
.btn-pink,
.btn-pink.btn-bordered,
.btn-pink.btn-bordered.btn-icon .fa,
.icon-circle.icon-bordered.fa-pink,
.icon-square.icon-bordered.fa-pink{
    border-color: #d96ba1;
}

.btn-pink:focus,
.btn-pink.focus,
.btn-pink:hover,
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink,
.btn-pink:active:hover,
.btn-pink.active:hover,
.open > .dropdown-toggle.btn-pink:hover,
.btn-pink:active:focus,
.btn-pink.active:focus,
.open > .dropdown-toggle.btn-pink:focus,
.btn-pink:active.focus,
.btn-pink.active.focus,
.open > .dropdown-toggle.btn-pink.focus,
.icon-circle.icon-bordered.fa-pink:hover,
.icon-square.icon-bordered.fa-pink:hover{
    border-color: #b75a88;
}

/*
Yellow color
=========================== */
.yellow,
.btn-yellow.btn-bordered,
.fa-yellow,
.icon-circle.icon-bordered.fa-yellow,
.icon-square.icon-bordered.fa-yellow{
    color: #e3b041;
}

.icon-circle.icon-bordered.fa-yellow:hover,
.icon-square.icon-bordered.fa-yellow:hover{
    color: #c69939;
}

.yellow-bg,
.btn-yellow,
.highlight.yellow,
.icon-circle.fa-yellow,
.icon-square.fa-yellow,
.maps.map-yellow i,
.donut-chart.chart-yellow .pie,
.progress.progress-yellow .progress-bar{
    background-color: #e3b041;
}

.btn-yellow:before,
.btn-yellow:focus,
.btn-yellow.focus,
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow,
.btn-yellow:active:hover,
.btn-yellow.active:hover,
.open > .dropdown-toggle.btn-yellow:hover,
.btn-yellow:active:focus,
.btn-yellow.active:focus,
.open > .dropdown-toggle.btn-yellow:focus,
.btn-yellow:active.focus,
.btn-yellow.active.focus,
.open > .dropdown-toggle.btn-yellow.focus,
.icon-circle.fa-yellow:hover,
.icon-square.fa-yellow:hover{
    background-color: #c69939;
}

.yellow-border,
.btn-yellow,
.btn-yellow.btn-bordered,
.btn-yellow.btn-bordered.btn-icon .fa,
.icon-circle.icon-bordered.fa-yellow,
.icon-square.icon-bordered.fa-yellow{
    border-color: #e3b041;
}

.btn-yellow:focus,
.btn-yellow.focus,
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow,
.btn-yellow:active:hover,
.btn-yellow.active:hover,
.open > .dropdown-toggle.btn-yellow:hover,
.btn-yellow:active:focus,
.btn-yellow.active:focus,
.open > .dropdown-toggle.btn-yellow:focus,
.btn-yellow:active.focus,
.btn-yellow.active.focus,
.open > .dropdown-toggle.btn-yellow.focus,
.icon-circle.icon-bordered.fa-yellow:hover,
.icon-square.icon-bordered.fa-yellow:hover{
    border-color: #c69939;
}

/*
Green color
=========================== */
.green,
.btn-green.btn-bordered,
.fa-green,
.icon-circle.icon-bordered.fa-green,
.icon-square.icon-bordered.fa-green{
    color: #5bc43e;
}

.icon-circle.icon-bordered.fa-green:hover,
.icon-square.icon-bordered.fa-green:hover{
    color: #4ca334;
}

.green-bg,
.btn-green,
.highlight.green,
.icon-circle.fa-green,
.icon-square.fa-green,
.maps.map-green i,
.donut-chart.chart-green .pie,
.progress.progress-green .progress-bar{
    background-color: #5bc43e;
}

.btn-green:before,
.btn-green:focus,
.btn-green.focus,
.btn-green:hover,
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green,
.btn-green:active:hover,
.btn-green.active:hover,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open > .dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open > .dropdown-toggle.btn-green.focus,
.icon-circle.fa-green:hover,
.icon-square.fa-green:hover{
    background-color: #4ca334;
}

.green-border,
.btn-green,
.btn-green.btn-bordered,
.btn-green.btn-bordered.btn-icon .fa,
.icon-circle.icon-bordered.fa-green,
.icon-square.icon-bordered.fa-green{
    border-color: #5bc43e;
}

.btn-green:focus,
.btn-green.focus,
.btn-green:hover,
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green,
.btn-green:active:hover,
.btn-green.active:hover,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open > .dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open > .dropdown-toggle.btn-green.focus,
.icon-circle.icon-bordered.fa-green:hover,
.icon-square.icon-bordered.fa-green:hover{
    border-color: #4ca334;
}

/*
Red color
=========================== */
.red,
.btn-red.btn-bordered,
.fa-red,
.icon-circle.icon-bordered.fa-red,
.icon-square.icon-bordered.fa-red{
    color: #e24040;
}

.icon-circle.icon-bordered.fa-red:hover,
.icon-square.icon-bordered.fa-red:hover{
    color: #c13636;
}

.red-bg,
.btn-red,
.highlight.red,
.icon-circle.fa-red,
.icon-square.fa-red,
.maps.map-red i,
.donut-chart.chart-red .pie,
.progress.progress-red .progress-bar{
    background-color: #e24040;
}

.btn-red:before,
.btn-red:focus,
.btn-red.focus,
.btn-red:hover,
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red,
.btn-red:active:hover,
.btn-red.active:hover,
.open > .dropdown-toggle.btn-red:hover,
.btn-red:active:focus,
.btn-red.active:focus,
.open > .dropdown-toggle.btn-red:focus,
.btn-red:active.focus,
.btn-red.active.focus,
.open > .dropdown-toggle.btn-red.focus,
.icon-circle.fa-red:hover,
.icon-square.fa-red:hover{
    background-color: #c13636;
}

.red-border,
.btn-red,
.btn-red.btn-bordered,
.btn-red.btn-bordered.btn-icon .fa,
.icon-circle.icon-bordered.fa-red,
.icon-square.icon-bordered.fa-red{
    border-color: #e24040;
}

.btn-red:focus,
.btn-red.focus,
.btn-red:hover,
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red,
.btn-red:active:hover,
.btn-red.active:hover,
.open > .dropdown-toggle.btn-red:hover,
.btn-red:active:focus,
.btn-red.active:focus,
.open > .dropdown-toggle.btn-red:focus,
.btn-red:active.focus,
.btn-red.active.focus,
.open > .dropdown-toggle.btn-red.focus,
.icon-circle.icon-bordered.fa-red:hover,
.icon-square.icon-bordered.fa-red:hover{
    border-color: #c13636;
}