.pet_searcher_cmp_content .pet_searcher_content_top{
    position: relative;
    margin-bottom: 60px;
}

.pet_searcher_cmp_content .pet_searcher_content_top .top_arrow{
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
}

.pet_searcher_cmp_content h1{
    font-size: 2em;
    letter-spacing: 5px;
    text-align: left;
}

.pet_searcher_cmp_content h1 .searcher_title_txt{
    display: block;
}

.pet_searcher_cmp_content .subtitle_wrap{
    text-align: center;
    padding-left: 34px;
    text-align: left;
}
.pet_searcher_cmp_content .subtitle{
    width: auto;
    display: inline-block;
    color: var(--secondaryTextColor);
    border-radius: 10px;
    letter-spacing: 3px;
    font-weight: 500;
}

.pet_searcher_cmp_content.adoption_pet_type_chooser{
    text-align: center;
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 34px;
}

.pet_searcher_cmp_content.adoption_pet_type_chooser a{
    color: var(--contentTextColor)
}

.pet_searcher_cmp_content.adoption_pet_type_chooser .selection_el{
    position: relative;
    display: inline-block;
    width: 280px;
    height: 280px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 40px;
    background-image: url(../img/images/pet_item_bg.svg);
    background-repeat: no-repeat;
    background-size: 220px;
    background-position: center 11px;
    
}

.pet_searcher_cmp_content.adoption_pet_type_chooser .selection_el svg{
    width: 100%;
    height: auto;
}

.pet_searcher_cmp_content.adoption_pet_type_chooser .pet_type_label{
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    font-size: 1.1em;
    font-weight: var(--p-font-weight-semibold);
}

.searcher_field_wrap{
    position: relative;
    background-color: #F1F2E2;
    padding: 24px;
    border-radius: 30px;
    padding-bottom: 8px;
    margin-bottom: 56px;
}

.searcher_field_wrap .search_bar_effect{
    position: absolute;
    top: -58px;
    right: -50px;
}

.simplified .searcher_field_wrap{
    margin-bottom: 0;
    padding-left: 18px;
    padding-right: 10px;
}

.simplified .searcher_field_wrap .search_bar_effect{
    top: -67px;
    right: -40px;
}

.simplified .searcher_field_wrap .search_bar_effect svg{
    width: 170px;
    height: 90px;
}

.random_pets_wrap{
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    max-width: 1086px;
    margin-left: auto;
    margin-right: auto;

}

.searcher_field{
    margin-bottom: 10px;
}

.searcher_field_title{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 6px;
    width: 42px;
    line-height: 1.1;
    word-wrap: break-word;
}

.searcher_field_options{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
}

.searcher_field_option_item{
    position: relative;
    display: inline-block;
    width: auto;
    padding: 3px 9px;
    margin-right: 2px;
    cursor: pointer;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 6px;
    color: var(--secondaryTextColor);
}

.searcher_field_option_item.active{
    background-color:  var(--highlightColor);
    color: var(--blackTextColor);
}


.searcher_field_option_item .image{
    margin: auto;
    height: 56px;
    width: 56px;
    background-color: white;
    border-radius: 50%;
    background-size: 120%;
    background-position: center;
    background-repeat: no-repeat;
}

