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

Template name : Anakual multipurpose and responsive corporate template
Categorie : Site template
Author : 99webpage
Version : v1.0.0
Created : 19 January  2017
Last update : 20 February  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,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
.primary,
.noempaty,
.error,
.drop-primary,
.Photograper-Display.primary,
.Photography-subtitle,
.close-search:hover,
.close-search:focus,
.close-search:active,
.list-icons li .fa,
.img-container span.label,
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-inverse ul.cart-list > li > h6 > a:hover,
.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,
.content-parallax .title-head h4,
.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.bootsnav .dropdown .megamenu-content .col-menu ul > li > a:hover,
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-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,
.btn-primary.btn-bordered,
.rev_slider_wrapper:hover .hermes.tparrows:hover,
.hermes.tparrows:hover:before,
.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,
.breadcrumb > .active,
.link-list li a:hover,
.custom-tabs.tabs-icon ul.nav > li > a:hover,
.custom-tabs.tabs-icon ul.nav > li > a:focus,
.custom-tabs.tabs-icon ul.nav > li.active > a,
.tabbable ul.nav > li > a:hover,
.inputfile-icon:focus + label,
.inputfile-icon.has-focus + label,
.inputfile-icon + label:hover,
.process-head span,
.filter-items li a:hover,
.filter-items li a.active,
.filter-items li a.active:hover,
.filter-items li a.active:focus,
.filter-items li a.active:active,
.filter-items.text-only li a.active,
.filter-items.text-only li a:hover,
.filter-items.text-only li a:focus,
.filter-items.text-only li a:active,
.leftControls-right.owl-theme .owl-controls.clickable .owl-buttons div:hover,
.team-content span,
.team-sosmed a:hover,
.single-recent-blog .srb-content h4 a:hover,
.single-recent-blog .srb-content h5 a:hover,
.single-recent-thumbnail h5 a:hover,
ul.post-meta li a:hover,
ul.post-meta li a:active,
ul.post-meta li a:focus,
.social-network a:hover,
footer.white-footer .social-network a:hover,
.recent-post-list li a:hover,
.img-caption h4 span,
nav.navbar.bootsnav .navbar-toggle:hover,
nav.navbar.bootsnav .navbar-toggle:focus,
nav.navbar.bootsnav .navbar-toggle:active,
.img-content h4 a:hover,
.img-caption .network a:hover,
.process-column-head span,
.shop-title .price,
.product-containt .price,
.product-containt h6 a:hover,
.product-wrapper.product-list .product-containt h5 a:hover,
.recent-widget h6 a:hover,
ul.cat li a:hover,
article.post h4 a:hover,
article.post h5 a:hover,
.list-styled li a:hover,
.paper-body .social-link:hover,
.paper-body .social-link:focus,
.paper-body .social-link:active,
.recent-post-column .post-column-content h5 a:hover,
.cap-headline-large span,
.cap-box-white span,
.category-caption h4 a:hover,
.category-footer ul li a:hover,
.schedule-list li span,
.proprty-price,
.proprty-link a:hover,
.proprty-head .fa,
ul.proprty-content li .fa,
.proprty-head h5 a:hover,
.proprty-head h5 a:hover span,
.menu-list li h5 a:hover,
.NotGeneric-Title span,
.cta-button-body .price,
.film_roll_wrapper .film_roll_caption span,
.add-to-cart h4,
.magazine-post h1 a:hover,
.magazine-post h2 a:hover,
.magazine-post h3 a:hover,
.magazine-post h4 a:hover,
.magazine-post h5 a:hover,
.magazine-post h6 a:hover,
.magazine-meta li .author:hover,
.magazine-post-list li h6 a:hover,
.news-categories li a:hover,
.news-categories li a:focus,
.news-categories li a:active,
.single-singlepost-heading h3 a:hover{
	color:#53c647;
}

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

/*
Primary background
=========================== */
.btn-link:before,
.btn-verde,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus,
ul.cart-list > li.total > .btn,
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,
.toTop:hover,
.title-head:after,
.title-head.centered:after,
.title-head.pull-right: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,
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover,
.flexslider-photo:hover .flex-next:hover,
.flexslider-photo:hover .flex-prev:hover,
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active,
.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,
.progress .progress-bar,
.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,
.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,
.owl-theme .owl-controls.clickable .owl-buttons div:hover,
.process-column:hover .fa,
ol.process-line > li.active .process-number,
ol.process-line > li:hover .process-number,
.hephaistos.tparrows:hover,
.hephaistos .tp-bullet:hover,
.hephaistos .tp-bullet.selected,
.hermes .tp-bullet:hover,
.hermes .tp-bullet.selected,
.cta-content .icon,
aside .widget .widget-head:after,
.product-containt h5:after,
.grider a.active,
.product-caption .add-cart:hover,
.product-caption .add-cart:focus,
.product-caption .add-cart:active,
.product-caption .view-detail:hover,
.product-caption .view-detail:focus,
.product-caption .view-detail:active,
.basket-shopping,
.tag:hover,
.resume-head,
.timeline-time,
.nw-play-btn,
.filter-items.filter-wrapp li a.active,
.jquery-background-video-pauseplay:hover span,
.Photography-Menu-item:hover,
.Photography-Menu-item:focus,
.Photography-Menu-item:active,
.menu-list li .menu-price,
.menu-book-footer .menu-price,
nav.navbar.navbar-inverse.navbar-scrollspy.bootsnav ul.nav li a.btn,
nav.navbar.navbar-inverse.navbar-scrollspy.bootsnav ul.nav li.active a.btn,
.landingpage-form,
.object{
	background-color:#53c647;
}
.btn-verde {
	color:#fff;
	}
}

