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

Template name : Nakula responsive bootstrap app landing page
Categorie : landing page
Author : Nce18cex
Version : v1.0.0
Created : 20 November 2015
Last update : 01 Desember 2015

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

01. Color
02. Background
03. Border
	
============================================================== */


/*
Primary color
=========================== */
a,
a:hover,
a:focus,
a:active,
.btn-link,
.btn-link:hover,
.btn-link:active,
.primary,
#demo-container h5 a:hover,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
.btn-primary.btn-bordered,
.fa-primary,
.noempaty,
.error,
.captionTextline2,
.breadcrumb > li a:hover,
.breadcrumb > li a:focus,
.breadcrumb > li a:active,
.breadcrumb > .active,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:active,
.navbar-nav > li.dropdown > a.dropdown-toggle:hover,
.navbar-nav > li.dropdown > a.dropdown-toggle:focus,
.navbar-nav > li.dropdown > a.dropdown-toggle:active,
.navbar-nav > li.dropdown.selected > a,
.navbar-nav > li.active > a,
.navbar-nav > li.active > a:hover,
.navbar-nav > li.active > a:focus,
.navbar-nav > li.active > a:active,
.navbar-nav > li.selected > a,
.navbar-nav > li.selected > a:hover,
.navbar-nav > li.selected > a:focus,
.navbar-nav > li.selected > a:active,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active,
.navbar.navbar-white .navbar-nav > li > a:hover,
.navbar.navbar-white .navbar-nav > li > a:focus,
.navbar.navbar-white .navbar-nav > li > a:active,
.navbar.navbar-white .navbar-nav > li.dropdown > a.dropdown-toggle:hover,
.navbar.navbar-white .navbar-nav > li.dropdown > a.dropdown-toggle:focus,
.navbar.navbar-white .navbar-nav > li.dropdown > a.dropdown-toggle:active,
.navbar.navbar-white .navbar-nav > li.dropdown.selected > a,
.navbar.navbar-white .navbar-nav > li.active > a,
.navbar.navbar-white .navbar-nav > li.active > a:hover,
.navbar.navbar-white .navbar-nav > li.active > a:focus,
.navbar.navbar-white .navbar-nav > li.active > a:active,
.navbar.navbar-white .dropdown-menu li a:hover,
.navbar.navbar-white .dropdown-menu li a:focus,
.navbar.navbar-white .dropdown-menu li a:active,
.yamm-link li a:hover,
.yamm-link li a:focus,
.yamm-link li a:active,
.drop-primary,
.list-icons li i,
.precess-column.hover .icons-primary i,
.precess-column span.text-title,
.icon-circle.icon-bordered:hover,
.icon-square.icon-bordered:hover,
.icon-circle.icon-bordered.fa-primary,
.icon-square.icon-bordered.fa-primary,
.panel-title a:hover,
.navlink-right button.btn-navlink,
.navlink-right button.btn-navlink:hover,
.navlink-right button.btn-navlink:focus,
.navlink-right button.btn-navlink:active,
.cart-list li span.price,
.captionHeadline1 span,
.jessor-prev:hover,
.jessor-next:hover,
.img-caption a:hover,
.img-caption h6 a:hover,
.link-list li a:hover,
.recent-post li a:hover,
.post-heading .post-data,
.post-heading h1 a:hover,
.post-heading h2 a:hover,
.post-heading h3 a:hover,
.post-heading h4 a:hover,
.post-heading h5 a:hover,
.post-heading h6 a:hover,
.post-meta a:hover,
.leftControls-right.owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.leftControls-right.owl-theme .owl-controls .owl-buttons div.owl-next:hover,
.footer-post ul li a:hover,
.cat li a i,
.cat li a:hover,
.recent-comment .comment-author,
.product-title h6 a:hover,
.product-footer .price span,
.shop-title .price span,
.buy button:hover,
.buy a:hover,
.item-title:hover a,
.img-containt h5 a:hover,
.icon-top .fa,
.pricing-price{
    color: #2dcb74;
}

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

