
.easyjob-app__btn{ background: #000; }
.easyjob-desc{ align-items: stretch; }
.about_section .cic_inner{ margin-bottom: 0px !important; }

.industrial-inner__header-title{ margin-bottom: 10px; }
.industrial-inner__header-content{ font-size: 22px; }

.industrial-inner__content + .industrial-inner__content{ border-top: 1px solid #EEE; padding-top: 40px; }

.industrial-inner__content h2{ font-size: 30px; margin: 0px 0px 40px 0px; color: #7eb439 !important; }
.industrial-inner__content h3{ font-size: 22px; margin: 0px; }
.industrial-inner__content p{ margin: 10px 0px 40px 0px; }

.industrial-contact{
    display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;
}
.industrial-contact a{
    display: flex; align-items: center; justify-content: flex-start; 
    background: #e1f0ef; color: #000;
    font-size: 18px; padding: 10px 30px 10px 20px; margin: 0px 20px 10px 0px;
    border-radius: 20px;
}
.industrial-contact a:hover{ background-color: #7eb439; color: #FFF; }
.industrial-contact a:before{
    content: ""; display: block;
    width: 16px; height: 16px; 
    margin: 0px 5px 0px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.industrial-contact a.app:before{ background-image: url(/images/ico/icon_phone.png);}
.industrial-contact a.mobile:before{ background-image: url(/images/ico/icon_mobile.png);}
.industrial-contact a.whatsapp:before{ background-image: url(/images/ico/icon_whatsapp.png);}
.industrial-contact a.wechat:before{ background-image: url(/images/ico/icon_wechat.png);}
.industrial-contact a.mail:before{ background-image: url(/images/ico/icon_mail.png);}
.industrial-contact a:hover:before{ filter: brightness(0) invert(1);}
 
.industrial-back{
    display: inline-flex; align-items: center; justify-content: flex-start; 
    text-transform: uppercase;
    font-size: 16px; margin: 40px 0px 0px 0px;
    padding: 8px 30px 8px 20px; border-radius: 20px;
    border: 1px solid #000; color: #000;
}
.industrial-back:before{
    content: ""; display: block;
    width: 16px; height: 16px; 
    margin: 0px 5px 0px 0px;
    background-image: url(/images/ui/select-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px;
    transform: rotate(90deg);

}


@media screen and (max-width:1279px){ 
    .industrial-inner__header-content{ font-size: 16px;} 
    .industrial-inner__content h2{ font-size: 24px; }
    .industrial-inner__content h3{ font-size: 36px; }
    .industrial-inner__content p{ font-size: 16px; }
}
@media screen and (max-width:1023px){ 
    .industrial-inner__header-content{ font-size: 16px;} 
    .industrial-inner__content h2{ font-size: 22px; margin: 0px 0px 20px 0px; }
    .industrial-inner__content h3{ font-size: 16px; }
    .industrial-inner__content p{ font-size: 14px; margin: 0px 0px 20px 0px; }    
    .industrial-contact a{ font-size: 16px; }
}
@media screen and (max-width:767px ){ 
    .industrial-inner__header-content{ font-size: 14px;} 
    .industrial-inner__content h2{ font-size: 20px; }
    .industrial-inner__content h3{ font-size: 14px; }
    .industrial-inner__content p{ font-size: 14px; }
    .industrial-contact a{ font-size: 14px; }
}


.cic_joblist_search{
    position: relative;
    display: block; width: 100%; max-width: 900px;
    padding: 5px 40px 5px 40px; background: #EEE; border-radius: 20px;
    margin-bottom: 20px;
}
.cic_joblist_search:before{
    content: ""; display: block;
    position: absolute; top: 0px; left: 0px; width: 40px; height: 100%;
    background-image: url(/images/rv_search.png);
    background-position: center center;
    background-size: 16px;
    background-repeat: no-repeat;
    filter: brightness(0);
}
.cic_joblist_search input{
    display: block; width: 100%;
    background: none; border: navajowhite;
    padding: 0px; margin: 0px;
}
.cic_joblist_search .cic_joblist_search_btn{
    position: absolute; top: 0px; right: 0px; width: 40px; height: 100%;
    background-image: url(/images/small_blackarrow2x.png);
    background-position: center center;
    background-size: 20px;
    background-repeat: no-repeat;
}


.cic_joblist_filter .cic_joblist_filter_select{
    display: flex; align-items: flex-start; justify-content: flex-start;
    flex-wrap: wrap; 
}
.cic_joblist_filter .cic_joblist_filter_select .select{
    min-width: 150px; width: calc(14.28% - 10px); 
    margin: 0px 10px 10px 0px;
    border-bottom: 1px solid #CCC;
}
@media screen and (max-width:1619px){ .cic_joblist_filter .cic_joblist_filter_select .select{ width: calc(25% - 10px);    }}
@media screen and (max-width:1439px){ .cic_joblist_filter .cic_joblist_filter_select .select{ width: calc(33.33% - 10px); }}
@media screen and (max-width:1023px){ .cic_joblist_filter .cic_joblist_filter_select .select{ width: calc(50% - 10px);    }}
@media screen and (max-width:767px ){ .cic_joblist_filter .cic_joblist_filter_select .select{ width: calc(100% - 10px);   }}

.cic_joblist_filter .cic_joblist_filter_select .select select{ 
    border: none; background: none; 
    display: block; width: 100%;
    padding: 5px 25px 5px 10px;
    background-image: url(/images/ui/select-arrow.png);            
    background-position: center right 0px;
    background-repeat: no-repeat;
    background-size: 20px;

}
.cic_joblist_filter .cic_joblist_filter_action{
    display: flex; align-items: flex-start; justify-content: flex-start;
    flex-wrap: wrap; 
}
.cic_joblist_filter .cic_joblist_filter_action .btn{
    border: 1px solid #EEE; margin: 0px 10px 10px 0px;
}
.cic_joblist_filter .cic_joblist_filter_action .btn.btn--green:not(:hover){
    border-color: #7eb439;
    background: #7eb439; color: #FFF;
}