.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
#ctf-tabs li {
	margin-right: 16px;
	justify-content: space-between;
}
#ctf-tabs li:last-child {
    margin-right: 0;
}
#ctf-tabs li {
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 15px 10px;
    min-height: 53px;
    border-radius: 25px;
    background-color: #cccccc3b;
    color: black;
    border-bottom: none;
}
#ctf-tabs li a.clear_catalog_filter:focus {
	background-color: initial;
}
#ctf-tabs li.active{
	background-color: white;
    box-shadow: 3px 3px 8px 4px #ccc;
}
#ctf-tabs li.active::after {
    content: '';
    left: calc(50% - 10px);
    bottom: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid white;
    position: absolute;
}
#ctf-tabs li a {
    padding: 0;
    min-height: auto;
	border:none;
	color: black;
}

#ctf-tabs li.active a:hover {
    background-color: white;
    border-color: white;
}
#ctf-tabs li a:not(.clear_catalog_filter){
	width: 100%;
}
#ctf-tabs li a.nav-link .nav-link-img{
	width: 37px; 
	height: 26px; 
	text-align: center; 
	margin-right: .25rem; 
	top: -4px; 
	position: relative;
	color: black;
}
/*
#ctf-tabs li {
}
#ctf-tabs li a {
    font-weight: bold;
    text-transform: uppercase;
}
#ctf-tabs li a {
    box-shadow: 0px 0px 3px 1px #ccc;
    padding: 15px 15px 10px;
    min-height: 53px;
}
#ctf-tabs li a.nav-link .nav-link-img{width: 37px; height: 26px; text-align: center; margin-right: .25rem; top: -4px; position: relative;}
#ctf-tabs li.active a {
    box-shadow: 0px 0px 3px 1px #ccc, inset 2px 1px 15px 1px #ccc;
    min-height: 58px;
    margin-top: -5px;
}
*/
#ctf-tabs li img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
    max-height: 30px;
}
#ctf-tabs li .nav-link-img-active {display: inline}
#ctf-tabs li .nav-link-img-unactive {display: none}
#ctf-tabs li.active .nav-link-img-active {display: none}
#ctf-tabs li.active .nav-link-img-unactive {display: inline}

ul.pi-cn-list.cmc-item-list {
    margin: 0;
}

ul.pi-cn-list.cmc-item-list img {
    max-height: 25px;
    margin-right: 4px;
}

#ctf-content .brand_letter {
    font-weight: bold;
}

.clear_catalog_filter {
    color: #000;
    font-size: 20px;
    margin-left: 3rem;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

li.not-nav-item .clear_catalog_filter {
    line-height: 53px!important;
	padding: 0 0 0 20px !important;
}

.clear_catalog_filter:hover {
    border-color: #000;
}

.mark-item {
    white-space: nowrap;
    margin: 0 15px 15px 0;
}

.mark-item.family-item {
    text-transform: uppercase;
}

.mark-item a {
    color: #555;
    border-bottom: 1px solid #555;
}

.mark-item a:hover {
    border-bottom: 1px solid transparent;
}

ul#ctf-tabs {
    margin: 0 0 0 1px;
	border-bottom: none;
}

div#ctf-content {
    /*margin-bottom: 27px;
    box-shadow: inset 2px 1px 15px 1px #ccc;*/
	margin-top: 20px;
	font-size: 14px;
	background-color: white;
    font-weight: bold;
    letter-spacing: -0.2px;
}

div#ctf-auto, div#ctf-brand, div#ctf-catalog {
    padding: 30px 15px 30px 15px;
	border-radius: 20px;
    box-shadow: 5px 5px 20px 6px #ccc;
}

#ctf-auto .mark-item a {
	margin-left: 10px;
}

#ctf-brand .brand-item .brand_letter {
	color: #147628;
}
#ctf-brand .brand-item a, #ctf-auto .mark-item a {
	color: black;
}
#ctf-brand .brand-item a {
	margin-left: 20px;
    border-bottom: 1px solid;
}

li.not-nav-item {
    display: block;
    padding: .75rem 1rem;
    color: #126824;
    font-family: 'HeliosCondC', Arial;
    background: #f8f8f9;
    padding: 15px 15px 10px!important;
    border-bottom: 2px solid #126824;
    height: 53px;
}

li.not-nav-item a {
    border: none!important;
    box-shadow: none!important;
    display: inline-block!important;
    padding: 0!important;
}

#ctf-tabs li.not-nav-item a:hover {
    background: transparent;
}
#catalog_top_filters {
	padding-bottom:27px
}
.catalog_top_filters_search .inline-search-hide {
    display: none;
}

.catalog_top_filters_search .search .search-input {
    /*border: 1px solid #3a9c4f;*/
	border: 1px solid #3a9c4f;
    border-radius: 8px;
    font-size: 16px;
    background-color: white;
	height: 44px;
	box-shadow: 0px 5px 14px 1px #ccc;
}

.catalog_top_filters_search .search .btn-search {
    line-height: 17px;
    top: 0px;
    /*border: 1px solid #3a9c4f;
    border-left: none;*/
}

.catalog_top_filters_search .search .search-button-div {
    position: absolute;
    top: calc(0px + 4px);
    right: 4px;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}
.order-2 {
    -ms-flex-order: 2;
    order: 2;
}
.order-3 {
    -ms-flex-order: 3;
    order: 3;
}
.order-4 {
    -ms-flex-order: 4;
    order: 4;
}
@media (max-width: 1199px) and (min-width:768px) {

    div#ctf-catalog .cmc-il-item {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    div#ctf-catalog .cmc-item.order-2 {
        -ms-flex-order: 3;
        order: 3;
    }
    div#ctf-catalog .cmc-item.order-3 {
        -ms-flex-order: 2;
        order: 2;
    }
}

@media(max-width: 767px) {
    #ctf-tabs ul {
        margin: 0;
    }
	#ctf-tabs li{
		min-height: auto;
		width: 100%;
		margin-top: 6px;
	}
    #ctf-tabs li a {
        font-size: 13px;
        margin: 0;
    }

    #ctf-tabs li.active a {
        margin-top: 0;
    }

    #ctf-tabs li a.nav-link .nav-link-img {
        width: 30px;
        height: 21px;
        top: -1px;
    }

    #ctf-tabs li img {
        max-height: 20px;
    }

}

ul.slc-item-list .section-item a.thumb {
    width: 100px;
    height: 100px;
    display: block;
    margin-right: 10px;
}

ul.slc-item-list .section-item {
    max-height: 120px;
    margin: 12px 0;
}

ul.slc-item-list .section-item img {
    width: 100px;
    height: auto;
}

ul.slc-item-list .section-item .lightly {
  color: #a1b1a0;  
}

.pi-cn-list.cmc-item-list .cmc-il-item a {
    color: black;
}
.pi-cn-list.cmc-item-list .cmc-il-item:hover a {
    color: #147628;
}

.simple-brand-selector {display: flex;flex-wrap: wrap;}

.simple-brand-selector > div {
    /*flex: 1 1 auto!important;*/
    width: 25%;
    margin-bottom: 10px;
}


@media(max-width: 767px) {
    .simple-brand-selector > div {
        width: 100%;
    }
}