/* ================================= */
/* ---------- COUSTOM COLOR -------- */
/* ================================= */
.color_yellow {
    color: #f64040
}

.btn-light {
    background: #f64040;
}

.form_button {
    background: #f64040;
    transition: color 1000ms ease 0s, background-color 1500ms ease 0s;
}

.media__body:after,
.media__body:before {
    border: 2px solid #f64040;
}

.topbar .booking {
    background: #f64040;
}

.navbar-default .navbar-toggle {
    background: #f64040;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #f64040;
}

.tp-tab:hover, .tp-tab.selected, .tp-thumb:hover, .tp-thumb.selected {
    background: #f64040 !important;
}

.tp-tab:hover .tp-tab-title > span, .tp-tab.selected .tp-tab-title > span {
    color: #f64040;
}

.scrollup {
    background: #f64040;
}

.scrollup:hover {
    border: 1px solid #f64040;
}

.modal-center h2 {
    color: #f64040;
}

.login-modal-btn {
    background: #f64040;
}

.modal-heading {
    border-left: 5px solid #f64040;
}

.modal-title {
    color: #f64040;
}

#btn-close-modal {
    border: 1px solid #f64040;
    color: #f64040;
}

#login .profile-login ul .active > a {
    background: #f64040;
}

#login .profile-login .btn-slide {
    background: #f64040;
    transition: color 1000ms ease 0s, background-color 1500ms ease 0s;
}

#login .profile-login .lost-pass:hover {
    color: #f64040;
}

.overlay-inner > h4 {
    color: #f64040;
}

#header_six {
    background: #f64040;
}

#popup_login .close {
    background-color: #f64040;
}

.form-material .form-control {
    border-bottom: 1px solid #f64040;
}

.form-material label {
    color: #f64040;
}

.accordion .title a:hover,
.accordion .title a[aria-expanded="true"] {
    background: #f64040;
}

.cont_office .btn.btn-default.dropdown-toggle {
    background: #f64040;
}

#header_top .cont_office .dropdown-menu > li > a:focus,
#header_top .cont_office .dropdown-menu > li > a:hover {
    background-color: #f64040;
}

.get-tuch.text-left a:hover {
    color: #f64040;
}

.get-tuch.text-left .fa {
    color: #f64040;
}

#header_4 nav.navbar.bootsnav .share ul > li > a:hover {
    background: #f64040;
}

#header_six .navbar-default .navbar-nav > .active > a,
#header_six .navbar-default .navbar-nav > .active > a:focus,
#header_six .navbar-default .navbar-nav > .active > a:hover {
    background-color: #f64040;
}

#header_8 .logo {
    background: #f64040;
}

#header_8 .logo:after {
    background: #f64040 url(../images/logo-bg.png) no-repeat;
}

#header_8 .logo:before {
    background: #f64040;
}

#header_8 .quotes a {
    background: #f64040;
}

#header_8 .top-info-con h6 {
    color: #f64040;
}

#header_9 .top_icon .fa {
    color: #f64040;
}

#header_one .navbar-default .navbar-nav > li a:hover {
    background-color: #f64040;
}

#header_one .navbar-default .navbar-nav > .active > a, #header_one .navbar-default .navbar-nav > .active > a:focus, #header_one .navbar-default .navbar-nav > .active > a:hover {
    background-color: #f64040;
}

nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, 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 {
    background-color: #f64040;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: #f64040;
}

#header_4 nav.navbar.bootsnav .navbar-toggle {
    background: #f64040 !important;
}

.pushmenu {
    border-top: 5px solid #f64040;
}

.pushmenu .push_nav > li > a:hover, .pushmenu .push_nav > li > a:focus,
.pushmenu .push_nav > li.active > a {
    color: #f64040;
}

#header_7 .social-icons li {
    border: 1px solid #f64040;
}

#header_9 .navbar-default .navbar-nav > .active > a,
#header_9 .navbar-default .navbar-nav > .active > a:focus,
#header_9 .navbar-default .navbar-nav > .active > a:hover {
    background: #f64040;
}

.banner-button-1 {
    background: #f64040;
}

.banner-button-1:hover {
    color: #f64040;
}

.banner-button-2:hover {
    background: #f64040;
    color: #fff;
}

#main-slider .carousel .style {
    color: #f64040;
    border: 1px solid #f64040;
}

#main-slider .carousel .style > span {
    background: #f64040;
}

#main-slider .carousel .style > span > span {
    border-color: transparent transparent transparent #f64040;
}

#main-slider .carousel .btn-slide:hover {
    border-left: 4px solid #f64040;
}

