/*
Theme Name:   dal
Description:  Write here a brief description about your child-theme
Author:       Mehedi Hasan
Author URL:   Write here the author's blog or website url
Template:     understrap
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  dal
*/

/* Write here your own personal stylesheet */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');

body{

font-family: 'Poppins', sans-serif!important;
}
span.city_coma {
    display: inline-block!important;
}

span.city_coma.city_coma_0 {
    display: none!important;
}

img.not-found-img.text-center {
    max-width: 550px;
    margin: 48px auto;
    display: block;
}

#menuToggle
{
  display: block;
  position: absolute;
  top: 50px;
  right: 50px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 0;
  padding: 50px;
  padding-top: 125px;
  right: -100px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's fade it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: scale(1.0, 1.0);
  opacity: 1;
}















.um-member-name a {
    font-size: 16px;
    line-height: 26px;
    color: #444;
    font-weight: 700;
    text-transform: capitalize;
}
#main-menu-top {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: right;
    border-bottom: 1px solid #e1e1e6;
}
#main-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    float: right;
}
.user_pagi_area .page-numbers {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
}
.um-member.single-member-list {
    width: 100%!important;
}
.user_pagi_area .page-numbers li {
    padding: 10px 10px;
}
ul#main-menu li {
    float: left;
}
ul#main-menu-top li {
    float: left;
}
ul#main-menu-top li a {
    display: block;
    line-height: 1;
    padding: 14px 14px;
    font-size: 12px;
    font-weight: 400;
    color: #131529;
    text-transform: uppercase;
}
.social_menu {
    width: 40px;
    gap: 40px;
    text-align: center;
    border-left: 1px solid #e1e1e6;
}
.social_menu a span {
    display: none;
}
.fb_social a {
    border-bottom: 3px solid #70a9ea;
}
.twitter_social a {
    border-bottom: 3px solid #5dcfff;
}
.link_social a {
    border-bottom: 3px solid #23689c;
}
.insta_social a {
    border-bottom: 3px solid #ed982a;
}
.social_menu a {
    padding: 13px 14px!important;
}

.join_button a {
    color: white!important;
    padding: 14px 26px!important;
}

.join_button {
        background: #ffae00;
}
.header_area {
    background: #fafafa;
        -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.is-sticky .header_area {
    z-index: 999999!important;
}
#main-menu a {
    padding: 22px 17px;
    display: inline-block;
    color: #131529;
    font-weight: 600;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
#main-menu a:hover {
    color: #ed1575;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.header_area {
    background: #fafafa;
    display: inline-block;
    width: 100%;
    height: 110px;
}
.featured_blog_subtitle {
    font-size: 20px;
    color: white;
    line-height: 34px;
    font-weight: 400;
}
h2.featured_blog_title {
    font-size: 48px;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
}
.featured_blog_image {
    padding: 160px 60px 30px 60px;
}
.featured_blog_image hr {
    background-color: rgba(255,255,255,0.2);
}
hr {
    background-color: #bbb;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

.f_blog_content {
    width: 40.3%;
    height: auto;
    border: 1px solid #e8e8eb;
    border-left: none;
    padding: 36px 30px;
    max-height: 200px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.single_blog_post {
    width: 100%;
    display: flex;
    margin-bottom: 31px;
        position: relative;
}
.f_blog_img img {
    width: 100%;
    height: 100%;
}
.f_blog_img {
    width: 60%;
}
.f_blog_content a {
    color: black;
    text-decoration: none!important;
}
a:hover {
    color: #ee1d7a!important;
}
h2.f_blog_title {
	    font-size: 20px;
    line-height: 27px;
    font-weight: bold;

    text-decoration: none!important;
}
h4.feature_blog_tag {
    position: absolute;
    right: 0;
    background: #f4b156;
    font-size: 12px;
    padding: 5px 17px;
}
.search_field_area {
    min-height: 160px;
    background: #ffffffd9;
    box-shadow: 0px 8px 20px 0px rgba(24,32,111,0.2);
    padding: 41px 46px;
    margin: 25px 0;
    position: relative;
    z-index: 99;
    max-width: none;
}
.form_title {
    font-size: 25px;
    font-weight: 700;
    margin-top: -16px;
}

.form_text {
    text-align: center;
}
form#agency_search_noajax input::-webkit-calendar-picker-indicator {
   display: none!important;
  }
  button.mp_submit {
    width: 133px;
    height: 64px;
    border: 0;
    background: #ee1d7a;
    color: white;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}
.form_fields.agency_search_form {
    margin-top: 5px;
}
p.form_des {
font-size: 14px;
    padding-right: 15px;
    margin-top: -3px;
}
.form_title {
    font-size: 34px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -1px;
}
form#agency_search_noajax input::placeholder {
    color: #ee1d7a;
}
.section_title {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.060em;
    display: inline-block;
    background: white;
    box-shadow: 0px 8px 20px 0px rgba(24, 32, 111, 0.09);
    padding: 10px 38px;
}
.section_header {
    text-align: center;
        width: 100%;
    position: relative;
    margin-top: 48px;
    margin-bottom: 60px;
}
.section_subtitle {
    font-size: 18px;
    color: #aaabb7;
    /* display: inline-block; */
}
.section_title:before, .section_title:after {
    width: 130px;
    height: 23px;
    content: '';
    position: absolute;
    border-top: 4px solid #ee1d79;
    top: 25%;
}

