/* ================================= */
/* ---------- COUSTOM COLOR -------- */
/* ================================= */
.color_yellow{color:#3a1cff}
.btn-light {
  background: #3a1cff;
}
.form_button {
  background: #3a1cff;
  transition: color 1000ms ease 0s, background-color 1500ms ease 0s;
}
.media__body:after,
.media__body:before {
  border: 1px solid #3a1cff;
}
.topbar .booking {
  background: #3a1cff;
}
.navbar-default .navbar-toggle {
	background: #3a1cff;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
	background-color: #3a1cff;
}
.tp-tab:hover, .tp-tab.selected, 
.tp-thumb:hover, .tp-thumb.selected {
  border-bottom: 3px solid #3a1cff !important;
}
.tp-tab:hover .tp-tab-title span{
  background:#3a1cff;
}
.tp-tab:hover .tp-tab-title > span, .tp-tab.selected .tp-tab-title > span{ 
  background:#3a1cff; 
}
.tp-tab:hover .tp-tab-title, .tp-tab.selected .tp-tab-title{ 
  color:#3a1cff; 
}
.scrollup {
  background: #3a1cff;
}
.scrollup:hover {
    border: 1px solid #3a1cff;
}
.modal-center h2 {
    color: #3a1cff;
}
.login-modal-btn {
    background: #3a1cff;
 }
 .modal-heading {s
    border-left: 5px solid #3a1cff;
}
.modal-title {
    color: #3a1cff;
}
#btn-close-modal {
    border: 1px solid #3a1cff;
    color: #3a1cff;
}
#login .profile-login ul .active > a {
	background:#3a1cff;
}
#login .profile-login .btn-slide {
  background:#3a1cff;
  transition: color 1000ms ease 0s, background-color 1500ms ease 0s;
}
#login .profile-login .lost-pass:hover{
  color:#3a1cff;
}
.overlay-inner > h4 {
  color: #3a1cff;
}
#header_six {
  background: #3a1cff;
}
#popup_login .close {
  background-color: #3a1cff;
}
.form-material .form-control {
    border-bottom: 1px solid #3a1cff;
}
.form-material label {
    color: #3a1cff;
}
.accordion .title a:hover,
.accordion .title a[aria-expanded="true"] {
    background: #3a1cff;
}
.cont_office .btn.btn-default.dropdown-toggle {
  background: #3a1cff;
}
#header_top .cont_office .dropdown-menu > li > a:focus, 
#header_top .cont_office .dropdown-menu > li > a:hover {
  background-color: #3a1cff;
}
.get-tuch.text-left a:hover
 {
  color: #3a1cff;
}
.get-tuch.text-left .fa
 {
  color: #3a1cff;
}
#header_4 nav.navbar.bootsnav .share ul > li > a:hover{
	background:#3a1cff;
}
#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: #3a1cff;
}
#header_8 .logo {
	background: #3a1cff;
}
#header_8 .logo:after{
	background:#3a1cff url(../images/logo-bg.png) no-repeat;
}
#header_8 .logo:before {
	background: #3a1cff;
}
#header_8 .quotes a {
	background: #3a1cff;
}
#header_8 .top-info-con h6{
    color: #3a1cff;
}
#header_9 .top_icon .fa {
  color: #3a1cff;
}
#header_one .navbar-default .navbar-nav > li a:hover {
	background-color: #3a1cff;
}
#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: #3a1cff;
}
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: #3a1cff;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  background-color: #3a1cff;
}
#header_4 nav.navbar.bootsnav .navbar-toggle {
  background: #3a1cff !important;
}
.pushmenu{ 
  border-top:5px solid #3a1cff;
}
.pushmenu .push_nav > li > a:hover, .pushmenu  .push_nav > li > a:focus, 
.pushmenu .push_nav > li.active > a{
	color:#3a1cff;
}
#header_7 .social-icons li {
  border: 1px solid #3a1cff;
}
#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:#3a1cff;
}
.banner-button-1 {
  background: #3a1cff;
}
.banner-button-1:hover {
  color: #3a1cff;
}
.banner-button-2:hover {
  background: #3a1cff;
  color: #fff;
}
#main-slider .carousel .style {
  color: #3a1cff;
  border:1px solid #3a1cff;
}
#main-slider .carousel .style > span {
  background: #3a1cff;
}
#main-slider .carousel .style > span > span {
  border-color: transparent transparent transparent #3a1cff;
}
#main-slider .carousel .btn-slide:hover{
  border-left:4px solid #3a1cff;
}
#main-slider .carousel .active.btn-slide.animation.animated-item-1 {
  background: #3a1cff ;
  border-left:4px solid #3a1cff;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: #3a1cff;
}
#main-slider .carousel-indicators .active{
  background-color: #3a1cff ;
   border: 1px solid #3a1cff ;
}

