:root {
  --theme-color: #00b0b0;
  --second-color: #085eac;
}
a {
  color: var(--second-color);
}

.accent-color {
  color: var(--theme-color);
}

.accent-color-bg {
  background-color: var(--theme-color);
}

.top-bar a:hover {
  color: var(--second-color);
}

.section-overlay {
  background-color: var(--theme-color);
}

.top-bar.color-bar {
  background-color: var(--theme-color);
}

.service-box .read-more {
  color: var(--theme-color);
}

a.main-button,
input[type="submit"] {
  background-color: var(--theme-color);
}

.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li > a.active {
  color: var(--second-color);
}

.dropdown > li:hover > a,
.sup-dropdown li:hover > a {
  color: var(--second-color);
}

.navbar-default .navbar-nav > li > a:after {
  background-color: var(--second-color);
}

.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li:hover > a {
  border-color: var(--second-color);
}

.dropdown li a.active,
.sup-dropdown li a.active {
  color: var(--second-color);
}

ul.breadcrumbs li a:hover {
  color: var(--second-color);
}

.full-width-recent-projects
  .portfolio-item:hover
  .portfolio-thumb
  .thumb-overlay {
  background-color: var(--theme-color);
}

.tp-caption.color-bg {
  background-color: var(--theme-color);
}

.team-member .member-socail a.mail:hover i {
  background-color: var(--theme-color);
}

.post-share a.mail:hover {
  background-color: var(--second-color);
}

.progress .progress-bar.progress-bar-primary {
  background-color: var(--theme-color);
}

.latest-posts-classic .left-meta-post .post-type i {
  background-color: var(--theme-color);
}

.latest-posts-classic .post-title a:hover {
  color: var(--theme-color);
}

.latest-posts-classic .read-more {
  color: var(--theme-color);
}

.panel-title a {
  color: var(--second-color);
}

.panel-title a:hover {
  color: var(--second-color);
}

.milestone-block .milestone-icon {
  background-color: var(--theme-color);
}

.milestone-block .milestone-icon:after {
  background-color: var(--theme-color);
}

.milestone-block .milestone-number {
  color: var(--theme-color);
}

.pricing-tables .pricing-table.highlight-plan .plan-signup {
  background-color: var(--theme-color);
}

.pricing-tables .pricing-table.highlight-plan .plan-name {
  background-color: var(--theme-color);
}

.btn-system {
  background-color: var(--theme-color);
}

.btn-system.border-btn {
  border-color: var(--theme-color);
  color: var(--theme-color);
}

.btn-system.border-btn:hover {
  background-color: var(--theme-color);
}

.btn-system.border-btn.btn-wite:hover {
  color: var(--theme-color);
}

.btn-system.btn-wite {
  color: var(--theme-color);
}

ul.icons-list li i {
  color: var(--theme-color);
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: var(--second-color);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
  color: var(--second-color);
}

.icon-small {
  text-shadow: 0 0 0 var(--theme-color);
}

.icon-small:hover,
.service-box:hover .icon-small {
  color: var(--theme-color);
}
.icon-medium {
  text-shadow: 0 0 0 var(--theme-color);
}

.icon-medium:hover,
.service-box:hover .icon-medium {
  color: var(--theme-color);
}

.icon-large {
  text-shadow: 0 0 0 var(--theme-color);
}

.icon-large:hover,
.service-box:hover .icon-large {
  color: var(--theme-color);
}

.icon-effect-1 {
  box-shadow: 0 0 0 3px var(--theme-color);
  -o-box-shadow: 0 0 0 3px var(--theme-color);
  -moz-box-shadow: 0 0 0 3px var(--theme-color);
  -webkit-box-shadow: 0 0 0 3px var(--theme-color);
}

.icon-effect-1:after {
  background-color: var(--theme-color);
}

.icon-effect-1:hover,
.service-box:hover .icon-effect-1 {
  color: var(--theme-color);
}

.icon-effect-2 {
  color: var(--theme-color);
  box-shadow: 0 0 0 3px var(--theme-color);
  -o-box-shadow: 0 0 0 3px var(--theme-color);
  -moz-box-shadow: 0 0 0 3px var(--theme-color);
  -webkit-box-shadow: 0 0 0 3px var(--theme-color);
}

.icon-effect-2:after {
  background-color: var(--theme-color);
}

.icon-effect-3 {
  color: var(--theme-color);
  box-shadow: 0 0 0 3px var(--theme-color);
  -o-box-shadow: 0 0 0 3px var(--theme-color);
  -moz-box-shadow: 0 0 0 3px var(--theme-color);
  -webkit-box-shadow: 0 0 0 3px var(--theme-color);
}