.searcher_field_option_item .label{
    
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.simplified .searcher_field_option_item{
    padding: 3px 7px;
}

.searcher_field[data-field=color-series] .searcher_field_option_item .label{
    max-width: 56px;
}

.pet_searcher_category_1 .color_series_black,
.pet_searcher_category_1 .color_series_white,
.pet_searcher_category_1 .color_series_tabby,
.pet_searcher_category_1 .color_series_tangerine,
.pet_searcher_category_1 .color_series_cow,
.pet_searcher_category_1 .color_series_brown{
    display: inline-block;
}

.pet_searcher_category_2 .color_series_black,
.pet_searcher_category_2 .color_series_white,
.pet_searcher_category_2 .color_series_tabby,
.pet_searcher_category_2 .color_series_tangerine,
.pet_searcher_category_2 .color_series_tuxedo,
.pet_searcher_category_2 .color_series_tortoiseshell,
.pet_searcher_category_2 .color_series_calico{
    display: inline-block;
}

.pet_searcher_category_3 .color_series_black,
.pet_searcher_category_3 .color_series_white,
.pet_searcher_category_3 .color_series_tangerine,
.pet_searcher_category_3 .color_series_brown{
    display: inline-block;
}

.pet_searcher_category_0 .searcher_field[data-field="color-series"] .searcher_field_option_item{
    display: inline-block;
}

.pet_searcher_category_1 input[type=submit],
.pet_searcher_category_1 input[type=button]{
    background-color: var(--pet-theme-color-1-highlight);
}

.pet_searcher_category_1 input[type=submit]:hover,
.pet_searcher_category_1 input[type=button]:hover{
    background-color: var(--pet-theme-color-1-highlight-x);
}

.pet_searcher_category_2 input[type=submit],
.pet_searcher_category_2 input[type=button]{
    background-color: var(--pet-theme-color-2-highlight);
}

.pet_searcher_category_2 input[type=submit]:hover,
.pet_searcher_category_2 input[type=button]:hover{
    background-color: var(--pet-theme-color-2-highlight-x);
}

.pet_searcher_category_3 input[type=submit],
.pet_searcher_category_3 input[type=button]{
    background-color: var(--pet-theme-color-3-highlight);
}

.pet_searcher_category_3 input[type=submit]:hover,
.pet_searcher_category_3 input[type=button]:hover{
    background-color: var(--pet-theme-color-3-highlight-x);
}

.pet_searcher_content_bottom{
    text-align: right;
}

.pet_searcher_content_bottom .content_bottom_el{
    display: inline-block;
    vertical-align: top;
}

.pet_searcher_content_bottom .content_bottom_left{
    max-width: 429px;
}

.pet_searcher_content_bottom .content_bottom_right .search_option_image,
.pet_searcher_content_bottom .content_bottom_left .search_option_image{
    width: 100%;
    scale: 1;
    transition: .3s;
}

.pet_searcher_content_bottom .content_bottom_left_el, .pet_searcher_content_bottom .content_bottom_right_el{
    position: relative;
    border-radius: 56px;
    overflow: hidden;
}

.pet_searcher_content_bottom .content_bottom_left_el.dog{
    margin-bottom: 20px;
}

.pet_searcher_content_bottom .content_bottom_right_el{
    max-width: 747px;
    margin-left: 20px;
}

.pet_searcher_content_bottom .content_bottom_left_el, .pet_searcher_content_bottom .content_bottom_right_el{
    border: 2px solid var(--themeTextColor);
}

.pet_searcher_content_bottom .content_bottom_left_el:hover .search_option_image,
.pet_searcher_content_bottom .content_bottom_right_el:hover .search_option_image{
    scale: var(--hoverScale);
}

.pet_searcher_content_bottom .content_bottom_left_el:hover a.button,
.pet_searcher_content_bottom .content_bottom_right_el:hover a.button{
    scale: var(--hoverScale);
    background-color: var(--highlightColor);
}

.pet_searcher_content_bottom .search_option_txt_btn{
    text-align: left;
    position: absolute;
    bottom: 36px;
    left: 36px;
    width: calc(100% - 72px);
}

.pet_searcher_content_bottom .search_option_txt_btn h2{
    padding-bottom: 0;
    color: white;
    font-size: 3em;
    letter-spacing: 10px;
    text-shadow: 0 0px 20px rgba(0, 0, 0, 0.7);
}

.pet_searcher_content_bottom .search_option_txt_btn a.button{
    position: absolute;
    right: 0;
    top: 1px;
}
    

.pet_searcher_content_bottom .search_option_txt{
    text-align: left;
}

@media screen and (max-width: 1305px){
    
    .pet_searcher_content_bottom .content_bottom_left_el.cat{
        margin-bottom: 20px;
    }
    
    .pet_searcher_content_bottom .content_bottom_right_el{
        max-width: 429px;
    }
    
    .pet_searcher_content_bottom{
        text-align: center;
    }
    
    .pet_searcher_content_bottom .content_bottom_left_el, .pet_searcher_content_bottom .content_bottom_right_el{
        border-radius: 30px;
    }
}

@media screen and (max-width: 986px){
    .pet_searcher_content_bottom .content_bottom_right_el{
        margin-left: 0;
    }
}

@media screen and (min-width: 641px){
    .pet_searcher_cmp_content .searcher_title_txt.searcher_title_desktop{
        display: block;
    }
    
    .pet_searcher_cmp_content .searcher_title_txt.searcher_title_mobile{
        display: none;
    }
    
    .pet_searcher_cmp_content .pet_searcher_content_top .top_arrow svg.desk{
        display: block;
    }
    
    .pet_searcher_cmp_content .pet_searcher_content_top .top_arrow svg.mobile{
        display: none;
    }
}

@media screen and (max-width: 640px){
    .fullscreen_view_on_mobile .floatbox_body .pet_searcher_cmp_content{
        padding: 20px;
    }
    
    .searcher_field_option_item .image{
        height: 40px;
        width: 40px;
    }
    
    .searcher_field .searcher_field_option_item .label{
        max-width: 70px;
    }
    
    .searcher_field[data-field=color-series] .searcher_field_option_item .label{
        max-width: 42px;
    }
    
    .searcher_field_wrap .search_bar_effect{
        position: absolute;
        top: -66px;
        right: -50px;
        width: 177px;
        overflow: hidden;
        box-sizing: border-box;
    }
    
    .searcher_field_wrap .search_bar_effect svg{
        width: 177px;
    }
    
    .simplified .searcher_field_wrap .search_bar_effect{
        display: none;
    }
    
    .pet_searcher_cmp_content .searcher_title_txt.searcher_title_desktop{
        display: none;
    }
    
    .pet_searcher_cmp_content .searcher_title_txt.searcher_title_mobile{
        display: block;
    }
    
    .pet_searcher_cmp_content .searcher_title_mobile.ow_txtright{
        margin-top: 10px
    }
    
    .pet_searcher_cmp_content .subtitle_wrap{
        margin-bottom: 20px;
    }
    
    .pet_searcher_cmp_content .pet_searcher_content_top .top_arrow{
        position: relative;
    }
    
    .pet_searcher_cmp_content .pet_searcher_content_top .top_arrow svg.desk{
        display: none;
    }
    
    .pet_searcher_cmp_content .pet_searcher_content_top .top_arrow svg.mobile{
        display: block;
        margin-left: auto;
    }
    
    .pet_searcher_content_bottom .search_option_txt_btn h2{
        font-size: 2em;
        letter-spacing: 5px;
    }
    
    .pet_searcher_content_bottom .search_option_txt_btn a.button{
        top: -8px;
    }
}

@media screen and (max-width: 480px){
    .searcher_field_wrap .search_bar_effect{
        right: -20px;
        width: 137px;
    }
}

.content_body_part_right{
    margin-top: 60px;
}

.ow_content_menu_wrap{
    margin-bottom: 50px;
}

.searcher_fields_container{
    padding: 24px 60px;
    border: 2px solid var(--themeTextColor);
    border-radius: 36px;
}

.searcher_field_item{
    margin-right: 40px;
}

.searcher_field_item.leading_text{
    border-right: 2px solid #699686;
}

.searcher_field_item, .searcher_field_item_el{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.searcher_fields_el_label{
    letter-spacing: 3px;
    font-size: 1.2em;
    font-weight: 600;
    margin-right: 12px;
}

.searcher_fields_el_label_eng{
    color: #699686;
    padding: 20px 0px;
    padding-right: 20px;
}

.searcher_fields_el_options select{
    border-radius: 50px;
    width: 186px;
    color: var(--themeTextColor);
    border: 1px solid var(--themeTextColor);
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.searcher_fields_el_options select:focus{
    box-shadow: none;
}

.searcher_fields_el_options a.button{
    position: absolute;
    right: -2px;
    top: -4px;
    scale: 0.6 !important;
    pointer-events: none;
    transform: rotate(90deg);
}


@media screen and (max-width: 960px){
    
    .content_body_part_right{
        margin-top: 10px;
    }
    
    .ow_content_menu_wrap{
        margin-bottom: 30px;
    }
    
    .searcher_fields_container{
        padding: 10px 40px;
    }
    
    .searcher_field_item.leading_text{
        border-right: 0;
        border-bottom: 2px solid #699686;
        margin-bottom: 20px;
    }
    
    .searcher_field_item{
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    
    
    .searcher_fields_el_options{
        width: calc(100% - 60px);
    }
    
    .searcher_fields_el_options select{
        width: 100%;
    }
    
    
}

@media screen and (max-width: 640px){
    .searcher_fields_el_options a.button{
        right: -6px;
        top: -7px;
        scale: 0.55 !important;
    }
}