.section_title:before {
    border-left: 4px solid #ee1d79;
    left: 10%;
}
.section_title:after {
    border-right: 4px solid #ee1d79;
    right: 10%;
}
.single_agency_home {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #e1e1e6;
    padding: 45px 20px 19px;
    flex-wrap: nowrap;
    overflow: hidden;
  text-align: center;
    height: 100%;
}
.home_single_agency_title {
    font-size: 20px;
    font-weight: 700;
    color: #131529;
    text-decoration: none!important;
    text-transform: capitalize;
    word-break: break-all;
    text-align: center;
}
.agency_logo {
    width: 120px;
    margin-bottom: 15px;
}
.row.agency_all .col-md-3 {
    margin-bottom: 32px;
}
.home_single_agency_city {
    margin-top: -17px;
}
p.home_single_agency_city_name {
    padding: 5px;
    margin: 0;
    float: left;
    font-size: 15px;
    color: #131529;
    position: relative;
    margin: 0px;
}
.home_single_agency_city_name:after {
    content: ",";
    right: 0px;
    position: absolute;
    font-size: 16px;
}
.home_single_agency_city_name:last-child:after {
    content: " ";

}
.single_agency_home.join_but {
    display: block!important;
    padding: 0;
    text-align: left;
    position: relative;
    border: none;
    box-shadow: 0 20px 60px rgba(24,32,111,0.2);
    padding: 30px 0px 0px 0px;
}
.join_but_title {
    font-size: 32px!important;
    font-weight: bold;
    padding: 0px 32px;
}
.join_but_contetn {
    padding: 0px 32px;
    font-size: 14px;
        margin-bottom: 40px;
}
.join_but_link {
    font-size: 18px;
    line-height: 22px;
    padding: 20px 35px;
    color: #ed1575;
    font-weight: 700;
    text-align: left;
    background: #f0f1f5;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-decoration: none!important;
}
.single_blog_title {
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    color: #131529;
    text-decoration: none!important;
}
body a {color: #ed1575;}
a:hover{color: #ed1575;}
p{
font-size: 14px;
color: #131529;
}
.single_blog_title a {
    color: #131529;
    text-decoration: none!important;
}
.single_blog_post_main {
    margin-bottom: 33px;
}
.single_blog_content {
    border: 1px solid #e8e8eb;
    padding: 20px;
    min-height: 216px;
    background: white;
    box-shadow: 0px 8px 20px 0px rgba(24, 32, 111, 0.09);
}
.post-categories {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.post-categories li a {
    font-size: 12px;
    font-weight: 700;
}

ul.post-categories li {
    display: inline-block;
    padding-right: 15px;
    position: relative;text-decoration: none!important;
}
.post-categories {
    padding: 0;
    margin-bottom: 7px;
    list-style: none;
}

.single_blog_img {
    position: relative;
    min-height: 194px;
    background-color: #ececec;
}
.single_blog_img::after {
    content: '';
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    margin: auto;
    z-index: 1;
}

.single_blog_img::after {
    left: 32px;
    bottom: -4px;
    transform: rotate(-90deg);
}
ul.post-categories li:after {
    content: "|";
    right: 4px;
    position: absolute;
    font-weight: 500;
    bottom: -2px;
    color: #ed1575;
}
ul.post-categories li:last-child:after {
    content: " ";
}
.blog_post_area {
    background: #f0f1f5;
    padding: 30px 0px;
    margin-top: 64px;
}
.single_blog_post_main.tile_blog {
    height: 92%;
    border-left: 4px solid #ffae00;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 46px;
}
.single_blog_post_main.tile_blog h2 {
    font-size: 48px;
    line-height: 1;
    font-weight: bold;
    color: #ffae00;
}
.newsletterarea {
    padding-top: 100px;
    text-align: center;
}
.newsletters {
    box-shadow: 0px 6px 30px 0px rgba(24,32,111,0.14);
    width: 80%;
    margin: 0 auto;
}
.newsletter_subtitle {
    font-size: 18px;
    padding: 0px 145px;
    margin-bottom: 34px;
    margin-top: 15px;
    color: #9a9a9a;
}
.home_subs input {
    color: #131529 !important;
    background: #f2f3f5;
    border: none;
    padding: 19px 20px;
    width: 48%;
    outline: 0!important;
}
.home_subs input[type="submit"] {
    background-color: #ee1d7a !important;
    font-size: 18px;
    padding: 18px 25px;
    height: 64px;
    text-align: left;
    font-weight: 700;
    margin-top: initial;
    margin-left: 20px;
    color: white!important;
    width: 20%;transition: all .5s;
}
.newsletters {
    box-shadow: 0px 6px 30px 0px rgba(24,32,111,0.14);
    width: 80%;
    margin: 0 auto;
    padding: 60px;
}
.home_subs input[type="submit"]:hover{ box-shadow: 0px 10px 20px 0px rgba(237,21,117,0.6);
    color: #ffffff;
}
.newsletter_title {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1px;
}
.top_footer {
    background: #fcfcfc;
    padding: 71px;
    text-align: center;
}
h2.join_title {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -1px;
    position: relative;
    display: inline-block;
}
.join_content {
    font-size: 18px;
    padding: 0px 166px;
    font-weight: 500;
    color: #8c8e90;
}
a.join_but {
    background: white;
    padding: 16px 83px 16px 19px;
    margin-top: 38px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none!important;
    box-shadow: 0px 8px 16px 0px rgba(19,21,41,0.2);
    position: relative;
    color: #ffae00;
    transition: all .5s;
}
a.join_but:hover{box-shadow:0px 10px 26px 0px rgba(19,21,41,0.4)}
a.join_but span {
    position: absolute;
    right: 10px;
    font-size: 40px;
    top: 0;
}
a.social_link_footer.fb_link {
    background: #70a9ea;
    color: white!important;
}

.social_area a {
    font-size: 40px;
    
    text-decoration: none!important;
    transition: all .5s;
    display: block;
    width: 25%;
    text-align: center;
    padding: 10px;
}
.social_area {
    /* border-top: 2px solid; */
    display: flex;
    justify-content: space-around;
    background: white;
    border-radius: 5px;
   position: relative;
}
a.social_link_footer.link_link {
    background: #23689c;
    color: white!important;
}
a.social_link_footer.insta_link {
    background: #ed982a;
    color: white!important;
}

a.social_link_footer.tw_link {
    background: #5dcfff;
    color: white!important;
}
.footer_bottom {
    background: #f0f1f5;
    padding-top: 56px;
}
ul#footer-menu {
    margin: 0 pa;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
    margin-bottom: 22px;
    width: 76%;
    margin: 21px auto;
}
ul#footer-menu li a {
    font-size: 18px;
    font-weight: 500;
    color: black;
    text-decoration: underline;
}
.copy_area {
    text-align: center;


}

.main_lower-menu #wp-megamenu-primary {
    z-index: 9999;
    text-align: right;
     background-color: unset; */
     padding-right: unset; 
    padding-left: 20px;
    
    width: 100%;
    /* overflow: hidden; */
    display: inline-block;
}
.main_lower-menu #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu {
    background-color: white;
    box-shadow: 1px 14px 30px 0px rgba(24,32,111,0.14);
}
.main_lower-menu h4.wpmm-item-title {
    color: #ed1575!important;
    margin: 0;
}

