/*------------------------------------------------------------------
    File Name: colors2.css
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
    color theme
-------------------------------------------------------------------*/

:root {
    --main-color: #28a745;
    --main-light-color: #5cd38c;
    --main-dark-color: #1e7e34;
    --gray-90: #efefef;
    --gray-100: #E8E8E8;
    --gray-100: #E8E8E8;
    --gray-200: #E0E0E0;
    --gray-300: #DCDCDC;
    --gray-400: #D8D8D8;
    --gray-500: #D3D3D3;
    --gray-600: #D0D0D0;
    --gray-700: #C8C8C8;
    --gray-800: #C0C0C0;
    --gray-900: #BEBEBE;
    --gray-1000: #B8B8B8;
    --gray-1100: #9d9d9d;
    --gray-1200: #A9A9A9;
    --gray-1300: #969696;
    --gray-1400: #605f5f;
}

.header_top,
#navbar_menu ul ul li a:hover,
#navbar_menu ul ul li a:focus,
.full_slider_inner,
.bg_load,
.theme_color_bg,
.price_table_active .price_head,
a.btn.dark_gray_bt:hover,
a.btn.dark_gray_bt:focus,
.carousel-indicators .active,
.social_icon_style_2 ul li a:hover,
.social_icon_style_2 ul li a:focus,
.progress-bar,
.tags a:hover,
.tags a:focus,
.testimonial_slider .carousel-control:hover,
.testimonial_slider .carousel-control:focus,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.icon_feature {
	background: var(--main-color);
    background-size: 100% 100%;
    border: none;
}

.theme_bg {
	background: var(--main-color);
}

footer p a:hover,footer p a:focus,
.footer-menu li a:hover,
.footer-menu li a:focus,
footer ul.social_icons li a:hover,
footer ul.social_icons li a:focus,
.breadcrumb li a {
    color: var(--main-color);
}

a.active_link {
    color: var(--main-color);
}

.cleaning .breadcrumb li a {
    color: #0d1c32;
}

.btn.sqaure_bt {
    border-radius: 0;
    background: var(--main-color);
}

.btn.sqaure_bt span {
    font-size: 31px;
    font-weight: 400;
    position: absolute;
    right: 16px;
}

footer h2::after,
.footer_mail-section .field button.button_custom,
.cprt,.contact_us_section {
	background: var(--main-color);
}

.tp-caption.tp-shape.tp-shapewrapper.tp-resizeme.rs-parallaxlevel-0 {
    background: var(--main-color) !important;
}

a.btn.main_bt,
button.btn.main_bt {
	background: #17a5e9;
	border: none;
}

    a.btn.main_bt:hover,
    a.btn.main_bt:focus,
    button.btn.main_bt:hover,
    button.btn.main_bt:focus {
        background: var(--main-light-color);
        background-size: 100% 100%;
        color: #fff;
    }

a.btn.dark_gray_bt:hover,
a.btn.dark_gray_bt:focus {
	color: #fff;
}

a.btn.light_btn,
button.btn.light_btn {
	background: #a864a8;
}

a.btn.light_btn:hover,
a.btn.light_btn:focus button.btn.light_btn:hover,
a.btn.light_btn:focus {
	background: #fff;
	color: #632e62;
	border-color: #fff;
}

.modal-backdrop {
	background-color: rgba(20, 110, 111, .95);
}

#navbar_menu ul ul,
hr.dottad_border,
.social_icon_style_2 ul li a:hover,
.social_icon_style_2 ul li a:focus,
.tags a:hover,
.tags a:focus,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.comment_section,
.boder_dottat_small {
	border-color: var(--main-color);
}


.price_table_active a.btn:hover,
.price_table_active a.btn:focus {
	background: #252525;
	color: #fff;
}

.border_dotted_circle:hover,
.border_dotted_circle:focus {
	border-color: #632e62;
}

.btn.light_theme_bt:hover,
.btn.light_theme_bt:focus {
	background: #222;
	color: #fff;
	border: solid #222 1px;
}

.theme_color_bg .border_dotted_circle,
.theme_color_bg .border_dotted_circle:hover,
.theme_color_bg .border_dotted_circle:focus {
	border-color: #fff;
}

button.border_btn_white_border,
a.border_btn_white_border {
	background: transparent;
	border: solid #fff 1px;
}

button.border_btn_white_border:focus,
button.border_btn_white_border:hover,
a.border_btn_white_border:hover,
a.border_btn_white_border:focus {
	background: #fff;
	border: solid #fff 1px;
}

body.light_blue button.btn.white_btn:hover,
body.light_blue a.btn.white_btn:hover,
body.light_blue button.btn.white_btn:focus,
body.light_blue a.btn.white_btn:focus {
	background: #632e62;
	border-color: #632e62;
	color: #fff;
}

