/*

[THEME COLOR STYLES]

Template: iProof - Multipurpose HTML Template
Author: ThemeAtelier
Author URI: https://themeforest.net/user/themeatelier


[NOTE]
------
PLEASE DO NOT EDIT THIS CSS FILE, YOU MAY NEED TO USE 'css/custom.css' FILE FOR WRITING YOUR CUSTOM CSS STYLES.
WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE 'css/custom.css' file.

*/

/* ------------------------------------
    COLORS
------------------------------------ */
a,
a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus,
.btn-link.active,
.active > .btn-link,
.btn-default,
.bg--color-theme .btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.focus,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.active,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.focus,
.nav li a:hover,
.nav li a:focus,
.nav li.open > a,
.nav li.open > a:hover,
.nav li.open > a:focus,
.nav li.active > a,
.nav li.active > a:hover,
.nav li.active > a:focus,
.header--nav-links > li:hover > a,
.page-header--section .breadcrumb li a:hover,
.page-header--section .breadcrumb li a:focus,
.banner--content .h2 span,
.about--content .info li .fa,
.faq--item .panel-heading a,
.exp--items > li > .info .institute,
.exp--items > li > .info .toggle-btn,
.counter--item .icon,
.portfolio--filter-menu .nav > li:hover,
.portfolio--filter-menu .nav > li.active,
.portfolio--item.style--2 .caption .btn:hover,
.pricing--features .nav li:after,
.pricing--features .nav li span[data-toggle="tooltip"],
.contact-info--item .icon,
.service--item .icon,
.hireme--modal .file--input:hover:before {
    color: #00b798;
}

.text--color-1 {
    color:#f7f1f0;
}

/* ------------------------------------
    BACKGROUND COLORS
------------------------------------ */
#preloader {
    background-color: #1b7bbd;
}

.rangeslider--widget.ui-widget > span,
.bg--color-theme,
.bg--overlay-color:before,
.btn-default:before,
.btn-primary:before,
.progress-bars .progress-bar,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > span:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span:focus,
#backToTop:after,
.header--navbar .navbar-toggle,
body.isScrolling .header--navbar .navbar-toggle.collapsed .icon-bar,

.header--nav-links > li > a:before,
.exp--items > li > .date:after,
.exp--items > li > .info .toggle-btn:hover,
.step--item:before,
.pricing--tag p,
.pricing--tag p:before,
.pricing--features .nav .tooltip-inner,
.post--tags .nav > li > a:hover,
.post--footer .social > li > a:hover,
.post--footer .social > li > a:focus,
.service--item .icon.icon-2,
.hireme--modal .modal-dialog,
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
    background-color: #00b798;
}

.bg--overlay:before {
    background-color: #1b7bbd;
}

/* 22201d */

.header--navbar .navbar-brand {
    background-color: #1b7bbd;
}

::-moz-selection {
    background-color: #00b798;
}

::selection {
    background-color: #1b7bbd;
}

/* ------------------------------------
    BACKGROUND COLORS
------------------------------------ */
.form-control:focus,
.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.focus,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.active,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.focus,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.active,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.focus,
.header--navbar .navbar-toggle,
body.isScrolling .header--navbar .navbar-toggle,
.about--content .content img,
.exp--items > li > .date:before,
.exp--items > li > .info .toggle-btn,
.post--img .action .btn-default:hover,
.post--tags .nav > li > a:hover,
.post--footer .social > li > a:hover,
.post--footer .social > li > a:focus,
.hireme--modal .form-control:focus,
.service--item .icon,
.service--item .icon.icon-2,
.hireme--modal .file--input:hover:before ,
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover{
    border-color: #00b798;
}

.rangeslider--widget.ui-widget > span:before,
.pricing--features .nav .tooltip-arrow,
.category--item .icon:after {
    border-top-color: #00b798;
}

.exp--items > li > .info {
    border-left-color: #1b7bbd;
}

.pricing--title,
.category--item .icon:before {
    border-bottom-color: #00b798;
}

.category--item .icon,
.testimonial--item .img--inner {
    background-color: #00b798;
}

.testimonial--item blockquote:before {
    color: #1b7bbd;
}