.icon-effect-4 {
  color: var(--theme-color);
  box-shadow: 0 0 0 3px var(--theme-color);
  -o-box-shadow: 0 0 0 3px var(--theme-color);
  -moz-box-shadow: 0 0 0 3px var(--theme-color);
  -webkit-box-shadow: 0 0 0 3px var(--theme-color);
}

.icon-effect-5 {
  color: var(--theme-color);
  box-shadow: 0 0 0 3px var(--theme-color);
  -o-box-shadow: 0 0 0 3px var(--theme-color);
  -moz-box-shadow: 0 0 0 3px var(--theme-color);
  -webkit-box-shadow: 0 0 0 3px var(--theme-color);
}

.icon-effect-6 {
  color: var(--theme-color);
  box-shadow: 0 0 0 3px var(--theme-color);
  -o-box-shadow: 0 0 0 3px var(--theme-color);
  -moz-box-shadow: 0 0 0 3px var(--theme-color);
  -webkit-box-shadow: 0 0 0 3px var(--theme-color);
}

.team-member .member-photo .member-name span {
  background-color: var(--theme-color);
}

.classic-title span {
  border-bottom-color: var(--theme-color);
}

.portfolio-filter li a:hover {
  color: var(--theme-color);
}

.portfolio-filter li a.selected {
  border-color: var(--theme-color);
  background-color: var(--theme-color);
}

.portfolio-item:hover .portfolio-details h4 {
  color: var(--theme-color);
}

.project-content h4 span {
  border-bottom-color: var(--theme-color);
}

.recent-projects h4.title span {
  border-bottom-color: var(--theme-color);
}

ul.post-meta li a:hover {
  color: var(--theme-color);
}

#pagination span.current {
  border-color: var(--theme-color);
  background-color: var(--theme-color);
}

#pagination a:hover {
  color: var(--second-color);
}

.post-tags-list a:hover {
  background-color: var(--theme-color);
}

.post-share a.mail {
  background-color: var(--theme-color);
}

.sidebar a:hover {
  color: var(--theme-color);
}

.widget-search .search-btn {
  background-color: var(--theme-color);
}

.sidebar .tagcloud a:hover {
  background-color: var(--theme-color);
}

.back-to-top:hover i {
  background-color: var(--theme-color);
}

.touch-slider .owl-controls.clickable .owl-buttons div:hover {
  background-color: var(--theme-color);
}

.touch-carousel .owl-controls.clickable .owl-buttons div:hover {
  background-color: var(--theme-color);
}

.testimonials-carousel .owl-controls.clickable .owl-buttons div {
  background-color: var(--theme-color);
}

.testimonials-carousel .owl-controls.clickable .owl-buttons div:hover i {
  color: var(--theme-color);
}

#portfolio-list li .portfolio-item-content {
  background: var(--theme-color);
}

.services-3-icon i {
  background-color: var(--theme-color);
}

.services-2-icon i {
  background-color: var(--theme-color);
}

#main-slide .animated2 strong {
  color: var(--theme-color);
}
#main-slide .animated4 strong {
  color: var(--theme-color);
}
#main-slide .animated7 strong {
  color: var(--theme-color);
}

#main-slide .carousel-control i:hover {
  background-color: var(--theme-color);
}
.slider.btn {
  background-color: var(--theme-color);
}

#main-slide .carousel-indicators .active {
  background-color: var(--theme-color);
}

.counter-item i {
  color: var(--theme-color);
}

.timer {
  color: var(--theme-color);
}

.progress-bar {
  background-color: #97c254;
}

.team-member.modern .member-photo:after {
  background-color: var(--theme-color);
}

.twitter-widget a {
  color: var(--theme-color);
}

.dot1,
.dot2 {
  background-color: var(--theme-color);
}

/*Additional*/

.list-group-item.active,
.list-group-item.active:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

.list-group-item:focus,
.list-group-item:hover {
  background-color: var(--theme-color);
}
.card-blocker-text {
  background-color: var(--theme-color);
}
.card-blocker-text-mini {
  background-color: var(--theme-color);
}
.btn-card {
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
}
.btn-error-default {
  background-color: var(--theme-color);
}
.btn-error-border {
  border: 1px solid var(--theme-color);color: var(--theme-color) !important;
}
.btn-error-border a {
  color: var(--theme-color) !important;
}