.main_lower-menu #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li a {
    color: #131529!important;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
    background-color: inherit;
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 2px;
    background: unset!important;
}
#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu li.wpmm-col {
    border-right: none!important;
}

.type_list a {
    text-decoration: none!important;
}

.single_type h3 {
    font-size: 18px;
    text-transform: capitalize;
}

.single_type {
    text-align: center;
    word-break: unset;
   
    color: white;
    padding: 16px 20px;
    transition: all .5s;
    min-height: 192px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow:0px 8px 16px 0px rgba(19,21,41,0.2);
}
.type_list .col-md-2:nth-child(odd) .single_type{
background: #ffae00;


}
.type_list .col-md-2:nth-child(even) .single_type
{
  background: #ee1d79;	
}

.single_type i {
    font-size: 40px;
  
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 14px;
    border-radius: 50px;
    padding: 13px;
}
.type_list .col-md-2:nth-child(odd) .single_type i{

  background: #ee1d79;	

}
.type_list .col-md-2:nth-child(even) .single_type i
{

  background: #ffae00;
}
.single_type:hover {
    transform: translatey(-10px);
}
.type-area {
    padding-bottom: 77px;
}
.footer_desctiption p {
    font-size: 12px;
    text-align: justify;
    font-style: italic;
    color: #131529;
    font-weight: 300;
}
/*PRELOADING------------ */
#overlayer {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 99999999;
    background: white;
    overflow: hidden;
    top: 0;
}
.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: fixed;
    z-index: 999999999999999;
    border: 4px solid #000;
    top: 50%;
    animation: loader 2s infinite ease;
    left: 50%;
    right: 0;
    text-align: center;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}

