body {
}

/* Cyan elements */

.btn-primary,
.accordion .panel .panel-heading .panel-title a[aria-expanded='true'],
.well.custom {
    border-color: #00adef;
}

.btn-primary,
#side-callouts > a > .item,
.accordion .panel .panel-heading .panel-title a[aria-expanded='true'],
.well.custom {
    background-color: #00adef;
    color: white;
}

#breadcrumb .breadcrumb li a:hover,
.bg-dark .product .product-title a:hover,
.bg-medium-dark .product .product-title a:hover,
.bg-dark .portfolio-title a:hover,
.bg-medium-dark .portfolio-title a:hover,
.header-info-box a:hover,
.text-custom,
.custom-checks input[type="checkbox"]:checked + .label-text:before,
.custom-checks input[type="radio"]:checked + .label-text:before,
.btn-white {
    color: #00adef;
}

/* =============================== */
/* Sections and Background colours */
/* =============================== */

.bg-light {
    background-color: #eee;
}

.bg-medium {
    background-color: #ddd;
}

.bg-medium-dark {
    background-color: #666;
}

.bg-custom .btn-primary {
    border-color: #fff;
}

.bg-gray3 {
    background-color: #aaa;
}

.bg-concrete {
    background-color: #666;
    background-image: url(../imgs/bg-concrete.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-gradient {
    background: linear-gradient(45deg,#2e3192,#2abdbb);
}

/* =============================== */
/* =============================== */
/*           Headings              */
/* =============================== */
    .dark h1,
    .dark h2,
    .dark h3,
    .dark h4,
    .dark h5,
    .dark h6,
    .bg-dark h1,
    .bg-dark h2,
    .bg-dark h3,
    .bg-dark h4,
    .bg-dark h5,
    .bg-dark h6,
    .bg-custom h1,
    .bg-custom h2,
    .bg-custom h3,
    .bg-custom h4,
    .bg-custom h5,
    .bg-custom h6,
    .bg-medium-dark h1,
    .bg-medium-dark h2,
    .bg-medium-dark h3,
    .bg-medium-dark h4,
    .bg-medium-dark h5,
    .bg-medium-dark h6,
    .bg-gradient h1,
    .bg-gradient h2,
    .bg-gradient h3,
    .bg-gradient h4,
    .bg-gradient h5,
    .bg-gradient h6,
    .bg-dark .product .count-title,
    .bg-medium-dark .count-title,
    .bg-dark .count-container .count-title,
    .bg-medium-dark .count-container .count-title,
    .bg-gradient .count-container .count-title {
        color: white;
    }

/*.bg-dark h4,
.bg-medium-dark h4,*/
.bg-dark,
.bg-medium-dark,
.bg-gradient {
    color: white;
}

.main .dark h1:before,
.main .dark h2:before,
.main .bg-dark h1:before,
.main .bg-dark h2:before,
.main .bg-custom h1:before,
.main .bg-custom h2:before,
.main .bg-medium-dark h1:before,
.main .bg-medium-dark h2:before,
.main .bg-gradient h1:before,
.main .bg-gradient h2:before,
.footer .widget-title:before {
    border-bottom-color: #fff;
}

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


/* =============================== */
/*           Content               */
/* =============================== */

.bg-medium-dark .content,
.bg-gradient .content {
    color: #fff;
}

.panel-inverse .panel-body,
.bg-dark .well:not(.dark),
.bg-medium-dark .well:not(.dark),
.bg-gradient .well:not(.dark),
.bg-dark .category-filter-row,
.bg-medium-dark .category-filter-row,
.bg-gradient .category-filter-row {
    color: #333;
}

.bg-gray2 .service.service-border:not(:hover) .icon-bg {
    background-color: #ccc;
}

/* =============================== */
/* =============================== */
/*           Widgets               */
/* =============================== */
.bg-dark .portfolio-title a,
.bg-medium-dark .portfolio-title a,
.bg-gradient .portfolio-title a,
.bg-dark .portfolio-filter a,
.bg-medium-dark .portfolio-filter a,
.bg-gradient .portfolio-filter a,
.bg-dark .product:not(.product-list) .product-title a,
.bg-medium-dark .product:not(.product-list) .product-title a,
.bg-gradient .product:not(.product-list) .product-title a {
    color: white;
}

.bg-dark .portfolio-filter,
.bg-medium-dark .portfolio-filter {
    border-color: #333;
}


.bg-gray .product-list,
.bg-gray2 .product-list,
.bg-dark .product-list,
.bg-medium-dark .product-list,
.bg-medium .product-list {
    background-color: #fff;
    color: #333;
}

.bg-gray .product-list .product-title,
.bg-gray2 .product-list .product-title,
.bg-dark .product-list .product-title,
.bg-medium-dark .product-list .product-title,
.bg-medium .product-list .product-title {
    margin-top: 15px;
}


.bg-dark .owl-prev,
.bg-dark .owl-next,
.bg-medium-dark .owl-prev,
.bg-medium-dark .owl-next {
    color: white;
}

@media (min-width: 768px) {
    .bg-dark .product-list.relative > .btn,
    .bg-medium-dark .product-list.relative > .btn {
        bottom: 10px;
        right: 10px;
    }
}

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

/* ============================= */
/*              Themes           */
/* ============================= */

/* Blues */
/* ============================= */
.callout.custom,
.service.service-box.custom,
.well.custom,
.text-block.custom .caption,
.count-container.text-center.custom .count-icon,
.navbar-nav .dropdown-menu > .custom.open > a:hover {
    background-color: #0079C2;
}

.text-block.hover-bg.custom .caption {
    background-color: rgba(33, 150, 243, .5);
}

.service.service-box.custom .icon-bg,
.callout.custom .btn-primary,
.well.custom .btn-primary,
.text-block.custom .block-icon,
.text-block.custom .btn-primary {
    background-color: #166194;
}

    .service.service-box.custom:hover .icon-bg,
    .callout.custom .btn-primary:hover,
    .callout.custom .btn-primary:active,
    .well.custom .btn-primary:hover,
    .well.custom .btn-primary:active,
    .text-block.custom .btn-primary:hover,
    .text-block.custom .btn-primary:active {
        background-color: #1a557d;
    }

.service.service-border.custom {
    background-color: #0079C2 !important;
    border-color: #0079C2;
}

.callout.custom .callout-title,
.callout.custom small,
.service.service-border.custom,
.service.service-box.custom .service-title,
.service.service-box.custom .service-title > a,
.text-block.custom,
.text-block.custom h3,
.text-block.custom h3 > a,
.text-block.custom .block-icon,
.count-container.text-center.custom .count-icon,
.text-block.hover-bg.custom .btn-primary {
    color: #fff;
}

.count-container.text-center.custom .count {
    color: #0079C2;
}

/* Indigos */
/* ============================= */
.callout.indigo,
.service.service-box.indigo,
.well.indigo,
.text-block.indigo .caption,
.count-container.text-center.indigo .count-icon,
.navbar-nav .dropdown-menu > .indigo.open > a:hover {
    background-color: #3F51B5;
}

.text-block.hover-bg.indigo .caption {
    background-color: rgba(63, 81, 181, .5);
}

.service.service-box.indigo .icon-bg,
.callout.indigo .btn-primary,
.well.indigo .btn-primary,
.text-block.indigo .block-icon,
.text-block.indigo .btn-primary {
    background-color: #2b387c;
}

.callout.indigo .btn-primary,
.well.indigo .btn-primary,
.text-block.indigo .btn-primary {
    border-color: #2b387c;
}

.service.service-box.indigo:hover {
    background-color: #2b387c !important;
    border-color: #2b387c;
}

    .service.service-box.indigo:hover .icon-bg,
    .callout.indigo .btn-primary:hover,
    .callout.indigo .btn-primary:active,
    .well.indigo .btn-primary:hover,
    .well.indigo .btn-primary:active,
    .text-block.indigo .btn-primary:hover,
    .text-block.indigo .btn-primary:active {
        background-color: rgba(63, 81, 181, 0.65);
    }

.callout.indigo .callout-title,
.callout.indigo small,
.service.service-box.indigo,
.service.service-box.indigo .service-title,
.service.service-box.indigo .icon-bg,
.well.indigo,
.well.indigo h3,
.well.indigo h3 > a,
.text-block.indigo,
.text-block.indigo h3,
.text-block.indigo h3 > a,
.text-block.indigo .block-icon,
.count-container.text-center.indigo .count-icon,
.text-block.indigo .btn-primary {
    color: #fff;
}

.count-container.text-center.indigo .count {
    color: #3a4aa6;
}

/* Yellows */
/* ============================= */

.callout.yellow,
.service.service-box.yellow,
.well.yellow,
.text-block.yellow .caption,
.count-container.text-center.yellow .count-icon,
.navbar-nav .dropdown-menu > .yellow.open > a:hover {
    background-color: #FFDE00;
    border-color: #FFDE00;
}

.text-block.hover-bg.yellow .caption {
    background-color: rgba(247, 197, 0, .7);
}

.service.service-box.yellow .icon-bg,
.callout.yellow .btn-primary,
.well.yellow .btn-primary,
.text-block.yellow .block-icon,
.text-block.yellow .btn-primary {
    background-color: #f7c500;
    /*color: #ffffff;*/
}

.well.yellow h3,
.well.yellow h3 > a,
.navbar-nav .dropdown-menu > .yellow.open > a:hover {
    color: inherit;
}

.callout.yellow .btn-primary,
.well.yellow .btn-primary,
.text-block.yellow .btn-primary {
    border-color: #f7c500;
    color: inherit;
}

.service.service-box.yellow:hover {
    background-color: #f7c500 !important;
    border-color: #f7c500;
}

    .service.service-box.yellow:hover .icon-bg,
    .callout.yellow .btn-primary:hover,
    .callout.yellow .btn-primary:active,
    .well.yellow .btn-primary:hover,
    .well.yellow .btn-primary:active,
    .text-block.yellow .btn-primary:hover,
    .text-block.yellow .btn-primary:active {
        background-color: #c49c00;
    }

.count-container.text-center.yellow .count-icon {
    /*color: #fff;*/
}


.count-container.text-center.yellow .count {
    color: #FFDE00;
}

/* Reds */
/* ============================= */

.callout.red,
.service.service-box.red,
.well.red,
.text-block.red .caption,
.count-container.text-center.red .count-icon,
.navbar-nav .dropdown-menu > .red.open > a:hover {
    background-color: #ED1C24;
}

.text-block.hover-bg.red .caption {
    background-color: rgba(255, 0, 0, .5);
}

.service.service-box.red .icon-bg,
.callout.red .btn-primary,
.well.red .btn-primary,
.text-block.red .block-icon,
.text-block.red .btn-primary {
    background-color: #cd1e1a;
}

.callout.red .btn-primary,
.well.red .btn-primary,
.text-block.red .btn-primary {
    border-color: #cd1e1a;
}

.service.service-box.red:hover {
    background-color: #cd1e1a !important;
    border-color: #cd1e1a;
}

    .service.service-box.red:hover .icon-bg,
    .callout.red .btn-primary:hover,
    .callout.red .btn-primary:active,
    .well.red .btn-primary:hover,
    .well.red .btn-primary:active,
    .text-block.red .btn-primary:hover,
    .text-block.red .btn-primary:active {
        background-color: #9f1815;
    }

.callout.red .callout-title,
.callout.red small,
.service.service-box.red,
.service.service-box.red .service-title,
.service.service-box.red .icon-bg,
.well.red,
.well.red h3,
.well.red h3 > a,
.text-block.red,
.text-block.red h3,
.text-block.red h3 > a,
.text-block.red .block-icon,
.count-container.text-center.red .count-icon,
.text-block.red .btn-primary {
    color: #fff;
}

.count-container.text-center.red .count {
    color: #e53935;
}


/* Oranges */
/* ============================= */
.callout.orange,
.service.service-box.orange,
.well.orange,
.text-block.orange .caption,
.count-container.text-center.orange .count-icon,
.navbar-nav .dropdown-menu > .orange.open > a:hover {
    background-color: #F26927;
}

.text-block.hover-bg.orange .caption {
    background-color: rgba(255, 167, 38, .7);
}

.service.service-box.orange .icon-bg,
.callout.orange .btn-primary,
.well.orange .btn-primary,
.text-block.orange .block-icon,
.text-block.orange .btn-primary {
    background-color: #db5f21;
}

.callout.orange .btn-primary,
.well.orange .btn-primary,
.text-block.orange .btn-primary {
    border-color: #db5f21;
}

.service.service-box.orange:hover {
    background-color: #db5f21 !important;
    border-color: #db5f21;
}

    .service.service-box.orange:hover .icon-bg,
    .callout.orange .btn-primary:hover,
    .callout.orange .btn-primary:active,
    .well.orange .btn-primary:hover,
    .well.orange .btn-primary:active,
    .text-block.orange .btn-primary:hover,
    .text-block.orange .btn-primary:active {
        background-color: #c2541d;
    }

.callout.orange .callout-title,
.callout.orange small,
.service.service-box.orange,
.service.service-box.orange .service-title,
.service.service-box.orange .service-title > a,
.service.service-box.orange .icon-bg,
.well.orange,
.well.orange h3,
.well.orange h3 > a,
.text-block.orange,
.text-block.orange h3,
.text-block.orange h3 > a,
.text-block.orange .block-icon,
.count-container.text-center.orange .count-icon,
.text-block.orange .btn-primary {
    color: #fff;
}

.count-container.text-center.orange .count {
    color: #F26927;
}

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

/* Greens */
/* ============================= */

.callout.green,
.service.service-box.green,
.well.green,
.text-block.green .caption,
.count-container.text-center.green .count-icon,
.navbar-nav .dropdown-menu > .green.open > a:hover {
    background-color: #8fc73e;
}

.text-block.hover-bg.green .caption {
    background-color: rgba(143,199,62,.8);
}

.service.service-box.green .icon-bg,
.callout.green .btn-primary,
.well.green .btn-primary,
.text-block.green .block-icon,
.text-block.green .btn-primary {
    background-color: #82a84a;
}

.callout.green .btn-primary,
.well.green .btn-primary,
.text-block.green .btn-primary {
    border-color: #82a84a;
}

.service.service-box.green:hover {
    background-color: #82a84a !important;
    border-color: #82a84a;
}

    .service.service-box.green:hover .icon-bg,
    .callout.green .btn-primary:hover,
    .callout.green .btn-primary:active,
    .well.green .btn-primary:hover,
    .well.green .btn-primary:active,
    .text-block.green .btn-primary:hover,
    .text-block.green .btn-primary:active {
        background-color: #429745;
    }

.callout.green .callout-title,
.callout.green small,
.service.service-box.green,
.service.service-box.green .service-title,
.service.service-box.green .icon-bg,
.well.green,
.well.green h3,
.well.green h3 > a,
.text-block.green,
.text-block.green h3,
.text-block.green h3 > a,
.text-block.green .block-icon,
.count-container.text-center.green .count-icon,
.text-block.green .btn-primary {
    color: #fff;
}

    .well.green h3 > a,
    .text-block.green h3 > a {
        color: inherit;
    }

.count-container.text-center.green .count {
    color: #4CAF50;
}