/*
Primary background
=========================== */
.object,
#toTopHover,
a.openpanel,
.primary-bg,
.btn-primary,
.btn-link:before,
.navbar-toggle:hover .icon-bar,
.navbar-toggle:focus .icon-bar,
.navbar-toggle:active .icon-bar,
.navbar.navbar-white .navbar-toggle:hover .icon-bar,
.navbar.navbar-white .navbar-toggle:focus .icon-bar,
.navbar.navbar-white .navbar-toggle:active .icon-bar,
#parallax-nav li.page-scroll.active a,
#parallax-nav li.page-scroll a.selected,
#parallax-nav li.page-scroll:focus a,
.drop-primary.drop-circle,
.drop-primary.drop-square,
.heading-section span,
.highlight.primary,
.icons-wrapp .count,
.precess-column.hover .precess-icons,
.icon-circle:hover,
.icon-square:hover,
.icons-wrapp.icons-primary,
.icon-circle.fa-primary,
.icon-square.fa-primary,
.box-primary,
.icon-column.box-primary,
.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,
.donut-chart.chart-primary .pie,
.bar-chart li:nth-child(2n+1) span,
.line-chart li span:before,
.line-chart li span:after,
.checkator_source:checked+.checkator_element:after,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.gray-container .nav-tabs > li.active > a,
.gray-container .nav-tabs > li.active > a:hover,
.gray-container .nav-tabs > li.active > a:focus,
.panel-title a:hover .plus,
.panel-title a .minus,
.panel-title a:hover .minus,
.cta-primary,
.show-caption,
.jssor-navigator div:hover,
.jssor-navigator .av:hover,
.jssor-navigator .av,
.jssor-navigator .dn,
.jssor-navigator .dn:hover,
.captionTextline3,
.circle-progress.primary span,
.progress.progress-primary .progress-bar,
.img-caption  .zoomer,
div.pp_default .pp_close:hover,
div.pp_default .pp_expand:hover,
div.pp_default .pp_contract:hover,
.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 .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.owl-theme .owl-controls.clickable .owl-buttons div:hover,
.tag:hover,
.tag:focus,
.tag:active,
.product-label,
.price-lg,
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover,
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active,
.styled-table thead th,
.styled-table thead td,
.basket-shopping,
.maintenance-icon,
.btn-rotate:hover,
.btn-rotate:active,
.btn-rotate:focus,
.team-network,
.maps.map-primary i,
.pricing.popular .pricing-price,
.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,
.custom-search-head,
.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,
.landingpage-head{
    background: #2dcb74;
	
}