.page_title_area {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.page_title_content {
    padding-top: 120px;
    padding-bottom: 120px;
    color: white;
}
.page_title_header {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -1px;
}
.page-title-overlay {
    background: #0000004a;
}
.page_title_subheader {
    font-size: 18px;
}
.page_content_area {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mewmber_price_tables .rpt_feature {
    font-size: 12px!important;
}
.mewmber_price_tables .rpt_feature img {
    width: 28px;
    margin-top: 8px!important;
}

.mewmber_price_tables .rpt_feature strong {
    font-size: 18px;
    color: #ee1d7a;
    font-weight: 500;
    margin-top: 20px!important;
    padding-top: 20px!important;
}
.rpt_4_plans .rpt_plan .rpt_features .rpt_feature {
    padding: 13px 10px!important;
    font-size: 14px;
}
.rpt_title {
    font-size: 29px!important;
    text-align: center!important;

}
.price_table_button {

    transition: all .5s;
}
.price_table_button:hover {
    transform: translateY(-10px);
    transition: all .5s;
}

.um-page-account .top_footer,.um-page-register .top_footer,.um-page-login .top_footer,.um-page-user .top_footer {
    display: none;
}
.um-page-user .um-profile-photo {
    float: left;
    position: relative;
    width: 300px!important;
}
.um-page-user .um-profile-meta .um-meta-text {
    display: none;
}
.um-profile-nav {
    display: none;
}

.um-viewing .um-field-facebook {display: none}
.um-viewing .um-field-linkedin {display: none}
.um-viewing .um-field-instagram {display: none}
a.um-profile-photo-img img {
    border-radius: unset!important;
}
img.gravatar.avatar.um-avatar.um-avatar-uploaded {
    border-radius: 0px!important;
}
.um-member-metaline strong {
    display: block;
    position: relative;
    padding-bottom: 8px;
    color: #131529;
    font-size: 11px;
}
.um-member-metaline span {
    color: #ee1d79;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
}
.um-member-card {
    padding-bottom: 0px!important;
}

.um-member-meta {
    display: none;
    margin: 0px 0px 0 0!important;
    padding: 0px 0!important;
    border-top: 0!important;
}
span.title_city {
    font-weight: 600;
    color: #ffae00;
    letter-spacing: 0px;
    margin-left: 12px;
}
span.title_type {
    font-weight: 600;
    color: #ffae00;
    letter-spacing: 0px;
    margin-right: 12px;
}
a.website_add {
    background: #ee1d79;
    width: 100%;
    display: block;
    padding: 12px 0px;
    margin-top: 32px;
    color: white!important;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}
.um-member {
    box-shadow: 6px 20px 30px rgba(24,32,111,0.2);
}
.single_agency_home img {
    width: 115px;
    margin-bottom: 19px;
}
.um-page-members .select2.select2-container span.select2-selection {
    width: 318px;
    /* max-width: 213px; */
    margin-top: 0 !important;
    height: 53px!important;
    background: #f5f6fa!important;
    font-size: 18px !important;
    font-weight: 400;
    color: #ee1d7a;
    padding: 8px!important;
    position: relative;
    box-shadow: 0px 2px 2px 0px rgba(23,28,77,0.2)!important;
    z-index: 1;
    cursor: pointer;
    border: none;
    margin-right: 12px;
    outline: 0!important;
    border: none!important;
}

.um-page-members .select2.select2-container .select2-selection .select2-selection__arrow:before {
    content: "\f3d0" !important;
    font-size: 27px !important;
    font-family: "Ionicons" !important;
    width: 100% !important;
    display: block;
    height: 100%;
    line-height: 35px;
    color: #ee1d79;
    font-weight: bold!important;
}

.um-page-members .select2.select2-container .select2-selection .select2-selection__arrow {
    display: inline-block !important;
    width: 34px !important;
    height: 100% !important;
    position: absolute !important;
    right: 0 !important;
    top: 10px !important;
    -moz-border-radius: 0 2px 2px 0 !important;
    -webkit-border-radius: 0 2px 2px 0 !important;
    border-radius: 0 2px 2px 0 !important;
    background-clip: padding-box !important;
    text-align: center !important;
    background: transparent !important;
    border-left: 0 !important;
}
.um-page-members .um-search {
    padding-left: 50px!important;
    padding-right: 50px!important;
    width: 73%!important;
    margin: 0 auto;
    background: white;
    box-shadow: 0px 8px 20px 0px rgba(24,32,111,0.2);
    margin-bottom: 78px;
    position: relative;
    padding-top: 61px;
    position: relative;
    min-width: 400px;
    margin-top: 28px;
}
.um-page-members .um-search:before {
    content: "Find your agency";
    top: -28px;
    position: absolute;
    left: 0;
    right: 0;
    font-weight: 700;
    font-size: 40px;
    letter-spacing: -1px;
    /* background: white; */
    display: inline-block;
}
.um-page-members .um a.um-button.um-do-search {
    background: #ee1d79!important;
    color: white!important;
}
.join_button a {
    color: white!important;
}
.contact_des {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
}
.contact_content {
    background: #f0f1f5;
    text-align: center;
}
.contact_detail_title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 23px;
}
.contact_type i {
    background: #ee1d79;
    padding: 11px 13px;
    font-size: 29px;
    color: white;
    margin-bottom: 78px;
    border-radius: 52px;
}
.contact_type_title {
    margin-top: 21px;
    font-size: 18px;
    font-weight: 500;
}
.phone_number {
    color: #908f8f;
    margin-top: -8px;
}
.contact_type {
    padding-bottom: 20px;
    padding-top: 44px;
 
}
.email-part{

       border-top: 1px solid #cacaca;
}

.contact_form textarea.wpcf7-form-control.wpcf7-textarea {
    height: 120px;
}
.contact_form {
    border: 1px solid #dadada;
    padding: 28px 30px;
}
.contact_form_title {
    text-align: center;
    font-weight: 700;
}
.contact_form_des {
    font-size: 14px;
    text-align: center;
    margin-top: -5px;
    margin-bottom: 40px;
}
.contact-area {
    padding-top: 61px;
}
.contact_form input[type="submit"] {
    background-color: #ee1d7a !important;
    font-size: 18px;
    padding: 18px 25px;
    height: 64px;
    text-align: left;
    font-weight: 700;
    margin-top: initial;
    margin-left: 20px;
    color: white!important;
    width: 40%!important;
    transition: all .5s;
    margin: auto!important;
    display: block!important;
    border: none!important;
}
.contact_form input[type="submit"]:hover {
    box-shadow: 0px 10px 20px 0px rgba(237,21,117,0.6);
    color: #ffffff;
}
.search-area {
    height: calc(100vh - 110px);
    
    background-size: cover!important;
    background-position: center!important;
    display: flex;
    align-items: center;
}
.search_overlay {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #1a1b2980;
}
.location_footer_title:after {
    width: 37px;
    height: 3px;
    content: "";
    background: #ffae00;
    position: absolute;
    left: 0;
    bottom: -8px;
}

.location_footer_title {
        font-size: 14px;
    font-weight: 600;
    color: #ee1d79;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 21px;
}
.single_footer_location_area ul {
    padding: 0;
    list-style: none;
}
.single_footer_location_area ul li a {
    font-size: 11px;
    color: #6d6b6b;
}
.copy_area {
    width: 100%;
}
.footer_location_area {
    padding-top: 50px;
    border-top: 1px solid white;
    padding-bottom: 20px;
}
.copyright_area {
    background: black;
    padding-top: 26px;
    padding-bottom: 20px;
}
.copy_area p {
    font-size: 13px;
    color: white;
}
.flex-row.form-row {
    justify-content: center;
}

h3.widget-title:after {
    content: "";
    width: 30px;
    height: 3px;
    background: red;
    position: absolute;
    left: 0;
    bottom: -5px;
}

h3.widget-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
}
aside.widget {
    margin-bottom: 37px;
}
.rpwwt-widget ul li img {
    display: inline;
    float: left;
    margin: 0px 10px 10px 0px!important;
}
.rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0!important;
}
span.rpwwt-post-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 11px;
        color: black;
}
.blog .page-title-overlay {
    background: #090c1796;
}
header.entry-header.blog-header {
    background: #e8e8e8;
    padding: 9px 15px;
    margin-bottom: 31px;
}
.blog-header h1.entry-title {
    font-size: 28px;
}
.blog-header .entry-meta {
    margin-top: -9px;
}

