@charset "utf-8"; .arm_template_wrapper.arm_template_wrapper_directorytemplate2{ border: 1px #e0e0e0 solid; padding-left: 58px; padding-right: 58px; padding-top:60px; padding-bottom:60px; border-radius: 6px; -webkit-border-radius:6px; -o-border-radius:6px; -moz-border-radius:6px; float:none; display: block; margin:0 auto; width:100%; max-width:1000px; } .arm_template_wrapper.arm_template_wrapper_directorytemplate2 .arm_directory_filters_wrapper{ float:left; width: 100%; margin-bottom: 50px; padding: 0 20px 0 15px; } .arm_template_wrapper.arm_template_wrapper_directorytemplate2 .arm_directory_search_wrapper{ float:left; min-width: 50%; width: auto; } .arm_template_wrapper.arm_template_wrapper_directorytemplate2 .arm_template_container .arm_user_block{ border:1px solid #e2e9ed; border-top:none; padding-left:10px; padding-right:6px; padding-top:15px; padding-top: 15px; margin-left: 15px; margin-right: 15px; margin-bottom:0px; } .arm_template_wrapper.arm_template_wrapper_directorytemplate2 .arm_template_container .arm_user_block:first-child{ border-top:1px solid #e2e9ed; } .arm_template_wrapper.arm_template_wrapper_directorytemplate2 .arm_directory_search_wrapper .arm_directory_search_box{ float:left; max-width: 85%; width: 289px; height: 32px; border: 1px #e0e0e0 solid; padding-right:30px; } .arm_template_wrapper.arm_template_wrapper_directorytemplate2 .arm_directory_search_btn{ float:left; width: 26px; height:30px; background:#ececec; border: 1px #e0e0e0 solid; border-left:none; color:#000000; padding-top:1px; font-size:12px; position: relative; } .arm_template_wrapper.arm_template_wrapper_directorytemplate2 .arm_template_container{ display: inline-block; } .arm_template_wrapper_directorytemplate2 .arm_template_container{border: 0;} .arm_template_wrapper_directorytemplate2 .arm_user_block{ width: 97%; display: block; padding: 15px 0; border: 1px solid #e1e1e1; border-width: 0 0 1px 0; transition: all 0.2s ease 0s; float: left; } .arm_template_wrapper_directorytemplate2 .arm_user_block:hover{ box-shadow: 0px 0px 25px 0px rgba(1, 121, 233, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(1, 121, 233, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(1, 121, 233, 0.15); -o-box-shadow: 0px 0px 25px 0px rgba(1, 121, 233, 0.15); } .arm_template_wrapper_directorytemplate2 .arm_user_block_left{ float: left; vertical-align: top; max-width: 25%; width: 91px; height: 91px; display: inline-block; margin: 0 0 5px 15px; } .arm_template_wrapper_directorytemplate2 .arm_user_block_right{ float: left; vertical-align: top; max-width: 70%; width: 100%; margin: 0 0 0 30px; text-align: left; } .arm_template_wrapper_directorytemplate2 .arm_dp_user_link{display: block;} .arm_template_wrapper_directorytemplate2 .arm_user_avatar{ width: 100%; height: 100%; border: 1px #e9e9e9 solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .arm_template_wrapper_directorytemplate2 .arm_user_avatar img{ min-width: 85px; min-height: 85px; max-width: 89px; max-height: 89px; width: 91px; height: 91px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 0 !important; } .arm_template_wrapper_directorytemplate2 .arm_user_link{ display: inline-block; margin: 4px 20px 8px 0; font-size: 18px; color: #0179e9; text-transform: capitalize; } .arm_template_wrapper_directorytemplate2 .arm-user-badge img{ width:21px !important; height:21px !important; } .arm_template_wrapper_directorytemplate2 .arm_user_desc_box, .arm_template_wrapper_directorytemplate2 .arm_last_active_text{ float:left; width:100%; margin-top:5px; text-align:justify; } .arm_template_wrapper_directorytemplate2 .arm_last_active_text{ margin-bottom:15px; } .arm_template_wrapper_directorytemplate2 .arm_user_block:hover .arm_user_link{ color:#000 !important; } .arm_template_wrapper_directorytemplate2 .arm_user_desc_box{ display: block; font-size: 14px; color: #9c9c9c; margin: 5px 0 10px; } .arm_template_wrapper_directorytemplate2 .arm_user_social_blocks{float:left;} .arm_template_wrapper_directorytemplate2 .arm_user_social_blocks .arm_user_social_fields{ float:left; width:26px; height:26px; background: #cccccc; margin-right: 10px; margin-bottom: 10px; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; text-align: center; } .arm_template_wrapper_directorytemplate2 .arm_user_social_blocks .arm_user_social_fields > a{ color:#ffffff; padding-left:4px; padding-right:4px; width:100%; height:100%; } .arm_template_wrapper_directorytemplate2 .arm_user_social_blocks .arm_user_social_fields > a::before { position:relative; top:5px; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_facebook:hover{ background-color: #3b5998; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_twitter:hover{ background-color: #00abf0; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_linkedin:hover{ background-color: #0177b5; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_googleplush:hover{ background-color: #e94738; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_pinterest:hover{ background-color: #ca2026; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_youtube:hover{ background-color: #E32C28; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_reddit:hover{ background-color: #ff4500; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_delicious:hover{ background-color: #2a96ff; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_tumblr:hover{ background-color: #36465d; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_vk:hover{ background-color: #324f77; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_instagram:hover{ background-color: #2a5b83; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_dribbble:hover{ background-color: #ea4c89; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_social_prof_div.arm_social_field_vine:hover{ background-color: #1cce94; color: #ffffff; } .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_directory_search_wrapper{float: right;right: 0;direction:rtl;} .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_directory_list_of_filters{right: 0;direction:rtl;} .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_directory_list_by_filters {direction: ltr;float: left;left: 0;} .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_user_block_right {direction: rtl;right: 0; text-align:right; float:right;margin-right: 20px;margin-left: 0;} .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_user_block_left {float: right;margin-right: 10px;margin-left: 0;} .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_directory_empty_list {text-align: right;} .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_directory_listby_select {direction: rtl;right: 0;} .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_directory_search_wrapper .arm_directory_search_btn{ border-radius: 3px 0 0 3px; float: right !important;} .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_directory_search_wrapper .arm_directory_search_box{float: right !important;border-radius: 0px 3px 3px 0px; } .arm_template_wrapper_directorytemplate2 .arm_directory_paging_container.arm_directory_paging_container_infinite, .arm_template_wrapper_directorytemplate2 .arm_directory_paging_container_infinite{ margin-bottom: 20px; margin-top: 20px; display: inline-block; width: 100%; } @media (max-width:425px){ .arm_template_wrapper_directorytemplate2 .arm_user_block_left{margin: 0 auto 10px;max-width: 100% !important;float: none;width:40% !important;} .arm_template_wrapper_directorytemplate2 .arm_user_avatar img{max-width:100% !important;min-width:auto !important;width:100% !important;min-height:auto !Important;height:100% !Important;} .arm_template_wrapper.arm_template_wrapper_directorytemplate2 .arm_directory_search_box{ width: 259px !important; } .arm_template_wrapper.arm_template_wrapper_directorytemplate2 .arm_directory_filters_wrapper{ padding:0; } .arm_template_wrapper.arm_template_wrapper_directorytemplate2{ padding-left:25px; padding-right:25px; } .arm_template_wrapper .arm_directory_search_wrapper .arm_directory_search_btn{ max-width:100%; } .arm_template_wrapper.arm_template_wrapper_directorytemplate2 .arm_directory_search_wrapper{ float:left !important; max-width:100%; } .arm_template_wrapper .arm_directory_list_by_filters, .arm_template_wrapper .arm_directory_listby_select{ float:left !important; } .arm_template_wrapper .arm_directory_list_by_filters select{ max-width:100%; } } @media (max-width:500px){ .arm_template_wrapper_directorytemplate2 .arm_user_block_left{margin: 0 auto 10px;max-width: 100% !important;float: none;width:36% !important;} .arm_template_wrapper_directorytemplate2 .arm_user_block_right{margin: 0;max-width: 100%;float: none;text-align: center;} .arm_template_wrapper_directorytemplate2 .arm_user_block_right .arm_user_badges_detail{margin: 0;width: 100%;} .arm_template_wrapper_directorytemplate2 .arm_user_block_right .arm_last_active_text{text-align: center;width: 100%;} .arm_template_wrapper_directorytemplate2 .arm_user_social_blocks{float:left;width:100%;text-align: center;} .arm_template_wrapper_directorytemplate2 .arm_user_social_blocks .arm_user_social_fields{float:none;display: inline-block;} .arm_template_wrapper_directorytemplate2 .arm_user_block{margin:0 auto !important;} } .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_user_link{ margin: 4px 0px 8px 20px; } .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_user_social_blocks{ float: right; } .arm_mobile_wrapper .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_user_block_left, .arm_mobile_wrapper .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_user_link{ float: none; text-align: center; margin: 0; } .arm_mobile_wrapper .arm_template_wrapper_directorytemplate2 .arm_directory_form_rtl .arm_user_block_right{ direction: rtl; right: 0; text-align: center; margin: 10px 0 0 0; }