/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/


.header {
    background-color: white;
    color: black;
}
.main-menu {
    color: #000;
}
.main-menu > ul > li span > a {
    color: black;
    font-weight: bold;
}
.header .main-menu > ul > li span > a {
    color: #000;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    color: #75e8ce;
}
/* Color */

/*-------- COLOR PURPLE--------*/
[data-loader="circle-side"] {
    border: 2px solid #493bf4;
}

/* Main navigation */
header .main-menu > ul > li span > a {
    color: #444;
}
header.sticky .main-menu > ul > li span > a {
    color: #444;
}
header.sticky .main-menu > ul > li span:hover > a {
    opacity: 1;
    color: #493bf4;
}

.main-menu ul ul li:hover > a {
    background-color: #f9f9f9;
    color: #493bf4;
    padding-left: 18px;
}

.dropdown-user .dropdown-menu ul li a:hover {
    color: #493bf4 !important;
    opacity: 1 !important;
}

/*-------- 1.1 Typography --------*/
.main_title_2 span em {
    background-color: #493bf4;
}

.main_title_3 span em {
    background-color: #493bf4;
}

/*General links color*/
a {
    color: #493bf4;
}
a:hover, a:focus {
    color: #111;
    text-decoration: none;
    outline: none;
}

/*-------- 1.2 Buttons --------*/
a.btn_1,
.btn_1 {
    background: #493bf4;
}
a.btn_1.outline,
.btn_1.outline {
    border: 2px solid #493bf4;
    color: #493bf4;
}

a.btn_map:hover {
    color: #493bf4;
}

a.btn_map_in,
.btn_map_in {
    background: #493bf4;
}

/*-------- 1.3 Structure --------*/
.hero_in a.btn_photos:hover {
    color: #493bf4;
}

/* Footer */
footer ul li a:hover {
    color: #493bf4;
    opacity: 1;
}
footer ul.links li a:hover:after {
    opacity: 1;
    color: #493bf4;
}

/* Newsletter footer*/
#newsletter input[type='submit'] {
    background-color: #493bf4;
}

/*============================================================================================*/
/* 2.  CONTENT */
/*============================================================================================*/
#custom-search-input input[type='submit'] {
    background-color: #493bf4;
}

.custom-search-input-2 input[type='submit'] {
    background-color: #493bf4;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #6449e7 !important;
}

a.box_news:hover h4 {
    color: #493bf4;
}

.box_grid a.wish_bt.liked:after {
    color: #493bf4;
}
.box_grid a.wish_bt:hover.liked:after {
    color: #493bf4;
}

.box_list a.wish_bt.liked:after {
    color: #493bf4;
}
.box_list a.wish_bt:hover.liked:after {
    color: #493bf4;
}

.layout_view a:hover {
    color: #493bf4;
}

.switch-field label:hover {
    color: #493bf4;
}

.secondary_nav ul li a:hover {
    color: #493bf4;
}

a.btn_infobox_detail:before:hover {
    color: #493bf4;
}

.btn_infobox_get_directions, a.btn_infobox_phone {
    color: #493bf4;
}

.contact_info ul li h4 {
    color: #493bf4;
}

.search_bar_error input[type='submit'] {
    background-color: #493bf4;
}

.form_title h3 strong {
    background-color: #493bf4;
}

.grid ul li figcaption a:hover, .grid ul li figcaption a:focus {
    color: #493bf4;
}

ul#cat_nav li a:hover, ul#cat_nav li a#active, ul#cat_nav li a.active {
    color: #493bf4;
}

.list_articles ul li a:hover {
    color: #493bf4;
}

#toTop:hover {
    background-color: #493bf4;
}

.accordion_2 .card-header h5 a i.indicator {
    color: #493bf4;
}

#cookie-bar .cb-policy {
    background: #493bf4;
}

.applyBtn.btn.btn-sm.btn-primary {
    background-color: #493bf4;
}

/*============================================================================================*/
/* MAP CLUSTERER */
/*============================================================================================*/
.cluster-visible {
    background-color: #493bf4;
}
.cluster-visible:before {
    border: 7px solid #493bf4;
    box-shadow: inset 0 0 0 4px #493bf4;
}

/*============================================================================================*/
/* BLOG */
/*============================================================================================*/
article.blog .post_info h3 a:hover {
    color: #493bf4;
}

.comments-list h3 a:hover {
    color: #493bf4;
}

.widget ul.cats a:hover {
    color: #493bf4;
}

.tags a:hover {
    background-color: #493bf4;
}

.postmeta ul li a:hover {
    color: #493bf4;
}

/*============================================================================================*/
/* PRICING TABLES */
/*============================================================================================*/
.pricing-switcher .fieldset {
    background-color: #493bf4;
}
.pricing-switcher .switch {
    background-color: #3f1de0;
}

@media only screen and (min-width: 769px) {
    .pricing-wrapper > li::before {
        background-color: white;
    }
}


/* End of Color */

.responsive-image {
    width: 100%;
    height: auto;
}


.hero_in.blog:before {
    /*background: url(../img/hero_in_bg_2.jpg) center center no-repeat;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero_in.blog .wrapper {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
}

.parent {
    overflow: hidden; /* required */
    width: 50%; /* for demo only */
    height: 250px /* some non-zero number */;
    margin: 25px auto; /* for demo only */
    border:1px solid grey; /* for demo only */
    position: relative; /* required  for demo*/
}

ul#top_menu li a.login:before, ul#top_menu li a.wishlist_bt_top:before, ul#top_menu li a.cart-menu-btn:before {
    color: black;
}
header .hamburger-inner, header .hamburger-inner::before, header .hamburger-inner::after {
    background-color: black ;
}


#login_bg, #register_bg {
    background: url(../../images/patern.png) center center no-repeat fixed;
}

.call_section {
    background-size: contain;
}

.hero_single .wrapper h1 {
    color: #fff;
    font-size: 52px;
    font-size: 3.25rem;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
}
@media (max-width: 767px) {
    .hero_single .wrapper h1 {
        font-size: 21px;
        font-size: 1.3125rem;
    }
}
@media (max-width: 575px) {
    .hero_single .wrapper h1 {
        font-size: 23px;
        font-size: 1.4375rem;
    }
}