.blog-header .entry-meta span {
    font-size: 12px;
    font-style: italic;
}
.blog-img img {
    width: 100%;
}
.single-post nav.container.navigation.post-navigation {
    display: none;
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
form#agency_search_noajax select {
    width: 215px;
    max-width: 385px;
    margin-top: 0 !important;
    height: 64px;
    background: #f5f6fa;
    font-size: 18px !important;
    font-weight: 700;
    color: #ee1d7a;
    padding: 11px;
    position: relative;
    box-shadow: 0px 2px 2px 0px rgba(23,28,77,0.2);
    z-index: 1;
    cursor: pointer;
    border: none;
    margin-right: 12px;
    outline: 0!important;
}
form#agency_search_noajax input {
    width: 215px;
    max-width: 385px;
    
}
.section_title:after {
    border-right: 4px solid #ee1d79;
    right: 0;
}

.section_title:before, .section_title:after {
    width: 47px;
    height: 23px;
    content: '';
    position: absolute;
    border-top: 4px solid #ee1d79;
    top: 25%;
}
.section_title:before {
    border-left: 4px solid #ee1d79;
    left: 0;
}
.single_agency_home {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #e1e1e6;
    padding: 12px 3px 19px;
    flex-wrap: nowrap;
    overflow: hidden;
    text-align: center;
    height: 100%;
}
p.home_single_agency_city_name {
    font-size: 11px;
    color: #131529;
    position: relative;
    margin: 0px;
    font-style: italic;
    line-height: 7px;
}