#main-slider .carousel-indicators .active:after {
  background: #3a1cff ;
  border: 1px solid #3a1cff ;
}
#home_2 h4 {
  color: #3a1cff;
}
.btn:hover {
    color: #3a1cff;
}
.pur_button-white > a {
  background: #3a1cff;
}
.pur_button-white > a:hover{
  color: #3a1cff;
}
#about .btn-slide_about {
	background:#3a1cff;
}
#about .btn-slide_about:hover {
	background: #3a1cff;
}
.page-block h3 {
  color: #3a1cff;
}
.icon-box .icon.icon-dark {
	background-color: #3a1cff;
}
.icon-box .icon.icon-border-effect::after {
	box-shadow: 0 0 0 3px #3a1cff;
}
.line1, .line2 {
  background-color: #3a1cff;
}
.servicesone i {
	background:#3a1cff;
}
.servicesone:hover i {
  color: #3a1cff;
}
.btn-slide {
  background: #3a1cff;
}
.owl-pagination .owl-page > span {
  background: #3a1cff;
 }
 #tabs-section .about-us-box .about-us-post:hover a{
	background:#3a1cff;
}
#tabs-section .about-us-box .about-us-post:hover h4{
	color:#3a1cff;
}
.service-item .fa {
  border: 1px solid #3a1cff;
  color: #3a1cff;
}
.service-item:hover .fa {
  background:#3a1cff;
}
.service-item:hover h3 {
  color: #3a1cff;
}
.features8:hover h3{
	color:#3a1cff;
}
.row.servc {
  background: #3a1cff;
}
.index1-services-box:hover{
	background:#3a1cff;
	transition: all 0.5s ease 0s;
}
#services_index1 .owl-next:hover, #services_index1 .owl-prev:hover {
  color: #3a1cff;
}
#index7_services {
  background: #3a1cff;
}
#project_index .services:hover h3 {
  color: #3a1cff;
}
.services:hover span {
  background: #3a1cff;
  border: 1px solid #3a1cff;
}
.services:hover a {
  border-bottom: 1px solid #3a1cff;
  color: #3a1cff;
}
.services:hover h3 {
  color: #3a1cff;
}
#project_index .services:hover a {
  border-bottom: 1px solid #3a1cff;
  color: #3a1cff;
}
#purchase {
  background: #3a1cff;
}
.work-filter ul li a:hover, .work-filter ul li a.active {
	background-color: #3a1cff;
	border: 1px dotted #3a1cff;
}
.overlay {
	color: #3a1cff !important;
}
.overlay .line, .product-content .line {
	background-color: #3a1cff;
}

.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:#3a1cff;
}
.cbp-l-filters-alignRight .cbp-filter-item:before{
  color:#3a1cff;
 }
 .overlay .opens{
	background:#3a1cff;
}
.circle-user {
    border: 3px solid #3a1cff;
    color: #3a1cff;
}
.circle-user i {
    background: #3a1cff;
}
#index1-chose .chose_box i {
  background: #3a1cff;
 }
 #index1-chose .chose_box:hover {
	background:#3a1cff;
}
#index1-chose .chose_box:hover i{
	color: #3a1cff;
}
.gallery-section .slide-item{
	border:1px solid #3a1cff;		
}
.gallery-section .item-caption{
	border-top:2px solid #3a1cff;
}
.slide-item .item-caption h4 strong {
  color: #3a1cff;
}
.gallery-section .owl-next:hover, 
.gallery-section .owl-prev:hover, 
#our-agent-slider .owl-prev:hover, 
#our-agent-slider .owl-next:hover{
  background: #3a1cff;
}
#our-agent .team_text {
  border-top: 4px solid #3a1cff;
}
.team_popup .progress-bar {
  background-color: #3a1cff;
}
#our-agent-slider .item:hover .team_text {
  background: #3a1cff;
}
 #index1-conatcat .index1_adress .fa {
  color:#3a1cff;
}
#index1-conatcat .index1_adress a:hover {
  color:#3a1cff;
}#index1-conatcat .index1_adress a:hover {
  color:#3a1cff;
}
.footer_link > li > a:hover{
  color: #3a1cff;
}
.social-icons li {
  background: #3a1cff;
}
.social-icons li:hover a {
  color: #3a1cff;
}
.header_5 nav.navbar.bootsnav .navbar-toggle {
  background: #3a1cff !important;
 }
/* ================================= */
/* -------- COUSTOM COLOR RGBA ----- */
/* ================================= */
.servicesone:hover i {
  box-shadow: 0 0 0 5px rgba(255, 205, 35, 0.8) inset;
}