.donut-chart.chart-primary,
.progress.progress-primary{
	background:rgba(45, 203, 116, 0.1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#192dcb74,endColorstr=#192dcb74); 
}

.team-caption{
	background:rgba(45, 203, 116, 0.4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#662dcb74,endColorstr=#662dcb74); 
}

.donut-chart.pie-chart.chart-primary{
  background:rgba(45, 203, 116, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#992dcb74,endColorstr=#992dcb74); 
}

.animated-wrapper,
.captionContainer{
  background:rgba(45, 203, 116, 0.9);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E52dcb74,endColorstr=#E52dcb74); 
}

.chart.line svg path{
  fill: rgba(45,203,116,0.0);
  stroke: rgb(45,203,116);
}

.chart.line .fill svg path{
  fill: rgba(45,203,116,0.1);
}

.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,
.show-caption:hover,
.navlink-right span.cart-item,
.img-caption  .zoomer:hover,
.icon-circle.fa-primary:hover,
.icon-square.fa-primary:hover{
    background-color: #26ac62;
}

/*
Primary border
=========================== */
.primary-border,
.btn-primary,
.btn-primary.btn-bordered.btn-icon .fa,
.navbar-nav > li.active > a,
.dropdown-menu,
.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle:active,
.navbar.navbar-white .navbar-toggle:hover,
.navbar.navbar-white .navbar-toggle:focus,
.navbar.navbar-white .navbar-toggle:active,
#parallax-nav li.page-scroll.active,
#parallax-nav li.page-scroll:active,
#parallax-nav li.page-scroll:focus,
.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,
.line-chart li span:before,
.line-chart li span:after,
.form-control:focus,
.jcf-select:focus,
.checkator_source:focus+.checkator_element,
.checkator_source:hover+.checkator_element,
.tab-secondary .nav-tabs,
.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,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.post-heading .post-data,
.tag:hover,
.tag:focus,
.tag:active,
.flex-control-thumbs img:hover,
.flex-control-thumbs .flex-active,
.btn-rotate:hover,
.btn-rotate:active,
.btn-rotate:focus,
.pricing.popular,
.pricing:hover,
.pricing.secondary:hover .pricing-price,
.pricing.popular .pricing-price,
.custom-search-wrapp,
.custom-search-wrapp .pull-right{
    border-color: #2dcb74;
}


.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,
.icon-circle.icon-bordered.fa-primary:hover,
.icon-square.icon-bordered.fa-primary:hover{
    border-color: #26ac62;
}

/*
Primary box shadow
=========================== */
.bar-chart li:nth-child(2n+1):hover span{
  box-shadow:0 0 0 4px #2dcb74;
}

/*
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,
.donut-chart.chart-blue .pie,
.progress.progress-blue .progress-bar{
    background-color: #35bfd4;
}

.donut-chart.chart-blue,
.progress.progress-blue{
  background:rgba(53, 191, 212, 0.1);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1935bfd4,endColorstr=#1935bfd4); 
}

.donut-chart.pie-chart.chart-blue{
  background:rgba(53, 191, 212, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9935bfd4,endColorstr=#9935bfd4); 
}

.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-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,
.donut-chart.chart-purple .pie,
.progress.progress-purple .progress-bar{
    background-color: #8f64a2;
}

.donut-chart.chart-purple,
.progress.progress-purple{
  background:rgba(143, 100, 162, 0.1);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#198f64a2,endColorstr=#198f64a2); 
}

.donut-chart.pie-chart.chart-purple{
  background:rgba(143, 100, 162, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#998f64a2,endColorstr=#998f64a2); 
}

.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-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,
.donut-chart.chart-pink .pie,
.progress.progress-pink .progress-bar{
    background-color: #d96ba1;
}

.donut-chart.chart-pink,
.progress.progress-pink{
  background:rgba(217, 107, 161, 0.1);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19d96ba1,endColorstr=#19d96ba1); 
}

.donut-chart.pie-chart.chart-pink{
  background:rgba(217, 107, 161, 0.6);
}

.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-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,
.donut-chart.chart-yellow .pie,
.progress.progress-yellow .progress-bar{
    background-color: #e3b041;
}

.donut-chart.chart-yellow,
.progress.progress-yellow{
  background:rgba(227, 176, 65, 0.1);
}

.donut-chart.pie-chart.chart-yellow{
  background:rgba(227, 176, 65, 0.6);
}

.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-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,
.donut-chart.chart-green .pie,
.progress.progress-green .progress-bar{
    background-color: #5bc43e;
}

.donut-chart.chart-green,
.progress.progress-green{
  background:rgba(91, 196, 62, 0.1);
}

.donut-chart.pie-chart.chart-green{
  background:rgba(91, 196, 62, 0.6);
}

.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-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,
.donut-chart.chart-red .pie,
.progress.progress-red .progress-bar{
    background-color: #e24040;
}

.donut-chart.chart-red,
.progress.progress-red{
  background:rgba(226, 64, 64, 0.1);
}

.donut-chart.pie-chart.chart-red{
  background:rgba(226, 64, 64, 0.6);
}

.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-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;
}
.topstyle {
	float:left;
	width:64px;
	height:64px;
	background-color:#666;
	padding-top:8px;
	margin-bottom:1px;	
	}
.topstyle:hover{
	background-color:#093;
	
	}
.topstyle img {
	text-align:center;
	margin-left:2px;
	
	}
	.topstyle p {
	text-align:center;
	margin-left:2px;
	font-size:14px;
	
	
	}
	
	
	/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}