.home_single_agency_city {
    margin-top: -13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.join_but_link {
    font-size: 18px;
    line-height: 22px;
    padding: 20px 16px;
    color: #ed1575;
    font-weight: 700;
    text-align: left;
    background: #f0f1f5;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-decoration: none!important;
}
.join_but_contetn {
    padding: 0px 16px;
    font-size: 11px;
}
.join_but_title {
    font-size: 23px!important;
    font-weight: bold;
    padding: 0px 16px;
}
.single_blog_post_main.tile_blog h2 {
    font-size: 26px;
    line-height: 1;
    font-weight: bold;
    color: #ffae00;
}
.single_type h3 {
    font-size: 11px;
    text-transform: capitalize;
}
.single_type i {
    font-size: 16px;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 14px;
    border-radius: 50px;
    padding: 13px;
}
.single_type {
    text-align: center;
    word-break: unset;
    color: white;
    padding: 0;
    transition: all .5s;
    min-height: 119px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 16px 0px rgba(19,21,41,0.2);
}
.newsletters {
    box-shadow: 0px 6px 30px 0px rgba(24,32,111,0.14);
    width: 91%;
    margin: 0 auto;
    padding: 28px;
}
.top_footer {
    background: #fcfcfc;
    padding: 25px 0;
    text-align: center;
}
ul#footer-menu li a {
    font-size: 14px;
    font-weight: 500;
    color: black;
    text-decoration: underline;
}











}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .section_title:after {
    border-right: 4px solid #ee1d79;
    right: 0;
}
    .search_field_area {
    min-height: 160px;
    background: #ffffffd9;
    box-shadow: 0px 8px 20px 0px rgba(24,32,111,0.2);
    padding: 41px 5px;
    margin: 25px 0;
    position: relative;
    z-index: 99;
    max-width: none;
}
form#agency_search_noajax select {
    width: 100%;
    max-width: unset;
    margin-top: 0 !important;
    height: 64px;
    background: #f5f6fa;
    font-size: 18px !important;
    font-weight: 700;
    color: #ee1d7a;
    padding: 11px;
    position: relative;
    box-shadow: 0px 2px 2px 0px rgba(23,28,77,0.2);
    z-index: 1;
    cursor: pointer;
    border: none;
    margin-right: 12px;
    outline: 0!important;
}
form#agency_search_noajax input {
    width: 100%;
    max-width: unset;
    margin-top: 21px !important;
    height: 64px;
    background: #f5f6fa;
    font-size: 18px !important;
    font-weight: 700;
    color: #ee1d7a;
    padding: 13px;
    position: relative;
    box-shadow: 0px 2px 2px 0px rgba(23,28,77,0.2);
    z-index: 1;
    cursor: pointer;
    border: none;
    margin-right: 0;
    outline: 0!important;
    position: relative;
    background-image: url(http://box2140.temp.domains/~machupl2/agency/wp-content/uploads/2019/11/placeholder-1.png);
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: 94%;
    margin-bottom: 24px;
}
.form_title {
    font-size: 28px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -1px;
    line-height: 1;
}
.section_title:before, .section_title:after {
    width: 10px;
    height: 23px;
    content: '';
    position: absolute;
    border-top: 4px solid #ee1d79;
    top: 25%;
}
.section_title:before {
    border-left: 4px solid #ee1d79;
    left: 0%;
}
.section_title:before {
    border-left: 4px solid #ee1d79;
    left: 0%;
}
.section_title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.060em;
    display: inline-block;
    background: white;
    box-shadow: 0px 8px 20px 0px rgba(24, 32, 111, 0.09);
    padding: 10px 38px;
}