#main-slider .carousel .active.btn-slide.animation.animated-item-1 {
    background: #f64040;
    border-left: 4px solid #f64040;
}

#main-slider .prev:hover,
#main-slider .next:hover {
    background-color: #f64040;
}

#main-slider .carousel-indicators .active {
    background-color: #f64040;
    border: 1px solid #f64040;
}

#main-slider .carousel-indicators .active:after {
    background: #f64040;
    border: 1px solid #f64040;
}

#home_2 h4 {
    color: #f64040;
}

.btn:hover {
    color: #f64040;
}

.pur_button-white > a {
    background: #f64040;
}

.pur_button-white > a:hover {
    color: #f64040;
}

#about .btn-slide_about {
    background: #f64040;
}

#about .btn-slide_about:hover {
    background: #f64040;
}

.page-block h3 {
    color: #f64040;
}

.icon-box .icon.icon-dark {
    background-color: #f64040;
}

.icon-box .icon.icon-border-effect::after {
    box-shadow: 0 0 0 3px #f64040;
}

.line1, .line2 {
    background-color: #f64040;
}

.servicesone i {
    background: #f64040;
}

.servicesone:hover i {
    color: #f64040;
}

.btn-slide {
    background: #f64040;
}

.owl-pagination .owl-page > span {
    background: #f64040;
}

#tabs-section .about-us-box .about-us-post:hover a {
    background: #f64040;
}

#tabs-section .about-us-box .about-us-post:hover h4 {
    color: #f64040;
}

.service-item .fa {
    border: 1px solid #f64040;
    color: #f64040;
}

.service-item:hover .fa {
    background: #f64040;
}

.service-item:hover h3 {
    color: #f64040;
}

.features8:hover h3 {
    color: #f64040;
}

.row.servc {
    background: #f64040;
}

.index1-services-box:hover {
    background: #f64040;
    transition: all 0.5s ease 0s;
}

#services_index1 .owl-next:hover, #services_index1 .owl-prev:hover {
    color: #f64040;
}

#index7_services {
    background: #f64040;
}

#project_index .services:hover h3 {
    color: #f64040;
}

.services:hover span {
    background: #f64040;
    border: 1px solid #f64040;
}

.services:hover a {
    border-bottom: 1px solid #f64040;
    color: #f64040;
}

.services:hover h3 {
    color: #f64040;
}

#project_index .services:hover a {
    border-bottom: 1px solid #f64040;
    color: #f64040;
}

#purchase {
    background: #f64040;
}

.work-filter ul li a:hover, .work-filter ul li a.active {
    background-color: #f64040;
    border: 1px dotted #f64040;
}

.overlay {
    color: #f64040 !important;
}

.overlay .line, .product-content .line {
    background-color: #f64040;
}

.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-alignRight .cbp-filter-item:hover, .cbp-l-filters-alignRight .cbp-filter-item:focus {
    color: #f64040;
}

.cbp-l-filters-alignRight .cbp-filter-item:before {
    color: #f64040;
}

.overlay .opens {
    background: #f64040;
}

.circle-user {
    border: 3px solid #f64040;
    color: #f64040;
}

.circle-user i {
    background: #f64040;
}

.chose_box i {
    background: #f64040;
}

.chose_box:hover {
    background: #f64040;
}

.chose_box:hover i {
    color: #f64040;
}

.gallery-section .slide-item {
    border: 1px solid #f64040;
}

.gallery-section .item-caption {
    border-top: 2px solid #f64040;
}

.slide-item .item-caption h4 strong {
    color: #f64040;
}

.gallery-section .owl-next:hover,
.gallery-section .owl-prev:hover,
#our-agent-slider .owl-prev:hover,
#our-agent-slider .owl-next:hover {
    background: #f64040;
}

#our-agent .team_text {
    border-top: 4px solid #f64040;
}

.team_popup .progress-bar {
    background-color: #f64040;
}

#our-agent-slider .item:hover .team_text {
    background: #f64040;
}

#index1-conatcat .index1_adress .fa {
    color: #f64040;
}

#index1-conatcat .index1_adress a:hover {
    color: #f64040;
}

#index1-conatcat .index1_adress a:hover {
    color: #f64040;
}

.footer_link > li > a:hover {
    color: #f64040;
}

.social-icons li {
    background: #f64040;
}

.social-icons li:hover a {
    color: #f64040;
}

.header_5 nav.navbar.bootsnav .navbar-toggle {
    background: #f64040 !important;
}

/* ================================= */
/* -------- COUSTOM COLOR RGBA ----- */
/* ================================= */
.servicesone:hover i {
    box-shadow: 0 0 0 5px rgba(255, 58, 58, 0.8) inset;
}