.thumbnail .img-wrapper h5{
	background-color:rgba(83, 198, 71, 0.8);
}

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-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,
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,
nav.navbar.navbar-inverse.navbar-scrollspy.bootsnav ul.nav li a.btn:hover,
nav.navbar.navbar-inverse.navbar-scrollspy.bootsnav ul.nav li.active a.btn:hover{
	background-color:#4cab42;
}

/*
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.bootsnav.navbar-full .navbar-toggle:hover,
nav.bootsnav.navbar-full .navbar-toggle:focus,
nav.bootsnav.navbar-full .navbar-toggle:active,
.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,
.form-control:focus,
.jcf-select:focus,
.progress.type3 .circle,
.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,
ol.process-line > li.active > .process-image,
ol.process-line > li:hover > .process-image,
.owl-theme .owl-controls.clickable .owl-buttons div:hover,
.filter-items li a:hover,
.filter-items li a.active,
.filter-items li a.active:hover,
.filter-items li a.active:focus,
.filter-items li a.active:active,
.filter-items.filter-wrapp li a.active,
.filter-items.text-only li a.active,
.input-subscribe:focus,
.grider a.active,
.grider a:hover,
.flex-control-thumbs .flex-active,
.flex-control-thumbs img:hover,
.tag:hover,
.category-footer ul li a:hover,
.cta-button-wrapp,
nav.navbar.navbar-inverse.navbar-scrollspy.bootsnav ul.nav li a.btn,
nav.navbar.navbar-inverse.navbar-scrollspy.bootsnav ul.nav li.active a.btn,
.magazine-title h5{
	border-color:#53c647;
}

.process-box.primary-bg:after,
.timeline-column.setright .timeline-time:after{
	border-left-color:#53c647;
}

.timeline-column.setleft .timeline-time:after{
	border-right-color:#53c647;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu,
nav.navbar.navbar-inverse.bootsnav li.dropdown ul.dropdown-menu{
	border-top-color:#53c647;
}

.menu-list li .menu-price:before,
.menu-book-footer .menu-price:before{
	border-bottom-color:#53c647;
}

.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,
nav.navbar.navbar-inverse.navbar-scrollspy.bootsnav ul.nav li a.btn:hover,
nav.navbar.navbar-inverse.navbar-scrollspy.bootsnav ul.nav li.active a.btn:hover{
	border-color:#4cab42;
}
.btn-bordeverde{
	border-color:#4cab42;
	background-color:rgba(255, 255, 255, 0.6);
	color: #4cab42;
}

.resume-head:before,
.landingpage-form:before,
.landingpage-form:after{
	border-top-color:#4cab42;
}

/*barra navegacion */
.navbar-default {
    background-color: #062138 !important;
    }
nav.navbar.bootsnav ul.nav > li > a {
    color: #fff;
    }
/*
Blue color
=========================== */
.blue,
.btn-blue.btn-bordered,
.fa-blue,
.icon-circle.icon-bordered.fa-blue,
.icon-square.icon-bordered.fa-blue{
    color: #3e558b
;
}

.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,
.maps.map-blue i,
.donut-chart.chart-blue .pie,
.progress.progress-blue .progress-bar{
    background-color: #3e558b;
}

.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: #3e558b
;
}

.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: #a43f7d
;
}

.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: #a43f7d
;
}

.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: #a43f7d
;
}


.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: #cd4f55
;
}

.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: #cd4f55
;
}

.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: #cd4f55
;
}

.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: #f5be16;
}

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

.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: #f5be16;
}

.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: #cd9e0e;
}

.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: #f5be16;
}

.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: #cd9e0e;
}

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

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

.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: #31bc62;
}

.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: #1e9347;
}

.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: #31bc62;
}

.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: #1e9347;
}

/*
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;
}

/*
Gold color
=========================== */
.gold,
.btn-gold.btn-bordered,
.fa-gold,
.icon-circle.icon-bordered.fa-gold,
.icon-square.icon-bordered.fa-gold{
    color: #d1b951;
}

.icon-circle.icon-bordered.fa-gold:hover,
.icon-square.icon-bordered.fa-gold:hover{
    color: #8a7418;
}

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

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

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

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

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

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

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