.menu-area {
    display: none;
}
.single_blog_post_main.tile_blog h2 {
    font-size: 28px;
    line-height: 1;
    font-weight: bold;
    color: #ffae00;
}
ul#footer-menu li a {
    font-size: 11px;
    font-weight: 500;
    color: black;
    text-decoration: underline;
    padding: 0px 7px;
    text-align: center;
}
.newsletters {
    box-shadow: 0px 6px 30px 0px rgba(24,32,111,0.14);
    width: 100%;
    margin: 0 auto;
    padding: 25px;
}
.newsletter_title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1px;
}
.home_subs input[type="submit"] {
    background-color: #ee1d7a !important;
    font-size: 18px;
    padding: 18px 25px;
    height: 64px;
    text-align: left;
    font-weight: 700;
    margin-top: initial;
    margin-left: 0;
    color: white!important;
    width: 100%;
    transition: all .5s;
    text-align: center;
}
.newsletter_subtitle {
    font-size: 13px;
    padding: 0;
    margin-bottom: 34px;
    margin-top: 5px;
    color: #9a9a9a;
}
a.join_but {
    background: white;
    padding: 16px 83px 16px 19px;
    margin-top: 18px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none!important;
    box-shadow: 0px 8px 16px 0px rgba(19,21,41,0.2);
    position: relative;
    color: #ffae00;
    transition: all .5s;
}
.join_content {
    font-size: 13px;
    padding: 0;
    font-weight: 500;
    color: #8c8e90;
}
h2.join_title {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    position: relative;
    display: inline-block;
}

.row.agency_all .col-md-3 {
    width: 50%;
    text-align: center;
}
.home_single_agency_city {
    margin-top: -10px;
    text-align: center;
    line-height: 9px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
p.home_single_agency_city_name {
    padding: 3px;
    margin: 0;
    float: left;
    font-size: 10px;
    color: #131529;
    position: relative;
    margin: 0px;
    /* display: inline-block; */
    font-style: italic;
    text-align: center!important;
}
.single_agency_home {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #e1e1e6;
    padding: 5px 6px 19px;
    flex-wrap: nowrap;
    overflow: hidden;
    text-align: center;
    height: 100%;
}
.row.agency_all .col-md-3:last-child {
    width: 100%;
}
.join_but_contetn {
    padding: 0px 32px;
    font-size: 14px;
    margin-bottom: 79px;
}
.row.search_field_area {
    width: 100%;
    margin: 0 auto;
}


}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {}