.directory-inner-wrapper .main-title{margin-bottom: 46px}

.directory-filters-wrapper{margin-bottom: 26px}

.location-filter-wrapper{position: relative;height: 100%}
.location-filter-wrapper a.location-filter-trigger{color: #363636;display: flex;padding: 12px 16px;text-transform: uppercase;border: 1px solid #CDCDCD;font-size: 1.4rem;line-height: 1.4rem;align-items: center;justify-content: space-between;text-decoration: none;background: #fff;letter-spacing: 0.3px;overflow: hidden;white-space: nowrap;height: 100%}
.location-filter-wrapper a.location-filter-trigger.active{border-bottom: 0}
.location-filter-wrapper a.location-filter-trigger span.icon{display: inline-block;font-size: 1.2rem;transition: all 0.3s ease-in-out;position: absolute;right: 1px;background: #fff;height: calc(100% - 2px);display: flex;justify-content: center;align-items: center;min-width: 30px;}
.location-filter-wrapper a.location-filter-trigger span.icon::before{transition: all 0.3s ease-in-out}
.location-filter-wrapper a.location-filter-trigger.active span.icon::before{transform: rotate(180deg)}
.location-filter-wrapper ul.location-filter{margin: 0;position: absolute;z-index: 1;background: #fff;width: 100%;border: 1px solid #CDCDCD;display: none}
.location-filter-wrapper ul.location-filter.active{border-top: 0}
.location-filter-wrapper ul.location-filter li{margin: 0}
.location-filter-wrapper ul.location-filter li a{color: #363636;text-transform: uppercase; display: block;font-size: 1.4rem; line-height: 1.4rem;letter-spacing: 0.3px;text-decoration: none;padding: 10px 16px}
.location-filter-wrapper ul.location-filter li a span.checkbox{display: inline-block;height: 16px;width: 16px;border: 1px solid #CDCDCD;margin-right: 16px;position: relative}
.location-filter-wrapper ul.location-filter li a span.checkbox::before{content:'';position: absolute;width: 12px;height: 12px;background: #00A19A;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%);display: none}
.location-filter-wrapper ul.location-filter li a.active span.checkbox::before{display: block}

.category-filter-wrapper{height: 100%}
.category-filter-wrapper ul.category-filter{height: 100%}
.category-filter-wrapper ul.category-filter > li{width: 100%; text-align: center}
.category-filter-wrapper ul.category-filter > li > a{display: block;padding: 10px;border: 1px solid #CDCDCD;color: #525252;font-size: 1.4rem;line-height: 1.8rem;background: #fff;text-decoration: none; transition: all 0.3s ease-in-out;height: 100%;display: flex;width: 100%;align-items: center;justify-content: center;}
.category-filter-wrapper ul.category-filter > li > a:hover, .category-filter-wrapper ul.category-filter > li > a.active{background: #00A19A;border: 1px solid #00A19A;color: #fff}

.search-filter-wrapper{position: relative;height: 100%}
.search-filter-wrapper input#searchdirectory{min-width: auto; width: 100%;height: 100%}
.search-filter-wrapper a.searchdirectory-btn{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);color: #0D4962;text-decoration: none}

.directory-main-wrapper{background: #E8F1F7;overflow: hidden}
a.directory-box{display: block; background: var(--white-color);min-height: 285px;text-decoration: none;margin-bottom: 30px;color: #363636;}
a.directory-box .box-logo{min-height: 160px;border-bottom: 1px solid #E9E9E9}
a.directory-box .box-logo > img {width: 140px;}
a.directory-box .box-content{padding: 20px 20px 0}
a.directory-box .box-content .link{color: #00A19A;}
a.directory-box .box-content .link >span.text{margin-right: 16px;}
a.directory-box .box-content .link >span.icon{transform: rotate(270deg);display: inline-block;font-size: 1.2rem;}
.directory-box-data{position: fixed;z-index: 9999;width: 100%;background: var(--white-color);left: 0;bottom: 0;max-height: 0;transition: all 0.3s ease-in-out;box-shadow: 0px -6px 20px rgba(0, 0, 0, 0.15)}
.directory-box-data.active{max-height: 700px;padding: 45px 0;}
.directory-box-data .top-data{padding-bottom: 25px;margin-bottom: 29px;border-bottom: 1px solid #9DC7D9}
.directory-box-data .top-data a.close-directory-data{font-size: 2.1rem;line-height: 2.1rem;color: #4B4B4B;text-decoration: none;}
.directory-box-data .country-data{margin-bottom: 30px}
.directory-box-data .contact-wrapper > p:last-child{margin-bottom: 0}
.directory-box-data .contact-wrapper > p > a{display: inline-block; color: var(--dark-color);text-decoration: none;margin-left: 16px;}
.directory-box-data .contact-wrapper > p > a:hover{text-decoration: underline}
.directory-box-data .logo-data > img {width: 140px;}

.directory-box-data .bottom-areas{height: 100%;border-left: 1px solid #9DC7D9;padding-left: 20px}

.directory-inner-wrapper.pageLoad{position: relative}
.directory-inner-wrapper.pageLoad::after{content: '';background-image: url(/~/media/Images/p/prosus-corp-v2/images/global-image/icons/sig-loader.gif);position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 250px;z-index: 1;left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto}

@media all and (max-width: 767.98px){
	.location-filter-wrapper{margin-top: 20px;margin-bottom: 10px}
    .category-filter-wrapper{margin-top: 20px}
    .directory-box-data .bottom-areas{margin-bottom: 30px}
}

body.nojs .directory-filters-wrapper{display: none}
body.nojs .directory-main-wrapper{overflow: hidden}