button.btn.white_btn, a.btn.white_btn, button.btn.white_btn, a.btn.white_btn {
	color: #111;
	text-transform: none;
	text-shadow: none;
}

button.btn.white_btn:hover, 
a.btn.white_btn:hover, 
button.btn.white_btn:hover, 
a.btn.white_btn:hover {
	color: #fff;
	text-transform: none;
	background: #111;
}

.tp-bannertimer {
    background: var(--main-color) !important;
}

.tp-caption.tp-shape.tp-shapewrapper.rs-parallaxlevel-0 {
	background-color: rgba(0, 0, 0, 0.4) !important;
}

/** color 2 **/

#accordion .panel.panel-default:nth-child(1) .panel-heading p a {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

#accordion .panel.panel-default .panel-heading p a[aria-expanded="true"] {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

#accordion .panel.panel-default .panel-heading p a > i {
    color: var(--main-color);
}
	
#accordion .panel.panel-default .panel-heading p a, #accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] {
    border: solid #e4e4e4 1px;
    background: #fff;
    font-weight: 600;
}
	
.main_heading::after {
  background: var(--main-color);
}

.theme_bg .main_heading::after {
    background: #fff;
}

a.btn.main_bt, button.btn.main_bt {
    background: var(--main-color);
    border: none;
}

.price_table_active .price_no {
    color: var(--main-color);
}

.team_blog_colum:hover, .team_blog_colum:focus {
    background: var(--main-color);
    border-color: var(--main-color);
}

.product_detail .tab_bar_section ul.nav.nav-tabs li a.active {
    background: var(--main-color);
    color: #fff;
}

.product_meta > span a {
	color: var(--main-color);
}

.shopping-cart .button {
    background: var(--main-color);
    color: #fff;
}

.product-table .bt_main {
    background: var(--main-color);
}

.tab-info.login-section p a:hover, .tab-info.coupon-section p a:hover, .tab-info.login-section p a:focus, .tab-info.coupon-section p a:focus {
    color: var(--main-color);
}

.bt_main {
    background: var(--main-color);
}

.adress_cont i {
    color: var(--main-color);
}

h2 {
/*    font-size: 45px;
*/    text-transform: none;
}

.product_list:hover, .product_list:focus {
    border-bottom: solid var(--main-color) 5px;
}

.tp-bannertimer {
    display: none;
}

.header_top ul li {
    font-size: 14px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.border_dottat {
    background: var(--main-color);
    padding: 45px 0;
}

.list_style_1 i {
	color: var(--main-color);
}

.list_style_1 li {
    margin: 7px 0;
}

.theme_bg .btn.main_bt {
    background: #fff;
    color: #222;
    text-shadow: none;
}

.blog_feature_cantant {
    border-color:var(--main-color);
}

.blog_feature_cantant li {
	color: var(--main-color);
}

.categary li:hover, .categary li:focus {
    background:  var(--main-color);
}

.tags a:hover, .tags a:focus {
    border-color: var(--main-color) !important;
}

.social_icon ul li a:hover,
.social_icon ul li a:focus {
	color: var(--main-color);
}

.read_more:hover, .read_more:focus {
    color: var(--main-color);
}

#accordion .panel.panel-default .panel-heading p a[aria-expanded="false"] i {
    color: var(--main-color) !important;
}

#navbar_menu > ul > li a.active,
#navbar_menu > ul > li:hover > a,
#navbar_menu > ul > li:focus > a {
    background: #fff;
    color: var(--main-color);
} 

.contant_information a:hover,
.contant_information a:focus {
	background: #fff;	
	color: var(--main-color);
	border-color: #fff;
}

.carousel-indicators .active {
	background: #0d1c32;
}


@media (min-width:992px) and (max-width:1199px) {
}

@media (min-width:768px) and (max-width:991px) {
	
.header_top ul li {
    display: flex;
}

.brand_list li {
    padding: 25px 15px;
    margin: 0 .5%;
}

.header_bottom .col-lg-9.col-md-12.col-sm-12.hidden-xs {
    display: none;
}

}

@media (max-width:767px) {

.main_heading h2 {
    font-size: 32px;
    line-height: 34px;
}

.contant_information {
    background: rgba(20,110,111,1);
    padding: 20px 20px;
    text-align: center;
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
    transition: ease all 0.5s;
}

.right_cleaning_cont {
    padding: 20px 40px 25px;
}

.about_feature_img.padding_right_0 {
    padding: 0 15px 25px;
}

.cleaning .product_img img {
    padding: 0;
    width: 100%;
}
	
}


.section-heading {
    color: #747474;
}