/* COLOURS */
/* cccolor
#778ee8 - denver blue but darker

try turq blue
#2859a1

*/
.mm_back_purple {
    height: 100%;
    width: 100%;
    background-color: #4a4ab2;
}
.mm_back_offwhite {
    height: 100%;
    width: 100%;
    background-color: #fbfbfd;
}

.body_cover {
    position: fixed;
    width: 100%;
    height: 100%;
    font-size: 21px;
    color: #fbfbfd;
}

.logo_slogan_body {
    font-size: 15px;
    margin-top: 4px;
    color: #fbfbfd;
    text-shadow: 0px 0px 3px #ffffff;
    font-family: helvetica neue;
    font-weight: 400;
    text-shadow: 0px 1px 4px #0f004a;
    letter-spacing: 0.3px;
}

    .logo_body_loader {
        width: 120px;
        opacity: 0.15;
        margin-top: 12px;
    }

#main_page,
#landing_pages,
.landing_modal_overlay,
.uwrap_adjusted
{
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out; 
}
.uwrap_adjusted
{
    opacity: 0; 
}

.landing_modal_overlay {    
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgba(16, 0, 49, 0.61);
}

#main_page {
    opacity: 1;
}
#landing_pages {
    opacity: 1;
    position: fixed;
}


html.with-statusbar-overlay body {
    padding-top: 0px!important;
}

/* SIGN UP */
.signup_mobile, 
.signup_email, 
.signup_mobile_verify_next, 
.signup_email_verify_next 
{
    display: none;
}

/* GENERAL CSS */

.text_light {
    font-family: Avenir-Light!important;
}
.text_medium {
    font-family: Avenir-Medium!important;
}
.text_heavy {
    font-family: Avenir-Heavy!important;
    line-height: 61px;
}

.accordion_title_shadow_only {
   text-shadow: 0 0 1px #000000; 
}

.pad_left_21 {
    padding-left: 21px!important;
}
.pad_right_21 {
    padding-right: 21px!important;
}
.pad_left_34 {
    padding-left: 34px!important;
}
.pad_right_34 {
    padding-right: 34px!important;
}
.pad_left_43 {
    padding-left: 43px!important;
}
.pad_right_43 {
    padding-right: 43px!important;
}

.spacer_top7 {
    margin-top: 7px!important;
}
.spacer_top_bottom7 {
    margin-top: 7px!important;
    margin-bottom: 7px!important;
}
.spacer_bottom7 {
    margin-bottom: 7px!important;
}

.spacer_top12 {
    margin-top: 12px!important;
}
.spacer_top_bottom12 {
    margin-top: 12px!important;
    margin-bottom: 12px!important;
}
.spacer_bottom12 {
    margin-bottom: 12px!important;
}

.spacer_top16 {
    margin-top: 16px!important;
}
.spacer_top_bottom16 {
    margin-top: 16px!important;
    margin-bottom: 16px!important;
}
.spacer_bottom16 {
    margin-bottom: 16px!important;
}

.spacer_top19 {
    margin-top: 19px!important;
}
.spacer_top21 {
    margin-top: 21px!important;
}
.spacer_top_bottom21 {
    margin-top: 21px!important;
    margin-bottom: 21px!important;
}
.spacer_bottom21 {
    margin-bottom: 21px!important;
}
.spacer_member_options {
    margin-top: 21px!important;
    margin-bottom: 11px!important;
}

.side_pad12 {
    padding: 0px 12px!important;
}
.side_pad16 {
    padding: 0px 16px!important;
}

::placeholder {
/* Firefox */
    font-family: Avenir-Light;
    color: #a7a7a7; 
}


.wrapper0 {
    z-index: 9;
    position: fixed;
    width: 100vw!important;
    height: 100vh!important;
    background: #fbfbfd;
    opacity: 0;
    /*
    transition-duration
    */
    -webkit-transition: all 0.3s ease-out!important;
    -moz-transition: all 0.3s ease-out!important;
    -o-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}


.offers_header {    /*
    -webkit-transform: translateZ(0);
    image-rendering: -webkit-optimize-contrast;
    */
    font-family: HipsterScriptPro;
    font-size: 55px;
    font-weight: 100;
    line-height: 63px;
    
    text-shadow: 0px 0px 2px #2100a4;
    font-weight: 700;
    margin: 0 0 3px;
    color: #fff;
    letter-spacing: -1px;
}
.offers_header_plane_tilted {
    position: absolute;
    top: -14px;
    right: 1px;
    width: 28px;
    height: 28px;
    transform: rotate(45deg);
}

.offer_sub_cont {
    font-family: Avenir-Heavy;
    color: white;
    font-size: 21px;
    margin-top: calc(12px + 2.5vh);
    margin-bottom: calc(25px + 2.5vh);
    text-align: center;
}
    .offer_sub_top {
        font-size: 19px;
        margin: 30px 0px 0px 0px!important;
    }
    .offer_sub_bottom {
        font-size: 19px;
        margin: 0px 0px 30px 0px!important;
    }

.offer_pic1_cont {
    margin-right: 5.5vw;
}

.offer_center_outer {
    text-align: center;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
}


.offer_pic1 {
    background-image: url("../images/vacay_deals.png");
    background-size: cover;
    border-radius: 50%;
    border: 3px solid #fbfbfd;
    width: 30vmin;
    height: 30vmin;
    
    max-width: 192px;
    max-height: 192px;
}

.offer_pic2 {
    z-index: 2;
    background-image: url("../images/agent.png");
    background-size: cover;
    border-radius: 50%;
    border: 3px solid #fbfbfd;
    /*border-right-style: dashed;*/    
    width: 30vmin;
    height: 30vmin;
    
    max-width: 192px;
    max-height: 192px;
}

.offer_pic_button1,
.offer_pic_button2,
.offer_pic_button3
{
    min-width: 136px!important;
    min-height: 136px!important;
    text-align: center;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
}

.offer_pic_button1 {
    background: #5e4cd0!important;
    /*background: #299dd8;!important;*/
    font-family: Avenir-Medium;
    font-size: 17px!important;
    color: #fbfbfd; 
    border-radius: 100px;
    height: 12vh!important;

    min-height: 38px;
    /*
    width: 61.8vw!important;
    max-width: 237px;
    min-width: 187px;
    */
    margin: 30px auto 0px auto!important;
    /*margin: 0px auto calc(9px + 2.5vh) auto!important;*/
    padding: 0px 16px;
    box-shadow: 0 1px 9px #2d2563;
}
.offer_pic_button1:active {
    background: #778ee8!important;
}

.offer_pic_button2 {
    background: #5a9f68 !important;
    /*background: #5e4cd0!important;*/
    /*background: #5cb85c!important;*/
    font-family: Avenir-Medium;
    font-size: 17px!important;
    color: #fbfbfd;
    border-radius: 100px;
    height: 12vh!important;    
    min-height: 38px;
    line-height: 18px;
    /*
    width: 61.8vw!important;
    max-width: 237px;
    min-width: 187px;
    */
    margin: 30px auto 0px auto!important;
    padding: 0px 16px;
    box-shadow: 0 1px 9px #2d2563;
}
.offer_pic_button2:active {
    background: #6bca6b!important;
}
.offer_pic_button3 {
    background: #5a9f68 !important;
    font-family: Avenir-Medium;
    font-size: 17px!important;
    color: #fbfbfd;
    border-radius: 100px;
    height: 12vh!important;    
    min-height: 169px;

    margin: 30px auto 0px auto!important;
    padding: 0px 16px;
    box-shadow: 0 1px 9px #2d2563;
}
.offer_pic_button3:active {
    background: #6bca6b!important;
}
    .offer_pic_button1_icon {
        height: 39px;
        width: 39px;
        background-image: url(../images/refresh_search_icon.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin: 4px 0px 5px 0px!important;
    }

    .offer_pic_button2_icon {
        height: 39px;
        width: 39px;
        background-image: url(../images/request.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin: -9px 0px 7px 0px !important;
    }

    .offer_pic_button3_icon {
        min-height: 21px;
        height: 39px;
        width: 39px;
        background-image: url(../images/add_white.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin: 0px 0px 5px 0px!important;
    }



.tripanion_checkbox {  
    cursor: pointer;
    position: absolute;
    right: 21px;
    width: 21px;
    height: 21px;
    border-radius: 22px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    border: 1px solid #c8c7cc;
}
.tripanion_checkbox_checked {  
    border: none;
    width: 22px;
    height: 22px;
    background-image: url("../images/tripanion_checkbox_checked.png");    
}

.public_photos_swiper_adjust {
    height: 27px;
}

.public_toolbar {
    z-index: 0;    
   
    bottom: -44px;
    position: fixed!important;
    width: 100%;
    margin: auto;
    background-color: black!important;
    opacity: 0.62!important;
    font-family: Avenir-Light;
    font-weight: 100;
    -webkit-transition: all 0.3s ease-out!important;
    -moz-transition: all 0.3s ease-out!important;
    -o-transition: all 0.3s ease-out!important;
    transition: all 0.3s ease-out!important;
}


.field_input {
    font-family: Avenir-Light!important;
    color: #5a4ec7!important;
    font-size: 25px!important;
}
.padtop3 {
    padding-top: 3px;
}
.popover_container {
    width: 62vw;
    min-width: 300px;
    max-width: 430px;
    margin: auto!important;
    padding: 21px;
    font-family: Avenir-Medium;
    font-size: 18px;
    text-align: center;
    margin-top: 21px;
    
}

.arrow_down{
    font-size: 14px;
}


/* FRAMEWORK7 BLUE COLOUR SWITCH */
a {
  text-decoration: none;
  color: #5a4ec7; /* original blue is #007aff */
}
.tabbar a.active {
  color: #5a4ec7; /* original blue is #007aff */
}
.list-block .item-link.list-button {
  padding: 0 15px;
  text-align: center;
  color: #5a4ec7; /* original blue is #007aff */
  display: block;
  line-height: 43px;
}



.button {
  border: none;
  /*1px never active because backcolor overridden */    
  color: none;
  /*color: #007aff; never active because backcolor overridden */
  text-decoration: none;
  text-align: center;
  display: block;
  border-radius: auto;
  /*5px never active because overridden */
  line-height: 27px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: none;
  padding: 0 10px;
  margin: 0;
  height: 29px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  outline: 0;
}
input[type="submit"].button,
input[type="button"].button {
  width: 100%;
}


html:not(.watch-active-state) .button:active,
.button.active-state {
  background: rgba(127, 132, 255, 0.6);
}

html.ios-gt-8 .list-block.media-list .item-title, html.ios-gt-8 .list-block li.media-item .item-title {
  font-family: Avenir-Light;
}

.button.button-round {
  border-radius: 27px;
}
.button.active {
  background: none;
  /*background: #007aff; never active because backcolor overridden */
  color: #fff;
}
.button.button-big {
  font-size: 17px;
  height: 44px;
  line-height: 42px;
}
.button.button-fill {
  color: #fff;
  background: #007aff;
  border: none;
}
/*
html:not(.watch-active-state) .button.button-fill:active,
.button.button-fill.active-state {
  opacity: 0.8;
}
*/



/* removed 2020-05-6
.range-slider input[type="range"]::-webkit-slider-thumb:before {
  position: absolute;
  top: 50%;
  right: 100%;
  width: 2000px;
  height: 2px;
  margin-top: -1px;
  z-index: 1;
  background: #5a4ec7; 
  content: ' ';
}

.range-slider input[type="range"]::-ms-fill-lower {
  background: #5a4ec7;
}
*/
label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
  border: none;
  background-color: #5a4ec7; /* original blue is #007aff */
}
.modal-button {
  width: 100%;
  padding: 0 5px;
  height: 44px;
  font-size: 17px;
  line-height: 44px;
  text-align: center;
  /*color: #5a4ec7; original blue is #007aff */
  display: block;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.95);
}

.progressbar span {
  width: 100%;
  background: #5a4ec7; /* original blue is #007aff */
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}
.progressbar-infinite:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #5a4ec7; /* original blue is #007aff */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-animation: progressbar-infinite 1s linear infinite;
  animation: progressbar-infinite 1s linear infinite;
}


/*check this */

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #5a4ec7; /* original blue is #007aff */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;

  transform-origin: left top;
}

.picker-calendar-day.picker-calendar-day-selected span {
  background: #5a4ec7; /* original blue is #007aff */
  color: #fff;
}



/* BACK FOR QUIZ CHAT */
.mmpurple_multiback_custom {
    /*background-color: #fbfbfd;*/    
    background-image: url("../images/purple_back_multi.png");
	background-size:cover;    
}


/* toolbar line removed from intro toolbar only */
.toolbar_fix::before {
    background-color: transparent!important;
}

.noUi-connect{
    background: #5cb85c!important;
}
.noUi-horizontal{
    background: white!important;
    border-radius: 6px!important;
}
/* modal-inner:AFTER removed, added on modal-button as border-top*/
.modal-inner:after {
    height: 0px!important;
    background-color: transparent!important;
}
.modal-buttons, modal-button {
    border-top: 1px solid lightgrey;
    margin-top: -1px;
    /*
    height: calc(100% + 1px);
    */
}

.connection_message {
    z-index: 9999;
    position: fixed;
    height: 25px;
    width: 100%;
    /* CONNECTION LOST * - red */
    /*background: #d95350;*/

    /* CONNECTED * - green */
    background: #5cb85c;
    margin-top: 60px;

}
    .connection_message_inner {
        width: 100%;
        text-align: center;
        color: #fbfbfd;
        padding-top: 3px;
    }




.listblock_adjust {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    /*padding-top: 7px;*/
}
.notifications_listblock_adjust {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
.list-block ul {
    /*border: 1px solid #e3e3e6;*/
    /*background-color: #fbfbfd;*/
    /*border-radius: 25px;*/
}
.listblock_adjust ul {
    /*border-radius: 50px!important;*/
    
    /* lighter shadow */
    /*box-shadow: 0px 0px 5px #dbdbdb91;*/
    
    /* darker shadow */
    box-shadow: 0px 0px 7px #9f979791;
}

/*-- --*/
/*-- --*/
/*-- --*/
/*-- SPECIAL --*/
/*-- --*/
/*-- --*/
/*-- --*/

#alerts_notifications_slide_index_id ul {
    height: auto!important;
}

/* 'class' ul affects class below, ul that is within the generated div*/
.f7_height_overide ul {
    height: 100%!important;
    padding-left: 0px!important;
    /*padding-top: 12px;*/
    /*padding-top: calc(1.8vmin - 6px);*/
}   
    .list_cont_likes_padded {
        padding-top: 12px;
        height: 100%;    
        width: 100%;
        overflow-y: auto;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;     
    }  
    .list_cont_likes {
        height: 100%;    
        width: 100%;
        /* 2022-08-27 set to hidden - corrected in detail_swipers_overflow_reveal() and reverted back to auto */
        overflow: auto;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;     
    }
.f7_height_overide_favs ul {
    height: 100%!important;
    padding-left: 0px!important;
    border-top: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc;
    background: transparent!important;
}

.trips_loading_back {
    position: absolute;
    color: lightgrey;
    width: 100%;
    height: 100%;
    font-size: 27px;
    font-family: Avenir-Light;
    padding-bottom: 16px;
}
.trip_latest {
    width: 100%;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    line-height: 28px;
    color: #a5a5a5;
    margin: -3px 0px 3px 0px!important;
}
    .trip_latest span {
        font-size: 11px;
        padding: 5px 9px 3px 4px;
    }
        .trip_latest span img{
            transform: scale(0.7);
            margin: 0px 3px -4px 0px;
        }

/*-- --*/
/*-- --*/
/*-- --*/
/*-- BUTTONS --*/
/*-- --*/
/*-- --*/
/*-- --*/


#swiper_buttons_nav_middle_id, 
#swiper_buttons_nav_game_id {
    border-color:transparent!important;
}

.empties_launch_modal {
    z-index: 1;
    font-family: Avenir-Medium;
    width: auto;
    
    color: #fbfbfd;
    background-color: #5a4ec7;
    /*background-color: #5a4ec7;*/
    font-size: 17px;
    /* text-shadow: 0 0 7px #fbfbfd; */
    border: none;
    border-radius: 43px;
    padding-top: 3px;
    margin: 16px auto 23px auto;
    max-width: 271px;
    min-width: 253px;

    height: 10.33vmin!important;
    max-height: 53.2px;
    min-height: 47.1px;

    display: flex!important;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
}
.empties_launch_modal:hover {
    background-color: #5d4be0;
}
.empties_launch_modal:active {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    background-color: #60b248;
}
    .empties_launch_modal_icon {
      height: 25px;
      width: 25px;
      background-image: url(../images/footer1_trips.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      margin: -4px 9px 1px -1px !important;
    }


/*-- --*/
/*-- --*/
/*-- --*/
/*-- MODALS --*/
/*-- --*/
/*-- --*/
/*-- --*/

#trip_detail_header_top_id {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 111%;
}

.trip_detail_title_results_left {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
}


.quizpage_img {
    width: 120px;
    height: 100%;
    margin-top: 12px;
    border-radius: 50%;
    
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.game_detail_prev_img {
    width: 70px;
    height: 100%;
    margin-top: 12px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px #bdb8d8;
    
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

/*-- --*/
/*-- --*/
/*-- --*/
/*-- TUTORIALS --*/
/*-- --*/
/*-- --*/
/*-- --*/

.tut_glo {
    color: #5a4ec7; 
    font-weight: 300;
}

#tutorial_listblock_id .item-content {
    padding: 30px 0px 30px 20px;
}
#tutorial_listblock_id .item-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;;
    padding: 0px 55px 0px 0px;
}
    #tutorial_listblock_id .item-inner::after {
        top: 6px;
        width: 1px;
        height: calc(100% - 12px);
        left: calc(100% - 44px);
        background-color: #af97e424;
    }
     #tutorial_listblock_id  .tutorial_item_title {
        width: 100%;
        white-space: normal;
        font-size: 21px;
        margin-bottom: 15px;
    }
     #tutorial_listblock_id  .tutorial_subtitle_adjust {
        padding: 0px 0px 6vmin calc(2.8vmin + 20px);      
        font-size: 17px;
        font-family: Avenir-Light;
        overflow: hidden;
        white-space: normal;
        color: black;
        align-self: flex-start;
    }
     #tutorial_listblock_id  li {
        border-top: 1px solid #c8c7cc;
    }
     #tutorial_listblock_id .accordion-item-expanded {
        padding-bottom: 25px;
    }

    .flap_shadow ul {
        padding: 0px 0px 39px 0px;
        /*padding: 0px 16px 39px 0px;*/
        -webkit-box-shadow: 0px 15px 75px 0px rgb(94, 100, 124);
        box-shadow: 0px 15px 75px 0px rgb(94, 100, 124);
    }

    .flap_shadow2 {
        -webkit-box-shadow: 0px 15px 75px 0px rgb(94, 100, 124);
        box-shadow: 0px 15px 75px 0px rgb(94, 100, 124);
    }

  
            .tutorial_item_after {
                /*BOJAN 2021-03-23*/
                position: absolute;
                top: 0px;
                right: 14px;
                
                font-size: 19px;
                font-family: Avenir-Light;
                line-height: 33px;
            }

            .tutorial_rating {
                width: 18px;
                height: 18px;
                margin: 4px 0px -3px 0px;
            }
            #tutorial_listblock_id .tutorial_item_description {
                white-space: normal;
                align-self: start;
            }
                #tutorial_listblock_id .tutorial_item_after_span {
                    white-space: nowrap;
                    margin-right: 9px;
                }
                #tutorial_listblock_id .tutorial_item_after_span_star {
                    white-space: nowrap;
                    margin-right: 9px;
                }

/*-- --*/
/*-- --*/
/*-- --*/
/*-- TUTORIALS ON MODAL --*/
/*-- --*/
/*-- --*/
/*-- --*/

.tutorial_boosts_img {
    background-image: url(../images/intro18.png);
    background-position-y: 30%;
    border-radius: 0;
    height: 412px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 10px 0px 2px 0px;

}
.tutorial_img {    
    z-index: 9;
    border-radius: 0;
    margin-left: 2.8vmin!important;
    margin-right: 2.8vmin!important;
    width: 31.8vmin!important;
    height: 31.8vmin!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
 }
    .tut0 {
        background-image: url(../images/intro0.png);
    }
    .tut1 {
        background-image: url(../images/intro1.png);
        background-position-y: 14%;
    }
    .tut2 {
        background-image: url(../images/intro2.png);
        background-position-y: 14%;
    }
    .tut3 {
        background-image: url(../images/intro3.png);
        background-position-y: 14%;
    }
    .tut4 {
        background-image: url(../images/intro4.png);
        background-position-y: 14%;
    }
    .tut5 {
        background-image: url(../images/intro5.png);
        background-position-y: 14%;
    }
    .tut6 {
        background-image: url(../images/intro6.png);
    }
    .tut7 {
        background-image: url(../images/intro7.png);
    }
    .tut8 {
        background-image: url(../images/intro8.png);
    }
    .tut9 {
        background-image: url(../images/intro9.png);
    }
    .tut10 {
        background-image: url(../images/intro10.png);
    }
    .tut11 {
        background-image: url(../images/intro11.png);
    }
    .tut12 {
        background-image: url(../images/intro12.png);
    }
    .tut13 {
        background-image: url(../images/intro13.png);
    }
    .tut14 {
        background-image: url(../images/intro14.png);
    }
    .tut15 {
        background-image: url(../images/intro15.png);
    }
    .tut16 {
        background-image: url(../images/intro16.png);
        background-position-y: 14%;
    }
    .tut17 {
        background-image: url(../images/intro17.png);
        background-position-y: 0%;
    }
    .tut18 {
        background-image: url(../images/intro18.png);
        background-position-y: 0%;
    }

.tut_back_cont {
    height: 506px;
    width: 285px;
    margin-bottom: -506px;

    /*border: 10px solid #fbfbfd;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/learn_more5.png);*/
    opacity: 0.5;
    overflow: hidden;
}

.tut_slide {
    height: calc(100vh - 187px);
}
.tut1_torch{
    z-index: 9;
    opacity: 0;
    margin-top: 30px;
    margin-left: 50px;
    width: 100px;
    height: 100px;
    background: transparent;
    border-radius: 50%;

    box-shadow: 0px 0px 0px 2000px #00000091, 0px 0px 0px inset;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    
}
    .tut_back_trans {
        background: transparent;
        overflow: hidden;
    }
    .tut1_back_wrapper {
        position: relative;
        margin-bottom: -531px;
        max-height: 525px;
        border-bottom: 18px solid #fbfbfd;

     }
    .tut1_back {    
        max-height: 525px;
        border-bottom: 18px solid #fbfbfd;
        
        /*border: 10px solid #fbfbfd;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../images/learn_more7.png);*/
     }



/* MM ALL BACKGROUNDS */

.start_back_fbfbfd {
    background: #fbfbfd;
}

.purple_back_rad_18_62_pink_reduc { 
    background: -moz-radial-gradient(center, ellipse cover,  rgba(220,103,242,0) 18%, rgba(220,103,242,0.5) 40%, rgba(180,82,227,0.98) 61%, rgba(177,81,225,1) 62%, rgba(145,76,205,1) 71%, rgba(134,73,200,1) 78%, rgba(79,64,159,1) 92%, rgba(63,61,158,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(220,103,242,0) 18%,rgba(220,103,242,0.5) 40%,rgba(180,82,227,0.98) 61%,rgba(177,81,225,1) 62%,rgba(145,76,205,1) 71%,rgba(134,73,200,1) 78%,rgba(79,64,159,1) 92%,rgba(63,61,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(220,103,242,0) 18%,rgba(220,103,242,0.5) 40%,rgba(180,82,227,0.98) 61%,rgba(177,81,225,1) 62%,rgba(145,76,205,1) 71%,rgba(134,73,200,1) 78%,rgba(79,64,159,1) 92%,rgba(63,61,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.purple_back_rad_18_62_pink_reduc2 { 

    background: -moz-radial-gradient(center, ellipse cover,  rgba(177,101,210,0) 18%, rgba(177,101,210,0.59) 44%, rgba(180,82,227,0.86) 56%, rgba(180,82,227,0.98) 61%, rgba(174,81,223,1) 62%, rgba(145,76,205,1) 67%, rgba(134,73,200,1) 71%, rgba(79,64,159,1) 80%, rgba(76,62,157,1) 83%, rgba(63,61,158,1) 90%, rgba(50,70,130,1) 99%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(177,101,210,0) 18%,rgba(177,101,210,0.59) 44%,rgba(180,82,227,0.86) 56%,rgba(180,82,227,0.98) 61%,rgba(174,81,223,1) 62%,rgba(145,76,205,1) 67%,rgba(134,73,200,1) 71%,rgba(79,64,159,1) 80%,rgba(76,62,157,1) 83%,rgba(63,61,158,1) 90%,rgba(50,70,130,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(177,101,210,0) 18%,rgba(177,101,210,0.59) 44%,rgba(180,82,227,0.86) 56%,rgba(180,82,227,0.98) 61%,rgba(174,81,223,1) 62%,rgba(145,76,205,1) 67%,rgba(134,73,200,1) 71%,rgba(79,64,159,1) 80%,rgba(76,62,157,1) 83%,rgba(63,61,158,1) 90%,rgba(50,70,130,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.purple_back_rad_18_62 { 
    background: -moz-radial-gradient(center, ellipse cover,  rgba(161,113,199,0) 18%, rgba(161,113,199,0.27) 30%, rgba(160,112,198,0.29) 31%, rgba(161,111,200,0.31) 32%, rgba(164,109,200,0.33) 33%, rgba(168,109,203,0.35) 34%, rgba(171,107,204,0.4) 36%, rgba(171,105,205,0.42) 37%, rgba(171,103,206,0.44) 38%, rgba(177,101,210,0.46) 39%, rgba(181,98,212,0.51) 41%, rgba(181,96,213,0.53) 42%, rgba(184,96,216,0.55) 43%, rgba(192,91,221,0.62) 46%, rgba(193,90,223,0.64) 47%, rgba(198,90,227,0.66) 48%, rgba(197,89,227,0.68) 49%, rgba(202,89,229,0.7) 50%, rgba(206,89,232,0.73) 51%, rgba(204,89,232,0.75) 52%, rgba(213,90,240,0.85) 56%, rgba(218,91,242,0.9) 58%, rgba(216,91,243,1) 62%, rgba(216,91,243,1) 63%, rgba(210,92,241,1) 66%, rgba(202,88,236,1) 69%, rgba(201,89,236,1) 70%, rgba(197,87,234,1) 71%, rgba(194,86,232,1) 72%, rgba(190,85,230,1) 73%, rgba(186,84,228,1) 74%, rgba(180,82,227,1) 75%, rgba(175,80,222,1) 76%, rgba(169,80,222,1) 77%, rgba(166,79,220,1) 78%, rgba(166,79,218,1) 79%, rgba(155,77,213,1) 80%, rgba(152,76,210,1) 81%, rgba(146,75,207,1) 82%, rgba(141,74,205,1) 83%, rgba(132,74,197,1) 85%, rgba(128,72,197,1) 86%, rgba(121,72,190,1) 87%, rgba(113,70,186,1) 89%, rgba(105,69,179,1) 91%, rgba(101,67,177,1) 92%, rgba(95,66,172,1) 93%, rgba(91,66,168,1) 95%, rgba(85,64,165,1) 96%, rgba(82,64,163,1) 97%, rgba(80,65,160,1) 98%, rgba(79,64,159,1) 99%, rgba(76,62,157,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(161,113,199,0) 18%,rgba(161,113,199,0.27) 30%,rgba(160,112,198,0.29) 31%,rgba(161,111,200,0.31) 32%,rgba(164,109,200,0.33) 33%,rgba(168,109,203,0.35) 34%,rgba(171,107,204,0.4) 36%,rgba(171,105,205,0.42) 37%,rgba(171,103,206,0.44) 38%,rgba(177,101,210,0.46) 39%,rgba(181,98,212,0.51) 41%,rgba(181,96,213,0.53) 42%,rgba(184,96,216,0.55) 43%,rgba(192,91,221,0.62) 46%,rgba(193,90,223,0.64) 47%,rgba(198,90,227,0.66) 48%,rgba(197,89,227,0.68) 49%,rgba(202,89,229,0.7) 50%,rgba(206,89,232,0.73) 51%,rgba(204,89,232,0.75) 52%,rgba(213,90,240,0.85) 56%,rgba(218,91,242,0.9) 58%,rgba(216,91,243,1) 62%,rgba(216,91,243,1) 63%,rgba(210,92,241,1) 66%,rgba(202,88,236,1) 69%,rgba(201,89,236,1) 70%,rgba(197,87,234,1) 71%,rgba(194,86,232,1) 72%,rgba(190,85,230,1) 73%,rgba(186,84,228,1) 74%,rgba(180,82,227,1) 75%,rgba(175,80,222,1) 76%,rgba(169,80,222,1) 77%,rgba(166,79,220,1) 78%,rgba(166,79,218,1) 79%,rgba(155,77,213,1) 80%,rgba(152,76,210,1) 81%,rgba(146,75,207,1) 82%,rgba(141,74,205,1) 83%,rgba(132,74,197,1) 85%,rgba(128,72,197,1) 86%,rgba(121,72,190,1) 87%,rgba(113,70,186,1) 89%,rgba(105,69,179,1) 91%,rgba(101,67,177,1) 92%,rgba(95,66,172,1) 93%,rgba(91,66,168,1) 95%,rgba(85,64,165,1) 96%,rgba(82,64,163,1) 97%,rgba(80,65,160,1) 98%,rgba(79,64,159,1) 99%,rgba(76,62,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(161,113,199,0) 18%,rgba(161,113,199,0.27) 30%,rgba(160,112,198,0.29) 31%,rgba(161,111,200,0.31) 32%,rgba(164,109,200,0.33) 33%,rgba(168,109,203,0.35) 34%,rgba(171,107,204,0.4) 36%,rgba(171,105,205,0.42) 37%,rgba(171,103,206,0.44) 38%,rgba(177,101,210,0.46) 39%,rgba(181,98,212,0.51) 41%,rgba(181,96,213,0.53) 42%,rgba(184,96,216,0.55) 43%,rgba(192,91,221,0.62) 46%,rgba(193,90,223,0.64) 47%,rgba(198,90,227,0.66) 48%,rgba(197,89,227,0.68) 49%,rgba(202,89,229,0.7) 50%,rgba(206,89,232,0.73) 51%,rgba(204,89,232,0.75) 52%,rgba(213,90,240,0.85) 56%,rgba(218,91,242,0.9) 58%,rgba(216,91,243,1) 62%,rgba(216,91,243,1) 63%,rgba(210,92,241,1) 66%,rgba(202,88,236,1) 69%,rgba(201,89,236,1) 70%,rgba(197,87,234,1) 71%,rgba(194,86,232,1) 72%,rgba(190,85,230,1) 73%,rgba(186,84,228,1) 74%,rgba(180,82,227,1) 75%,rgba(175,80,222,1) 76%,rgba(169,80,222,1) 77%,rgba(166,79,220,1) 78%,rgba(166,79,218,1) 79%,rgba(155,77,213,1) 80%,rgba(152,76,210,1) 81%,rgba(146,75,207,1) 82%,rgba(141,74,205,1) 83%,rgba(132,74,197,1) 85%,rgba(128,72,197,1) 86%,rgba(121,72,190,1) 87%,rgba(113,70,186,1) 89%,rgba(105,69,179,1) 91%,rgba(101,67,177,1) 92%,rgba(95,66,172,1) 93%,rgba(91,66,168,1) 95%,rgba(85,64,165,1) 96%,rgba(82,64,163,1) 97%,rgba(80,65,160,1) 98%,rgba(79,64,159,1) 99%,rgba(76,62,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.purple_back_rad62 { 
    background: -moz-radial-gradient(center, ellipse cover,  rgba(127,110,190,0) 0%, rgba(132,113,194,0.03) 2%, rgba(137,115,198,0.08) 5%, rgba(134,115,197,0.1) 6%, rgba(135,116,198,0.13) 8%, rgba(156,114,198,0.45) 28%, rgba(159,114,199,0.47) 29%, rgba(161,113,199,0.49) 30%, rgba(160,112,198,0.51) 31%, rgba(161,111,200,0.53) 32%, rgba(164,109,200,0.55) 33%, rgba(168,109,203,0.57) 34%, rgba(171,107,204,0.6) 36%, rgba(171,105,205,0.62) 37%, rgba(171,103,206,0.64) 38%, rgba(177,101,210,0.66) 39%, rgba(181,98,212,0.69) 41%, rgba(181,96,213,0.7) 42%, rgba(184,96,216,0.72) 43%, rgba(192,91,221,0.76) 46%, rgba(193,90,223,0.78) 47%, rgba(198,90,227,0.79) 48%, rgba(197,89,227,0.81) 49%, rgba(202,89,229,0.82) 50%, rgba(206,89,232,0.84) 51%, rgba(204,89,232,0.85) 52%, rgba(213,90,240,0.91) 56%, rgba(218,91,242,0.94) 58%, rgba(216,91,243,1) 62%, rgba(216,91,243,1) 63%, rgba(210,92,241,1) 66%, rgba(202,88,236,1) 69%, rgba(201,89,236,1) 70%, rgba(197,87,234,1) 71%, rgba(194,86,232,1) 72%, rgba(190,85,230,1) 73%, rgba(186,84,228,1) 74%, rgba(180,82,227,1) 75%, rgba(175,80,222,1) 76%, rgba(169,80,222,1) 77%, rgba(166,79,220,1) 78%, rgba(166,79,218,1) 79%, rgba(155,77,213,1) 80%, rgba(152,76,210,1) 81%, rgba(146,75,207,1) 82%, rgba(141,74,205,1) 83%, rgba(132,74,197,1) 85%, rgba(128,72,197,1) 86%, rgba(121,72,190,1) 87%, rgba(113,70,186,1) 89%, rgba(105,69,179,1) 91%, rgba(101,67,177,1) 92%, rgba(95,66,172,1) 93%, rgba(91,66,168,1) 95%, rgba(85,64,165,1) 96%, rgba(82,64,163,1) 97%, rgba(80,65,160,1) 98%, rgba(79,64,159,1) 99%, rgba(76,62,157,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,110,190,0) 0%,rgba(132,113,194,0.03) 2%,rgba(137,115,198,0.08) 5%,rgba(134,115,197,0.1) 6%,rgba(135,116,198,0.13) 8%,rgba(156,114,198,0.45) 28%,rgba(159,114,199,0.47) 29%,rgba(161,113,199,0.49) 30%,rgba(160,112,198,0.51) 31%,rgba(161,111,200,0.53) 32%,rgba(164,109,200,0.55) 33%,rgba(168,109,203,0.57) 34%,rgba(171,107,204,0.6) 36%,rgba(171,105,205,0.62) 37%,rgba(171,103,206,0.64) 38%,rgba(177,101,210,0.66) 39%,rgba(181,98,212,0.69) 41%,rgba(181,96,213,0.7) 42%,rgba(184,96,216,0.72) 43%,rgba(192,91,221,0.76) 46%,rgba(193,90,223,0.78) 47%,rgba(198,90,227,0.79) 48%,rgba(197,89,227,0.81) 49%,rgba(202,89,229,0.82) 50%,rgba(206,89,232,0.84) 51%,rgba(204,89,232,0.85) 52%,rgba(213,90,240,0.91) 56%,rgba(218,91,242,0.94) 58%,rgba(216,91,243,1) 62%,rgba(216,91,243,1) 63%,rgba(210,92,241,1) 66%,rgba(202,88,236,1) 69%,rgba(201,89,236,1) 70%,rgba(197,87,234,1) 71%,rgba(194,86,232,1) 72%,rgba(190,85,230,1) 73%,rgba(186,84,228,1) 74%,rgba(180,82,227,1) 75%,rgba(175,80,222,1) 76%,rgba(169,80,222,1) 77%,rgba(166,79,220,1) 78%,rgba(166,79,218,1) 79%,rgba(155,77,213,1) 80%,rgba(152,76,210,1) 81%,rgba(146,75,207,1) 82%,rgba(141,74,205,1) 83%,rgba(132,74,197,1) 85%,rgba(128,72,197,1) 86%,rgba(121,72,190,1) 87%,rgba(113,70,186,1) 89%,rgba(105,69,179,1) 91%,rgba(101,67,177,1) 92%,rgba(95,66,172,1) 93%,rgba(91,66,168,1) 95%,rgba(85,64,165,1) 96%,rgba(82,64,163,1) 97%,rgba(80,65,160,1) 98%,rgba(79,64,159,1) 99%,rgba(76,62,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(127,110,190,0) 0%,rgba(132,113,194,0.03) 2%,rgba(137,115,198,0.08) 5%,rgba(134,115,197,0.1) 6%,rgba(135,116,198,0.13) 8%,rgba(156,114,198,0.45) 28%,rgba(159,114,199,0.47) 29%,rgba(161,113,199,0.49) 30%,rgba(160,112,198,0.51) 31%,rgba(161,111,200,0.53) 32%,rgba(164,109,200,0.55) 33%,rgba(168,109,203,0.57) 34%,rgba(171,107,204,0.6) 36%,rgba(171,105,205,0.62) 37%,rgba(171,103,206,0.64) 38%,rgba(177,101,210,0.66) 39%,rgba(181,98,212,0.69) 41%,rgba(181,96,213,0.7) 42%,rgba(184,96,216,0.72) 43%,rgba(192,91,221,0.76) 46%,rgba(193,90,223,0.78) 47%,rgba(198,90,227,0.79) 48%,rgba(197,89,227,0.81) 49%,rgba(202,89,229,0.82) 50%,rgba(206,89,232,0.84) 51%,rgba(204,89,232,0.85) 52%,rgba(213,90,240,0.91) 56%,rgba(218,91,242,0.94) 58%,rgba(216,91,243,1) 62%,rgba(216,91,243,1) 63%,rgba(210,92,241,1) 66%,rgba(202,88,236,1) 69%,rgba(201,89,236,1) 70%,rgba(197,87,234,1) 71%,rgba(194,86,232,1) 72%,rgba(190,85,230,1) 73%,rgba(186,84,228,1) 74%,rgba(180,82,227,1) 75%,rgba(175,80,222,1) 76%,rgba(169,80,222,1) 77%,rgba(166,79,220,1) 78%,rgba(166,79,218,1) 79%,rgba(155,77,213,1) 80%,rgba(152,76,210,1) 81%,rgba(146,75,207,1) 82%,rgba(141,74,205,1) 83%,rgba(132,74,197,1) 85%,rgba(128,72,197,1) 86%,rgba(121,72,190,1) 87%,rgba(113,70,186,1) 89%,rgba(105,69,179,1) 91%,rgba(101,67,177,1) 92%,rgba(95,66,172,1) 93%,rgba(91,66,168,1) 95%,rgba(85,64,165,1) 96%,rgba(82,64,163,1) 97%,rgba(80,65,160,1) 98%,rgba(79,64,159,1) 99%,rgba(76,62,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.purple_back_fade100 { 
    
}
.purple_back_fade50 { 
    background: -moz-linear-gradient(-45deg,  rgba(76,62,157,1) 0%, rgba(78,63,158,1) 1%, rgba(80,65,160,1) 2%, rgba(85,65,164,1) 3%, rgba(87,67,166,1) 4%, rgba(93,68,170,1) 5%, rgba(97,68,174,1) 7%, rgba(105,69,179,1) 8%, rgba(107,69,182,1) 9%, rgba(119,71,189,1) 11%, rgba(126,72,192,1) 13%, rgba(132,73,199,1) 14%, rgba(134,73,200,1) 15%, rgba(145,76,205,1) 17%, rgba(152,76,210,1) 18%, rgba(157,77,212,1) 19%, rgba(155,77,213,1) 20%, rgba(166,79,218,1) 21%, rgba(171,80,220,1) 22%, rgba(174,81,222,1) 23%, rgba(175,80,222,1) 24%, rgba(180,83,225,1) 25%, rgba(186,84,228,1) 26%, rgba(190,85,230,1) 27%, rgba(196,86,233,1) 28%, rgba(197,87,234,1) 29%, rgba(202,88,238,1) 30%, rgba(203,89,237,1) 31%, rgba(214,91,242,1) 34%, rgba(216,91,243,1) 37%, rgba(214,90,240,1) 42%, rgba(213,90,240,1) 44%, rgba(204,89,232,1) 48%, rgba(203,88,231,1) 49%, rgba(202,89,229,1) 50%, rgba(196,90,226,0.98) 51%, rgba(198,90,227,0.96) 52%, rgba(193,92,224,0.94) 53%, rgba(188,91,220,0.92) 54%, rgba(184,96,216,0.86) 57%, rgba(181,96,213,0.84) 58%, rgba(178,98,211,0.82) 59%, rgba(175,102,209,0.78) 61%, rgba(175,104,208,0.76) 62%, rgba(170,105,205,0.74) 63%, rgba(170,105,205,0.72) 64%, rgba(167,110,204,0.68) 66%, rgba(164,109,200,0.66) 67%, rgba(163,113,200,0.64) 68%, rgba(160,112,198,0.62) 69%, rgba(158,113,198,0.6) 70%, rgba(157,114,196,0.58) 71%, rgba(154,115,194,0.56) 72%, rgba(145,116,196,0.42) 79%, rgba(143,116,193,0.4) 80%, rgba(144,117,196,0.36) 82%, rgba(141,117,195,0.34) 83%, rgba(142,117,198,0.32) 84%, rgba(139,117,199,0.28) 86%, rgba(136,117,198,0.18) 91%, rgba(135,116,198,0.16) 92%, rgba(134,115,197,0.12) 94%, rgba(134,115,196,0.1) 95%, rgba(132,113,194,0.04) 98%, rgba(127,110,190,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(76,62,157,1) 0%,rgba(78,63,158,1) 1%,rgba(80,65,160,1) 2%,rgba(85,65,164,1) 3%,rgba(87,67,166,1) 4%,rgba(93,68,170,1) 5%,rgba(97,68,174,1) 7%,rgba(105,69,179,1) 8%,rgba(107,69,182,1) 9%,rgba(119,71,189,1) 11%,rgba(126,72,192,1) 13%,rgba(132,73,199,1) 14%,rgba(134,73,200,1) 15%,rgba(145,76,205,1) 17%,rgba(152,76,210,1) 18%,rgba(157,77,212,1) 19%,rgba(155,77,213,1) 20%,rgba(166,79,218,1) 21%,rgba(171,80,220,1) 22%,rgba(174,81,222,1) 23%,rgba(175,80,222,1) 24%,rgba(180,83,225,1) 25%,rgba(186,84,228,1) 26%,rgba(190,85,230,1) 27%,rgba(196,86,233,1) 28%,rgba(197,87,234,1) 29%,rgba(202,88,238,1) 30%,rgba(203,89,237,1) 31%,rgba(214,91,242,1) 34%,rgba(216,91,243,1) 37%,rgba(214,90,240,1) 42%,rgba(213,90,240,1) 44%,rgba(204,89,232,1) 48%,rgba(203,88,231,1) 49%,rgba(202,89,229,1) 50%,rgba(196,90,226,0.98) 51%,rgba(198,90,227,0.96) 52%,rgba(193,92,224,0.94) 53%,rgba(188,91,220,0.92) 54%,rgba(184,96,216,0.86) 57%,rgba(181,96,213,0.84) 58%,rgba(178,98,211,0.82) 59%,rgba(175,102,209,0.78) 61%,rgba(175,104,208,0.76) 62%,rgba(170,105,205,0.74) 63%,rgba(170,105,205,0.72) 64%,rgba(167,110,204,0.68) 66%,rgba(164,109,200,0.66) 67%,rgba(163,113,200,0.64) 68%,rgba(160,112,198,0.62) 69%,rgba(158,113,198,0.6) 70%,rgba(157,114,196,0.58) 71%,rgba(154,115,194,0.56) 72%,rgba(145,116,196,0.42) 79%,rgba(143,116,193,0.4) 80%,rgba(144,117,196,0.36) 82%,rgba(141,117,195,0.34) 83%,rgba(142,117,198,0.32) 84%,rgba(139,117,199,0.28) 86%,rgba(136,117,198,0.18) 91%,rgba(135,116,198,0.16) 92%,rgba(134,115,197,0.12) 94%,rgba(134,115,196,0.1) 95%,rgba(132,113,194,0.04) 98%,rgba(127,110,190,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(76,62,157,1) 0%,rgba(78,63,158,1) 1%,rgba(80,65,160,1) 2%,rgba(85,65,164,1) 3%,rgba(87,67,166,1) 4%,rgba(93,68,170,1) 5%,rgba(97,68,174,1) 7%,rgba(105,69,179,1) 8%,rgba(107,69,182,1) 9%,rgba(119,71,189,1) 11%,rgba(126,72,192,1) 13%,rgba(132,73,199,1) 14%,rgba(134,73,200,1) 15%,rgba(145,76,205,1) 17%,rgba(152,76,210,1) 18%,rgba(157,77,212,1) 19%,rgba(155,77,213,1) 20%,rgba(166,79,218,1) 21%,rgba(171,80,220,1) 22%,rgba(174,81,222,1) 23%,rgba(175,80,222,1) 24%,rgba(180,83,225,1) 25%,rgba(186,84,228,1) 26%,rgba(190,85,230,1) 27%,rgba(196,86,233,1) 28%,rgba(197,87,234,1) 29%,rgba(202,88,238,1) 30%,rgba(203,89,237,1) 31%,rgba(214,91,242,1) 34%,rgba(216,91,243,1) 37%,rgba(214,90,240,1) 42%,rgba(213,90,240,1) 44%,rgba(204,89,232,1) 48%,rgba(203,88,231,1) 49%,rgba(202,89,229,1) 50%,rgba(196,90,226,0.98) 51%,rgba(198,90,227,0.96) 52%,rgba(193,92,224,0.94) 53%,rgba(188,91,220,0.92) 54%,rgba(184,96,216,0.86) 57%,rgba(181,96,213,0.84) 58%,rgba(178,98,211,0.82) 59%,rgba(175,102,209,0.78) 61%,rgba(175,104,208,0.76) 62%,rgba(170,105,205,0.74) 63%,rgba(170,105,205,0.72) 64%,rgba(167,110,204,0.68) 66%,rgba(164,109,200,0.66) 67%,rgba(163,113,200,0.64) 68%,rgba(160,112,198,0.62) 69%,rgba(158,113,198,0.6) 70%,rgba(157,114,196,0.58) 71%,rgba(154,115,194,0.56) 72%,rgba(145,116,196,0.42) 79%,rgba(143,116,193,0.4) 80%,rgba(144,117,196,0.36) 82%,rgba(141,117,195,0.34) 83%,rgba(142,117,198,0.32) 84%,rgba(139,117,199,0.28) 86%,rgba(136,117,198,0.18) 91%,rgba(135,116,198,0.16) 92%,rgba(134,115,197,0.12) 94%,rgba(134,115,196,0.1) 95%,rgba(132,113,194,0.04) 98%,rgba(127,110,190,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.purple_back_fade38 {
    /* COVERED TO 38% */
    background: -moz-linear-gradient(-45deg,  rgba(76,62,157,1) 0%, rgba(78,63,158,1) 1%, rgba(80,65,160,1) 2%, rgba(85,65,164,1) 3%, rgba(87,67,166,1) 4%, rgba(93,68,170,1) 5%, rgba(97,68,174,1) 7%, rgba(105,69,179,1) 8%, rgba(107,69,182,1) 9%, rgba(119,71,189,1) 11%, rgba(126,72,192,1) 13%, rgba(132,73,199,1) 14%, rgba(134,73,200,1) 15%, rgba(145,76,205,1) 17%, rgba(152,76,210,1) 18%, rgba(157,77,212,1) 19%, rgba(155,77,213,1) 20%, rgba(166,79,218,1) 21%, rgba(171,80,220,1) 22%, rgba(174,81,222,1) 23%, rgba(175,80,222,1) 24%, rgba(180,83,225,1) 25%, rgba(186,84,228,1) 26%, rgba(190,85,230,1) 27%, rgba(196,86,233,1) 28%, rgba(197,87,234,1) 29%, rgba(202,88,238,1) 30%, rgba(203,89,237,1) 31%, rgba(214,91,242,1) 34%, rgba(216,91,243,1) 37%, rgba(216,91,242,1) 38%, rgba(214,90,240,0.94) 42%, rgba(213,90,240,0.91) 44%, rgba(204,89,232,0.85) 48%, rgba(203,88,231,0.83) 49%, rgba(202,89,229,0.81) 50%, rgba(196,90,226,0.79) 51%, rgba(198,90,227,0.77) 52%, rgba(193,92,224,0.75) 53%, rgba(188,91,220,0.73) 54%, rgba(184,96,216,0.68) 57%, rgba(181,96,213,0.66) 58%, rgba(178,98,211,0.64) 59%, rgba(175,102,209,0.61) 61%, rgba(175,104,208,0.59) 62%, rgba(170,105,205,0.57) 63%, rgba(170,105,205,0.55) 64%, rgba(167,110,204,0.52) 66%, rgba(164,109,200,0.5) 67%, rgba(163,113,200,0.48) 68%, rgba(160,112,198,0.47) 69%, rgba(158,113,198,0.45) 70%, rgba(157,114,196,0.44) 71%, rgba(154,115,194,0.42) 72%, rgba(145,116,196,0.32) 79%, rgba(143,116,193,0.3) 80%, rgba(144,117,196,0.27) 82%, rgba(141,117,195,0.26) 83%, rgba(142,117,198,0.24) 84%, rgba(139,117,199,0.21) 86%, rgba(136,117,198,0.13) 91%, rgba(135,116,198,0.12) 92%, rgba(134,115,197,0.09) 94%, rgba(134,115,196,0.08) 95%, rgba(132,113,194,0.03) 98%, rgba(127,110,190,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(76,62,157,1) 0%,rgba(78,63,158,1) 1%,rgba(80,65,160,1) 2%,rgba(85,65,164,1) 3%,rgba(87,67,166,1) 4%,rgba(93,68,170,1) 5%,rgba(97,68,174,1) 7%,rgba(105,69,179,1) 8%,rgba(107,69,182,1) 9%,rgba(119,71,189,1) 11%,rgba(126,72,192,1) 13%,rgba(132,73,199,1) 14%,rgba(134,73,200,1) 15%,rgba(145,76,205,1) 17%,rgba(152,76,210,1) 18%,rgba(157,77,212,1) 19%,rgba(155,77,213,1) 20%,rgba(166,79,218,1) 21%,rgba(171,80,220,1) 22%,rgba(174,81,222,1) 23%,rgba(175,80,222,1) 24%,rgba(180,83,225,1) 25%,rgba(186,84,228,1) 26%,rgba(190,85,230,1) 27%,rgba(196,86,233,1) 28%,rgba(197,87,234,1) 29%,rgba(202,88,238,1) 30%,rgba(203,89,237,1) 31%,rgba(214,91,242,1) 34%,rgba(216,91,243,1) 37%,rgba(216,91,242,1) 38%,rgba(214,90,240,0.94) 42%,rgba(213,90,240,0.91) 44%,rgba(204,89,232,0.85) 48%,rgba(203,88,231,0.83) 49%,rgba(202,89,229,0.81) 50%,rgba(196,90,226,0.79) 51%,rgba(198,90,227,0.77) 52%,rgba(193,92,224,0.75) 53%,rgba(188,91,220,0.73) 54%,rgba(184,96,216,0.68) 57%,rgba(181,96,213,0.66) 58%,rgba(178,98,211,0.64) 59%,rgba(175,102,209,0.61) 61%,rgba(175,104,208,0.59) 62%,rgba(170,105,205,0.57) 63%,rgba(170,105,205,0.55) 64%,rgba(167,110,204,0.52) 66%,rgba(164,109,200,0.5) 67%,rgba(163,113,200,0.48) 68%,rgba(160,112,198,0.47) 69%,rgba(158,113,198,0.45) 70%,rgba(157,114,196,0.44) 71%,rgba(154,115,194,0.42) 72%,rgba(145,116,196,0.32) 79%,rgba(143,116,193,0.3) 80%,rgba(144,117,196,0.27) 82%,rgba(141,117,195,0.26) 83%,rgba(142,117,198,0.24) 84%,rgba(139,117,199,0.21) 86%,rgba(136,117,198,0.13) 91%,rgba(135,116,198,0.12) 92%,rgba(134,115,197,0.09) 94%,rgba(134,115,196,0.08) 95%,rgba(132,113,194,0.03) 98%,rgba(127,110,190,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(76,62,157,1) 0%,rgba(78,63,158,1) 1%,rgba(80,65,160,1) 2%,rgba(85,65,164,1) 3%,rgba(87,67,166,1) 4%,rgba(93,68,170,1) 5%,rgba(97,68,174,1) 7%,rgba(105,69,179,1) 8%,rgba(107,69,182,1) 9%,rgba(119,71,189,1) 11%,rgba(126,72,192,1) 13%,rgba(132,73,199,1) 14%,rgba(134,73,200,1) 15%,rgba(145,76,205,1) 17%,rgba(152,76,210,1) 18%,rgba(157,77,212,1) 19%,rgba(155,77,213,1) 20%,rgba(166,79,218,1) 21%,rgba(171,80,220,1) 22%,rgba(174,81,222,1) 23%,rgba(175,80,222,1) 24%,rgba(180,83,225,1) 25%,rgba(186,84,228,1) 26%,rgba(190,85,230,1) 27%,rgba(196,86,233,1) 28%,rgba(197,87,234,1) 29%,rgba(202,88,238,1) 30%,rgba(203,89,237,1) 31%,rgba(214,91,242,1) 34%,rgba(216,91,243,1) 37%,rgba(216,91,242,1) 38%,rgba(214,90,240,0.94) 42%,rgba(213,90,240,0.91) 44%,rgba(204,89,232,0.85) 48%,rgba(203,88,231,0.83) 49%,rgba(202,89,229,0.81) 50%,rgba(196,90,226,0.79) 51%,rgba(198,90,227,0.77) 52%,rgba(193,92,224,0.75) 53%,rgba(188,91,220,0.73) 54%,rgba(184,96,216,0.68) 57%,rgba(181,96,213,0.66) 58%,rgba(178,98,211,0.64) 59%,rgba(175,102,209,0.61) 61%,rgba(175,104,208,0.59) 62%,rgba(170,105,205,0.57) 63%,rgba(170,105,205,0.55) 64%,rgba(167,110,204,0.52) 66%,rgba(164,109,200,0.5) 67%,rgba(163,113,200,0.48) 68%,rgba(160,112,198,0.47) 69%,rgba(158,113,198,0.45) 70%,rgba(157,114,196,0.44) 71%,rgba(154,115,194,0.42) 72%,rgba(145,116,196,0.32) 79%,rgba(143,116,193,0.3) 80%,rgba(144,117,196,0.27) 82%,rgba(141,117,195,0.26) 83%,rgba(142,117,198,0.24) 84%,rgba(139,117,199,0.21) 86%,rgba(136,117,198,0.13) 91%,rgba(135,116,198,0.12) 92%,rgba(134,115,197,0.09) 94%,rgba(134,115,196,0.08) 95%,rgba(132,113,194,0.03) 98%,rgba(127,110,190,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.purple_back_fade25 {
    /* COVERED TO 25% */
    background: -moz-linear-gradient(-45deg,  rgba(76,62,157,1) 0%, rgba(78,63,158,1) 1%, rgba(80,65,160,1) 2%, rgba(85,65,164,1) 3%, rgba(87,67,166,1) 4%, rgba(93,68,170,1) 5%, rgba(97,68,174,1) 7%, rgba(105,69,179,1) 8%, rgba(107,69,182,1) 9%, rgba(119,71,189,1) 11%, rgba(126,72,192,1) 13%, rgba(132,73,199,1) 14%, rgba(134,73,200,1) 15%, rgba(145,76,205,1) 17%, rgba(152,76,210,1) 18%, rgba(157,77,212,1) 19%, rgba(155,77,213,1) 20%, rgba(166,79,218,1) 21%, rgba(171,80,220,1) 22%, rgba(174,81,222,1) 23%, rgba(175,80,222,1) 24%, rgba(180,83,225,1) 25%, rgba(186,84,228,0.99) 26%, rgba(190,85,230,0.98) 27%, rgba(196,86,233,0.97) 28%, rgba(197,87,234,0.96) 29%, rgba(202,88,238,0.95) 30%, rgba(203,89,237,0.94) 31%, rgba(214,91,242,0.9) 34%, rgba(216,91,243,0.86) 37%, rgba(214,90,240,0.79) 42%, rgba(213,90,240,0.76) 44%, rgba(204,89,232,0.71) 48%, rgba(203,88,231,0.7) 49%, rgba(202,89,229,0.69) 50%, rgba(196,90,226,0.68) 51%, rgba(198,90,227,0.67) 52%, rgba(193,92,224,0.66) 53%, rgba(188,91,220,0.65) 54%, rgba(184,96,216,0.61) 57%, rgba(181,96,213,0.6) 58%, rgba(178,98,211,0.59) 59%, rgba(175,102,209,0.56) 61%, rgba(175,104,208,0.55) 62%, rgba(170,105,205,0.54) 63%, rgba(170,105,205,0.53) 64%, rgba(167,110,204,0.5) 66%, rgba(164,109,200,0.49) 67%, rgba(163,113,200,0.48) 68%, rgba(160,112,198,0.47) 69%, rgba(158,113,198,0.45) 70%, rgba(157,114,196,0.44) 71%, rgba(154,115,194,0.42) 72%, rgba(145,116,196,0.32) 79%, rgba(143,116,193,0.3) 80%, rgba(144,117,196,0.27) 82%, rgba(141,117,195,0.26) 83%, rgba(142,117,198,0.24) 84%, rgba(139,117,199,0.21) 86%, rgba(136,117,198,0.13) 91%, rgba(135,116,198,0.12) 92%, rgba(134,115,197,0.09) 94%, rgba(134,115,196,0.08) 95%, rgba(132,113,194,0.03) 98%, rgba(127,110,190,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(76,62,157,1) 0%,rgba(78,63,158,1) 1%,rgba(80,65,160,1) 2%,rgba(85,65,164,1) 3%,rgba(87,67,166,1) 4%,rgba(93,68,170,1) 5%,rgba(97,68,174,1) 7%,rgba(105,69,179,1) 8%,rgba(107,69,182,1) 9%,rgba(119,71,189,1) 11%,rgba(126,72,192,1) 13%,rgba(132,73,199,1) 14%,rgba(134,73,200,1) 15%,rgba(145,76,205,1) 17%,rgba(152,76,210,1) 18%,rgba(157,77,212,1) 19%,rgba(155,77,213,1) 20%,rgba(166,79,218,1) 21%,rgba(171,80,220,1) 22%,rgba(174,81,222,1) 23%,rgba(175,80,222,1) 24%,rgba(180,83,225,1) 25%,rgba(186,84,228,0.99) 26%,rgba(190,85,230,0.98) 27%,rgba(196,86,233,0.97) 28%,rgba(197,87,234,0.96) 29%,rgba(202,88,238,0.95) 30%,rgba(203,89,237,0.94) 31%,rgba(214,91,242,0.9) 34%,rgba(216,91,243,0.86) 37%,rgba(214,90,240,0.79) 42%,rgba(213,90,240,0.76) 44%,rgba(204,89,232,0.71) 48%,rgba(203,88,231,0.7) 49%,rgba(202,89,229,0.69) 50%,rgba(196,90,226,0.68) 51%,rgba(198,90,227,0.67) 52%,rgba(193,92,224,0.66) 53%,rgba(188,91,220,0.65) 54%,rgba(184,96,216,0.61) 57%,rgba(181,96,213,0.6) 58%,rgba(178,98,211,0.59) 59%,rgba(175,102,209,0.56) 61%,rgba(175,104,208,0.55) 62%,rgba(170,105,205,0.54) 63%,rgba(170,105,205,0.53) 64%,rgba(167,110,204,0.5) 66%,rgba(164,109,200,0.49) 67%,rgba(163,113,200,0.48) 68%,rgba(160,112,198,0.47) 69%,rgba(158,113,198,0.45) 70%,rgba(157,114,196,0.44) 71%,rgba(154,115,194,0.42) 72%,rgba(145,116,196,0.32) 79%,rgba(143,116,193,0.3) 80%,rgba(144,117,196,0.27) 82%,rgba(141,117,195,0.26) 83%,rgba(142,117,198,0.24) 84%,rgba(139,117,199,0.21) 86%,rgba(136,117,198,0.13) 91%,rgba(135,116,198,0.12) 92%,rgba(134,115,197,0.09) 94%,rgba(134,115,196,0.08) 95%,rgba(132,113,194,0.03) 98%,rgba(127,110,190,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(76,62,157,1) 0%,rgba(78,63,158,1) 1%,rgba(80,65,160,1) 2%,rgba(85,65,164,1) 3%,rgba(87,67,166,1) 4%,rgba(93,68,170,1) 5%,rgba(97,68,174,1) 7%,rgba(105,69,179,1) 8%,rgba(107,69,182,1) 9%,rgba(119,71,189,1) 11%,rgba(126,72,192,1) 13%,rgba(132,73,199,1) 14%,rgba(134,73,200,1) 15%,rgba(145,76,205,1) 17%,rgba(152,76,210,1) 18%,rgba(157,77,212,1) 19%,rgba(155,77,213,1) 20%,rgba(166,79,218,1) 21%,rgba(171,80,220,1) 22%,rgba(174,81,222,1) 23%,rgba(175,80,222,1) 24%,rgba(180,83,225,1) 25%,rgba(186,84,228,0.99) 26%,rgba(190,85,230,0.98) 27%,rgba(196,86,233,0.97) 28%,rgba(197,87,234,0.96) 29%,rgba(202,88,238,0.95) 30%,rgba(203,89,237,0.94) 31%,rgba(214,91,242,0.9) 34%,rgba(216,91,243,0.86) 37%,rgba(214,90,240,0.79) 42%,rgba(213,90,240,0.76) 44%,rgba(204,89,232,0.71) 48%,rgba(203,88,231,0.7) 49%,rgba(202,89,229,0.69) 50%,rgba(196,90,226,0.68) 51%,rgba(198,90,227,0.67) 52%,rgba(193,92,224,0.66) 53%,rgba(188,91,220,0.65) 54%,rgba(184,96,216,0.61) 57%,rgba(181,96,213,0.6) 58%,rgba(178,98,211,0.59) 59%,rgba(175,102,209,0.56) 61%,rgba(175,104,208,0.55) 62%,rgba(170,105,205,0.54) 63%,rgba(170,105,205,0.53) 64%,rgba(167,110,204,0.5) 66%,rgba(164,109,200,0.49) 67%,rgba(163,113,200,0.48) 68%,rgba(160,112,198,0.47) 69%,rgba(158,113,198,0.45) 70%,rgba(157,114,196,0.44) 71%,rgba(154,115,194,0.42) 72%,rgba(145,116,196,0.32) 79%,rgba(143,116,193,0.3) 80%,rgba(144,117,196,0.27) 82%,rgba(141,117,195,0.26) 83%,rgba(142,117,198,0.24) 84%,rgba(139,117,199,0.21) 86%,rgba(136,117,198,0.13) 91%,rgba(135,116,198,0.12) 92%,rgba(134,115,197,0.09) 94%,rgba(134,115,196,0.08) 95%,rgba(132,113,194,0.03) 98%,rgba(127,110,190,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.purple_back_fade0 {    
    /* COVERED TO LEFT 0R 0% */
    background: -moz-linear-gradient(-45deg,  rgba(76,62,157,1) 0%, rgba(78,63,158,0.99) 1%, rgba(80,65,160,0.98) 2%, rgba(85,65,164,0.97) 3%, rgba(87,67,166,0.96) 4%, rgba(93,68,170,0.95) 5%, rgba(97,68,174,0.93) 7%, rgba(105,69,179,0.92) 8%, rgba(107,69,182,0.91) 9%, rgba(119,71,189,0.89) 11%, rgba(126,72,192,0.87) 13%, rgba(132,73,199,0.86) 14%, rgba(134,73,200,0.85) 15%, rgba(145,76,205,0.83) 17%, rgba(152,76,210,0.82) 18%, rgba(157,77,212,0.81) 19%, rgba(155,77,213,0.8) 20%, rgba(166,79,218,0.79) 21%, rgba(171,80,220,0.78) 22%, rgba(174,81,222,0.77) 23%, rgba(175,80,222,0.76) 24%, rgba(180,83,225,0.75) 25%, rgba(186,84,228,0.74) 26%, rgba(190,85,230,0.73) 27%, rgba(196,86,233,0.72) 28%, rgba(197,87,234,0.71) 29%, rgba(202,88,238,0.7) 30%, rgba(203,89,237,0.69) 31%, rgba(214,91,242,0.66) 34%, rgba(216,91,243,0.63) 37%, rgba(214,90,240,0.58) 42%, rgba(213,90,240,0.56) 44%, rgba(204,89,232,0.52) 48%, rgba(203,88,231,0.51) 49%, rgba(202,89,229,0.5) 50%, rgba(196,90,226,0.49) 51%, rgba(198,90,227,0.48) 52%, rgba(193,92,224,0.47) 53%, rgba(188,91,220,0.46) 54%, rgba(184,96,216,0.43) 57%, rgba(181,96,213,0.42) 58%, rgba(178,98,211,0.41) 59%, rgba(175,102,209,0.39) 61%, rgba(175,104,208,0.38) 62%, rgba(170,105,205,0.37) 63%, rgba(170,105,205,0.36) 64%, rgba(167,110,204,0.34) 66%, rgba(164,109,200,0.33) 67%, rgba(163,113,200,0.32) 68%, rgba(160,112,198,0.31) 69%, rgba(158,113,198,0.3) 70%, rgba(157,114,196,0.29) 71%, rgba(154,115,194,0.28) 72%, rgba(145,116,196,0.21) 79%, rgba(143,116,193,0.2) 80%, rgba(144,117,196,0.18) 82%, rgba(141,117,195,0.17) 83%, rgba(142,117,198,0.16) 84%, rgba(139,117,199,0.14) 86%, rgba(136,117,198,0.09) 91%, rgba(135,116,198,0.08) 92%, rgba(134,115,197,0.06) 94%, rgba(134,115,196,0.05) 95%, rgba(132,113,194,0.02) 98%, rgba(127,110,190,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(76,62,157,1) 0%,rgba(78,63,158,0.99) 1%,rgba(80,65,160,0.98) 2%,rgba(85,65,164,0.97) 3%,rgba(87,67,166,0.96) 4%,rgba(93,68,170,0.95) 5%,rgba(97,68,174,0.93) 7%,rgba(105,69,179,0.92) 8%,rgba(107,69,182,0.91) 9%,rgba(119,71,189,0.89) 11%,rgba(126,72,192,0.87) 13%,rgba(132,73,199,0.86) 14%,rgba(134,73,200,0.85) 15%,rgba(145,76,205,0.83) 17%,rgba(152,76,210,0.82) 18%,rgba(157,77,212,0.81) 19%,rgba(155,77,213,0.8) 20%,rgba(166,79,218,0.79) 21%,rgba(171,80,220,0.78) 22%,rgba(174,81,222,0.77) 23%,rgba(175,80,222,0.76) 24%,rgba(180,83,225,0.75) 25%,rgba(186,84,228,0.74) 26%,rgba(190,85,230,0.73) 27%,rgba(196,86,233,0.72) 28%,rgba(197,87,234,0.71) 29%,rgba(202,88,238,0.7) 30%,rgba(203,89,237,0.69) 31%,rgba(214,91,242,0.66) 34%,rgba(216,91,243,0.63) 37%,rgba(214,90,240,0.58) 42%,rgba(213,90,240,0.56) 44%,rgba(204,89,232,0.52) 48%,rgba(203,88,231,0.51) 49%,rgba(202,89,229,0.5) 50%,rgba(196,90,226,0.49) 51%,rgba(198,90,227,0.48) 52%,rgba(193,92,224,0.47) 53%,rgba(188,91,220,0.46) 54%,rgba(184,96,216,0.43) 57%,rgba(181,96,213,0.42) 58%,rgba(178,98,211,0.41) 59%,rgba(175,102,209,0.39) 61%,rgba(175,104,208,0.38) 62%,rgba(170,105,205,0.37) 63%,rgba(170,105,205,0.36) 64%,rgba(167,110,204,0.34) 66%,rgba(164,109,200,0.33) 67%,rgba(163,113,200,0.32) 68%,rgba(160,112,198,0.31) 69%,rgba(158,113,198,0.3) 70%,rgba(157,114,196,0.29) 71%,rgba(154,115,194,0.28) 72%,rgba(145,116,196,0.21) 79%,rgba(143,116,193,0.2) 80%,rgba(144,117,196,0.18) 82%,rgba(141,117,195,0.17) 83%,rgba(142,117,198,0.16) 84%,rgba(139,117,199,0.14) 86%,rgba(136,117,198,0.09) 91%,rgba(135,116,198,0.08) 92%,rgba(134,115,197,0.06) 94%,rgba(134,115,196,0.05) 95%,rgba(132,113,194,0.02) 98%,rgba(127,110,190,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(76,62,157,1) 0%,rgba(78,63,158,0.99) 1%,rgba(80,65,160,0.98) 2%,rgba(85,65,164,0.97) 3%,rgba(87,67,166,0.96) 4%,rgba(93,68,170,0.95) 5%,rgba(97,68,174,0.93) 7%,rgba(105,69,179,0.92) 8%,rgba(107,69,182,0.91) 9%,rgba(119,71,189,0.89) 11%,rgba(126,72,192,0.87) 13%,rgba(132,73,199,0.86) 14%,rgba(134,73,200,0.85) 15%,rgba(145,76,205,0.83) 17%,rgba(152,76,210,0.82) 18%,rgba(157,77,212,0.81) 19%,rgba(155,77,213,0.8) 20%,rgba(166,79,218,0.79) 21%,rgba(171,80,220,0.78) 22%,rgba(174,81,222,0.77) 23%,rgba(175,80,222,0.76) 24%,rgba(180,83,225,0.75) 25%,rgba(186,84,228,0.74) 26%,rgba(190,85,230,0.73) 27%,rgba(196,86,233,0.72) 28%,rgba(197,87,234,0.71) 29%,rgba(202,88,238,0.7) 30%,rgba(203,89,237,0.69) 31%,rgba(214,91,242,0.66) 34%,rgba(216,91,243,0.63) 37%,rgba(214,90,240,0.58) 42%,rgba(213,90,240,0.56) 44%,rgba(204,89,232,0.52) 48%,rgba(203,88,231,0.51) 49%,rgba(202,89,229,0.5) 50%,rgba(196,90,226,0.49) 51%,rgba(198,90,227,0.48) 52%,rgba(193,92,224,0.47) 53%,rgba(188,91,220,0.46) 54%,rgba(184,96,216,0.43) 57%,rgba(181,96,213,0.42) 58%,rgba(178,98,211,0.41) 59%,rgba(175,102,209,0.39) 61%,rgba(175,104,208,0.38) 62%,rgba(170,105,205,0.37) 63%,rgba(170,105,205,0.36) 64%,rgba(167,110,204,0.34) 66%,rgba(164,109,200,0.33) 67%,rgba(163,113,200,0.32) 68%,rgba(160,112,198,0.31) 69%,rgba(158,113,198,0.3) 70%,rgba(157,114,196,0.29) 71%,rgba(154,115,194,0.28) 72%,rgba(145,116,196,0.21) 79%,rgba(143,116,193,0.2) 80%,rgba(144,117,196,0.18) 82%,rgba(141,117,195,0.17) 83%,rgba(142,117,198,0.16) 84%,rgba(139,117,199,0.14) 86%,rgba(136,117,198,0.09) 91%,rgba(135,116,198,0.08) 92%,rgba(134,115,197,0.06) 94%,rgba(134,115,196,0.05) 95%,rgba(132,113,194,0.02) 98%,rgba(127,110,190,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.app_back {
    height: 100%;
    width: 100%;
    /*background-image: url("../images/background640x1135.jpg");*/
    background-image: url("../images/next-condo-back6.png");
    /*background-image: url("../images/beach10.jpg");*/
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size:cover;
}
.purple_back {
    /* test add still need to adjust footer */
    /*
    max-width: 1072px;
    margin: auto;
    */
    
    font-family: Avenir-medium;
    background-image: url("../images/background640x1135.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size:cover;
}
.pink_back {
    /*background-color: ;*/
    background-image: url("../images/purple_back_multi.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size:cover;
}
z3 {
    z-index: 3;
}

/* LANDING MOVED FROM CSS FOLDER / main.css */
.intro_nested_swiper1 {
    background-image:url(../images/intro0.png);
}
.intro_nested_swiper2 {
    background-image:url(../images/intro1.png);
}
.intro_nested_swiper3 {
    background-image:url(../images/intro2.png);
}
.intro_nested_swiper4 {
    background-image:url(../images/intro6.png);
}
.intro_nested_swiper5 {
    background-image:url(../images/intro4.png);
}
.intro_nested_swiper6 {
    background-image:url(../images/intro5.png);
}



/* LEARN MORE SKIP */
.learn_more_pagination {
   border: 1.9px solid #5a4ec7!important; 
}
.skip_learn_more {
    z-index: 10;
    border-color: #5a4ec7!important;
    position: absolute;
    width: 88px;
    right: 21px;
    top: 21px; 
    height: 43px!important;
    
    font-family: Avenir-Medium;
    font-size: 17px;
}
    .skip_learn_more_a {
        color: #5a4ec7!important;
        border: 2.5px solid #5a4ec7!important;
        height: 43px!important;
        
    }

.learn_more_swiper {
    opacity: 0;
    /*transition */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;  
    
    color: #5a4ec7!important;
    font-family: Avenir-Medium;
    font-size: 17px;
}

.modal-title {
    /*border-bottom: 1px solid #0000002e;*/
    line-height: 23px;
    font-weight: 200;
    padding: 12px 12px 2px 12px;
}
.modal-text {
    margin-bottom: 2px;
}

.fav_modal_title {
    /*border-bottom: 1px solid black;*/
    line-height: 43px;
    font-weight: 200;
    padding: 10px 12px 0px 12px;
}
.quiz_container_intro {
    font-weight: 200;
    font-size: 15px;
}
.modal-inner {
    padding: 19px;
}

.modal_header {
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    display: block;
    font-family: Avenir-Medium;
    font-size: 18px;
    font-weight: 500;
    /*height: 50px;*/
    line-height: 25.2px;
    text-align: center;
    user-select: none;
    width: auto;   
}

.modal_message {
    margin-top: 10px;
    font-size: 16px!important;
    
}

/* BODY DIMS PURPLE WHEN MODALS OPEN */
.modal_dim_body {
    display: none;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(73, 32, 186, 0.55);
}
.modal_frame {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}
.modal_header_text {
    font-size: 20px;
    color: #5a4ec7;
    font-family: Avenir-Medium;
    margin: 0px 0px 19px 0px;
}
.modal_header_text_initial {
    font-size: 19px;
    color: #5a4ec7;
    font-family: Avenir-Medium;
    margin: 0;
}
.modal_text {
    font-size: 16px;
    font-weight: 400;
    color: #646464;
    margin: 0px auto 28px auto;
    padding: 0px 3px 21px 3px;
    border-bottom: 1px solid #c3c3c3;
}
.modal_subtext {
    font-size: 16px;
    font-weight: 400;
    color: #646464;
    margin: 14px auto 7px auto;
    padding: 0px 9px;
}
.modal_icon1 {
    height: 25px;
    width: 25px!important;
    margin: -1px 6px -6px 6px;
}
.modal_icon2 {
    height: 30px;
    width: 30px!important;
    margin: -7px 7px -9px 3px;
    /*transform: scaleX(-1);*/
}
.modal_icon3 {
    width: 84px!important;
    height: 21px;
    margin: -1px 1px -6px 1px;
}
.modal_icon4 {
    height: 33px;
    width: 33px!important;
    margin: -1px 6px -10px -20px;
    border: 3px solid #fbfbfd;
    border-radius: 25px;
}
.modal_icon5 {
    height: 25px;
    width: 37px!important;
    margin: -1px 6px -6px 6px;
}
.modal_icon6 {
    height: auto;
    width: 300px!important;
}
.modal_icon7 {
    height: 34px;
    width: 34px!important;
    margin: 11px 6px -10px 0px;
}
.modal_icon8 {
    height: 30px;
    width: 30px!important;
    margin: -8px 6px -10px 0px;
}
.modal_pic {
    height: auto!important;
    width: 100%!important;
    margin: 0px 9px 0px 0px;
    /*transform: scaleX(-1);*/
}
.modal_button_icon {
    height: 30px;
    width: 30px;
    margin: 2px 14px -7px 0px;
    /*transform: scaleX(-1);*/
}

.sample_pic1{
    width: auto!important;
    height: 106px;
    margin: 5px auto 7px auto;
}
.sample_pic2{
    width: auto!important;
    height: 43px;
    margin: 5px auto 0px auto;
}

/* BACK BUTTON FOOTER */
.footer_back_button_cont {
    display: none;
    position: absolute;
    left: 6vmin;
    top: calc(-6vmin - 45px);
    width: 10.33vmin!important;
    height: 10.33vmin!important;
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%!important;
    -webkit-transition: bottom 0.3s ease-out;
    transition: bottom 0.3s ease-out;
}


/* FOOTER SECTION */
/* FOOTER SECTION */
/* FOOTER SECTION */


.front_page {
    z-index: 5003;
}
.search_footer_container {
    z-index: 5001;
    bottom: -44px;
}
.footer_container {
    bottom: -44px;
    z-index: 5002;
    position: fixed;
    
    /*overflow: hidden;*/
    width: 100%;
    height: 44px;
    font-size: 17px;
    font-family: Avenir-Light;
    font-weight: 100;    
    border-top: 1px solid #c4c4c4;
    border-right: 0px solid #c4c4c466;
    border-bottom: 1px solid #c4c4c466;
    
    background: rgb(251, 251, 253);
    /*
    background: rgba(251,251,251,1);
    background: -moz-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(240,240,240,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,251,1)), color-stop(100%, rgba(240,240,240,1)));
    background: -webkit-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(240,240,240,1) 100%);
    background: -o-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(240,240,240,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(240,240,240,1) 100%);
    background: linear-gradient(to bottom, rgba(251,251,251,1) 0%, rgba(240,240,240,1) 100%);
    */
    
    -webkit-transition: bottom 0.3s ease-out;
    transition: bottom 0.3s ease-out;
}
    .footer_button0,
    .footer_button1,
    .footer_button2,
    .footer_button3,
    .footer_button4,
    .footer_button5,
    .footer_button6,
    .search_footer_button1,
    .search_footer_button2,
    .search_footer_button3,
    .search_footer_button4,
    .search_footer_button5
    {
        /*
        check function
        -webkit-transition: all 0.25s cubic-bezier(0.47, 0, 0.75, 0.72);
        -moz-transition: all 0.25s cubic-bezier(0.47, 0, 0.75, 0.72);
        -ms-transition: all 0.25s cubic-bezier(0.47, 0, 0.75, 0.72);
        -o-transition: all 0.25s cubic-bezier(0.47, 0, 0.75, 0.72);
        transition: all 0.25s cubic-bezier(0.47, 0, 0.75, 0.72);
        */
        overflow: hidden;
    }
    .footer_button0:hover,
    .footer_button1:hover,
    .footer_button2:hover,
    .footer_button3:hover,
    .footer_button4:hover,
    .footer_button5:hover,
    .footer_button6:hover,
    .search_footer_button1:hover,
    .search_footer_button2:hover,
    .search_footer_button3:hover,
    .search_footer_button4:hover,
    .search_footer_button5:hover
    {
        /* used and removed 2019-06-19 */
        /*background: rgba(88, 71, 196, 0.19)!important;*/
        
        /*background: rgba(88, 71, 196, 0.43)!important;*/
        /*background: rgba(88, 71, 196, 0.82)!important;*/
    }
    .footer_button0:active,
    .footer_button1:active,
    .footer_button2:active,
    .footer_button3:active,
    .footer_button4:active,
    .footer_button5:active,
    .footer_button6:active,
    .search_footer_button1:active,
    .search_footer_button2:active,
    .search_footer_button3:active,
    .search_footer_button4:active,
    .search_footer_button5:active
    {
        /*background: rgba(88, 71, 196, 0.43)!important;*/
        /*background: rgba(88, 71, 196, 0.82)!important;*/
        background: rgb(222, 220, 244) !important;
        border-radius: 70px;
        border-top: 4px solid #cfcdef!important;
        /*
        outline: 10px solid #dedcf4;
        
        border-left: 10px solid #fbfbfd;
        border-right: 10px solid #fbfbfd;
        */
    }

    .footer_button {
        min-width: 48px;
        max-width: 156px;
        height: 44px;     
        cursor: pointer;
    }
    .footer_button_xsml {
        min-width: 48px;
        max-width: 136px;
        height: 44px;     
        cursor: pointer;
    }
    .footer_button_sml {
        min-width: 48px;
        max-width: 147px;
        height: 44px;     
        cursor: pointer;
    }
    .footer_button_med {
        min-width: 48px;
        max-width: 145px;
        height: 44px;     
        cursor: pointer;
    }
    .footer_button_medlrg {
        min-width: 48px;
        max-width: 151px;
        height: 44px;     
        cursor: pointer;
    }
    .footer_button_lrg {
        min-width: 48px;
        max-width: 160px;
        height: 44px;     
        cursor: pointer;
    }
    .footer_button_xlrg {
        min-width: 48px;
        max-width: 244px;
        height: 44px;     
        cursor: pointer;
    }
   
 
     

    .footer_icon0,
    .footer_icon1,
    .footer_icon2,
    .footer_icon3,
    .footer_icon4,
    .footer_icon5,
    .footer_icon6, 
    .search_footer_icon1,
    .search_footer_icon2,
    .search_footer_icon3,
    .search_footer_icon4,
    .search_footer_icon5,
    .search_footer_icon6 
    {
        -webkit-transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
        -moz-transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
        -ms-transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
        -o-transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
        transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
    }
    .footer_icon0_alt,
    .footer_icon1_alt,
    .footer_icon2_alt,
    .footer_icon3_alt,
    .footer_icon4_alt,
    .footer_icon5_alt,
    .footer_icon6_alt, 
    .search_footer_icon1_alt,
    .search_footer_icon2_alt,
    .search_footer_icon3_alt,
    .search_footer_icon4_alt,
    .search_footer_icon5_alt,
    .search_footer_icon6_alt 
    {
        -webkit-transition: all 0.07s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
        -moz-transition: all 0.07s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
        -ms-transition: all 0.07s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
        -o-transition: all 0.07s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
        transition: all 0.07s cubic-bezier(0.47, 0, 0.75, 0.72)!important;

}
        .footer_icon0,
        .footer_icon0_alt,
        .footer_icon1,
        .footer_icon1_alt,
        .footer_icon2,
        .footer_icon2_alt,
        .footer_icon3,
        .footer_icon3_alt,
        .footer_icon4,
        .footer_icon4_alt,
        .footer_icon5,
        .footer_icon5_alt,
        .footer_icon6,
        .footer_icon6_alt,
        .search_footer_icon1,
        .search_footer_icon1_alt,
        .search_footer_icon2,
        .search_footer_icon2_alt,
        .search_footer_icon3,
        .search_footer_icon3_alt,
        .search_footer_icon4,
        .search_footer_icon4_alt,
        .search_footer_icon5,
        .search_footer_icon5_alt,
        .search_footer_icon6,
        .search_footer_icon6_alt
        {
            height: 25px;
            width: 25px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
        }
    

        .footer_icon0,
        .footer_icon1,
        .footer_icon2,
        .footer_icon3,
        .footer_icon4,
        .footer_icon5,
        .footer_icon6, 
        .search_footer_icon1,
        .search_footer_icon2,
        .search_footer_icon3,
        .search_footer_icon4,
        .search_footer_icon5,
        .search_footer_icon6 {
            margin-right: -25px;
        }
        .footer_icon0_alt,
        .footer_icon1_alt,
        .footer_icon2_alt,
        .footer_icon3_alt,
        .footer_icon4_alt,
        .footer_icon5_alt,
        .footer_icon6_alt, 
        .search_footer_icon1_alt,
        .search_footer_icon2_alt,
        .search_footer_icon3_alt,
        .search_footer_icon4_alt,
        .search_footer_icon5_alt,
        .search_footer_icon6_alt {
            opacity: 0;            
            transform: scale(0);
        }    
        .footer_icon0 {
            background-image: url("../images/footer_button5.png");
        }
            .footer_icon0_alt {
                background-image: url("../images/footer_button5.png");
            }   
        .footer_icon1 {
            background-image: url("../images/footer_button1.png");
        }
            .footer_icon1_alt { 
                background-image: url("../images/footer_button1.png");
            }
        .footer_icon2 {
            background-image: url("../images/footer_button2.png");
        }
            .footer_icon2_alt {
                background-image: url("../images/footer_button2.png");
            }
        .footer_icon3 {
            background-image: url("../images/footer_button3.png");
        }
            .footer_icon3_alt {
                background-image: url("../images/footer_button3.png");
            }
        .footer_icon4 {
            background-image: url("../images/footer_button4.png");
        }
            .footer_icon4_alt {
                background-image: url("../images/footer_button4.png");
            }
        .footer_icon5 {
            background-image: url("../images/footer_button5.png");
        }
            .footer_icon5_alt {
                background-image: url("../images/footer_button5.png");
            }
        .footer_icon6 {
            /* VOJIN EDIT */
            background-image: url("../images/user5.png");
        }
            .footer_icon6_alt {
                /* VOJIN EDIT */
                background-image: url("../images/user5.png");
            }

        /* GAME */
        .footer_button_game,
        .footer_button_game_plane_replacement
        {

            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;             
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-content: center;
            align-content: center;
            
            -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
            clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
 
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;

        }   

            .footer_button_game {
                transform: scale(1);
                width: 69px;                
                min-width: 69px;
                height: 66px;
                background:#572ccc;
            }
            .footer_button_game_plane_replacement {
                transform: scale(0);
                width: 0px;
                min-width: 0px;
                height: 0px;
                background:rgba(89, 78, 200, 0.18);
            }

                .footer_icon_game,
                .footer_tripanion_icon_game {   
                    
                    -webkit-transition: all 0.07s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
                    -moz-transition: all 0.07s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
                    -ms-transition: all 0.07s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
                    -o-transition: all 0.07s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
                    transition: all 0.07s cubic-bezier(0.47, 0, 0.75, 0.72)!important;
                }

                .footer_icon_game {                    
                    width: 17px;
                    height: 17px;                    
                    margin-top: -3px;
                    background:#fbfbfd;                    
  
                    -webkit-clip-path: polygon(30% 4%, 93% 39%, 100% 47%, 100% 53%, 93% 59%, 32% 96%, 23% 100%, 15% 94%, 15% 8%, 21% 1%);
                    clip-path: polygon(30% 4%, 93% 39%, 100% 47%, 100% 53%, 93% 59%, 32% 96%, 23% 100%, 15% 94%, 15% 8%, 21% 1%);
                }

                .footer_tripanion_icon_game {
                    display: none;
                    z-index: 99999;
                    
                    margin-top: -3.9px;
                    width: 33px;
                    height: 33px;
                    background-image: url(../images/favicon.png);
                    /*background-image: url(images/icon_departure.png);*/
                    background-size: contain;
                    background-repeat: no-repeat;
                }

                .footer_icon_game:active {}
                .footer_tripanion_icon_game:active {}
    
                

            /** 2020 changed to 
            .footer_icon_game_alt {*/
            .footer_button_game_alt {
                background: #fbfbfd;
                -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
                clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);

            }



        .search_footer_icon1 {
            background-image: url("../images/search_footer_button1_back.png");
        }
            .search_footer_icon1_alt { 
                background-image: url("../images/search_footer_button1_back.png");
            }
        .search_footer_icon2 {
            background-image: url("../images/search_footer_button2_info.png");
        }
            .search_footer_icon2_alt {
                background-image: url("../images/search_footer_button2_info_alt.png");
            }
        .search_footer_icon3 {
            background-image: url("../images/search_footer_button3_members.png");
        }
            .search_footer_icon3_alt {
                background-image: url("../images/search_footer_button3_members_alt.png");
            }
        .search_footer_icon4 {
            background-image: url("../images/search_footer_button4_map.png");
        }
            .search_footer_icon4_alt {
                background-image: url("../images/search_footer_button4_map_alt.png");
            }
        .search_footer_icon5 {
            /* VOJIN EDIT */
            background-image: url("../images/search_footer_button5_pictures.png");
        }
            .search_footer_icon5_alt {
                /* VOJIN EDIT */
                background-image: url("../images/search_footer_button5_pictures_alt.png");
            }


        .footer_icon_text {
            /* 2018-08-28 removed */
            display: none;
            
            font-family: Avenir-Light;
            font-weight: 100;
            font-size: 17px;
            color: #929292;
            margin-left: 12px;
        }

@media screen and (max-width: 1072px) {
    .footer_button,
    .footer_button_xsml,
    .footer_button_sml,
    .footer_button_med,
    .footer_button_medlrg,
    .footer_button_lrg,    
    .footer_button_xlrg    
        {
            max-width: 106px;
        }
    
    .footer_icon_text 
        {
            display: none;
        }
}


        .footer_icon_text:hover {
            font-family: Avenir-Medium;
            color: rgb(128, 95, 216);
        }
        .footer_icon_text:active {
            font-family: Avenir-Medium;
            color: rgb(128, 95, 216);
        }

 /* FOOTER COUNTER */
.footer_counter1,
.footer_counter3
{
    /*display: none;*/
}
 /* FOOTER COUNTER */
.footer_cont1,
.footer_cont2,
.footer_cont3,
.footer_cont4,
.footer_cont5,
.footer_cont6
{
    z-index: 9999;
    height: 33px;
    width: 33px;
    border-radius: 50px;
    position: absolute;
    margin-top: -4.5px;
}

.footer_badge_cont {
    position: absolute;
    height: 1px;
    width: 1px;
    opacity: 1;    
    top: -4px; 
    right: 21px;
}

.footer_counter1,
.footer_counter2,
.footer_counter3,
.footer_counter4,
.footer_counter5,
.footer_counter6
{
    opacity: 0;
    position: absolute;
    font-size: 12.9px;
    line-height: 14px;    

    background: #54ac50;
    /* old orang background: rgba(261, 160, 104, 1);*/
    /* old blue background: rgba(127, 145, 232, 1);*/
    border-radius: 30px;
    color: #fbfbfd;
    padding: 3.7px 5.8px 0.5px 5.8px;
    /*padding: 3px 6.5px 1px 6px;*/
    border: #fbfbfd 2.1px solid;

}



/* ALTERATION */

/*
.modal-inner::after {
    background-color: aqua;
}
*/

.modal-inner_added {
    background-color: red;
}








/* SIGN UP SECTION 2020-05



.landing_slogan_rent {
    font-family: Avenir-Medium;
    font-size: 20.5px;
    color: #5a4ec7;
    text-shadow: 0 0 12px #ffffff;
    margin: 2.1vmin auto 37px auto!important;
}








.rent_summary_backdrop {
    display: flex;
    /*flex-direction: column;*/
    height: 19vh;
    width: 100%;
    background-image: url(../images/newyork.jpg);
    background-size: cover;
    background-position: center center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
    .rent_summary_title_cont {
        align-self: flex-end;
        width: 100%;
        height: 100px;
    }
        .rent_summary_title {
            margin-bottom: 9px;
            font-family: Avenir-Light;
            font-size: 25px;
            color: white;
            text-shadow: 1px 2px 4px black;
        }



.rent_summary_info_cont {
    display: flex;
}







.rent_summary_info_box {
    width: calc(100% - 12px);
    height: 100%;
    background: #fbfbfd;
    box-shadow: 0px 0px 11px 1px #00000057;
            margin: -17px auto 0px auto;
    padding: 0px 0px 7px 0px;
}

.rent_summary_info_announce_cont {

    padding: 0px 35px;
    height: auto;    
    width: 100%;

    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;    
    align-items: center;
    -webkit-justify-content: center;    
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
}


/* STEP 1 FAULT TEMP PLACEHOLDER UNTIL WISHLIST ITEM ADDED */




/* RENT SUMMARY ACCORDION */

/* HIDDEN UNTIL STEP 1 COMPLETE */

.rent_summary_completion_accordion {
    width: 100%;
    z-index: 7;
    color: #fbfbfd;
    border-radius: 37px!important;    
    text-align: left; 
    /*
    margin-top: 39px!important;
    margin-bottom: 39px!important;
    */  
    /*border: 1px solid #c8c7cc;*/
    }
    .rent_summary_completion_accordion_img_head {

        top: 60px;
        height: 70px;
        width: 100%; 
        margin-top: 7px;
        padding-right: 12px;
    }
    .rent_summary_completion_accordion_item_content {
        padding-left: 15px!important;
        margin-left: 0px!important;  
    }
    .rent_summary_completion_accordion_itemmedia {
        width: 12vmin;
        height: 12vmin;
        max-height: 43px;
        max-width: 43px;
    }
    .rent_summary_completion_accordion_iteminner {
        padding-right: 5px!important;
    }
    .rent_summary_completion_accordion_titlerow {

    }
        .rent_step1_date {
            background: none;
            color: #8e8e93;
        }
    .rent_summary_completion_accordion_itemafter {
        margin-left: 0px!important;
        font-size: 12px;
    }

    .rent_summary_completion_accordion_li {
        text-align: left;
    }
    .rent_summary_completion_accordion_list_icon_left {
        position: absolute;
        width: 34px;
        height: 34px;
    }
    .rent_summary_completion_accordion_list_icon_right {
        margin-right: 15px;
        width: 9.3vmin;
        height: 9.3vmin;
        max-height: 37px;
        max-width: 37px;
    }
    .rent_summary_completion_accordion_list_icon_right_faded {
        opacity: 0.21;
        margin-right: 15px;
        width: 9.3vmin;
        height: 9.3vmin;
        max-height: 37px;
        max-width: 37px;
    }


/* formerly .profile_settings_user_completion */
.rent_summary_completion_icon_finished {
    
    border: 2.5px solid white;
    background: white;    
    margin-left: 4px;
    width: 43px;
    height: 43px;
    border-radius: 50px;
    border: 2.5px solid #fbfbfd;
    background-size: contain;
    box-shadow: 0px 1px 3.3px rgba(136, 136, 136, 0.93);
}
.rent_summary_completion_icon {
    margin-left: 4px;
    /*
    width: 43px;
    height: 43px;
    */
    border-radius: 50px;
    border: 2.5px solid #fbfbfd;
    background-size: contain;
    box-shadow: 0px 0px 1px rgb(0, 0, 0);
}
    .rent_icon_glow {
        background: #5cb85c;
        border: 1px solid white;
        width: 8px;
        height: 8px;
    }




/* LATEST UPDATE -initially invisible */


.rent_summary_info_mid_cont {
    /*display: flex;*/
    display: none;
    
    /*flex-direction: column;*/
    height: auto;
    width: 100%;
    background: transparent;

/*
    opacity: 0.1;
    height: 0px;
*/
    -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);


}

.rent_summary_update {
    /*
    
    opacity: 0.1;
    height: 0px;
    */
    
    /*height: 50px;*/
    width: 100%;
    /*
    display: flex;
    background: #5a4ec7;
    */
    margin: 0px 0px 0px 0px;

    -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);

}
.rent_summary_update_text {
    font-family: Avenir-Light;
    color: grey;
    font-size: 14px;
}
    
.rent_summary_update_cont {
    z-index: 9;
 
    margin: 10px auto;
    width: 100%;
    
    font-family: Avenir-Light;
    color: grey;
    font-size: 14px;
    
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;    
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;    
    align-content: center;

    -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);

}

/* BANNER */
.rent_summary_banner {
    height: 50px;
    display: flex;
    width: 100%;
    background: #5a4ec7;
    margin: 0px 0px 17px 0px;

}
    .rent_summary_mid_inner {
        /*position: absolute;*/
        /*width: calc(100% - 10px);*/
        height: 39px;
        display: flex;
        max-width: 100%;
        
    }

    .rent_summary_top_nav_cont {
        /*position: absolute;*/
        /*width: calc(100% - 10px);*/
        height: 39px;
        display: flex;
        max-width: 62%;
        margin: auto;

    }




/* DETAILS -BUTTONS ETC */




/* NON COMPLETION ACCORDION STEPS 12345 */


/* GLOW PURPLE */
.rent_glow_purple {
    background: #5a4ec7;
}
/* GLOW ORANGE */
.rent_glow_orange {
    background: #ffa500;
}
/* GLOW BLUE */
.rent_glow_blue {
    background: #31a3f5;
}   
/* GLOW BROWN */
.rent_glow_brown {
    background: #9d4141;
} 
/* GLOW GREEN */
.rent_glow_green {
    background: #00b538;
}
    .rent_glow_text {
        color: white;
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    }

.rent_list_block {
    margin-top: 0px!important;    
}
.rent_custom_ul {
    background: #f6f6f6!important;
    border-radius: 0px!important;
    border: none!important;
    overflow: auto;
    /*
    border-top: 0px solid #e3e3e6;    
    border-bottom: 1px solid #e3e3e6;
    */
}

    .modal-button,
    .rent_summary_step1_li,
    .rent_summary_step2_li,
    .rent_summary_step3_li,
    .rent_summary_step4_li,
    .rent_summary_step5_li,
    .rent_summary_step1_text,
    .rent_summary_step2_text,
    .rent_summary_step3_text,
    .rent_summary_step4_text,
    .rent_summary_step5_text
{
        -webkit-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
        -moz-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
        -ms-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
        -o-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
        transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);      
    }
.rent_summary_accordion {
    /*
    max-height: 210px;
    */
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0px;
    
    z-index: 7;
    width: 100%;
    color: #fbfbfd;   
    text-align: left; 
    }
    .rent_summary_accordion_img_head {
        top: 60px;
        height: 70px;
        width: 100%; 
        margin-top: 7px;
        padding-right: 12px;
    }
    .rent_summary_accordion_item_content {
        /*padding-left: 15px!important;*/
        border-radius: 0px!important;
        margin-left: 0px!important;
            
        -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);

    }
    .rent_summary_accordion_item_content_sub {
        padding: 3px 35px 27px 35px; 
    }
    .rent_summary_accordion_itemmedia {
        width: 12vmin;
        height: 12vmin;
        max-height: 43px;
        max-width: 43px;
    }
    .rent_summary_accordion_iteminner {
        padding-right: 5px!important;
    }
    .rent_summary_accordion_titlerow {
        color: black;
    }
    .rent_summary_accordion_itemafter {
        margin-left: 0px!important;
        font-size: 12px;
    }
    .rent_summary_accordion_li {
        text-align: left;
    }
    .rent_summary_accordion_list_icon_left {
        position: absolute;
        width: 34px;
        height: 34px;
    }
    .rent_summary_accordion_list_icon_right {
        margin-right: 15px;
        width: 9.3vmin;
        height: 9.3vmin;
        max-height: 37px;
        max-width: 37px;
    }
    .rent_summary_accordion_list_icon_right_faded {
        opacity: 0.21;
        margin-right: 15px;
        width: 9.3vmin;
        height: 9.3vmin;
        max-height: 37px;
        max-width: 37px;
    }

.rent_summary_icon_mid {
    /*
    width: 43px;
    height: 43px;
    */
    border-radius: 50px;
    border: 2.5px solid #fbfbfd;
    background-size: contain;
    box-shadow: 0px 1px 3.3px rgba(136, 136, 136, 0.93);
}

.rent_item_title_row {
    color: black;
}



.rent_summary_icon {
    height: 25px;
    width: 25px;
}
    .rent_summary_top_info,
    .rent_summary_top_members,
    .rent_summary_top_map,
    .rent_summary_top_pictures, 
    .rent_summary_top_options 
    {
        width: 25%;
        height: 100%;
        
        background: #00000066;
        border-top: #fbfbfd 1px solid;

        display: flex;

        -webkit-flex-direction: column;
        flex-direction: column;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;        
        align-content: center;
        
        -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    }
    .rent_summary_top_info:hover,
    .rent_summary_top_members:hover,
    .rent_summary_top_map:hover,
    .rent_summary_top_pictures:hover, 
    .rent_summary_top_options:hover 
    {
        background: rgba(43, 27, 144, 0.5);
        -webkit-transition: all 0.07s cubic-bezier(0.47, 0, 0.75, 0.72);
        -moz-transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72);
        -ms-transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72);
        -o-transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72);
        transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72);        
    }
    .rent_summary_top_info:active,
    .rent_summary_top_members:active,
    .rent_summary_top_map:active,
    .rent_summary_top_pictures:active, 
    .rent_summary_top_options:active 
    {
        background: rgba(88, 71, 196, 0.62);
        -webkit-transition: all 0s cubic-bezier(0.47, 0, 0.75, 0.72);
        -moz-transition: all 0s cubic-bezier(0.47, 0, 0.75, 0.72);
        -ms-transition: all 0s cubic-bezier(0.47, 0, 0.75, 0.72);
        -o-transition: all 0s cubic-bezier(0.47, 0, 0.75, 0.72);
        transition: all 0s cubic-bezier(0.47, 0, 0.75, 0.72);        
    }

    .rent_summary_top_info {
        margin: 0px 3px 0px 0px;
    }
    .rent_summary_top_members {
        margin: 0px 3px 0px 3px;
    }
    .rent_summary_top_map {
        margin: 0px 3px 0px 3px;
    }
    .rent_summary_top_pictures {
        margin: 0px 3px 0px 3px;
    }
    .rent_summary_top_options {
        margin: 0px 0px 0px 3px;
    }






/* RENT SEARCH / ROOMMATE SEARCH  on right  */
    .search_footer_edit_outer {
        z-index: 1;
        position: absolute;
        width: 169px!important; 
        height: 30px!important;
        /*2.5vmin (edge + left icon margin left 1.15vmin*/
        right: 4.6vmin !important;
        background: #5a4ec7;
        border-radius: 50px!important;
    }
/* RENT SEARCH / ROOMMATE SEARCH  on right  */
    .search_footer_edit_outer_realtor_empty {
        z-index: 1;
        position: absolute;
        width: 111px!important; 
        /*height: 30px!important;*/
        /*2.5vmin (edge + left icon margin left 1.15vmin*/
        right: 4.6vmin !important;
        /*background: #5a4ec7;*/
        border-radius: 50px!important;
    }
/* RENT SEARCH / ROOMMATE SEARCH  on right  */
    .search_footer_edit_outer_realtor {
        z-index: 1;
        position: absolute;
        width: 111px!important; 
        height: 30px!important;
        /*2.5vmin (edge + left icon margin left 1.15vmin*/
        right: 4.6vmin !important;
        background: #5a4ec7;
        border-radius: 50px!important;
    }
/* OPTIONS (search rent) on right  */
    .search_footer_edit_outer_sub_empty {
        z-index: 1;
        position: absolute;
        width: 111px!important; 
        /*height: 30px!important;*/
        /*2.5vmin (edge + left icon margin left 1.15vmin*/
        right: 4.6vmin !important;
        /*background: #5a4ec7;*/
        border-radius: 50px!important;
    }
/* OPTIONS (search rent) on right  */
    .search_footer_edit_outer_sub {
        z-index: 1;
        position: absolute;
        width: 115px!important; 
        height: 30px!important;
        /*2.5vmin (edge + left icon margin left 1.15vmin*/
        right: 4.6vmin !important;
        background: #5a4ec7;
        border-radius: 50px!important;
    }







/* PREMIUM DATA picker modal */

.premium_data_picker {
    min-height: 100%!important;
    height: 100%!important;
}

/*PREMIUM MENU*/
.premium_menu_position {
    height: 100%!important;
    width: 100%;    
    overflow-y: scroll;
}    
    .premium_menu {
        z-index: 3!important;        
        position: fixed;
        padding: 7px 7px 0px 7px;
        height: auto!important;
        bottom: 0 !important;
        margin: auto!important;
        
        /*
        margin-bottom: 16px !important;
        position: relative;
        margin: auto!important;
        padding: 7px 7px 0px 7px;
        height: auto!important;
        */
        width: 100%;
        max-width: 430px;
        
    }

.premium_data_info_button {
    width: 34px;
    height: 34px;
    /*background-image: url("../images/ellipsis-small.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;*/
    border: none!important;
    border-radius: 50px;
    margin-bottom: 0px!important;
    margin-left: 12px;
}

.premium_data_toolbar_bottom {
    /*z-index: 9999;
    
    height: 50px;
    width: 100%;
    max-width: 300px;
    border-radius: 50px;*/
    position: fixed!important;
    bottom: 0!important;
    background: #5cb85c!important;
    color: white!important;
    text-shadow: 0 0 2px rgba(36, 36, 36, 0.79);
}
    .premium_data_toolbar {
        color: #fbfbfd!important;
    }

    .premium_data_toolbar_bottom_text {
        font-size: 30px;
        font-family: Avenir-Heavy;
        color: #778ee8;
        text-align: center;
    }

/* PREMIUM OPTIONS BUTTONS CONTAINER */

.premium_options_buttons_content_block {
    background: #fbfbfd;
    position: relative;
    width: 100%;
    height: calc(50.16vmin + 214px) !important;
    padding: 4.6vmin 4.6vmin 5.8vmin 4.6vmin !important;
    margin: 16px auto 16px auto !important;
    
}
.premium_data_art {
    opacity: 1;
    z-index: 3;
}
.premium_data_art:hover {
    opacity: 0.62;
}
.premium_data_art:active {
    opacity: 0.5;
}


.premium_counter, .premium_counter_complete {
    z-index: 3;
    margin: -3.7px auto -19px auto;
    background: #5a4ec7;
    color: white;
    /*text-shadow: 0 0 2px rgba(36, 36, 36, 0.79);*/
    border-radius: 21px;
    padding: 2px 8px;
    
    line-height: 19.6px;
}

.premium_counter_added{
    z-index: 3;
    position: absolute;
    font-size: 12px;
    color: white;
    background: #5cb85c;
    text-shadow: 0 0 2px rgba(36, 36, 36, 0.79);
    border-radius: 18px;
    margin: calc(9vmin + 10px) auto 0px auto;
    padding: 0.3vmin 1.2vmin;
}

    
.premium_options_text {
    font-size: 16px;
    font-family: Avenir-Medium;
    color: #778ee8;
    text-align: center;
    margin: -8px auto -2px auto !important;
    
    line-height: 27px;
}
    .invis {
        opacity: 0;
    }
    .height_text_adjust {
        height: 34px!important;
        margin-bottom: 10px;
    }
    
    /* PREMIUM OPTIONS BUTTON */
    .premium_options_upper_cont,
    .premium_options_upper,
    .premium_options_upper_img,
    .premium_options_upper:hover,
    .premium_options_upper:active,

    .premium_options_middle_cont,
    .premium_options_middle,
    .premium_options_middle_img,
    .premium_options_middle:hover,
    .premium_options_middle:active,

    .premium_options_bottom_cont,
    .premium_options_bottom,
    .premium_options_bottom_img,
    .premium_options_bottom:hover,
    .premium_options_bottom:active
    {
        /*left: 0!important;
        margin: 0!important;
        padding: 0!important;
        */
        
        /*height: 16.72vmin!important;*/
        /*border-radius: 50%!important;*/
        /*max-height: 82px;*/
        
        width: 16.72vmin!important;
        max-width: 82px;
        /*margin-bottom: 10px;*/
        padding-bottom: 12px;
        
    }

    .premium_options_upper_cont {
        height: auto;
    }
    .premium_options_middle_cont {
        height: auto;
    }
    .premium_options_lower_cont { 
        height: auto;
    }

    .premium_options_upper,
    .premium_options_middle,
    .premium_options_bottom {
        z-index: 2!important;
        height: 16.72vmin!important;
        position: absolute;
        max-width: 82px;
        max-height: 82px;
    }
   

    .premium_options_upper_img,
    .premium_options_upper:hover,
    .premium_options_upper:active,
    .premium_options_middle_img,
    .premium_options_middle:hover,
    .premium_options_middle:active,
    .premium_options_bottom_img,
    .premium_options_bottom:hover,
    .premium_options_bottom:active
    {
        z-index: 1;
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        border-radius: 50%!important;
        max-width: 82px;
        max-height: 82px;
        background-size: cover;
        background-repeat: no-repeat;
    }
        
        .premium_options_upper_img{
            background-image: url(../images/hc2.png);
        }
        .premium_options_upper:hover {
            background-image: url(../images/hc2.png);
            border: 0.3vmin solid transparent;
        }
        .premium_options_upper:active {
            background-image: url(../images/ac2.png);
        }
        .premium_options_middle_img{
            background-image: url(../images/hi.png);
        }
        .premium_options_middle:hover {
            background-image: url(../images/hi.png);
            border: 0.3vmin solid transparent;
        }
        .premium_options_middle:active {
            background-image: url(../images/ai.png);
        }
        .premium_options_bottom_img{
            background-image: url(../images/ho.png);
        }
        .premium_options_bottom:hover {
            background-image: url(../images/ho.png);
            border: 0.3vmin solid transparent;
        }
        .premium_options_bottom:active {
            background-image: url(../images/ao.png);
        }

.premium_toolbar_adjust {
    padding: 0 !important;
}
.premium_completion {
    position: absolute;
    z-index: 9;
    top:0;
    left:0;
    background: #fbfbfd;
    width: 100%;
    height: 100%;
    margin: 0!important;
}
    .premium_completion_step1,
    .premium_completion_step2,
    .premium_completion_step3 {
        position: absolute;
        color: rgb(74, 168, 74);
        background: #fbfbfd;
        width: 33.6%;
        height: 100%;
        text-align: center;
        border-top: 3px solid rgb(74, 168, 74);
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    .premium_completion_step1 {
        z-index: 5;
        width: 33.3%
    }
    .premium_completion_step2 {
        z-index: 3;
        left: 31.24%;
        width: 35%
    }
    .premium_completion_step3 {
        z-index: 1;
        left: 64.6%;
        width: 35.4%!important;
        border-top-right-radius: 0px!important;
        border-bottom-right-radius: 0px!important;
    }

        .premium_completion_step1_text,
        .premium_completion_step2_text,
        .premium_completion_step3_text {
            margin-top: 8px;
            text-shadow: none!important;
        }
        .premium_completion_step1_text {
            padding-left: 9%;
            
        }
        .premium_completion_step2_text,
        .premium_completion_step3_text {
            padding-left: 15.4%;
            opacity: 0.5;
        }

    .premium_completion_step1_end,
    .premium_completion_step2_end {
        position: absolute;
        background: #fbfbfd;
        width: 39px;
        height: 39px;
        top: 4px;
        border-right: 3px solid rgb(74, 168, 74);
        border-top: 3px solid rgb(74, 168, 74);
        border-top-right-radius: 9px;
        border-bottom-right-radius: 9px;
        border-radius: 12px;

        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .premium_completion_step1_end {
        z-index: 4;
        left: calc(33.33% - 29px);
    }
    .premium_completion_step2_end {
        z-index: 2;
        left: calc(66% - 27px);
    }
.premium_select_frame {
    margin-top: 21px !important;
    margin-bottom: 7px !important;
}
.premium_icon {
    margin: 16px auto 0px auto
}
.premium_text_expires {
    font-size: 16px;
    font-weight: 400;
    color: #646464;
    margin: 0px auto 7px auto;
}
.premium_text_add_likes {
    font-size: 16px;
    margin: 10px auto 9px auto;
    padding: 0px 28px;
}

.premium_search_bar {
    background: #778ee8;
}
    .premium_search_input {
        padding: 0px 12px 0px 28px!important;
    }

    .text_overflow {
        text-overflow: ellipsis;
    }


.premium_accordion_cat0, 
.premium_accordion_cat1, 
.premium_accordion_cat2,
.premium_accordion_cat3 {
    font-size: 18px; 
    background: -webkit-linear-gradient(rgb(251,251,254), rgb(231,237,244)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(251,251,254), rgb(231,237,244)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(251,251,254), rgb(231,237,244)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(251,251,254), rgb(231,237,244)); /* Standard syntax (must be last) */
}

    .premium_accordion_cat1, 
    .premium_accordion_cat2, 
    .premium_accordion_cat3 {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        margin-top: 1px;
        margin-bottom: 1px;
        box-shadow: 0px 3px 6px rgba(136, 136, 136, 0.62);
        border-left: 1px solid #5a4ec7;    
    }

        .premium_accordion_toggle_cat0,
        .premium_accordion_toggle_cat1,
        .premium_accordion_toggle_cat2,
        .premium_accordion_toggle_cat3 {
            padding-bottom: 9px;
        }
            .premium_accordion_img_cat0,
            .premium_accordion_img_cat1,
            .premium_accordion_img_cat2,
            .premium_accordion_img_cat3 {
                margin: 5px 12px -12px 14px;
                width: 36px;
                height: 36px;
            }
            .premium_accordion_img_cat1,
            .premium_accordion_img_cat2,
            .premium_accordion_img_cat3 {
                margin: 5px 12px -12px 8px;
            }

                .premium_accordion_content_cat0, 
                .premium_accordion_content_cat1, 
                .premium_accordion_content_cat2, 
                .premium_accordion_content_cat3 {
                    font-size: 16px;
                    padding-left: 10.6%!important;
                }




.block_back {
    z-index: 13500;
    position: absolute;
    width: 100%;
    height: 100%;
    background: red!important;
}

/* Incoming -reverse toast mechanism */

.incoming_center_outer {
    /*position: absolute;*/
    z-index: 15000;
    position: absolute;
    width: 100%;
    height: 0px;
    top: -45px;
    opacity: 1;
    
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;    
    align-content: center;    
}
.incoming {
    z-index: 15000;
    position: relative;
    left: 0;
    width: auto;
    height: auto;
    max-width: 280px;
    margin: auto;
	
    opacity: 0.97;
    font-size:14px;
    padding: 15px 21px 7px 21px!important;
	padding-top:0px;    
   
	color: #fff !important;
	cursor: pointer;
	text-align: center;
	
	border-radius:120px;
	background: #4792e6;
    border: 2.1px solid rgba(251,251,253,1);
    
    
}
.incoming_text {
    margin: 0px 0px 7px 0px!important;
}

.incoming_member {
    /*display: none;*/
    width: 25px;
    height: 25px;
}
.incoming_action {
    /*display: none;*/
    width: 25px;
    height: 25px;
    margin-left: -12px!important;
}



/* MUTUALLY SHARED CLASSES */

.header_info_icon,
.header_people_search_icon,
.header_trip_info_icon
{
    z-index: 999;
    position: absolute;
    float: right;
    width: 43px!important; 
    height: 43px!important;
    top: 10px;
    right: 3vmin;
    border: 3px solid transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.header_people_search_icon {
    /*temp setting until people search is complete */
    display: none;
}
.header_trip_info_icon {
    top: -43px;
    right: 3vmin;
    /*right: calc(2.8vmin - 9px);*/
}
.header_filter_info_icon {
    z-index: 9999;
    position: relative;
    width: 43px; 
    height: 43px;
    border: 3px solid transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.width100 {
    width: 100%!important;
}

.text_center {
   text-align: center;
}

.text_pad {
    padding-left: 19px;
    padding-right: 19px;
}

/* location icon */
.item_media_location_icon {
    position: absolute;
    top: calc(-20px + 50%);
    left: 18px;
}

.list-block {
  margin: 30px 0;
  /*font-size: 18px!important;*/
}
.list-block .item-content {
    border-radius: 27px;
}
#sign_up_password_li_id .list-block li {
    max-width: 86.4%;
}

/* ul addon */
.custom_ul {
    border: 1px solid #e3e3e6;
    padding: 3px!important;
    /*text-align: left!important;*/
    border-radius: 25px !important;
}

.search_filter_text_cont {
    padding: 0px 21px 0px 21px;
}
.search_filter_text_cont p {
    margin: 1px 0px 6px 0px;
}

/* input field addon */
.custom_input_pad_right {
    padding-right: 9px!important;
}
.custom_input_bigpad_right {
    padding-right: 16px!important;
}

.custom_input_pad_both {
    padding-left: 9px !important;
    padding-right: 25px!important;
}

.list-block ul:before {
    background-color: transparent!important;
    border-radius: 27px!important;
    border-bottom: 0px solid #fbfbfd!important;
}

.list-block ul:after {
    background-color: transparent!important;
}

.list-block li {
    /*
    background: rgba(251,251,253,1);
    background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 50%, rgba(247,247,247,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(247,247,247,1)));
    background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 50%, rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 50%, rgba(247,247,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 50%, rgba(247,247,247,1) 100%);
    background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 50%, rgba(247,247,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfd', endColorstr='#f7f7f7', GradientType=0 );
    */
    
    /* test
    border-top: 1px solid red!important;*/
}

.listblock_swipeout_special {
    /*background-image: url(../images/color_transparent.png)!important;*/
    /*background-color: aqua!important;*/
    /*opacity: 0.3;*/
    /*z-index: 98!important;*/
    position: absolute!important;
    
    /* aligns with pic but from the bottom */
    width: 160px;
    bottom: 12px!important;
    height: 31.8vmin!important;
    
    right: 0; 
    margin: 0px 0px 0px 0px!important;
    /* follows padding of picture */
    padding-top: 0px !important;
    padding-bottom: 0px; 
}

.listblock_swipeout_special_mini_thumb {
    background-image: url(../images/color_transparent.png)!important;
    /*background-color: aqua!important;*/
    /*opacity: 0.3;*/
    z-index: 999!important;
    position: absolute!important;
    
    /* aligns with pic but from the bottom */
    width: 160px;
    bottom: 12px!important;
    height: 19vmin!important;
    right: 0; 
    width: 0px;
    margin: 0px 0px 0px 0px!important;
    /* follows padding of picture */
    padding-top: 0px !important;
    padding-bottom: 0px;         
}

.lean {
    background-color: transparent!important;
    margin: 0px!important;
    padding: 0px!important;
    border: 0px solid transparent;
    border-radius: 0px!important;
}
.lean_plus {
    background-color: transparent!important;
    margin: 12px 0px 12px 0px!important;
    padding: 0px!important;
    border: 0px solid transparent;
    border-radius: 0px!important;
}

.lean_swipeout {
    background-color: transparent!important;
    margin: 0px 0px 0px 0px!important;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px solid transparent;
    border-radius: 0px!important;
}

p {
  margin: 0.75em 0;
}

.quit_delete_accordion {
    font-family: Avenir-Medium;
    max-width: 291px;
    margin: 106px auto 0px auto !important;
}
    .quit_delete_accordion_ul {
        border-radius: 27px!important;
        padding: 3px!important;
    }
    .quit_delete_accordion_text {
        width: calc(100% - 32px)!important;
        margin: 0px auto 16px!important;
        text-align: center;
        text-align: left;
        padding: 19px 19px 8px;
        border-top: 1px solid #e3e3e6;
    }
    .quit_delete_accordion_button {
        width: calc(100% - 32px)!important;
        margin: 0px auto 16px!important;
        text-align: center;
        padding-top: 2.1px;
    }

.submit_accordion_button {
    width: calc(100% - 32px)!important;    
    margin: 21px auto 12px !important;
    text-align: center;
    padding-top: 2.1px;
    background: #5d52c9 !important;
}


/* CENTERING COLUMNS */

.center_outer, .center_left_outer, .center_right_outer {
    width: 100%;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
}

/* CENTERING ROW */

.center_horizontal_outer {
    width: 100%;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
}

/*
NO FUNCTION YET 
.center_none_outer {
    align-items: none!important;
}*/
.center_left_outer {    
    align-items: left!important;
}
.center_right_outer {
    align-items: right!important;
}

/* CENTERING COLUMNS */

.profile_center_outer {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;

    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
}









/* DASHBOARD SWIPER */

.dashboard_swiper_container {
    background: #fbfbfd;
    height: 100%; 
    font-family: Avenir-Light; 
    font-size: 21px; 
    text-align: center;
    
    
    -webkit-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -moz-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -ms-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -o-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
}
.dashboard_slide {
    background: #fbfbfd;
    height: calc(100% - 73px)!important; 
    overflow: auto;
    font-family: Avenir-Light; 
    font-size: 21px; 
    text-align: center;    
    
    -webkit-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -moz-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -ms-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -o-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
}



.temp2 {
    background: grey;
  }




.learn_more_slide {
    padding-top: 48px;
}


/* LEARN MORE */
.learn_more_slide {
    padding-top: 48px;
}
.learn_more_img_cont {
    height: 75vmin;
    width: 75vmin;
    overflow: hidden;
}
    .learn_more_img1 {
        height: 75vmin;
        width: 75vmin;
        background-image: url(../images/cinque-terre-italy.jpg);
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
    }
    .learn_more_img2 {
        margin-left: -32vmin;
        height: 38.1vmin;
        width: 38.1vmin;
        background-image: url(../images/learn_more_trips.jpg);
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
    }
    .learn_more_img3 {
        margin-left: 22vmin;
        margin-top: -19vmin;
        height: 52vmin;
        width: 52vmin;
        background-image: url(../images/learn_more_memberlist.jpg);
        background-size: cover;
        background-position: top center;
        border-radius: 50%;
    }
    .learn_more_img4 {
        height: 75vmin;
        width: 75vmin;
        background-image: url(../images/learn_more_chat.jpg);
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
    }
    .learn_more_img5 {
        margin-left: 37vmin;
        margin-top: -23vmin;
        height: 39vmin;
        width: 39vmin;
        background-image: url(../images/learn_more_photos.jpg);
        background-size: cover;
        background-position: bottom center;
        border-radius: 50%;
    }
    .learn_more_img6 {
        margin-left: -25vmin;
        height: 50vmin;
        width: 50vmin;
        background-image: url(../images/learn_more_profile.jpg);
        background-size: cover;
        background-position: bottom center;
        border-radius: 50%;
    }
    /* img 7 not in funct / pmg 4 dup of 6 */
    .learn_more_img7 {
        height: 75vmin;
        width: 75vmin;
        background-image: url(../images/learn_more4.png);
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
    }
    .learn_more_img8 {
        height: 75vmin;
        width: 75vmin;
        background-image: url(../images/learn_more_trips.jpg);
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
    }
    .learn_more_img9 {
        height: 75vmin;
        width: 75vmin;
        background-image: url(../images/learn_more_search.jpg);
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
    }

    .learn_more_img10 {
        height: 12vmin;
        width: 12vmin;
        background-image: url(../images/a_capture1.png);
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
        margin-bottom: 12px;
    }
    .learn_more_img11 {
        height: 12vmin;
        width: 12vmin;
        background-image: url(../images/a_capture2.png);
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
        margin-bottom: 12px;
    }
    .learn_more_img12 {
        height: 12vmin;
        width: 12vmin;
        background-image: url(../images/a_capture3.png);
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
        margin-bottom: 12px;
    }
    .learn_more_img13 {
        height: 12vmin;
        width: 12vmin;
        background-image: url(../images/a_capture4.png);
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
        margin-bottom: 12px;
    }
    .learn_more_img14 {
        height: 12vmin;
        width: 12vmin;
        background-image: url(../images/a_capture5.png);
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
    }
    


    .learn_more_text1 {
        font-size: 25px;
    }
    .learn_more_text2 {
        font-size: 21px;
    }
    .learn_more_text3 {
        font-size: 16px;
    }

/* FOOTER */

.footer_picker {
    /*min-height: 424px!important;*/
    height: auto!important;
}
.footer_match_picker {
    height: 100%!important;
    background: none!important;
}

.public_user_menu_content_block {
    border-top: 1px solid lightgray;
    background: rgba(251, 251, 253, 0.88);
    width: 100%;
    padding: 3.6vmin 4.6vmin calc(4.6vmin + 8px) 4.6vmin;   
    margin: 28px 0px 0px 0px;
    border-radius: 30px;
}
.footer_content_block { 
    background: #fbfbfd;
    position: relative;
    width: 100%;
    height: auto!important;
    padding: 4.6vmin 4.6vmin 5.8vmin 4.6vmin !important;
    margin: 16px auto 45px auto !important;
}


/* FOOTER MENU */

.footer_menu_position {
    height: auto!important;
    width: 100%;    
    bottom: 0;
   
}

    .footer_menu {
        z-index: 500!important;
        
        position: fixed;
        padding: 7px 7px 0px 7px;
        height: auto!important;
        bottom: 0 !important;
        margin: auto!important;
        
        /*
        margin-bottom: 16px !important;
        position: relative;
        margin: auto!important;
        padding: 7px 7px 0px 7px;
        height: auto!important;
        */
        width: 100%;
        max-width: 430px;
        
    }
    .search_footer_menu {
        z-index: 500!important;
        
        position: fixed;
        padding: 7px 7px 0px 7px;
        height: auto!important;
        bottom: 0 !important;
        margin: auto!important;
        width: 100%;
        max-width: 480px;        
    }

    .search_footer_button_outer_div {
        padding-left: 23px;
    }


/* SEARCH FOOTER RENT */

    .search_footer_sub_arrow {
        z-index: 2;
        position: absolute;
        bottom: 11px!important;
        left: 14px!important;
        width: 1px!important;
        height: 22px!important;
        margin-left: -23px;
        background-image: url(../images/mmgrad.png);
        border-radius: 50%;
        border: #5a4ec752 solid 1px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

        .search_footer_sub_center_outer_cont {
            
            z-index: 2;
            position: absolute;
            bottom: 0!important;
            left: 0!important;
            width: 30px!important;
            height: 30px!important;
            margin-left: -19px;
            background-image: url(../images/mmgrad.png);
            border-radius: 50%;
            
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-content: center;
            align-content: center;            
            
            display: none;
        }
            .search_footer_sub_badge {
                z-index: 3;
                width: 20.5px;
                height: 20.5px;

                background: orange;
                border-radius: 50%;
                font-size: 12px;
                font-family: avenir-heavy;
                color: white;
                padding-top: 3px;

                display: flex;
                -webkit-flex-direction: column;
                flex-direction: column;
                
                                        
                align-items: center;
                -webkit-justify-content: center;                                
                justify-content: center;
                -webkit-align-content: center;
                align-content: center;

                transform: scale(1);

                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out; 
                /*
                transform: scale(1.06); */

            }
        .search_footer_sub_button_icon_img {
            z-index: 1;
            position: absolute;
            bottom: 0!important;
            left: 0!important;
            width: 30px!important; 
            height: 30px!important;
            /*margin-left: 25px;*/
        }

        .search_footer_button_text {
            position: absolute;
            height: 30px!important;
            line-height: 30px!important; 
            margin-top: 0px!important;
            left: 48px!important;
            color: #5a4ec7!important;
            /*margin-left: 25px;*/
        }



        .footer_menu_ad {
            position: relative;
            background: rgba(206, 206, 206, 0.28);
            background-image: url(../images/ad.png);
            background-repeat: repeat;
            
            height: auto;
            max-height: 210px;
            width: 100%;
            margin-top: 16px;
            
        /* CENTERING */
            /* display webkit box - center elements vertically/horizontally */
            display: -webkit-box;
            
            
            display: flex;
        /* box pack centering */
        
            
            -webkit-justify-content: center;
            justify-content: center;
        /* box pack align centering */
        
    
            
            align-items: center;
        }
            .sample_ad {
                width: auto;
                height: auto;
                max-width: 430px;
                /*max-height: 160px;*/
                margin: auto;
            }
    

    /* AGE FILTER */
    .range_age_filter_display_text {
        line-height: 34px;
        margin-bottom: 21px;
    }

    .range_age_filter_display_text {
        /* font-family: Avenir-Light; */  
    }
        .range_age_filter_span {
            font-family: Avenir-Medium;
            line-height: 34px;
            margin-bottom: 21px;
        }
    .range_age_filter_bar {
       margin: 24px 24px 33px 24px;      
    }

/* PROFILE LIKES CONTAINER */

.list-block .sortable-handler {
    background-image: url(../images/drag_gray_dis.png);
    /*
    $(".list-block .sortable-handler").eq(8).css("background-image","url(images/drag_red.png)");
    
    $("#boost_pins_list_id ul li .sortable-handler").eq(1).css("background-image","url(images/drag_gray.png)");
    */
}

.profile_game_cont_dash {
    z-index: 8;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.79);    
}
.profile_scroll_fix {
    opacity: 0;    
    z-index: 0;
    position: absolute;
    /*width: 133vw;*/
    height: 170%;
    background: rgba(0, 0, 0, 0.79);    
    right: -31vw;
    top: -347px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.profile_likes_cont {
    z-index: 10;
    position: relative; 
}

.profile_likes_boosted_head {    
    color: #5a4ec7;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.profile_edit_favs,
.profile_edit_cancel {

    background: #ffc579;
    color: white;
    text-shadow: 0px 2px 5px #00000096;
    border: 2px solid white !important;
    box-shadow: 0px 3px 7px #0000003d;
    /*
    background: white;
    color: #5a4ec7; 
    border: 1px solid #5a4ec7;
    */
    font-size: 16px;
    border-radius: 30px;
    
    height: auto;
    margin-bottom: 10px;
    padding: 18px 18px;
    
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-align-content: center;    
    align-content: center;    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.profile_edit_cancel {
    text-shadow: 0px 2px 5px #00000096;
}
.profile_edit_favs:hover,
.profile_edit_cancel:hover {

    background: #ffc579; 
   
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.profile_edit_favs:active,
.profile_edit_cancel:active {

    background: #e2a14c;
   
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

    .profile_edit_icon {        
        width: 0px;
        height: 0px;
        position: absolute;

        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        
    }

    .profile_alter_icon {
        visibility: hidden;
        position: absolute;
        right: 9px;
        width: 30px;
        height: 30px;
        background-image: url(../images/arrow_circle_up.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;

        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .profile_helper_icon {
        
        display: none;
        margin: 0px 1px -10px 10px;
        padding-bottom: 11px;
        
        width: 30px;
        height: 30px;
        background-image: url(../images/arrow_circle_up.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;

        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }






.profile_game_likes_li {
    height: 50px;
    line-height: 50px;
    color: #5a4ec7;
    font-size: 14px;
}

.profile_likes_separater_dashed {
    width: 100%; 
    border-bottom: 1px solid #5a4ec7; 
    margin: 21px 0px;
}
.profile_likes_save {
    /*display: none;*/
    position: absolute;
    display: flex;
    align-items: center;
    font-family: Avenir-Medium;
    opacity: 0.61;
    border: 2px dashed mediumseagreen;
    
    padding: 18px 11px;
    height: 60px;
    width: 45%;
    background: none;
    color: mediumseagreen;
    font-weight: 500;    
    font-size: 14px;
    border-radius: 30px;
    
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-align-content: center;    
    align-content: center;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;  
    
    display: none;
}

.profile_likes_cont {
    margin: 32px 0px 43px 0px;
}
.profile_game_likes_divider,
.profile_game_likes_divider_bottom
{
    width: 100%; 
    height: 1px;
    background: #5a4ec7;
    margin: 0px 0px;
}


.profile_sub_head {
    color: #5a4ec7;
    font-size: 16px;
    line-height: 48px;
    margin-top: 21px;
}


.tip_remove {
    position: absolute;
    top: 0;
    right: 0;
    height: 53px;
    width: 2px;
    background: green;

}
    .tip_remove_circle {
        position: relative;
        height: 50px;
        width: 50px;
        top: -82px;
        left: -41px;
        opacity: 0.9;
        border: 3px dashed #5a4ec7;
        border-radius: 50%;
    }
    .tip_remove_arrow {
        z-index: 99;        
        position: absolute;
        width: 92px;
        height: 153px;
        top: -27px;
        left: -51px;        
        background-size: contain;
        background-image: url('../images/tip_arrow_down.png');
        background-repeat: no-repeat;
    }
.tip_add {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 0px;
    width: 0px;
    background: pink;
}
    .tip_add_circle {
        position: relative;
        height: 50px;
        width: 50px;
        background: #a7a7c0;
        top: -82px;
        left: -45px;
        
        opacity: 0.7;
        
    }
    .tip_add_arrow {

    }


/* FOOTER OPTION CONTAINER */
.public_profile_button_outer_div {
    width: 100%;
    /*padding-right: calc(9px + 3.65vmin);*/
}

/* FOOTER OPTION CONTAINER */
.profile_menu_button_outer_div {
    width: 73%;
    margin: auto;
    transform: scale(1.11);
}


/* PROFILE PIN BUTTON ROW ANCHOR */

.footer_profile_pin_button_row_top {
    width: 100%!important;
    height: 30px!important; 
    margin-top: 3px!important;
    margin-bottom: 1.87vmin!important;        
    border-radius: 30px;
    /*
    background: rgba(199, 199, 255, 0.2);
    */
}

/* PROFILE BUTTON ROW ANCHOR */

.footer_profile_button_row_top {
    width: 100%!important;
    height: 30px!important; 
    margin-top: 1.87vmin!important;
    margin-bottom: 1.87vmin!important;        
    border-radius: 30px;
    background: rgba(199, 199, 255, 0.2);
}

.footer_profile_button_row_top_divide {
    width: 100%!important;
    height: 1px!important; 
    margin-top: 16px!important;
    margin-bottom: 18px!important;        
    background: rgba(88, 72, 196, 0.62);

}
.footer_wishlist_button_row_top {
    width: 100%!important;
    height: 30px!important; 
    margin-top: 3px!important;
    margin-bottom: 1.87vmin!important;        
    border-radius: 30px;
    /*background: rgba(199, 199, 255, 0.2);*/
    padding-right: 145px;
}
.footer_profile_button_row {
    width: 100% !important;
    height: 30px!important;    
    margin-top: 1.87vmin !important;
    margin-bottom: 1.87vmin !important;        
    border-radius: 30px;
    background: rgba(199, 199, 255, 0.2);

}

/* PROFILE EDIT OUT on right  */
    .footer_profile_edit_outer {
        z-index: 1;
        position: absolute;
        padding-right: 25px;
        width: 131px; 
        height: 30px;
        /*2.5vmin (edge + left icon margin left 1.15vmin*/
        right: 4.6vmin;
        background: #5a4ec7;
        border-radius: 50px;
    }
/* PROFILE EDIT OUT on right  */
    .footer_profile_edit_pin_outer {
        z-index: 1;
        position: absolute;
        padding-right: 25px;
        width: 115px; 
        height: 30px;
        /*2.5vmin (edge + left icon margin left 1.15vmin*/
        right: 4.6vmin;
        background: #5a4ec7;
        border-radius: 50px;
    }

/* PROFILE EDIT OUT on right  */
    .footer_roommate_edit_outer {
        z-index: 1;
        position: absolute;
        width: 187px; 
        height: 30px;
        /*2.5vmin (edge + left icon margin left 1.15vmin*/
        right: 4.6vmin ;
        background: #5a4ec7;
        border-radius: 50px;
    }

/* BOTH PROFILE AND OTHERS */
    /* LEFT SIDE */
    .footer_button_icon_img {
        z-index: 1;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 30px; 
        height: 30px;
    }
    .footer_button_icon_img_att {
        z-index: 1;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 25px; 
        height: 25px;
        margin-bottom: 3px;
        margin-left: 3px;
    }
    .footer_button_icon_img_exit {
        z-index: 1;
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: 2px;
        margin-left: 2px;
        height: 25px;
        width: 25px;
    }
    /* PIN PIC */
    .footer_button_icon_img2 {
        z-index: 1;
        position: absolute;
        bottom: 0;
        left: 43px;
        width: 30px; 
        height: 30px;
        border-radius: 50%;
    }
    .footer_button_text {
        position: absolute;
        width: 100%;
        height: 30px;
        line-height: 30px; 
        margin-top: 0px;
        left: calc(10% + 15px);
        color: #5a4ec7;
        max-width: 183px;
        text-align: left;
        margin-left: 2.5%;
    }
    /* PROFILE */
    .footer_button_profile_text {
        position: absolute;
        height: 30px;
        line-height: 30px; 
        margin-top: 0px;
        left: 84px;
        color: #5a4ec7;
    }
        
    .search_footer_sub_button_text_p {
        margin: 0px;
        font-family: Avenir-Light;
        font-size: 16px;
        color: #5a4ec7;
        line-height: 32px;        
    }        
    .public_profile_button_text_p {
        margin: 0px;
        font-family: Avenir-Medium;
        font-size: 16px;
        color: #5a4ec7;
        line-height: 32px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: calc(70vw - 165px);
        text-align: left;
        
    }        
    .profile_menu_button_text_p {
        margin: 0px;
        font-family: Avenir-Light;
        font-size: 16px;
        color: #5a4ec7;
        line-height: 32px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: calc(55vw - 41px);
        text-align: left;
    }    
    .footer_button_text_p_color {
        margin: 0px!important;
        font-family: Avenir-Medium;
        font-size: 16px;
        color: #fbfbfd !important;
        line-height: 32px;
    } 

    .footer_button_close_back {
        /*margin-left: -38.1px;*/
    }
        .footer_button_text_p_close {
            z-index: 400;
            margin: 0!important;
            font-family: Avenir-Heavy;
            font-size: 16px;
            /* background: #5a4ec7!important; */
            color: #5a4ec7;
            padding-top: 1px;
            padding: 14px 25px;
            border-top-right-radius: 21px;
            border-top-left-radius: 21px;
            background-image: url(../images/mmgrad.png);
            background-size: cover;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            padding: 14px 16px;
            box-shadow: 0px 3px 9px #00000061;
        }
    /* EDIT BUTTON TEXT IMAGE DIMENSTION */
    .footer_edit_textarea {
        /*accordion_title_shadow*/
        position: relative;
        color: #fbfbfd;
        font-size: 16px;
        font-family: Avenir-Heavy;
        padding: 0px 0px 0px 8px; 
        }
    .footer_edit_img {
        opacity: 0.38;
        z-index: 2;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px!important; 
        height: 30px!important;
        border-radius: 30px;
    }
    

/* PREMIUM AREA */
.footer_premium_outer {
    background: rgb(74, 168, 74);
    z-index: 1;
    position: absolute;
    width: 88px !important;
    height: 30px !important;
    right: 4.6vmin !important;
    border-radius: 50px !important;
}

.footer_premium_text {
    position: relative;
    color: #fbfbfd;
    font-size: 16px;
    font-family: Avenir-Heavy;
    padding: 2.6px 0px 0px 8px;
}


/* FOOTER REGULAR EDIT AREA */
.footer_edit_outer {
    display: none;
    /*2018-04-24 temp */
    opacity: 0.45;
    /*background: #5a4ec7;*/
    z-index: 1;
    position: absolute;
    width: 30px !important;
    height: 30px !important;
    right: 4.6vmin !important;
    border-radius: 50px !important;
}
.footer_edit_outer:hover {
    /* edited 2018-05-14 */
    /*
    background: #5a4ec7;
    width: 115px !important;*/
}
.footer_edit_outer:active {
    /* edited 2018-05-14 */
    /*
    background: rgba(147, 112, 219, 0.75);*/
}


    /* REGULAR FOOTER BUTTON */
   
    .footer_button_row {
        width: 100% !important;
        height: 30px !important;
        margin-top: 28px;        
        border-radius: 30px;
        padding-right: 46px;
        margin-left: calc(14% - 27px);
        /*background: white;*/
    }
    .footer_button_row_bottom {
        width: 100% !important;
        height: 30px !important;
        margin-top: 1.87vmin !important;
        margin-bottom: 3px!important;
        border-radius: 30px;
        padding-right: 46px;
        /*background: white;*/
    }

.profile_menu_divider_top {
    width: 100%;
    height: 1px;
    background: #5a4ec7;
    margin: 21px 0px 6px 0px;
}

.profile_menu_divider_bottom {
    width: 100%;
    height: 1px;
    background: #5a4ec7;
    margin: 21px 0px 40px 0px;
}

/* FOOTER FOOT (HIDE MENU) */

.footer_hide_outer_round_top {
    
    /*display: none;*/
    background: pink;
    z-index: 1;
    position: relative;
    top: 0px;
    margin-top: -28px;
    width: 165px!important; 
    height: 30px!important;
    background: #5a4ec7;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 0px 16px;
    
}
.footer_hide_outer_round {
    
    z-index: 1;
    position: relative;
    margin-top: -54px;
    width: 178px!important;
    height: 48px!important;
    background: #fbfbfd;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 11px 16px;
    box-shadow: 0px 3px 9px #00000061;
}
    .footer_hide_text_round {
        position: relative;
        color: #5a4ec7;
        font-size: 16px;
        font-family: Avenir-Medium;
        padding: 2px 0px 0px 0px;
    }
    .footer_hide_p {
        text-align: center;
    }
    .footer_hide_img_round {
        z-index: 2;
        width: 15px!important; 
        height: 15px!important;
}

.footer_hide_outer {
    z-index: 1;
    /*position: absolute;*/
    width: 133px!important; 
    height: 30px!important;
    /*2.5vmin (edge + left icon margin left 1.15vmin*/
    /*right: 3.65vmin!important;*/
    background: #5a4ec7;
    border-radius: 50px!important;
}
    .footer_hide_text {
        /*accordion_title_shadow*/
        position: relative;
        color: #fbfbfd;
        font-size: 16px;
        text-align: right;
        font-family: Avenir-Heavy;
        padding: 2.6px 8px 0px 8px;
    }

    .footer_hide_img {
        z-index: 2;
        position: absolute;
        width: 30px!important; 
        height: 30px!important;

    }



.footer_profile_row {
    width: 100%;
    padding-right: 28px;
}
.footer_profile_row_back {
    width: 100%;
    background: #fbfbfd;
    border-radius: 25px;
    margin-left: 7px;
}
.footer_profile_button_icon {
    position: absolute;
    bottom: 0 !important;
    left: -7px !important;
    width: 30px !important;
    height: 30px !important;
}
.footer_profile_item_inner {
    width: 100%;
    padding-left: 39px !important;
}
.footer_profile_button_text {
    color: #5a4ec7 !important;
    line-height: 30px !important;
    height: 30px !important;
    width: 100% !important;
    
    margin: 0 !important;
    font-family: Avenir-Heavy;
    font-size: 16px;

}

.footer_profile_item_after {
    min-width: 106px;
    max-height: 30px;
    width: 44%;
}
.footer_span {
    height: 30px;
}
            .footer_profile_img {
                bottom: 0 !important;
                left: 0 !important;
                width: 30px !important;
                height: 30px !important;

            }

        .footer_menu_seal_top {
            z-index: 15;
            position: fixed;
            margin-top: -45px;
            height: 0px;
            width: 100%;
            
            /*transition height*/
            -webkit-transition: height 0.3s ease-out;
            -moz-transition: height 0.3s ease-out;
            -o-transition: height 0.3s ease-out;
            transition: height 0.3s ease-out;
            /*transition: all 0.3s ease;*/

        }
        .footer_menu_seal {
            position: relative;
            /*background: green;*/
            height: 0px;
            width: 100%;

        }


.footer_user_background {
    z-index: 500;
    /*change to USER BACKGROUND here */   
    background-image: url(../images/newyork.jpg);

    background-size: cover;
    background-position: center center;        
    position: absolute;
    height: 100%;
    width: 100%; 
}
.footer_white_background {
    z-index: 500;
    position: absolute;
    background: rgba(251, 251, 253, 0.75);    
    height: 100%;
    width: 100%;    
}


    .footer_user_trip_chat_background {
        /*change to USER BACKGROUND here */   
        /*background-image: url(../images/beach10.jpg);*/
        background-image: url(../images/navagio.jpg);
        
        background-size: cover;
        background-position: center center;        
        z-index: 1;
        position: absolute;
        height: 100%;
        width: 100%; 
    }


/* MATCH SCREEN (PURPLE OVERTONE) */

/* CENTERING COLUMNS */

.center_outer_match {
    width: 100%!important;

    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;    
    align-content: center;
}

.footer_party_background {
    z-index: 2;
    position: fixed;
    /*background: rgba(53, 38, 150, 0.952); */
    height: 100%;
    width: 100%; 
    background-image: url(../images/party_cancun.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 81% center;
}
.footer_purple_background,
.footer_purple_background98 {
    z-index: 3;
    opacity: 0.93;
    position: fixed;
    /*background: rgba(53, 38, 150, 0.952); */
    height: 100%;
    width: 100%; 

    background: rgba(53,38,150,0.78);
    background: -moz-linear-gradient(left, rgba(53,38,150,0.78) 0%, rgba(53,38,150,0.97) 39%, rgba(53,38,150,0.97) 61%, rgba(53,38,150,0.78) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(53,38,150,0.78)), color-stop(39%, rgba(53,38,150,0.97)), color-stop(61%, rgba(53,38,150,0.97)), color-stop(100%, rgba(53,38,150,0.78)));
    background: -webkit-linear-gradient(left, rgba(53,38,150,0.78) 0%, rgba(53,38,150,0.97) 39%, rgba(53,38,150,0.97) 61%, rgba(53,38,150,0.78) 100%);
    background: -o-linear-gradient(left, rgba(53,38,150,0.78) 0%, rgba(53,38,150,0.97) 39%, rgba(53,38,150,0.97) 61%, rgba(53,38,150,0.78) 100%);
    background: -ms-linear-gradient(left, rgba(53,38,150,0.78) 0%, rgba(53,38,150,0.97) 39%, rgba(53,38,150,0.97) 61%, rgba(53,38,150,0.78) 100%);
    background: linear-gradient(to right, rgba(53,38,150,0.78) 0%, rgba(53,38,150,0.97) 39%, rgba(53,38,150,0.97) 61%, rgba(53,38,150,0.78) 100%);
}
.footer_purple_background98 {
    opacity: 0.98;
}
.match_menu_position {
    height: 100%!important;
    width: 100%!important;       
}

.match_footer_menu {
    z-index: 3;
    padding: 30px 7px 4px 7px;
    height: auto!important;
    margin: auto!important;
    width: 100%;
    max-width: 430px;
}

.match_head {
    position: relative;
    /*background: maroon;*/
    /*background-image: url(../images/ad.png);*/
    /*background-repeat: repeat;*/

    height: auto;
    width: 76.3vw;
    max-width: 390px;
    /* width: auto; */
    margin: auto;
}
.match_pics_container {
    font-family: Avenir-Heavy;
    margin-top: calc(12px + 2.5vh);
    margin-bottom: calc(25px + 2.5vh);
}

.incoming_match_username {
    font-size: 19px;
    color: white;
    text-align: center;
    text-shadow: 0 0 3px #000000;
    /*text-shadow: 0 0 2px #5a4ec7;*/
    margin-bottom: 1em;
    /*border-bottom: 0.21em solid white;*/ 
    width: 100%!important;
    margin: auto!important;
    line-height: 1.6;
    padding: 0px 52px;
}
    @media screen and (max-width: 361px) {

        .incoming_match_username {
            font-size: 18px!important;
        }
    }




/* USER PIC IS SECOND CIRCLE */
.user_match_pic {
    background-image: url("../images/user5.png");
    background-size: cover;
    border-radius: 50%;
    border: 3px solid #fbfbfd;
    width: 30vmin;
    height: 30vmin;
    left: 43%;
    max-width: 192px;
    max-height: 192px;
}

/* MATCH PIC (1st circle) */
.incoming_match_pic {
    z-index: 2;
    position: absolute;
    background-image: url("../images/user5.png");
    background-size: cover;
    border-radius: 50%;
    border: 3px solid #fbfbfd;
    /*border-right-style: dashed;*/    
    width: 30vmin;
    height: 30vmin;
    margin: -30vmin 0 0 0; 
    right: 43%;
    max-width: 192px;
    max-height: 192px;
}

.incoming_match_button_top {
    /*background: #fbfbfd;*/
    background: #5e4cd0;
    font-family: Avenir-Medium;
    font-size: 19px;
    color: #fbfbfd; 
    border-radius: 100px;
    height: 10.33vh!important;
    max-height: 97px;
    min-height: 38px;
    width: 61.8vw!important;
    max-width: 237px;
    min-width: 187px;
    margin: 0px auto calc(9px + 2.5vh) auto!important;
    padding: 0px 16px;
    box-shadow: 0 1px 9px #2d2563;
}
.incoming_match_button_top:active {
    background: #778ee8!important;
}
.incoming_match_button_bottom {
    background: #5cb85c;
    font-family: Avenir-Medium;
    font-size: 19px;
    color: #fbfbfd;
    border-radius: 100px;
    height: 10.33vh!important;
    max-height: 97px;
    min-height: 38px;
    width: 61.8vw!important;
    max-width: 237px;
    min-width: 187px;
    margin: 0px auto 0px auto!important;
    padding: 0px 16px;
    box-shadow: 0 1px 9px #2d2563;
}
.incoming_match_button_bottom:active {
    background: #6bca6b!important;
}
    .incoming_message_match_icon {
        height: 21px;
        width: 21px;
        background-image: url(../images/unread_messages_icon.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin: -1px 7px 0px -1px!important;
    }
    .incoming_close_match_icon {
        height: 21px;
        width: 21px;
        background-image: url(../images/footer1_trips.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin: -1px 7px 0px -1px!important;
    }


/* TO BE ORGANIZED */

/* SIGN UP */
.verified {
    /* vojin to change uu*/
    display: none;
    width: 21px;
    height: 21px;
    background-image: url("../images/icon_checkmark_green_small.png");
    background-size: cover;
    background-repeat: no-repeat;
}

/* SEARCH RESULTS FILTER ON */
.filter_show {
    display: inherit;
}
.filter_hide {
    display: none!important;
}
.filter_on_item_after {
    width: 23px;
    height: 23px;
    background-image: url("../images/quiz_page_next.png");
    background-size: cover;
    background-repeat: no-repeat;
    border: 2.1px solid white;
    border-radius: 25px;
    position: absolute;
    right: 4px;
    bottom: 11px;
}
.custom_quiz_finished_icon {
    width: 30px;
    height: 30px;
    background-image: url("../images/quiz_page_next.png");
    background-size: cover;
    background-repeat: no-repeat;
    border: 2.1px solid white;
    border-radius: 25px;    
    
}


.location_li_city {
    padding-right: 25px!important;
}
    .location_item_inner_city {
        margin-left: 45px!important;
        padding-right: 0px!importnant;
    }


.location_li_def_state {        
        margin-left: 45px!important;
    }

.location_li_state, .location_li_school {
    height: 48px!important;
    margin-left: 34px!important;
}    
    .location_item_content_state, .location_item_content_school {
        padding-right: 25px!important;
    }
    .location_item_inner_state, .location_item_inner_school {
        /*margin-left: 11px!important;*/
        padding-right: 0px!important;
    }

.location_label {
    width: 30%!important;
    max-width: 70px!important;
}
    
.location_li_school {    
    margin-top: 3px;
    margin-bottom: -2px;
}



/* SPECIALS */

.tab_link_replacement {
    /*min-width: 0px !important;*/
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    
    display: flex;
    
    -webkit-justify-content: center;
    justify-content: center;
    
    
    align-items: center;
    overflow: visible;
  

    -webkit-flex-direction: column;
    flex-direction: column;
}

.footer_main_icon_centering {
    position: absolute;
    left: -50%;
}



/* tokens ELEMENTS */

.tokens_close_button {
        
    z-index: 3;
    font-size: 19px;
    font-family: Avenir-Medium;
    top: 21px; 
    color: #fbfbfd;
    border: 2px #fbfbfd solid !important;
    right: 21px;
    width: 180px!important;
    position: absolute;
    box-shadow: 0 1px 9px #2d2563;
    
    border-radius: 100px;
    height: 10.33vh !important;
    max-height: 97px;
    margin: 0px auto calc(9px + 2.5vh) auto !important;
    padding: 0px 16px;
    
}
    .tokens_close_icon {
        height: 21px;
        width: 21px;
        background-image: url(../images/exit.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin: 7px 7px -28px -11px !important;
    }

/*IN USE*/
    .back_fbf {
        background: #fbfbfd;
    }

/*IN USE*/
    /*deep purple - tokens */
    .back_5e4 {
        background: #5e4cd0;
    }
    .back_5e4:active {
        background: #778ee8!important;
    }

    .back_5a4 {
        background: #5a4ec7;
    }


/*IN USE -personality */
    /*orange quiz */
    .back_ce7{
        background: #ce7d33;
    }
    /* orange active*/
        .back_ce7:active {
            background: #d38a47;
        }

/*IN USE -network */
    /*green tea on tokens */
    .back_4ea {
        background: #4b9f4b;
    }
    /* godaddy green on active */
        .back_4ea:active {
            background: #5cb85c;
        }

/*IN USE -scoial networks */
    /*facebook+ on tokens */
    .back_3c5 {
        background: #3c599b;
    }
    /* godaddy green on active */
        .back_3c5:active {
            background: #5cb85c;
        }

    /*green2 lighter */
    .back_4ca {
        background: #4ca04c;
    }

    /*green3 godaddy light */
    .back_5cb {
        background: #5cb85c;
    }
    .back_5cb:active {
        background: #6bca6b!important;
    }



.modal_font_title {
    font-size: 18px;
    text-align: center;
    text-decoration: underline;
}

.modal_icon_tokens {
    height: 19px;
    width: 19px !important;
    margin: 2px 0px -4px 0px;
}

.tokens_modal_title {
    color: white;
    font-family: Avenir-Heavy;
    font-size: 55px;
    line-height: 25px;
}
    .tokens_modal_underline {
        color: white;
        text-decoration: underline;
    }

.tokens_modal_icon {
    height: 21px;
    width: 21px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: -1px 7px 0px -1px !important;    
}
    .tokens_modal_icon_game {
        background-image: url(../images/unread_messages_icon.png);
    }
    .tokens_modal_icon_quiz {
        background-image: url(../images/unread_messages_icon.png);
    }
    .tokens_modal_icon_network {
        background-image: url(../images/unread_messages_icon.png);
    }
    .tokens_modal_icon_chat {
        background-image: url(../images/unread_messages_icon.png);
    }



    .tokens_button_top {
        font-family: Avenir-Medium;
        font-size: 19px;
        color: #fbfbfd; 
        border-radius: 100px;
        height: 10.33vh!important;
        max-height: 97px;
        min-height: 38px;
        width: 61.8vw!important;
        max-width: 277px;
        min-width: 187px;
        margin: 0px auto calc(9px + 2.5vh) auto!important;
        padding: 0px 16px;
        box-shadow: 0 1px 9px #2d2563;
    }

    .tokens_button_bottom {

        font-family: Avenir-Medium;
        font-size: 19px;
        color: #fbfbfd;
        border-radius: 100px;
        height: 10.33vh!important;
        max-height: 97px;
        min-height: 38px;
        width: 61.8vw!important;
        max-width: 277px;
        min-width: 187px;
        margin: 0px auto 0px auto!important;
        padding: 0px 16px;
        box-shadow: 0 1px 9px #2d2563;
    }

        .game_icon {
            height: 21px;
            width: 21px;
            background-image: url(../images/icon_heart_white.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            margin: -1px 7px 0px -1px!important;
        }
        .personality_icon {
            height: 21px;
            width: 21px;
            background-image: url(../images/footer1_trips.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            margin: -1px 7px 0px -1px!important;
        }
        .network_icon {
            height: 21px;
            width: 21px;
            background-image: url(../images/footer1_trips.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            margin: -1px 7px 0px -1px!important;
        }


.modal_listblock_lean {
    margin: 21px 0px 16px 0px!important;
}

.modal_accordion_container {
    z-index: 2;
    font-size: 14px;
    text-align: left!important;
    margin: 18px auto 18px auto!important;
    max-width: 430px!important;
}

.modal_li {
    overflow-y: auto;
    max-height: 219px;
    font-size: 1em;
    color: #fbfbfd;
    background-color: #7e91e8!important;
    margin-left: 12px;
    margin-right: 12px;
}

.modal_accordion_icon {
    width: 28px;
    height: 28px;
    margin: 0px 7px -7px 0px!important;
}



/* MAP AS BACKGROUND */

.actions-modal,
.modal-in,
.actions-modal-group,
.actions-modal-label,
.modal_icon_list
{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.modal_icon_list
{
    height: 21px;
    width: 21px!important;
    margin: -8px 12px -6px 0px;
}


.modal_subtitle_check1,
.modal_subtitle_check2,
.modal_subtitle_check3
{
    position: absolute;
    height: 21px;
    width: 21px!important;
    margin: -8px 12px -6px 0px;
}
.modal_subtitle_check1
{
    left: 10px;
}
.modal_subtitle_check2
{
    left: 30px;
}
.modal_subtitle_check3
{
    left: 50px;
}

.modal_listblock {
    margin: 0;
}
.modal_title_q {
    font-size: 20px;
    color: #5a4ec7;
    padding: 20px 76px;
    min-height: 93px;
}

.modal_title_next {
    flex-direction: row;
    font-size: 20px;
    padding: 22px 36px 21px;
    height: 100%;
    opacity: 1;
    line-height: 30px;
}

.modal_item_inner {
    line-height: 1;
    padding: 15px 10px 0px 5px!important;
}
.modal_checkbox {
    position: absolute!important;
    right: 21px;
}
    .modal_label_adjust {
        padding-left: 7px!important;
    }


    .list_p_cont {
        overflow: hidden;
    }
    .list_checkbox_p {
        max-width: calc(100% - 31px);
        color: black;
        margin: 7px 0px 5px 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .modal_checkbox_p {
        white-space: normal;
        width: 88%;
        color: black;
        margin: 3px 0px 0px 0px !important;        
    }
        .modal_checkbox_p_span1 {
            width: 62%;
        }
        .modal_checkbox_p_span2 {
            width: 38%;
        }

.member_profile_title_watermark {
    z-index: 9;
    position: absolute;
    top: 10px;
    left: 10px;
    color: lightgray;
    font-size: 21px;
    font-family: Avenir-Medium;
}
.modal_title_watermark {
    z-index: 9;
    position: absolute;
    top: 22px;
    right: 12px;
    color: lightgray;
    font-size: 17px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}


/* BOJAN 2022-09-01 */

.trip_list_info {
    opacity: 0;
    position: absolute;
    height: 100%;
    line-height: 1.2;
    color: #8a8a8a;
    padding: 30px;
}

.trip_list_info_back {
    background: #5a4ec7;
    padding: 0px 10px 0px 10px;
    color: #fbfbfd;
    font-size: 16px;
    line-height: 33px;
    border-radius: 30px;
    height: 50px;
    margin-bottom: 10px;
    border: 3px solid #5a4ec7;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-align-content: center;
    align-content: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.trip_list_info_back:hover {
    background: white;
    color: #5a4ec7;
}

.trip_list_info_back:active {
    background: #b6faaa;
    border-color: #77b46c;
    color: #5a4ec7;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}


.list_cont { 
    height: auto;
    max-height: calc(100vh - 114px);
    width: auto;
    overflow: auto;
}
.list_cont_special {
    background: brown;
    height: auto;
    max-height: calc(75vh - 114px);
    width: 100%;
    overflow: auto;
}

.list_item_property {
   
    max-width: 100%;
    /*
    background: #fbfbfd;
    height: auto;
    width: 100%;
    */
}

.list_item_a {
    padding: 0px!important;
    background: #fbfbfd;
    height: auto;
    width: 100%;
    
}
    .list_item {
        /* 2018-08-30 */
        width: 100%;
        font-weight: 700;
        color: #5847c4;
        border-bottom: 2px solid #5847c4!important;

    }

/* INFO SRTART */
.micro_cont {
    background: #f6f6f6;
    padding: calc(1.5vmin - 6px) 35px calc(1.5vmin - 6px) 35px!important;
} 
    .micro_ul {
        background: #f6f6f6!important;
    }

    .micro_title {
        color: #5a4ec7;;
        text-align: center;
    }
        .micro_title_p {
            margin: 0px;
            padding: 10px;
        }




.list_micro_li {
    height: calc(100% - 45px);
    transform: scale(1);
    overflow: hidden;
    -webkit-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -moz-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -ms-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -o-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
}
.heightwidth100,
.shrink,
.list_macro,
.list_micro_li_close,
.list_micro_li_filter_auto
{
    transform: scale(1);
    -webkit-transition: all 0.3s cubic-bezier(.39,-0.07,0,.99);
    -moz-transition: all 0.3s cubic-bezier(.39,-0.07,0,.99);
    -ms-transition: all 0.3s cubic-bezier(.39,-0.07,0,.99);
    -o-transition: all 0.3s cubic-bezier(.39,-0.07,0,.99);
    transition: all 0.3s cubic-bezier(.39,-0.07,0,.99);
}

.tutorial_ul_height {
    height: auto;
    width: 100%;
    margin: 0;
}

.heightwidth100 {
    height: 100%;
    width: 100%;
    margin: 0;
}
.shrink{
    height: 100%;
}

.list_macro {
    transform: scale(1);
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0px;
    
    z-index: 7;
    width: 100%;    
    text-align: left; 
    
    -webkit-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -moz-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -ms-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -o-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    }
    .list_macro_filter_title {
        font-size: 18px;
        padding-top: 5vmin;
    }


    .list_micro_li_filter_auto {
        opacity: 1;
        width: 100%;
        height: 403px;
        margin: 0px!important;
    }
        .list_macro_results_title {
            font-size: 16px;
            margin-top: 33px;
            margin-bottom: 14px; 
        }
        .list_macro_matches_title {
            margin-top: 18px;
            font-size: 16px;
        }

/* trip */
    .trip_list_micro_li {
        
        background: #f6f6f6;
        opacity: 1;
        width: 100%;
        height: 295px;
        padding: 0px;
        overflow-y: hidden; 
    }
    .list_micro_li {
        
        background: #f6f6f6;
        opacity: 1;
        width: 100%;
        height: 369px;
    }

    
    .list_micro_li_close {
        /*opacity: 0;*/
        width: 100%;
        height: 369px;
        
    }


/* 2019-10-18 */
.list_micro_content {
    padding: 21px 0px 30px 0px;
}


.rent_header_infobox_cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
    height: auto!important;
    min-height: 33px!important;
    /*max-width: 531px;*/     
    /* FOR TWO BUTTON SETUP SLIM */
    width: 100%;
    padding: 0px 0px 21px 0px;    
    
}


.list_save {
    position: absolute;
    border: none;
    top: 20px;
    right: 23px;
    height: 50px;
    padding: 0px;
}
    .list_save_img {
       
        width: auto;
        height: 100%; 
        /*background-image: url("../images/icon_heart.png");
        margin: -10.5px 11px -7px -3px;*/
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .list_save_img:hover {
        background-image: url("../images/icon_heart_filler_faded.png");
    }   
    .list_save_img:active {
        background-image: url("../images/icon_heart_filler.png");
    }



.trip_list_img {
    background: url(../images/cinque-terre-italy.png);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 208px;
}
.trip_list_img2 {
    background: url(../images/newyork.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 208px;
}

.trip_list_img3 {
    background: url(../images/cinque-terre-italy.png);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 208px;
}

.trip_list_img4 {
    background: url(../images/cinque-terre-italy.png);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 208px;
}
.trip_list_img5 {
    background: url(../images/cinque-terre-italy.png);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 208px;
}
.trip_list_img6 {
    background: url(../images/newyork.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 208px;
}

        .list_img {
            background: url(../images/rent-apprentice-back2.png);
            background-size: cover;
            background-position: center center;
            width: 100%;
            height: 210px;
        }
        /* trip */
        .trip_list_text_cont {
            padding: 21px 16px;
            font-family: Avenir-Light;
            font-weight: 100;
            color: black;
            text-align: left;
            width: 100%;
            /* 2022-08-11 */
            height: 86px;
            border-bottom: 1px solid #b7afd0;
            background: linear-gradient(to bottom, rgba(251, 251, 253, 1) 0%, rgba(236, 233, 245, 1) 100%);
            
        }
        .list_text_cont {
            padding: 10px 11px;
            font-family: Avenir-Light;
            font-weight: 100;
            color: black;
            text-align: left;
            width: 100%;
            height: 129px;
            
        }
        /* trip */
            .trip_list_p_interested {
                position: absolute;
                right: 27px;
                bottom: 106px;
                font-size: 16px;
                font-family: Avenir-Light;
                font-weight: 100;
                color: #fbfbfd;
                line-height: 1;
                text-shadow: 0.5px 1px 3px #000000ab;
            }
            .list_p {
                max-width: 52%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                font-size: 21px;
                font-family: Avenir-Light;
                font-weight: 100;
                color: black;
                text-align: left;
                margin-top: 0px;
                margin-bottom: 10px;
                line-height: 20px;
            }
                .list_p_sub,
                .list_p_sub_bold {
                    max-width: 57%;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    font-size: 16px;
                    font-family: Avenir-Light;                  
                    font-weight: 100;
                    color: #a7a7a7;
                    text-align: left;
                    margin-top: 0px;
                    margin-bottom: 12px;
                    line-height: 15px;
                }
                .list_p_sub_bold {
                    color: black;
                    font-family: Avenir-Light;
                    font-weight: 100;
                }
                .list_p_sub_mini {
                    font-size: 12px;
                    font-family: Avenir-Light;
                    font-weight: 100;
                    color: #a7a7a7;
                    text-align: left;
                    margin-top: 0px;
                    margin-bottom: 12px;
                    line-height: 15px;
                }

        /* trip */
        
        .trip_preview_cont {
            position: absolute;
            right: 21px;
            bottom: 42px;
            margin: 0;
            height: 0px;
            

        }






.honeymatch_screen {
    z-index: 12;
    position: fixed;
    height: 38.2%;
    width: 63%;
    top: 61.8%;    
    background-color: rgba(251, 251, 253, 0.88);
    border-top: 2px dotted #5a4ec7;
}
.honeymatch_center_outer {    
    padding: 0px 3.4vw;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: center;    
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
}

.public_honeymatch_centered {
    background: grey;
}
    /* GAME COLUMN EQUAVLENT */
    .public_honeymatch_centered,
    .honeymatch_center_inner_left,
    .honeymatch_center_inner_mid,
    .honeymatch_center_inner_right  {

        width: 100%;
        height: 80%;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        align-items: center;
        -webkit-align-content: center;      
        align-content: center;        
    }
    /* WIDE HONEYCOMB DESIGN */
    .honeymatch_center_inner_left,
    .honeymatch_center_inner_mid,
    .honeymatch_center_inner_right  {

        width: 33%;
        height: 80%;
        display: flex;        
    }    
 
    .honeymatch_center_inner_left {
        background: rgba(255, 255, 0, 0.37);        
        -webkit-justify-content: right;
        justify-content: right;
    }    
    .honeymatch_center_inner_mid {
        background: rgba(255, 192, 203, 0.37);        
        -webkit-justify-content: center;
        justify-content: center;
    } 
    .honeymatch_center_inner_right {
        background: rgba(0, 255, 0, 0.37);
        -webkit-justify-content: left;
        justify-content: left;
    }

.hexagon_stretched159, 
.hexagon_stretched179, 
.hexagon_stretched199
{
    height: 65px;
    margin: 5px 0px;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-align-content: center;    
    align-content: center;
}
.hexagon_stretched159 {
    clip-path: polygon(88.6% 0, 100% 50%, 88.6% 100%, 11.4% 100%, 0 50%, 11.4% 0);
    -webkit-clip-path: polygon(88.6% 0, 100% 50%, 88.6% 100%, 11.4% 100%, 0 50%, 11.4% 0);
    width: 159px;
    background: rgba(0, 128, 0, 0.3);
}
.hexagon_stretched179 {
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0);
    -webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0);
    width: 179px;
    background: rgba(255, 0, 0, 0.3);
}
.hexagon_stretched199 {
    clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0);
    -webkit-clip-path: polygon(91% 0, 100% 50%, 91% 100%, 9% 100%, 0 50%, 9% 0);
    width: 199px;
    background: rgba(128, 128, 128, 0.3);    
}













/*-- --*/
/*-- --*/
/*-- --*/
/*-- HEADER --*/
/*-- --*/
/*-- --*/
/*-- --*/

.swiper_header {
    z-index: 5001!important;
    /* added 2018-01-25 */
    /*border-bottom: 1px solid rgb(221, 221, 222);*/

    /*border-bottom: 1px solid rgba(240,239,243,1);;*/
    
    margin-left: 0px;
    margin-top: -90px;
    position: fixed;

    height: 70px;
    width: 100%;
    
    border-bottom: 1px solid #c4c4c4;
    border-left: 1px solid #e9e9e9;
    
    font-size: 18px;
    font-family: Avenir-Medium;
    
    box-shadow: 0px 0px 5px #cec9d8e0;
    /*box-shadow: 0px 0px 5px #dbdbdb91;*/
    
    background: rgba(251,251,253,1);
    background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
    background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);

    /* background grad hex colour: #fbfbfd to #f0eff3 */
    
    -webkit-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -moz-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -ms-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -o-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
}
    .header_icon_top {
        position: absolute;
        top: 12.5px;
        left: 15px;
    }
        .header_icon_top_img {
            width: 43px;
            height: 43px;
            border: 3px solid transparent; 
            background-color: #fbfbfd; 
            border-radius: 50px;
        }
    .swiper_header_p {
        position: absolute;
        margin: 0px;
        top: 23px;
        left: 75px;
        color: #5847c4;
        font-size: 18px;
        font-family: Avenir-Medium;

        /*position: absolute;
        top: 21px!important;
        left: 21px!important;
        padding: 0px 0px 0px 90px!important;
        color: #5a4ec7!important;
        font-size: 18px!important;
        font-family: Avenir-Heavy!important;
        */
    }

.profile_back_cont {
    
    z-index: 5002!important;
    top: 0px;
    margin-top: -70px;
    position: fixed;
    overflow: hidden;
    
    left: 0;
    height: 70px;
    width: 0px;
    
    border-right: 1px solid rgb(221, 221, 222);        
    font-size: 18px;
    font-family: Avenir-Medium;
        
    display: flex;
    -webkit-flex-direction: row;    
    flex-direction: row;
        
    align-items: center;
    -webkit-justify-content: center;      
    justify-content: center;
    -webkit-align-content: center;      
    align-content: center;
    
    -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    }
.profile_back_cont:hover {
    padding-right: 16px;
}
    .profile_back_icon {
    
        height: 70px;
        width: 70px;

        font-size: 18px;
        font-family: Avenir-Medium;

        background: transparent;

        display: flex;

        -webkit-flex-direction: row;
        flex-direction: row;

        
        align-items: center;
        -webkit-justify-content: center;        
        justify-content: center;
        -webkit-align-content: center;        
        align-content: center;

        -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
        transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    }

.profile_header {
    z-index: 5001!important;
    /* added 2018-01-25 */
    border-bottom: 1px solid rgb(221, 221, 222);
    margin-left: 0px;
    margin-top: -131px;
    position: fixed;

    height: 70px;
    width: 100%;
    
    font-size: 18px;
    font-family: Avenir-Medium;
    
    background: rgba(134, 102, 219, 0.62);
    
    /* background grad hex colour: #fbfbfd to #f0eff3 */
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;

    
    align-items: center;

    -webkit-justify-content: center;
    justify-content: center;

    -webkit-align-content: center;
    align-content: center;
        
    -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
}
    /* Green bar Accept friend req */
    .profile_header_sub {
        z-index: 5001!important;
        top: -131px;
        opacity: 0;
        overflow: hidden;
        background: rgba(51, 227, 119, 0.62);
        border-bottom: 1px solid rgb(221, 221, 222);
        margin-left: 0px;
        margin-top: 0px;
        position: fixed;

        height: 70px;
        width: 100%;

        font-size: 18px;
        font-family: Avenir-Medium;


        /* background grad hex colour: #fbfbfd to #f0eff3 */
        display: flex;

        -webkit-flex-direction: row;
        flex-direction: row;

        
        align-items: center;

        -webkit-justify-content: center;
        justify-content: center;

        -webkit-align-content: center;
        align-content: center;

        -webkit-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -moz-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -ms-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -o-transition: all 0.6s cubic-bezier(0,.68,1,1);
        transition: all 0.6s cubic-bezier(0,.68,1,1);

}

    .profile_header_icon_top,
    .profile_header_icon_top_sub {
        z-index: 7;
        position: absolute;
        top: 12.5px;
        left: 15px;        
        border: 3px solid #fbfbfd;

        height: 43px;
        width: 43px;
        
        border-radius: 50%;
        -webkit-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        /*background-image: url("/pic/1.jpg");*/
        background-size: cover;
        background-repeat: no-repeat;
                    
        -webkit-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -moz-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -ms-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -o-transition: all 0.6s cubic-bezier(0,.68,1,1);
        transition: all 0.6s cubic-bezier(0,.68,1,1);        
        
    }
    .profile_menu_pic {
        z-index: 7;        
        position: absolute;
        bottom: 0 !important;
        left: 0 !important;
        width: 30px !important;
        height: 30px !important;

        height: 30px;
        width: 30px;
        
        border-radius: 50%;
        -webkit-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        /*background-image: url("/pic/1.jpg");*/
        background-size: cover;
        background-repeat: no-repeat;
                    
        -webkit-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -moz-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -ms-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -o-transition: all 0.6s cubic-bezier(0,.68,1,1);
        transition: all 0.6s cubic-bezier(0,.68,1,1);        
        
    }
        /* Brian has sent friend request */
        .profile_header_icon_top_sub {
            /*background-image: url("/pic/32.jpg");*/
        }
    .profile_header_icon_top_right {
        position: absolute;
        top: 12.5px;
        right: 15px;
    }
    .profile_header_icon_top_right_cancel {
        position: absolute;
        top: 12.5px;
        right: 105px;
    }
        .profile_header_icon_top_img {
            width: 43px;
            height: 43px;
            border: 3px solid transparent; 
            background-color: #fbfbfd; 
            border-radius: 50px;

            -webkit-transition: all 0.6s cubic-bezier(0,.68,1,1);
            -moz-transition: all 0.6s cubic-bezier(0,.68,1,1);
            -ms-transition: all 0.6s cubic-bezier(0,.68,1,1);
            -o-transition: all 0.6s cubic-bezier(0,.68,1,1);
            transition: all 0.6s cubic-bezier(0,.68,1,1);
        }
        .profile_header_icon_top_back_img {
            width: 43px;
            height: 43px;
            border-radius: 50px;
        }

    .profile_swiper_header_p {
        position: absolute;
        margin: 0px;
        top: 23px;
        left: 75px;
        color: #fbfbfd;
        font-size: 18px;
        font-family: Avenir-Medium;
        text-shadow: 0 0 3px #000000;
    }

    #boost_pin_divider_id {
        margin: 28px!important;
    }

/*-- --*/
/*-- --*/
/*-- --*/
/*-- PAGE ADJUST --*/
/*-- --*/
/*-- --*/
/*-- --*/
.public_photos_page_adjust, 
.profile_settings_page_adjust, 
.quiz_page_adjust
{
    z-index: 5003;
}

/*-- --*/
/*-- --*/
/*-- --*/
/*-- BUTTONS --*/
/*-- --*/
/*-- --*/
/*-- --*/

.swiper_buttons_nav
{
    z-index: 5003;
    position: fixed;
    right: 0;
    width: 23.4%;
    padding-left: 2px;
    
    margin-top: 64px;
    height: 61px;

    display: flex;  
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: center;    
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out; 
}

.swiper_game_button_cont,
.swiper_hamburger_button_cont,
.swiper_back_button_cont,
.swiper_forward_button_cont,
.swiper_back_button_cont_hidden_left,
.swiper_forward_button_cont_hidden_right
{
    min-width: 43px;
    max-width: 48px;
    width: 61px;
    height: 61px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out; 
}
.swiper_back_button_cont {
    /*min-width: 43px;*/
    background-image: url(../images/left.png);
}
.swiper_game_button_cont { 
    min-width: 0px;
    transform: scale(0);
    width: 0px;
    background-image: url(../images/footer1_trips.png);
    border-top: 0px solid transparent;
    
}
.swiper_button_divider {
    opacity: 0.6;
    transform: scale(0);
    background: #5a4ec7;
    width: 1px;
    height: 28px;
}
.swiper_hamburger_button_cont {
    background-image: url(../images/icon_options_friend_thick4.png);
    border: 7px solid transparent;
}
.swiper_forward_button_cont {
    background-image: url(../images/right.png);
}
.swiper_back_button_cont_hidden_left,
.swiper_forward_button_cont_hidden_right
{
    /*right: calc((23.4vw/2) - 61px);*/
    display: none;
    background-image: url(../images/icon_departure.png);
    margin: 5px 0px 14px 0px;
}

.swiper_forward_button_cont_hidden_right {
    margin: 0px 11px 0px 5px;
    max-width: 37px;
}

.swiper_back_button_cont_hidden_left {
    margin: 0px 6px 0px 10px;
    max-width: 37px;
}

.swiper_hamburger_button,
.swiper_game_button,
.swiper_back_button,
.swiper_forward_button,
.swiper_back_button_hidden,
.swiper_forward_button_hidden {
    z-index: 5002;
    border-radius: 9px;
}

    .swiper_hamburger_button:hover,
    .swiper_game_button:hover,
    .swiper_back_button:hover,
    .swiper_forward_button:hover,
    .swiper_back_button_hidden:hover,
    .swiper_forward_button_hidden:hover
    {
        background: rgba(255, 255, 255, 0.12);
    }

    .swiper_hamburger_button:active,
    .swiper_game_button:active,
    .swiper_back_button:active,
    .swiper_forward_button:active,
    .swiper_back_button_hidden:active,
    .swiper_forward_button_hidden:active
    {
        opacity: 0.6;        
    }





/*-- --*/
/*-- --*/
/*-- --*/
/*-- NON MAIN SWIPER EDITS --*/
/*-- --*/
/*-- --*/
/*-- --*/

/*
.list_cont_game_detail,
*/
.likes_swiper_wrapper
{
    height: calc(100vh - 246px);
    width: 100%;
}

.no_scroll {
    overflow: hidden;
}

/*-- --*/
/*-- LIKES SWIPER --*/
/*-- --*/

.actions-modal-group,
.actions-modal-label {
   
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out; 
}

.fav_outer {
    overflow-y: auto;
    margin: 0!important;
    width: 100%;
    display: block;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-justify-content: center;    
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;    
}
.fav_tap_surface {
    z-index: 99;
    position: absolute;
    height: 84px;
    width: calc(100% - 45px);
    /*
    background: green;
    opacity: 0.3;
    */
}
    .fav_header_label {
        position: absolute;
        top: 19px;
        left: 21px;
        color: lightgray;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
        .fav_header_label_arrow_up,
        .fav_header_label_arrow_down {
            margin: 0;
            font-size: 15px;
            height: 16px;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;            
        }
        .fav_header_label_arrow_up {    
        }
        .fav_header_label_menu {
            margin: 0px 0px 0px 0px;
            height: 17px;
        }
        .fav_header_label_arrow_down {
            height: 0px;
            margin: -3px;
        }
    .fav_header {
        font-size: 20px;
        color: #5a4ec7;
        padding: 21px 75px 4px 75px;
        white-space: nowrap;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;    
    }

    .fav_cont {
        padding-bottom: 52px;
        height: 100%;
        margin: 0;
        overflow: hidden;
        /*
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        align-items: center;
        -webkit-justify-content: center;    
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
        */

    }

        .fav_boost_cont {
            
            height: 36px;
            align-items: flex-start;
            
            /*
            height: 30px;
            margin-bottom: 12px;
            align-items: center;
            */
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            
            -webkit-justify-content: center;    
            justify-content: center;
            -webkit-align-content: center;
            align-content: center;

        }
        .fav_filler_cont {
            
            padding-top: 3px;
            
            position: absolute;
            height: auto;
            width: 100%;
            /*
            top: 94px;
            padding-top: 1px;
            */
            
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            align-items: center;
            -webkit-justify-content: center;    
            justify-content: center;
            -webkit-align-content: center;
            align-content: center;

            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;            
        }
            .fav_filler {
                z-index: 0;
                height: 45px;
                width: 100%;
                border-left: 2px dashed #b0b0b0a1;
                border-right: 2px dashed #b0b0b0a1;
                border-bottom: 2px dashed #b0b0b0a1;
                background: #f2f0ff; 
            }

            .fav_boost_icon_full,            
            .fav_boost_icon_empty
            {
                background: #5a4ec7;
                width: 27px;
                height: 27px;
                clip-path: polygon(51% 30%, 53% 27%, 56% 25%, 60% 22%, 64% 21%, 69% 20%, 73% 20%, 78% 21%, 82% 23%, 86% 27%, 88% 31%, 90% 35%, 91% 40%, 91% 45%, 89% 50%, 87% 55%, 85% 59%, 82% 63%, 79% 67%, 76% 70%, 72% 74%, 68% 77%, 63% 80%, 59% 82%, 55% 84%, 51% 86%, 47% 84%, 43% 83%, 39% 80%, 35% 78%, 31% 75%, 27% 72%, 23% 69%, 20% 66%, 17% 62%, 14% 58%, 12% 53%, 10% 48%, 9% 43%, 9% 37%, 11% 32%, 14% 28%, 17% 25%, 21% 22%, 26% 21%, 31% 20%, 37% 21%, 41% 23%, 45% 25%, 48% 28%);
                -webkit-clip-path: polygon(51% 30%, 53% 27%, 56% 25%, 60% 22%, 64% 21%, 69% 20%, 73% 20%, 78% 21%, 82% 23%, 86% 27%, 88% 31%, 90% 35%, 91% 40%, 91% 45%, 89% 50%, 87% 55%, 85% 59%, 82% 63%, 79% 67%, 76% 70%, 72% 74%, 68% 77%, 63% 80%, 59% 82%, 55% 84%, 51% 86%, 47% 84%, 43% 83%, 39% 80%, 35% 78%, 31% 75%, 27% 72%, 23% 69%, 20% 66%, 17% 62%, 14% 58%, 12% 53%, 10% 48%, 9% 43%, 9% 37%, 11% 32%, 14% 28%, 17% 25%, 21% 22%, 26% 21%, 31% 20%, 37% 21%, 41% 23%, 45% 25%, 48% 28%);
                 -webkit-transition: all 0.7s ease-out;
                -moz-transition: all 0.7s ease-out;
                -o-transition: all 0.7s ease-out;
                transition: all 0.7s ease-out;  

            }

            .fav_boost_icon_full {                
                background: #5a4ec7;
            }
            .fav_boost_icon_empty {
                background: #c5bfe8;
            }
                
     
.fav_scroll_fix {
    padding-top: 93px;

}
.fav_a_adjust {
    background: #e6ffd8;
    border-radius: 0px!important;
}


        .fav_icon_left_heart ,
        .fav_icon_left_hexagon,
        .fav_icon_left_hexagon_heart,
        .fav_icon_left_profile_hexagon {

            background: #5a4ec7;
            width: 30px;
            height: 30px;
            
            transform: scale(1);
            opacity: 1;
            -webkit-transition: all 0.7s ease-out;
            -moz-transition: all 0.7s ease-out;
            -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;     
        }

        .fav_icon_left_heart {
            clip-path: polygon(51% 30%, 53% 27%, 56% 25%, 60% 22%, 64% 21%, 69% 20%, 73% 20%, 78% 21%, 82% 23%, 86% 27%, 88% 31%, 90% 35%, 91% 40%, 91% 45%, 89% 50%, 87% 55%, 85% 59%, 82% 63%, 79% 67%, 76% 70%, 72% 74%, 68% 77%, 63% 80%, 59% 82%, 55% 84%, 51% 86%, 47% 84%, 43% 83%, 39% 80%, 35% 78%, 31% 75%, 27% 72%, 23% 69%, 20% 66%, 17% 62%, 14% 58%, 12% 53%, 10% 48%, 9% 43%, 9% 37%, 11% 32%, 14% 28%, 17% 25%, 21% 22%, 26% 21%, 31% 20%, 37% 21%, 41% 23%, 45% 25%, 48% 28%);
            -webkit-clip-path: polygon(51% 30%, 53% 27%, 56% 25%, 60% 22%, 64% 21%, 69% 20%, 73% 20%, 78% 21%, 82% 23%, 86% 27%, 88% 31%, 90% 35%, 91% 40%, 91% 45%, 89% 50%, 87% 55%, 85% 59%, 82% 63%, 79% 67%, 76% 70%, 72% 74%, 68% 77%, 63% 80%, 59% 82%, 55% 84%, 51% 86%, 47% 84%, 43% 83%, 39% 80%, 35% 78%, 31% 75%, 27% 72%, 23% 69%, 20% 66%, 17% 62%, 14% 58%, 12% 53%, 10% 48%, 9% 43%, 9% 37%, 11% 32%, 14% 28%, 17% 25%, 21% 22%, 26% 21%, 31% 20%, 37% 21%, 41% 23%, 45% 25%, 48% 28%);
        }
        .fav_icon_left_hexagon_heart {
            clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
            -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
            background-image: url(../images/hexagon_heart_cover_white.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
        }
        .fav_icon_left_hexagon {            
            clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
            -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
        }
        .fav_icon_left_profile_hexagon {
            clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
            -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
        }

            .fav_filler_empty_adjust {
                opacity: 0.28;
                position: absolute;
                margin-top: 5px;
                margin-left: 13px;
            }
            .fav_filler_empty_text {
                position: absolute;
                margin-top: 12px;
                color: #8a8a8a; 
                left: 60px;
                text-align: left;
                max-width: 75%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;                  
            }


.likes_span {
    display: inline-block;
    line-height: 2;
    max-width: 111px;
    padding: 0px 10px 0px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 30px;

    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out; 
}
.answer_span_p {
    white-space: normal;
    width: 100%;
    color: black;
    margin: 3px 0px 0px 0px !important;
    padding-right: 48px;
}

.label_adjust {
    width: 100%;
    text-align: left;
    padding-left: 7px!important;
}
.fav_checked {
    position: absolute!important;
    right: 21px;
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.fav_accordion_cont {
    text-align: left;
    padding: 0px 82px;
}
.fav_likes_button_cont {
    height: 56px;
    width: 100%;
    overflow: hidden;
    margin: 24px auto 39px auto;
}
    .fav_like_add,
    .fav_like_remove {
        position: relative;
        width: auto;
        height: 56px;
        border-radius: 66px;
                
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        align-items: center;
        -webkit-justify-content: center;    
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
        
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;        

    }

    .fav_like_add {
        border: 1px solid #5a4ec7;
        background: #b1ff8552;    
    }
    .fav_like_remove {
        border: 1px solid #5a4ec7;
        margin-top: 10px;
        background: #ffc5cf61;
        
    }
        .fav_like_add_img,
        .fav_like_remove_img {
            width: 27px;
            height: 27px;
            margin-right: 3px;
        }
    
        .fav_like_answer_add_img {

        }

        .fav_like_answer_remove_img {

        }


        .fav_after1,
        .fav_after2,
        .fav_after3
        {    
            z-index: 3;
            width: 25px;
            height: 25px;
        }
        .fav_after1 {    
        }
        .fav_after2 {    
            margin: 0px 10px;
        }
        .fav_after3 {  
        }


.fav_refresh_top {
    position: relative;
    
    transform: scale(0);
    height: 0px;
    border: 0px solid #629462;
    padding: 0px 36px;
    /*
    transform: scale(1);
    height: 45px;
    border: 2px solid #629462;
    padding: 10px 36px;
    */
    
    width: 100%;
    background: #7fbc7f;
    text-shadow: 0 0 3px #000000;
    color: #fbfbfd;
    
    flex-direction: row;
    font-size: 19px;
    font-family: Avenir-Medium;
    opacity: 1;
    line-height: 23px;
    
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.fav_refresh_bottom {
    position: absolute;
    opacity: 0;
    
    transform: scale(0);
    height: 0px;
    border: 0px solid #629462;
    padding: 0px 36px;
    /*
    transform: scale(1);
    height: 45px;
    border: 2px solid #629462;
    padding: 15px 36px;
    */
    
    border-radius: 13px;
    
    width: 100%;
    background: #7fbc7f;
    text-shadow: 0 0 3px #000000;
    color: #fbfbfd;
    
    flex-direction: row;
    font-size: 19px;
    font-family: Avenir-Medium;
    opacity: 1;
    line-height: 23px;
    
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}

/*-- --*/
/*-- --*/
/*-- --*/
/*-- MMCODE --*/
/*-- --*/
/*-- --*/
/*-- --*/

.boost_fav_pin{
    margin: 0px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;        

}

/*-- --*/
/*-- --*/
/*-- --*/
/*-- MEMBER PROFILE --*/
/*-- --*/
/*-- --*/
/*-- --*/

#member_profile_swiper_id {
    height: 100%;
}

.member_profile_virtual_list {
    height: auto;
    transform: scale(1);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;    
}
.member_profile_virtual_list ul {
    height: auto;
    transform: scale(1);
    background: transparent;
    /*background: #cdffcd;*/
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.member_interest_pic, 
.member_interest_pic_destinations { 
    opacity: 1;
    margin-left: 2px;
    margin-right: 23px;  

    object-fit: cover;
    object-position: center;
    
    clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
    -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);

    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.member_interest_pic { 
    /*padding: 15px;*/
    padding: 3px;
    background-color: #5a4ec71c;
}

.member_profile_data_intro {
    margin: -12px 12px 12px;
    /*border-top: rgba(211, 211, 211, 0.69) 1px solid;*/
}

.member_detail_results_slide_header {
    transform: scale(1);
    /*height: 61px;*/
    margin: 19px 0 0 0;
    padding: 0px 0px 17px;
    border-bottom: 1px solid lightgray;
    width: 23.6%;
    
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
/*-- --*/
/*-- --*/
/*-- --*/
/*-- GAME DETAIL --*/
/*-- --*/
/*-- --*/
/*-- --*/

.game_detail_shop_button {

        color: white;
        text-shadow: black 0px 0px 5px;
        border-top-left-radius: 14px;
        border-bottom-left-radius: 14px;
        border: 3px solid white;
        border-right: 1.8px solid white;
        background: rgb(115,123,239);
        background: -moz-radial-gradient(center, ellipse cover, rgb(115, 123, 239) 0%, rgb(90, 78, 199) 100%);
        background: -webkit-radial-gradient(center, ellipse cover, rgba(115,123,239,1) 0%,rgba(90,78,199,1) 100%);
        background: radial-gradient(ellipse at center, rgb(115, 123, 239) 0%,rgb(90, 78, 199) 100%);
}
/* pre */
.game_detail {
    background-color: #fbfbfd;


    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out; 
}

    .game_detail_pic {
        background-size: cover;
        width: 250px;
        height: 250px;
        margin-top: 150px;
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out; 
    }
    .game_detail_text {
        width: 90%;
        text-overflow: ellipsis;

        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out; 
    }
    .game_detail_exit {
        background-color: saddlebrown;
        color: #fbfbfd;
        width: 250px;
        height: 250px;
        margin-top: 150px;
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out; 
    }

.detail_item_media {
    width: calc(23.4% - 3%);
    margin-left: calc(1.5% - 0.5px); 
    margin-right: calc(1.5% - 0.5px); 
}
.detail_hexagonal_pic {
    height: 100%; 
    width: 100%; 
    clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%); 
    -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%); 
}



.trip_detail_header_sub {
    opacity: 0;
    position: absolute;
    font-size: 12px;
    font-family: Avenir-Heavy;
    bottom: 9px;
    color: #afafaf;
}

/* ONLY INTRODUCED IN MODAL CODE */

.trip_detail_title_results_left {
    margin-top: 0spx;
    /*margin-top: 3px;*/
    padding-top: 0px
}
.trip_detail_title_results_right {
    padding-top: 3px;
}
.game_detail_title_results_left,
.game_detail_title_results_right {
    
    height: auto;
    /*
    height: 45px;
    padding-top: 5px;
    */
}


.trip_detail_title_results_right {
    width: 0px;
    transform: scale(0);
}
.trip_detail_title_results_left,    
.trip_detail_title_results_right,
.game_detail_title_results_left,
.game_detail_title_results_right {
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.game_detail_matches_pic {
    margin: calc(( calc(1.8vw - 1.5px) *0.618) ) calc(1.8vw - 1.5px);
    width: calc((37vw * 0.234) - 3.6vw );
}
.game_detail_matches_inner {    
    text-align: left;
    padding-top: calc(( calc(1.8vw - 1.5px) *0.618) + 9px );
    padding-bottom: calc(( calc(1.8vw - 1.5px) *0.618) + 9px );
}
.game_detail_matches_text {
    color: black;
    text-align: left;

}
.game_detail_matches_text_sub {
    color: black;
    text-align: left;
 
}

.game_detail_hexagon_answer_left {
       
    background: #5a4ec7;
    
    clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
    -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
   
    margin-left: 7px;
    width: 30px;
    height: 30px;
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.trip_detail_results_slide_header {
    transform: scale(1);
    /*height: 61px;*/
    margin: 14px 0 0 0;
    padding: 0px 0px 12px;
    border-bottom: 1px solid lightgray;
    width: 23.6%;
    
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.game_detail_results_slide_header_top,
.game_detail_results_slide_header_bottom {

    border-bottom: 0px solid lightgray;
    padding: 0px;
    margin: 0px;
    
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.game_detail_results_slide_header_top,
.game_detail_results_slide_header_bottom {
    transform: scale(0);
    height: 0px;
}

.gamer_item_after_adjust {
    margin-right: 30px;
    width: 36%;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
}

    .gamer_item_after_img {
        z-index: 7;
        height: 21px;
        width: 16px;
        margin-right: 5px;
        border-radius: 50%;
        background-image: url(../images/icon_location_top.png);
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -moz-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -ms-transition: all 0.6s cubic-bezier(0,.68,1,1);
        -o-transition: all 0.6s cubic-bezier(0,.68,1,1);
        transition: all 0.6s cubic-bezier(0,.68,1,1);
    }
.member_profile_screen_tab_title,
.member_profile_matches_tab_title,
.detail_results_tab_title,
.game_detail_title_results_left
{
    margin: 8px 0px 7px 0px;
    line-height: 1.2;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}

.game_detail_prequestion_banner,
.landing_swiper_detail_prequestion_banner {
    
    height: 43px;
    position: absolute;
    top: -43px;
    width: 100%;
    color: #372290;
    background-color: #d5cff0;
    text-shadow: 0 0 1px #fbfbfd;
    display: flex !important;
    justify-content: center;
    font-family: Avenir-Light;
    
    /*transform: scale(1);*/

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.landing_swiper_detail_prequestion_banner {
    height: 0px;
}

    .game_detail_prequestion_span1,
    .game_detail_prequestion_span2 {

        color: #332e73;
        text-shadow: 0 0 1px #fbfbfd;
        background: transparent;
        
        opacity: 1;
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;       
        
        max-width: 75%;
        margin: 6px;
        font-family: Avenir-Light;

        border-radius: 33px;  
        line-height: 30px;

        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; 
 
    }
    .game_detail_prequestion_span2 {

        color: white;
        text-shadow: none;
        background: #332e73;
        border: 1px solid #332e73;
        line-height: 30px;
    }

.search_location_banner {
    height: auto;
    width: 100%;
    color: white;
    background-color: transparent;
    
    display: flex !important;
    justify-content: center;
    font-family: Avenir-Light;
}
.search_location_banner span {
    border: 1px solid white;
    line-height: 30px;
    text-shadow: none;
    color: white;
    width: 123px;
    margin: 6px;
    border-radius: 33px;
    text-align: center;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.search_filter_location_fields {
    opacity: 1;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.search_filter_location_fields li{
    height: 44px;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.search_results_no_results {
    transform: scale(0);
    height: 0px;
    line-height: 0;
    text-align: center;
    margin: 0px;
    font-size: 27px;

    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.search_results_no_results_change {
    z-index: 1;
    font-family: Avenir-Medium;
    margin: 36px auto 0px;    
    color: #fbfbfd;
    background-color: #5a4ec7;
    font-size: 17px;
    border: none;
    border-radius: 43px;
    padding: 3px 5px 0px 5px;
    width: 47.1vw !important;
    max-width: 223px;
    min-width: 196px;
    height: 10.33vmin !important;
    max-height: 53.2px;
    min-height: 47.1px;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    
}
    .search_results_no_results_change_icon {
        height: 21px;
        width: 21px;
        background-image: url(../images/refresh_search_shadow.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin: -1px 7px 0px -1px !important;

    }

.game_detail_location_banner {
    transform: scale(0);
    height: 0px;
    width: 100%;
    color: #2e7348;
    background-color: #cff0d9;
    text-shadow: 0 0 1px #fbfbfd;
    display: flex !important;
    justify-content: center;
    font-family: Avenir-Light;

    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
    .game_detail_city_span,
    .game_detail_world_span
    {

        color: #2e7348;
        text-shadow: 0 0 1px #fbfbfd;
        background: transparent;
        border: 1px solid #2e73483b;

        opacity: 1;
        width: 111px;
        margin: 6px;
        font-family: Avenir-Light;

        border-radius: 33px;  
        line-height: 30px;

        white-space: nowrap;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; 

        /*
        color: white;    
        text-shadow: none;
        background: #2e7348;
        border: 0px solid #2e73483b;
        */   
    }

.gamer_detail_status_line_icon {
    position: absolute;
    top: 0px;
    width: 4px;
    height: 100%!important;
}


/*-- --*/
/*-- --*/
/*-- --*/
/*-- GAMER LIST --*/
/*-- --*/
/*-- --*/
/*-- --*/
.gamer_list_row {
    overflow-x: auto;
    height: 100%;
}
.gamer_list_row li {    
    overflow-y: hidden;
    border-bottom: 1px solid whitesmoke;    
}  
.gamer_list_row .list-block li .item-content {
    padding-left: 0px;
    max-height: 231px;
}   

    .gamer_list_unread_header_row {
        background-color: #ffe9da;
        /*background-color: #cff0d9;*/
        /*CHAT
        background-color: #dde6ff; */
    }

    .gamer_list_unread_header_row {
        width: 100%;
        height: 42px;
        font-family: Avenir-Light;
        -webkit-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out; 
    }
    .gamer_list_unread_header_row_col {
        /*color: #2e7348;*/
        color: #e17a0e;
        font-family: Avenir-Light;
        text-shadow: 0 0 1px #fbfbfd;

        display: flex !important;
        justify-content: center;
        width: 100%;
        height: 42px;
        line-height: 41px;
        font-size: 16px;
        text-shadow: 0 0 1px #fbfbfd;
        -webkit-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;  
    }

.gamer_list_row .list-block .item-media + .gamer_list_inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: Avenir-Light;
    margin-left: 0.3vw;
    
}
.gamer_trip_label {
    line-height: 27px;
    min-height: 29px;
    background: #5847c4;
    color: #fbfbfd;
    border-radius: 30px;
    padding: 2px 12px 0px 7px;    
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    width: auto;
}
.gamer_heart_img {
  width: 11.5px;
  height: 11.5px;
  margin: 0px 5px -1px 3px;
}
.gamer_list_unread_messages_bar {
    font-family: Avenir-Light;
}


.gamer_hexagonal_pic {
    -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
    clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
       
    margin: 0px 0.91vw;
    width: calc((37vw * 0.234) - 3.6vw );
    height: calc((37vw * 0.234) - 3.6vw );    
    cursor: pointer;
}

.gamer_daily_list_header {
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    min-height: 25px;    
    overflow: hidden;
    
    max-width: 96%;
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    
    margin-top: 9px;
    border-bottom: 1px solid #bababa;
}
.gamer_list_row .list-block .item-text {
    
    height: auto;
    min-height: 25px;
    margin-top: 12px;
    padding-left: 9px;
    /*
    border-left: 3px solid #c2eace;
    border-bottom: 1px solid #eef3e2;
    */
    border-left: 2px solid #f0ad4e;
    border-bottom: 1px solid #fdd97d;
}


.gamer_status_line_icon {
    position: absolute;
    top: 0px;
    width: 4px;
    height: 100%!important;
    
    /*  background-color: transparent;*/
    /*background-color: mediumseagreen;*/
}
.gamer_list_user_pic,
.gamer_list_user_pic_back {
    border: 6px solid #fbfbfd;
    margin-top: -3px;
    height: 77px;
    width: 77px;
        
    z-index: 7;
    position: absolute;
    top: 0;

    border-radius: 50%;
    -webkit-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    background-image: url(../images/user_profile_default.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.gamer_list_user_pic {
    transform: scale(0.855);
}
.gamer_list_user_pic_back {
    background: #fbfbfd;
}

.gamer_list_user_pic,
.gamer_list_user_pic_backdrop {
    border: none;
    border-radius: 0px;
    -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
    clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
}



/*-- --*/
/*-- --*/
/*-- --*/
/*-- AD SPACE --*/
/*-- --*/
/*-- --*/
/*-- --*/

.ad_mobile_outer {
    z-index: 5001;
    
    border-bottom: 1px solid #c4c4c4;
    
    /*background-image: url(../images/google_ad_mob.png);*/
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: white;
    position: fixed;
    opacity: 1;

    width: 100%;    
    height: 60px;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    
    /*
    background: rgba(240,239,243,1);
    background: -moz-linear-gradient(top, rgba(240,239,243,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,253,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,239,243,1)), color-stop(39%, rgba(246,246,246,1)), color-stop(100%, rgba(251,251,253,1)));
    background: -webkit-linear-gradient(top, rgba(240,239,243,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,253,1) 100%);
    background: -o-linear-gradient(top, rgba(240,239,243,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,253,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,239,243,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,253,1) 100%);
    background: linear-gradient(to bottom, rgba(240,239,243,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,253,1) 100%);
    */
    
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    
}
    .ad_mobile_inner {
        z-index: 5002;

        padding-top: 12.9px;
        font-family: Avenir-Medium;
        font-size: 16px;
        color: #5a4ec7;
        text-align: center;
        
        border: 3px solid rgba(90, 78, 199, 0.06);
        opacity: 0.93;

        width: 320px;    
        height: 50px;

        -webkit-flex-direction: row;
        flex-direction: row;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;   
        
        -webkit-transition: opacity 0.3s ease-out;
        -moz-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;

    }
.ad_desktop_outer {
    z-index: 5001;
    opacity: 1;

    
    /*background-image: url('../images/google_ad_mob.png');*/
    background-size: contain;
    background-position: center center;
    
    width: 300px;    
    height: 100%;
    
    position: fixed;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;

    background: rgba(251,251,253,1);
    background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
    background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    
}
    .ad_desktop_inner {
                
        z-index: 5002;
        opacity: 0.1;
                
        background-image: url(../images/google_ad_desktop.png);
        background-size: contain;
        background-position: center center;
        
        border: 3px solid #5a4ec7;

        width: 300px;    
        height: 100%;
        /*height: 1050px;*/
        
        -webkit-flex-direction: row;
        flex-direction: row;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;   
               
        -webkit-transition: opacity 0.3s ease-out;
        -moz-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;

    }

/*-- --*/
/*-- --*/
/*-- --*/
/*-- DASHBOARD --*/
/*-- --*/
/*-- --*/
/*-- --*/

.dash_outer {
    /* diag grad 
    + footer spacing */
    z-index: 9;
    opacity: 1;

    /*AD ADJUSTMENT WIDE*/
    width: 34%;
    top: 130px;
    height: calc(100% - 130px);
    /*VERT AD*/
    /*width: calc(34% - 102px);
    left: 300px;
    height: calc(100% - 70px);
    top: 70px;
    */
    margin-top: 0px;
    
    /* original width: 34%; */
    position: fixed;
    
    background: rgba(251,251,253,1);
    background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
    background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);

    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    
}

.dashboard_search_filters {
    z-index: 10;

    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;    
}
.dashboard_swiper_pagination {
    z-index: 2;
    position: fixed;
    opacity: 1;
    /* AD ADJUSTMENT width */
    height: 73px;
    border-top: 1px solid lightgray;
    padding-top: 2px;
    
    -webkit-transition: 0;
    -moz-transition: 0;
    -ms-transition: 0;
    -o-transition: 0;
    transition: 0;
    /*
    -webkit-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -moz-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -ms-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -o-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    */
}



.alerts_header_dash_footer_replacement {
    z-index: 5002;
    display: none;
    
    position: fixed;
    opacity: 0;
    height: 73px;
    top: 70px;
    width: 100%;
    
    border-bottom: 1px solid #e9e9e9;
    
    background: #f8f8f8;

    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;    

    -webkit-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -moz-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -ms-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -o-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
}

        .alerts_head1,
        .alerts_head2,
        .alerts_head3
        {
            width: 100%;
            height: 100%;
            
            font-size: 14px;
            
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-content: center;
            align-content: center;

            -webkit-transition: all 0.12s ease-out;
            -moz-transition: all 0.12s ease-out;
            -o-transition: all 0.12s ease-out;
            transition: all 0.12s ease-out;
        }
.dash_pagination_buttons {
    z-index: 1;
    position: fixed;
    opacity: 1;
    height: 70px;
    bottom: 0px;
    width: 34%;
    
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;    


    -webkit-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -moz-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -ms-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    -o-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
}

        .dash_b1,
        .dash_b2,
        .dash_b3 
        {
            width: 100%;
            height: 100%;
            
            font-size: 14px;
            
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-content: center;
            align-content: center;

            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        .dash_img {
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            
            width: 30px;
            height: 30px;        

            margin-top: 10px;
    
        }

        .dash_p {
            margin: 3px 0px;
        }


/*-- --*/
/*-- --*/
/*-- --*/
/*-- SWIPER SLIDES --*/
/*-- --*/
/*-- --*/
/*-- --*/

.slide_align_alerts {
    height: calc(100% - 143px);
    margin-top: 143px !important;
    overflow-y: auto;
    background-color: #f0eff3;
}
.slide_align_head_foot {
    padding-top: 70px;
    height: 100%;
    overflow-y: auto;
    background-color: #f0eff3;
}

/* PREFENCES 0 */
.preferences_slide {

    width: 100%!important;    
    padding: 75px 0px 75px 0px;
    
    -webkit-justify-content: normal;
    justify-content: normal;
    align-items: normal;
}

/* HISTORY 1 */
.history_slide {
     
}

/* SEARCH 2 */
.search_slide {
     
}

/* ALERTS 1 */
.alerts_friend_requests_slide {}
    .alerts_friend_requests_virtual_list ul {
        padding-top: 0px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

/* ALERTS 2 */

.alerts_game_matches_slide {}
    .alerts_game_matches_virtual_list ul {
        padding-top: 0px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;        
    }

/* ALERTS 3 */
.alerts_unread_messages_slide {}
    .alerts_unread_messages_virtual_list ul {
        padding-top: 0px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;        
    }

/* GAME GRID 4 */
.game_grid_slide {
    /*background on grid*/
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}


/* GAME LIST 5 */
.gamer_list_slide {
    padding-top: 70px;
}

/* CHAT DIALOGUE 6 */
/* CHATTER LIST 7 */
/*moved to mm_chat*/

/* PROFILE AREA 8 */
.profile_area_slide {
    
}

/* PROFILE LIST 9 */
.profile_list_slide {
    padding-top: 70px;
    background: #fbfbfd;
}






/*-- --*/
/*-- --*/
/*-- --*/
/*-- SEARCH --*/
/*-- --*/
/*-- --*/
/*--  --*/

.item_content_adjust {
    padding-left: 10px;
    padding-right: 14px;
}

#basic_search_id .content-block {
    padding-bottom: 12px;
}


.search_results_filter_age_inner_li,
.search_results_filter_gender_male_inner_li
{
    padding-right: 15px;
}
/*
#search_results_likeness_text_id,
#search_results_gender_text_id,
#search_results_location_text_id,
#search_results_likeness_on_text_id,
#search_results_likeness_off_text_id
{
    color: white;
}
*/



/*-- --*/
/*-- --*/
/*-- --*/
/*-- ALERTS --*/
/*-- --*/
/*-- --*/
/*-- --*/





/*-- --*/
/*-- --*/
/*-- --*/
/*-- GRID --*/
/*-- --*/
/*-- --*/
/*-- --*/

.game_hexagonal_board {
    
    
    background: #f8f8f9;
    /*background: #f4f4fa;*/
    /*background: #fbfbfd;*/   
    
    z-index: 10;
    position: absolute;
    height: 100%;
    width: 100%;
    
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    
}



/* DETAIL PREVIEW HEXAGON */


.game_detail {
    z-index: 99;
    position: absolute;
    height: 100%;
    width: 100%;    
    background: #fbfbfd;    
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;    
}

.detail_preview_cont {    
    
    background: lightgray;
    width: calc((3.43 * 0.37*0.76*.2)*100vw);
    height: calc((3.43 * 0.37*0.76*.2)*100vw);

    /*
    margin-top: calc(4.48 * -0.3121vw);

    margin-bottom: calc(4.48 * -0.6242vw);
    */
    
    -webkit-clip-path: polygon(25% 6.8%, 75% 6.8%, 100% 50%, 75% 93.2%, 25% 93.2%, 0% 50%);
    clip-path: polygon(25% 6.8%, 75% 6.8%, 100% 50%, 75% 93.2%, 25% 93.2%, 0% 50%);
    
    background: rgba(251,251,253,1);
    background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
    background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);

    -webkit-transition: width 0s, height 0s;
    -moz-transition: width 0s, height 0s;
    -o-transition: width 0s, height 0s;
    transition:  width 0s, height 0s;

    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    
    /*
    -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
    clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
        
    */
    
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;    
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;    
    align-content: center;    
    /*
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    */
}
 
    /* Detail_preview */
    
    .detail_preview_cell_top {
            
        width: 35%;
        height: 35%;
        
        background: url(../images/notifications_icon.png);
        
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
              
        overflow: hidden;
        border-radius: 50%;

        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
    }
        .detail_preview_cell_top_img {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center center;

            -webkit-transition: all 0.7s ease-out;
            -moz-transition: all 0.7s ease-out;
            -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
        }

    .detail_preview_cell_center {
        
        /* 2020-04-23 previously 61.8%       
        then width: calc(((100vh - 129px)/ 8.47)*0.618);
        */
        width: calc(((100vh - 129px)/ 8.47)*0.75);
        height: calc(((100vh - 129px)/ 8.47)*0.75);
        
        border-radius: 50%;
        overflow: hidden;
        background-size: cover;
        background-position: center center;

        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
    }
        .detail_preview_cell_center_img {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center center;

            -webkit-transition: all 0.7s ease-out;
            -moz-transition: all 0.7s ease-out;
            -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
        }

    .detail_preview_cell_bottom {
        
        height: 35%;        
        min-width: 55px;
        
        background: #fbfbfd;
        
        padding: 3px 9px 0px 9px;
        
        text-align: center;
        
        border-top-left-radius: 17px;
        border-top-right-radius: 17px;
        /*padding: 9px 9px 55px 9px;*/

        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
    }
        .detail_preview_cell_bottom_badge {
            font-size: 21px;
            color: #5a4ec7;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center center;

            -webkit-transition: all 0.7s ease-out;
            -moz-transition: all 0.7s ease-out;
            -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
        }


.game_hexagonal_board_center {
    padding-bottom: calc(0.48vh + 6.7px);
}
.game_hexagonal_board_center,
.game_logo_center {
    overflow: hidden;    
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}



.game_logo_center {
    z-index: 5;
    position: absolute;
    width: 100%;
    height:70px;
    background: rgb(251, 251, 253);
    /*
    background: linear-gradient(to bottom, rgb(251, 251, 251) 0%, rgb(240, 240, 240) 100%);
    */
    border-bottom: 1px solid #e3e3e3;
}

#btop,
#dtop 
{
    background: transparent;
}

    .atop_cont,
    .etop_cont,
    .ctop_cont {
        width: 100%;
        height: 100%;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;

        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
        .atop,
        .etop,
        .ctop {
            z-index: 10;
            width: 100%;
            height: 100%;
            max-height: 50px;
            background-image: url(../images/footer1_trips.png);
            /*background-image: url(../images/logo-mm-thicker-border.png);*/
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
        }
        .atop {
            max-height: 26px;
            background-image: url(../images/icon_info_full_white.png);
        }                
        .ctop { 
            max-height: 26px;
            background-image: url(../images/footer1_trips.png);
        }
        .etop {   
            max-height: 26px;
            background-image: url(../images/icon_options_friend_thick4.png);
        }


    /* GAME COLUMN EQUAVLENT */
    .game_instructions {
        opacity: 0;
        position: absolute;
        height: 100%;
        font-size: 30px;
        font-family: Avenir-Heavy;
        color: white;
        text-align: center;
        padding: 30px;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(90,78,199,1) 41%, rgba(90,78,199,1) 59%, rgba(255,255,255,1) 99%);
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(90,78,199,1) 41%,rgba(90,78,199,1) 59%,rgba(255,255,255,1) 99%);
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(90,78,199,1) 41%,rgba(90,78,199,1) 59%,rgba(255,255,255,1) 99%);

        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
    }

    /* GAME COLUMN EQUAVLENT */
    .game_center_col0,
    .game_center_col1,
    .game_center_col2,
    .game_center_col3,
    .game_center_col4,
    .game_center_col5 
    {

        display: flex;
        height: 100%;
        -webkit-align-items: flex-end;
        align-items: flex-end;        
        -webkit-justify-content: center;        
        justify-content: center;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-content: center;
        align-content: center;   
        
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .hexagon_mid {
        width: 100%;        
        height: 100%;
        position: relative;
        
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
    }



.game_center_col0 {
    width: 0%;
}
.game_center_col1, 
.game_center_col2, 
.game_center_col3, 
.game_center_col4, 
.game_center_col5 
{
    width: 20%;
} 

    .hexagon_shift_right {
        margin-right: -1.3707vw;
    }
    .hexagon_shift_left {
        margin-left: -1.3707vw;
    }

    .hexagon_grid_shift_right {
        margin-right: -0.78575vw;
    }
    .hexagon_grid_shift_left {
        margin-left: -0.78575vw;
    }
    .hexagon_grid_shift_right2 {
        margin-right: -1.5715vw;
    }
    .hexagon_grid_shift_left2 {
        margin-left: -1.5715vw;
    }


    /* MAIN HEXAGON CLASS */
        .hexagon_rounded22 {
            -webkit-clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
            clip-path: polygon(22% 14%, 24% 11%, 27% 9%, 32% 8%, 68% 8%, 73% 9%, 76% 11%, 78% 14%, 96% 45%, 97% 50%, 96% 55%, 78% 86%, 76% 89%, 73% 91%, 68% 92%, 32% 92%, 27% 91%, 24% 89%, 23% 86%, 4% 54%, 3% 50%, 4% 45%);
        }


        .hexagon_unit,
        .hexagon_top_mini,
        .hexagon_mid_mini,
        .hexagon_bottom_mini,
        .hexagon_floor
        {        
            
            opacity: 1;
            
            z-index: 3;
            position: relative;
            overflow: hidden;
            
            width: 10.79vh;
            height: 10.79vh;
            
            /* 2021-10-21 */
            margin-top: calc(-0.4vh - 12.9px);
            margin-bottom: calc(-0.4vh - 12.9px);
            
       
            -webkit-clip-path: polygon(25% 6.8%, 75% 6.8%, 100% 50%, 75% 93.2%, 25% 93.2%, 0% 50%);
            clip-path: polygon(25% 6.8%, 75% 6.8%, 100% 50%, 75% 93.2%, 25% 93.2%, 0% 50%);

            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-content: center;
            align-content: center;


            /* FLEX START
            width: calc((1.266 * 0.37*0.76*.2)*100vw);
            height: calc((1.266 * 0.37*0.76*.2)*100vw);
            margin-top: calc(1.73 * -0.3121vw);
            margin-bottom: calc(1.73 * -0.6242vw);

            -webkit-clip-path: polygon(25% 6.8%, 75% 6.8%, 100% 50%, 75% 93.2%, 25% 93.2%, 0% 50%);
            clip-path: polygon(25% 6.8%, 75% 6.8%, 100% 50%, 75% 93.2%, 25% 93.2%, 0% 50%);
            */
            background: rgba(251,251,253,1);
            background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
            background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            

            -webkit-transition: width 0s, height 0s;
            -moz-transition: width 0s, height 0s;
            -o-transition: width 0s, height 0s;
            transition:  width 0s, height 0s;
            
            -webkit-transition: opacity 0.3s ease-out;
            -moz-transition: opacity 0.3s ease-out;
            -o-transition: opacity 0.3s ease-out;
            transition: opacity 0.3s ease-out;
        }

        .detail_preview_cell_center {
            box-shadow: 0px 0px 0px 2px pink;
        }
        .detail_preview_cell_center:hover {
            box-shadow: 0px 0px 10px 6px pink;
            -webkit-transition: opacity 0.3s ease-out;
            -moz-transition: opacity 0.3s ease-out;
            -o-transition: opacity 0.3s ease-out;
            transition: opacity 0.3s ease-out;
        }

        .hexagon_floor
        {
            /*margin-bottom: -0.5vw; */
            /*margin-bottom: -0.84vw;*/
        }

        .hexagon_top_half {                        
            background: rgba(251,251,253,1);
            background: -moz-linear-gradient(top, rgba(248,247,250) 0%, rgba(240,239,243) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,247,250,1)), color-stop(100%, rgba(240,239,243,1)));
            background: -webkit-linear-gradient(top, rgba(248,247,250) 0%, rgba(240,239,243) 100%);
            background: -o-linear-gradient(top, rgba(248,247,250,1) 0%, rgba(240,239,243,1) 100%);
            background: -ms-linear-gradient(top, rgba(248,247,250,1) 0%, rgba(240,239,243,1) 100%);
            background: linear-gradient(to bottom, rgba(248,247,250,1) 0%, rgba(240,239,243,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f0eff3', GradientType=0 );            
        }
        .hexagon_bottom_half {      
            background: rgba(251,251,253,1);
            background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(248,247,250,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(100%, rgba(248,247,250,1)));
            background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(248,247,250,1) 100%);
            background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(248,247,250,1) 100%);
            background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(248,247,250,1) 100);
            background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, #f6f6f6 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfd', endColorstr='#f6f6f6', GradientType=0 );          
        }
.hexagon_unit:hover {
    opacity: 0.5;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.hexagon_unit:active {
    opacity: 0.8;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}


        .hexagon_top_half
        {
            height: calc(((100vh - 129px)/ 9.75)/2);
            margin-bottom: calc(((100vh - 129px)/ 8.47)/16);

            -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
            clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
                        
            /* FLEX START
            height: calc(1.09 * 0.5 * (0.37*0.76*.2)*100vw);
            margin-bottom: -0.57vw;
            
            -webkit-clip-path: polygon(0 0, 100% 0, 74.7% 100%, 25.3% 100%);
            clip-path: polygon(0 0, 100% 0, 74.7% 100%, 25.3% 100%);
            */
        }
        .hexagon_bottom_half
        {       
            
            height: calc(((100vh - 129px)/ 9.75)/2);
            
            margin-left: auto;
            margin-right: auto;
            
            margin-top: 0px;
            margin-bottom: 0px;
            
            clip-path: polygon(100% 100%, 75% 0%, 25% 0%, 0% 100%);
            -webkit-clip-path: polygon(100% 100%, 75% 0%, 25% 0%, 0% 100%);

              
           /* 
            
            height: calc(1.00 * 0.5 * (0.37*0.76*.2)*100vw);
            margin-bottom: 0px;
            margin-top: 0.45vw;
            -webkit-clip-path: polygon(100% 100%, 76.5% 0%, 23.5% 0%, 0% 100%);
            clip-path: polygon(100% 100%, 76.5% 0%, 23.5% 0%, 0% 100%);
            transform: scaleX(0.97);
          */  
            
            /* NEEDS SLIGHT SHIRNK W + H */
            
            
            /* FLEX START                  
            height: calc(1.087 * 0.5 * (0.37*0.76*.2)*100vw);
            margin-top: 0.5vw;
            
            -webkit-clip-path: polygon(100% 100%, 75.1% 0%, 24.9% 0%, 0% 100%);
            clip-path: polygon(100% 100%, 75.1% 0%, 24.9% 0%, 0% 100%);
            */
        }

        .hexagon_unit_filler {
            background: rgba(251,251,253,1);
            background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
            background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            
        }
        .hexagon_top_half_filler,
        .hexagon_bottom_half_filler {                                    
            background: rgba(251,251,253,1);
            background: -moz-linear-gradient(top, rgba(246, 246, 246) 0%, rgba(240, 239, 243) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
            background: -webkit-linear-gradient(top, rgba(246, 246, 246) 0%, rgba(240, 239, 243) 100%);
            background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(240,239,243,1) 100%);
            background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(240,239,243,1) 100%);
            background: linear-gradient(to bottom, rgba(246,246,246,1) 0%, rgba(240,239,243,1) 100%);
                        
        }

        .hexagon_unit_filler {

            width: 6.1vw;
            height: calc((1.7112* 0.37*0.76*.2)*100vw);
            /*margin-top: calc(1.73 * -0.3121vw);
            margin-bottom: calc(1.73 * -0.6242vw);*/
        }
        .hexagon_top_half_filler,    
        .hexagon_bottom_half_filler 
        {
            width: 6.1vw;
            height: calc(0.69*(1.26 * 0.37*0.76*.2)*100vw);
        }
        .hexagon_top_half_filler {
             /*margin-top: calc(1.73 * -0.3121vw);*/

        }
        .hexagon_bottom_half_filler {
            /*margin-bottom: calc(1.73 * -0.6242vw);*/
        }




.main_pics {
    display: none;
    position: fixed;
    z-index: 3;
    height: 100%;
    width: 100%;
    
    background-image: url(../images/newyork.jpg);
    background-size: cover;
    background-position: center center;
  
}
    .back_reveal_wide {  
        background: transparent;
    }
.lag_screen {
    height: 100%;
    width: 100%;
  
}
.tokens_screen {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fbfbfd;
    background-size: cover;
    /*background: rgba(128, 89, 216, 0.75)!important;*/
    
}
.map_screen {
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(../images/seneca.png);
    background-size: cover;
    /*background: rgba(128, 89, 216, 0.75)!important;*/
    
}


.profile_screen {
    z-index: 12;

    position: fixed;
    height: 61.8%;
    
    right: calc((63%*0.618)*0.9503);
    width: calc(63%*0.382);
    top: 0%;
    
    background-color: rgba(251, 251, 253, 0.88);
    
    -webkit-transition: width 0.5s, height 0.5s;
    -moz-transition: width 0.5s, height 0.5s;
    -o-transition: width 0.5s, height 0.5s;
    transition: width 0.5s, height 0.5s;
}
.profile_screen_cont {
    
    opacity: 1;    
    
    -webkit-transition: opacity 0.7s;
    -moz-transition: opacity 0.7s;
    -o-transition: opacity 0.7s;
    transition: opacity 0.7s;
}

    .profile_screen_pic {
        /*change profile photo here */
        background-image: url(../images/user5.png);
        background-size: cover;
        background-repeat: no-repeat;

        margin-top: 21px;
        width: calc((91vmin * 0.61) - 38px)!important;
        height: calc((91vmin * 0.61) - 38px)!important;
        max-width: 183px!important;
        max-height: 183px!important;
        border-radius: 50%;
        /*border: 21px solid transparent!important;*/   
    }












.pics_screen {
    z-index: 12;

    position: fixed;
    
    height: 61.8%;
    width: calc(63%*0.618);    
    /*
    height: 100%;
    width: 63%;
    */
    background: url(../images/rent-apprentice-back.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;

    /* fbfbfd 0.88 */
    background-color: rgba(251, 251, 253, 0.88);
    
    border-right: 2px dotted #5a4ec7;

    -webkit-transition: width 0.5s, height 0.5s;
    -moz-transition: width 0.5s, height 0.5s;
    -o-transition: width 0.5s, height 0.5s;
    transition: width 0.5s, height 0.5s;    
}


    .main_pictures_back {
        opacity: 1;
        z-index: 5;

        height: 63px;
        width: 63px;

        top: 0px;
        /*margin-top: -63px;*/
        position: fixed;
        background: transparent;

        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
        .pics_screen_cont {
            position: absolute;
            width: 100%;
            height: 30px !important;
            bottom: 16.72vmin;        
        }




.main_pictures_contact_cont {
    position: absolute;
    right: 9.38vmin;
    top: calc(-9.39vmin + 63px);
    width: 10.33vmin!important;
    height: 10.33vmin!important;
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%!important;
}
.main_pictures_save_cont {
    position: absolute;
    right: 9.38vmin;
    top: 9.38vmin;
    width: 10.33vmin!important;
    height: 10.33vmin!important;
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%!important;
}
.main_pictures_options_cont {
    position: absolute;
    right: calc(9.38vmin * 2.5);
    top: 9.38vmin;
    width: 10.33vmin!important;
    height: 10.33vmin!important;
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%!important;
}

    .main_pictures_contact {
        position: absolute;
        z-index: 2;
        width: 10.33vmin!important;
        height: 10.33vmin!important;
        border-radius: 50%!important;
        max-width: 50px;
        max-height: 50px;
        background-size: cover;
        background-repeat: no-repeat;        
        border-radius: 50%!important;        
        background-image: url(../images/icon_message_friend.png);
    }
    .main_pictures_save {
        position: absolute;
        z-index: 2;
        width: 10.33vmin!important;
        height: 10.33vmin!important;
        border-radius: 50%!important;
        max-width: 50px;
        max-height: 50px;
        background-size: cover;
        background-repeat: no-repeat;        
        border-radius: 50%!important;           
        background-image: url(../images/hl.png);
    }
    .main_pictures_options {
        position: absolute;
        z-index: 2;
        width: 10.33vmin!important;
        height: 10.33vmin!important;
        border-radius: 50%!important;
        max-width: 50px;
        max-height: 50px;
        background-size: cover;
        background-repeat: no-repeat;        
        border-radius: 50%!important;            
        background-image: url(../images/ho.png);
    }

    .main_pictures_contact:hover {
        border: 0.3vmin solid transparent;
        
        width: 10.33vmin!important;
        height: 10.33vmin!important;
        border-radius: 50%!important;
        max-width: 50px;
        max-height: 50px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .main_pictures_save:hover {
        border: 0.3vmin solid transparent;
        
        width: 10.33vmin!important;
        height: 10.33vmin!important;
        border-radius: 50%!important;
        max-width: 50px;
        max-height: 50px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .main_pictures_options:hover {
        border: 0.3vmin solid transparent;
        
        width: 10.33vmin!important;
        height: 10.33vmin!important;
        border-radius: 50%!important;
        max-width: 50px;
        max-height: 50px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .main_pictures_contact:active {
        /* change uu */
        background-image: url(../images/icon_message_friend.png);
    }
    .main_pictures_save:active {
        background-image: url(../images/al.png);
    }
    .main_pictures_options:active {
        background-image: url(../images/ao.png);
    }

    .main_pictures_contact_img,
    .main_pictures_save_img,
    .main_pictures_option_img {
        position: absolute;
        z-index: 1;
        width: 10.33vmin!important;
        height: 10.33vmin!important;
        border-radius: 50%!important;
        max-width: 50px;
        max-height: 50px;
        background-size: cover;
        background-repeat: no-repeat;
    }


    
.landing_slogan_map {
    font-family: Avenir-Light;
    font-size: 16px;
    margin: -5px auto 6px auto !important;

    color: #5a4ec7;
    text-shadow: 0 0 12px #ffffff;
}


    .rent_menu_cont2, 
    .rent_menu_cont3 {
        display: none!important;
    }
    
    /* MICRO FOOTER */
    /* ALSO CHANGE JS FOR MAP/PICS (only on wide) */
    
    /* INFO WHEN WIDE - OFF */
    .search_footer_button2 {
        display: none!important;
    }
    

    .public_toolbar {
        width: 63%;
    }
    
    .personality_screen,
    .map_screen {       
        width: 63%;
        left: 0px;
    }
    .list_screen {
        position: fixed;
        width: 36%;
        right: 0px;
        height: 100%;        
        background: rgba(0, 128, 0, 0.69);
    }
    .landing_row_header_map {

        width: 63% !important;
     }
    .landing_row_filter_map {

        width: 63% !important;

    }
    .landing_row_search_map {

        width: 63% !important;

    }
    .landing_row_list_view {
        display: none!important;
    } 
}


@media screen and (min-width: 1200px) {
    .show_text_wide {
        display: flex;
    }
}

/* LANDING PAGE */

/* MAP HEADER CONT */

.landing_row_header_map {
    z-index: 3;
    position: absolute;
    left: 0%;
    top: 0px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    font-family: Avenir-Light;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
    .landing_row_logo_map {
        z-index: 3;
        width: 66% !important;
        max-width: 340px !important;
        top: 0px;
        background-color: rgba(255, 255, 255, 0.93);
        box-shadow: 0px 0px 4px #00000052;
        padding: calc(2.5vmin - 9px) 0vmin calc(2.1vmin - 8px) 0vmin;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        font-family: Avenir-Light;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .landing_logo_map {
        min-width: 192px;
        width: 79% !important;
        max-width: 61vw !important;
    }
        .landing_logo_map_img {
            width: 100%;
        }
    .landing_slogan {
        font-family: Avenir-Light;
        font-size: 18px;
        margin: 0px auto 5px auto!important;
        /*font-size: 20.5px;*/
        /*margin: 2.1vmin auto 37px auto!important;*/

        color: #5a4ec7;
        text-shadow: 0 0 12px #ffffff;
    }
        .landing_slogan_p {
            margin: 0px auto 0px auto!important;
        }



/* INPUT - FILTER + MAP */

.landing_row_filter_map,
.landing_row_search_map,
.landing_row_list_view {
    z-index: 3;
    position: absolute;
    left: 0%;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    font-family: Avenir-Light;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.landing_row_filter_map {
    height: 0px;
    bottom: 25vh;
}
.landing_row_search_map {
    height: 0px;
    bottom: 16vh;
}
.landing_row_list_view {
    width: calc(100% - 26px) !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    height: 0px;
    bottom: 16vh;
    right: 30px;
}
    .landing_a_list_view {
        z-index: 1;
        padding: 0px 0px;
        width: 142px;
        height: 10.33vmin !important;
        max-width: 201px;
        background-color: #5a4ec7;                
        font-size: 19px;
        font-family: Avenir-Medium;
        
        color: #fbfbfd;
        border: 3px solid #fbfbfd;
        box-shadow: 0 3px 6px rgba(30, 3, 123, 0.34);
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        border-radius: 43px;
        max-height: 64px;
        min-height: 55px;
        padding-top: 3px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .landing_icon_list_view {
        height: 24px;
        width: 24px;
        background-image: url(../images/icon_options.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin: -4px 7px 0px -1px;
    }


.landing_search_icon {
    height: 24px;
    width: 24px;
    background-image: url(../images/icon_search.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: -5px 19px 0px -12px!important;
}

    /*sign up with FB */
    .landing_filters_bar,   
    .landing_address_bar {    
        z-index: 1;
        font-family: Avenir-Medium;
        color: #fbfbfd;
        /*margin: 24px 0px 12px 0px!important;*/
        font-size: 19px;
        border: 3px solid #fbfbfd;
        box-shadow: 0 3px 6px rgba(30, 3, 123, 0.34);
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        border-radius: 43px;
        height: 10.33vmin !important;
        max-height: 64px;
        min-height: 55px;
        padding-top: 3px;        
        
        
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;    
    }
    .landing_filters_bar {
        width: auto!important;
        padding: 30px 22px;
        max-width: 300px;
        background-color: #5a4ec7;
                
    }
        .landing_filters_icon {
            height: 25px;
            width: 25px;
            background-image: url(../images/icon_settings.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            margin: -4px 11px 0px 0px!important;           
        }
        .landing_filters_beds_icon {
            height: 25px;
            width: 25px;
            background-image: url(../images/icon_beds.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            margin: -4px 11px 0px 6px!important;           
        }
        .landing_filters_baths_icon {
            height: 25px;
            width: 25px;
            background-image: url(../images/icon_baths.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            margin: -4px 11px 0px 6px!important;           
        }
    .landing_address_bar  {
        width: 47.1vw;
        padding: 30px 22px;
        min-width: 255px;
        max-width: 300px;
        background-color: #5a4ec7;
    }
        .landing_address_bar_input  {
            width: 73%;
            color: #fbfbfd!important;
            background-color: transparent;
            border: none;
            font-size: 25px!important;
        }


    .landing_row_search_filters {
        display: none;
        font-family: Avenir-Light;
        font-size: 12px;
        width: auto!important;
        color: #5a4ec7;
        text-shadow: 0 0 12px #fbfbfd;
        line-height: 28px;
        margin: 12px auto 0 auto !important;
        padding-top: 12px;
        border-bottom: 1px solid #5a4ec7;
    }

.landing_post_text_map {
    opacity: 0;
}

.footer_landing_button_right {
    
    border-bottom: 3px solid #56ad17!important;
   /*border-bottom: 3px solid orange;*/
}





.landing_recognized_account_row {
    /* display: none; */
    width: 100%!important;
    margin-bottom: 93px;
}

/*sign up with FB */
.landing_sign_up_facebook,   
.landing_sign_up_email {    
    z-index: 1;
    font-family: Avenir-Medium;
    color: #fbfbfd;
    margin: 24px 0px 12px 0px!important;
    font-size: 19px;
    border: 3px solid #fbfbfd;
    box-shadow: 0 3px 6px rgba(30, 3, 123, 0.34);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 43px;
    height: 10.33vmin !important;
    max-height: 64px;
    min-height: 55px;
    padding-top: 3px;
    width: 47.1vw !important;
    max-width: 300px;
    min-width: 255px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
.landing_sign_up_facebook {
    background-color: #3c599b;
}
.landing_sign_up_email {
    background-color: #5a4ec7;
}



/*
.landing_sign_up_facebook:hover {
    box-shadow: 0 0 7px #ffffff;
    -webkit-transition: all 0.066s ease-out;
    -moz-transition: all 0.066s ease-out;
    -o-transition: all 0.066s ease-out;
    transition: all 0.066s ease-out;  
}
.landing_sign_up_facebook:active {
    box-shadow: 0 0 3px #ffffff;
    background-color: #5a71a5; 
}
*/
.landing_sign_up_facebook:hover,
.landing_sign_up_email:hover
{
    /*box-shadow: 0 0 7px #ffffff;*/
    box-shadow: 0 3px 6px rgba(30, 3, 123, 0.6);
    -webkit-transition: all 0.066s ease-out;
    -moz-transition: all 0.066s ease-out;
    -o-transition: all 0.066s ease-out;
    transition: all 0.066s ease-out;  
}
.landing_sign_up_facebook:active {
    box-shadow: 0 0 3px #ffffff;
    background-color: #5a71a5; 
}
.landing_sign_up_email:active {
    box-shadow: 0 0 3px #ffffff;
    background-color: #8279d4; 
}


/*sign in with FB */
.landing_sign_in_facebook, 
.landing_sign_in_email {
    z-index: 1;
    font-family: Avenir-Medium;
    margin: 22px 0px 21px 0px;
    color: #fbfbfd;
    /*
    background-color: #5a4ec7;
    background-color: #5a4ec7;
    */
    font-size: 19px;    
    border: 1.9px solid #fbfbfd;
    box-shadow: 0 0 3px #ffffff;
    
    /*text-shadow: 0 0 7px #fbfbfd;*/
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 43px;
    height: 10.33vmin !important;
    max-height: 64px;
    min-height: 55px;
    padding-top: 3px;
    width: 47.1vw !important;
    max-width: 300px;
    min-width: 255px;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.landing_sign_in_facebook {
    background-color: #3c599b;
}
.landing_sign_in_email {
    background-color: #5a4ec7;
}

.landing_sign_in_facebook:hover,
.landing_sign_in_email:hover
{
    box-shadow: 0 0 7px #ffffff;
    -webkit-transition: all 0.066s ease-out;
    -moz-transition: all 0.066s ease-out;
    -o-transition: all 0.066s ease-out;
    transition: all 0.066s ease-out;  
}
.landing_sign_in_facebook:active {
    box-shadow: 0 0 3px #ffffff;
    background-color: #5a71a5; 
}
.landing_sign_in_email:active {
    box-shadow: 0 0 3px #ffffff;
    background-color: #8279d4; 
}

.landing_sign_up_facebook_icon, 
.landing_sign_in_facebook_icon {
    height: 25px;
    width: 25px;
    background-image: url(../images/icon_facebook.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: -4px 11px 0px 0px!important;
}

.landing_sign_up_email_icon,
.landing_sign_in_email_icon {
    height: 24px;
    width: 24px;
    background-image: url(../images/icon_email_shad.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: -5px 12px 0px -12px!important;
}

.sign_up_dropdown {
    font-family: Avenir-Light!important;
    color: #5a4ec7!important;
    font-size: 25px!important;
    margin-top: 6px!important;
    margin-left: 19px!important;
    max-width: 210px;
}

/* landing title */
.landing_title {
    font-family: Avenir-Light;
    font-size: 16px;
    width: 61% !important;
    color: #5a4ec7;
    text-shadow: 0 0 12px #fbfbfd;
line-height: 1;
    margin: 12px auto 2px auto !important;
    /*padding-top: 12px;*/
    border-bottom: 1px solid #5a4ec7;
}
/* sign in click here*/
.landing_signin_click {
    display: none;
    font-family: Avenir-Light;
    font-weight: 700;
    text-decoration: underline;
    font-size: 17px;
    width: 43%!important;
    color: #5a4ec7;
    text-shadow: 0 0 12px #fbfbfd;
    line-height: 1.5em;
    margin: 9px auto 21px auto !important;
    padding-top: 12px;
}
/* privacy policy */
.landing_privacy_text,
.landing_privacy_signin_text {
    font-family: Avenir-Light;
    font-size: 12px;
    width: 73%!important;
    color: #5a4ec7;
    text-shadow: 0 0 12px #fbfbfd;
    line-height: 28px;
    margin: 12px auto 0 auto!important;
    padding-top: 12px;
    border-top: 1px solid #5a4ec7;
}
.landing_privacy_text_p1 {
    margin: 0px 8px 0px 0px;
}
.landing_privacy_text_p2 {
    margin: 0px 8px;
}
.landing_privacy_text_p3 {
    margin: 0px 0px 0px 8px;
}

/* we do not post to fb + border bottom */
.landing_post_text {
    max-width: 88%;
    font-family: Avenir-Light;
    font-size: 12px;
    color: #5a4ec7;
    text-shadow: 0 0 2px #fbfbfd;  
    line-height: 28px;
    margin: 0px auto 0px auto!important;
}

/* NETWORK (2nd circle) */
.landing_recognized_network {
    
    background-image: url("../images/verified.png");
    background-size: cover;
    width: 28px;
    height: 33px;
    margin-top: -12px;
    margin-bottom: 9px;
}


/* PROFILE PIC (1st circle) */
.landing_recognized_profile {
    z-index: 2;
    position: absolute;
    background-image: url("../images/user5.png");
    background-size: cover;
    border-radius: 50%;
    border: 0.33em solid white;
    width: 28vmin;
    height: 28vmin;
    margin: -28vmin 0 0 0; 
    right: 43%;
    max-width: 192px;
    max-height: 192px;
}
.landing_recognized_username {    
    font-size: 4.3vw;
    color: #5a4ec7;
    text-shadow: 0 0 12px #fbfbfd;
    margin-bottom: 16px;
    border-bottom: 2px solid #5a4ec7;
    
    width: 61.8%!important;
    margin: 9px auto!important;
}

/* not your account */
.landing_not_your_account {
    color: white;
    font-size: 16px;
    line-height: 1em;
    margin: 21px auto 0 auto!important;
    /*text-shadow: 0 0 2px #5a4ec7;*/

    border-radius: 70px;
    background-color: #5a4ec7;
    padding: 21px 24px 11px 24px;
    width: 55%!important;
}


/* LANDING ROW PHONES */
.landing_row_phones_canvas {
    max-width: 430px!important;
    font-family: Avenir-Heavy;
    margin-bottom: 0px!important;}

.landing_col_phones_canvas {
    margin-bottom: 0px!important;
}

.landing_phones_under {
    z-index: 1;
    position: absolute;}
.landing_phones_over {
    z-index: 3;}

/* LANDING CANVAS */
.landing_canvas_row {
    z-index: 2;
    opacity: 0.38;
    background-color: #ececec;
    margin-top: -38%!important;}
.landing_canvas_col {
  height: 38vw!important;
    min-height: 120px!important;
    max-height: 178px!important;}

/* LANDING ROW CONTENT 1 */
.landing_row_content1 {
    margin-top: 0px!important;
    border-top-left-radius: -25%!important;
    border-top-right-radius: -25%!important;
    background-color: #ececec;
    font-family: Avenir-Medium;
    max-width: 430px!important;
    
    background-image: url("../images/mmgrad.png");
    
    /*margin-bottom: -100px!important;*/
}
.landing_content1_howitworks_heading {
    color: #5a4ec7;
    font-size: 1.5em;
    line-height: 2.6em;
    /*text-shadow: 0 0 2px #5a4ec7*/;
    
}

.landing_content1_howitworks_img {
  
}



/* FOOTER LANDING */

.footer_landing_button_left {
    top: 1.2px; 
    color: #fbfbfd!important; 
    opacity:1;
    
}
    .footer_landing_icon_left {
        position: absolute; 
        right:38.1vw; 
        height: 21px; 
        width: 21px;
        opacity: 1!important;
        margin-right: 3px;
    }

.footer_landing_button_right {
    top: 1.2px; 
    color: #fbfbfd!important; 
    opacity:1;
}
    .footer_landing_icon_right {
        position: absolute;        
        right:32.5vw;
        height: 19px;
        width: 19px;
        opacity: 1!important;
    }






/* SIGN UP  FACEBOOK (partial) 
            LINKEDIN FOURSQUARE (in continuation) */
.sign_up_col_outer {
    max-width: 460px!important;
    padding: 43px 10px 10px 10px!important; 
    margin: auto!important;
    
}

/* HEAD TEXT */
.sign_up_avenir_header_white {
    color: white;
    font-family: Avenir-Heavy;
    font-size: 1.6em;
    text-shadow: 0px 1px 2px #000000;
}

/* ICON FB */
.sign_up_circle_icon_fb {
	z-index:2;
    border: 4px solid #fbfbfd;
    border-radius: 100px;
    background-image: url("../images/head_facebook250x250.png");
    background-size: contain;
    width: 75px!important;
    height: 75px!important;
    margin-bottom: -37.5px!important;
}
/* ICON EMAIL */
.sign_up_circle_icon_email {
	z-index:2;
    border: 4px solid #fbfbfd;
    border-radius: 100px;
    background-image: url("../images/head_email250x250.png");
    background-size: contain;
    width: 75px!important;
    height: 75px!important;
    margin-bottom: -37.5px!important;
}

/* ROW */
.sign_up_row {
    font-family: Avenir-Medium;
    font-size: 17px;
    background: #fbfbfd!important;
    border-radius: 27px;
    margin-bottom: 50px; 
    padding-top: 61px;
    padding-bottom: 1px!important;
    box-shadow: 0px 4px 6px #00000036;
    /*box-shadow: 0px 0px 6px #0000008c;*/
}



.sign_up_div_adjust {    
    width: 47.1vw;    
    min-width: 237px;
    max-width: 300px;
}
.sign_up_dob_adjust {    
    width: 47.1vw;    
    min-width: 276px;
    max-width: 300px;
}

.sign_up_country_adjust {    
    width: 88%;
    min-width: 262px;
    max-width: 333px;      
}


.sign_up_nickname_checkbox,
.sign_up_location {
    font-family:Avenir-Medium;
    margin: 21px auto 0px auto;    
}

/* not in use - old input css */
.sign_up_nickname, 
.sign_up_location {
    /*min-width:210px!important;*/
    margin-top: 1.2em;
    margin-bottom: 2.55em;
}
.sign_up_nickname_type_custom, .sign_up_location_type_custom {
	font-family:Avenir-Medium;
    font-size: 19px;
    text-align: center;
    height:48px;
    /*line-height: 1.81em;*/
    line-height:34px;}
.sign_up_nickname_type_custom > textarea {
    /*width:62%!important;*/}
.sign_up_nickname_checkbox2 {
    font-family:Avenir-Medium;}


/* profile */
.sign_up_profile_pic {
    /*position: absolute;*/
    margin-bottom: 39px;    
    border-radius:50%;
    font-family:Avenir-Medium;
    /*left: 3px!important;
    
    left: 2.1vmin!important;*/
    height: 36vw!important;
    width: 36vw!important;
    max-height: 181px!important;
    max-width: 181px!important;
}

.sign_up_profile_img {
    border-radius: 50%;
    height: 36vw!important;
    width: 36vw!important;
    max-height: 165px!important;
    max-width: 165px!important;
    background-size: cover;
}


/* profile edit */
.sign_up_profile_edit {
    z-index: 2;
    position: absolute;
    margin-top: -1.6vmin!important;
    margin-left: 66%!important;
    
    width: 43px!important;
    height: 43px!important;
    background-image: url('../images/d_edit.png');
    background-size:contain;
    border-radius:50%;}
.sign_up_profile_edit:hover{
    background-image: url('../images/a_edit.png');}
.sign_up_profile_edit:active{
    background-image: url('../images/a_edit.png');
    border: solid 1px white;}


/* back */
.sign_up_background {
    /*position: absolute;
    right: 1vmin!important;*/
    /*padding-left: 10px!important;
    right: 12px!important;
    margin-right: 0.7vmin!important;*/
    margin: auto!important;
    height: 36vw!important;
    width: 20.25vw!important;
    max-height: 164px!important;
    max-width: 100px!important;
    overflow-x: hidden;
    
    background-image: url(../images/cinque-terre-italy.png);
    background-size: cover!important;
    background-position: center center!important;
    
    
    
    /*background-size: cover!important;*/
}

.sign_up_figcaption_background {
    
    margin: 7px auto auto auto!important;
}
/* deleted class */
.sign_up_background_img {
    
    height: 36vw!important;
    width: 36vw!important;
    
    /*
    height: 100%!important;
    width: 100%!important;
    */
    max-height: 164px!important;
    /*max-width: 101.8px!important;*/
    
    background-size: cover!important;
    background-position: center center!important;
    /*  
    right: 0px!important;
    margin-right: 0.7vmin!important;
    
    margin-right: 3.5vw!important;
    */
}


/* back edit*/
.sign_up_back_edit {
    z-index: 2;
    position: absolute;
    right: 3vmin;
    margin-top: -1.6vmin!important;
    /*margin-left: 66%!important;*/
    
    width: 43px!important;
    height: 43px!important;
    background-image: url('../images/d_edit.png');
    background-size:contain;
    background-repeat: no-repeat;
    border-radius: 50%;
}
.sign_up_back_edit:hover{
    background-image: url('../images/a_edit.png');}
.sign_up_back_edit:active{
    background-image: url('../images/a_edit.png');
    border: solid 1px white;}

.sign_up_add_pics_header {
	}

.sign_up_pictures {
    /*display: none;*/
}


.sign_up_add_pic1 {
    left: 0%;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture1.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8;*/
    border-radius: 12px;
    margin-bottom: 50px ;
    /* distance pic 6 - old model */
    /*margin-bottom: 50px;*/
}
.sign_up_add_pic1:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic1:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}
.sign_up_add_pic2 {
	position:absolute;
    left: calc(19.5% + 1.5px);
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px; 
    background-image: url('../images/capture2.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic2:hover{
    opacity: 0.5;
    /*background-image: url('../images/a_capture2.png');*/}
.sign_up_add_pic2:active{
	/*background-image: url('../images/a_capture2.png');*/
    border: solid 3px white;}
.sign_up_add_pic3 {
	position:absolute;
    left: calc(35.8% + 3px);
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture3.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic3:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic3:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}
.sign_up_add_pic4 {
	position:absolute;
    right: calc(19.5% + 1.5px);
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture4.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
        /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic4:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic4:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}
.sign_up_add_pic5 {
	position:absolute;
    right: 6px;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture5.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic5:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic5:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}

.sign_up_add_pic6 {
	margin-bottom: 50px;
    left:1%;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture6.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic6:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic6:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}
.sign_up_add_pic7 {
	position:absolute;
    left:19.03%;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px; 
    background-image: url('../images/capture7.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic7:hover{
    opacity: 0.5;
    /*background-image: url('../images/a_capture2.png');*/}
.sign_up_add_pic7:active{
	/*background-image: url('../images/a_capture2.png');*/
    border: solid 3px white;}
.sign_up_add_pic8 {
	position:absolute;
    left:37.06%;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture8.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic8:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic8:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}
.sign_up_add_pic9 {
	position:absolute;
    left:55.09%;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture9.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
        /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic9:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic9:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}
.sign_up_add_pic10 {
	position:absolute;
    left:73.12%;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture10.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic10:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic10:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}

.sign_up_add_pic11 {
	margin-bottom: 50px;
    left:1%;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture11.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic11:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic11:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}
.sign_up_add_pic12 {
	position:absolute;
    left:19.03%;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px; 
    background-image: url('../images/capture12.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic12:hover{
    opacity: 0.5;
    /*background-image: url('../images/a_capture2.png');*/}
.sign_up_add_pic12:active{
	/*background-image: url('../images/a_capture2.png');*/
    border: solid 3px white;}
.sign_up_add_pic13 {
	position:absolute;
    left:37.06%;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture13.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic13:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic13:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}
.sign_up_add_pic14 {
	position:absolute;
    left:55.09%;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture14.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
        /*background-color: #778ee8;*/
    border-radius: 12px;
}
.sign_up_add_pic14:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic14:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}
.sign_up_add_pic15 {
	position:absolute;
    left:73.12%;
    width: 21vw;
    height: 37.33vw;
    max-width: 102px;
    max-height: 181px;
    background-image: url('../images/capture15.png');
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #778ee8*/
    border-radius: 12px;
}
.sign_up_add_pic15:hover{
    /*background-image: url('../images/h_capture1.png');*/
    opacity: 0.5;
}
.sign_up_add_pic15:active{
	/*background-image: url('../images/a_capture1.png');*/
    border: solid 3px white;}


.sign_up_terms_button {
    width: calc(100% - 60px)!important;
    margin: 0px auto 12px auto!important;
    height: 34px;
    padding-top: 4px;
    border: 1px solid #5a4ec7;
}
.sign_up_data_policy_button {
    width: calc(100% - 60px)!important;
    margin: auto!important;
    height: 34px;
    padding-top: 4px;
    border: 1px solid #5a4ec7;
}
.sign_up_agree_checkbox_ul {
    border: 1px solid #e3e3e6!important;
}
.sign_up_agree_checkbox {
}


/* SIGN UP LINKD IN START THE QUIZ  */

.sign_up_start_quiz {
    /*edited 2018-0517 */
    display: none;
    z-index: 2;
    bottom: -28.5px!important;
    height: 57px!important;
    width: 62%!important;
    min-width: 226px!important;
    margin: 0px auto 0px auto!important;
    
    background-image: url("../images/d_start_quiz.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100px;
    }
/* .sign_up_lnkd_pinterest_take_quiz_img {} */

.sign_up_start_quiz:hover {
    background-image: url("../images/h_start_quiz.png");}
.sign_up_start_quiz:active {
    background-image: url("../images/a_start_quiz.png");}

.sign_up_start_quiz_img {
    
}
.popover_sign_up_accept_terms {
    width: 64vmin!important;
    /*height: 100px!important;
    margin-left: 19%!important;
    margin-right: 19%!important;*/
    padding: 16px 24px 0px 24px;
    text-align: center;
    font-family: Avenir-Medium;
    font-size: 1.2em;
    background-color: #fbfbfd;
    border: 3px solid #7855bf;
}
.popover_sign_up_accept_terms_icon {
    position: absolute;
    margin: 0px 0px 0px 0px!important;
    padding: 0px 0px 0px 0px!important;
    left: -3px!important;
    top: -3px!important;
    width: 34px!important;
    height: 34px!important;
    
     
}
.popover_sign_up_accept_terms_text {
    border-radius: 12px!important;
    text-align: left!important;
}

/* SUBMIT BUTTON POSITION only for Facebook sign up */

.sign_up_submit_position {
    width: 100%;
    bottom: 0;
    height: 0px!important;
    margin-top: 48px!important;
}

/* SUBMIT BUTTON */
    
.sign_up_submit_cont {
    z-index: 5;
    left: 0;
    border-radius: 50%!important;
    width: 61px !important;
    height: 0px !important;
    bottom: -30.5px !important;
    margin: 0px auto 0px auto !important;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100px;
}

    .sign_up_submit {
        position: absolute;
        background-image: url(../images/a_submit.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 75px !important;
        height: 75px !important;
        border-radius: 100px;
    }
    .sign_up_submit:hover {
        border: 3px solid #fbfbfd;
        position: absolute;
        background-image: url(../images/a_submit.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 75px !important;
        height: 75px !important;
        border-radius: 100px;
    }
    .sign_up_submit:active {
        border: 7px solid #fbfbfd;
        position: absolute;
        background-image: url(../images/a_submit.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 75px !important;
        height: 75px !important;
        border-radius: 100px;
    }
    .sign_up_white_layer {
        position: absolute;
        background: #fbfbfd;
        border: 3.5px solid #fbfbfd;
        width: 75px !important;
        height: 75px !important;
        border-radius: 100px;
    }
    .sign_up_submit_img {
        position: absolute;
        background-image: url(../images/d_submit.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 75px !important;
        height: 75px !important;
        border-radius: 100px;
    }

.sign_up_skip_quiz_row {
    /* edited 2018-05-18 */
    display: none;
    max-width: 460px!important;
}
.sign_up_want_to_skip_quiz {
    color: white;
    font-family: Avenir-Heavy;
    font-size: 1.2em;
    text-shadow: 0 0 1px #000000;
}

/* not used  in Framework7 DISPLAY ALERT NONE */
.sign_up_alert_agree_terms {
    /*display: none;*/
    z-index: 2;
    position: absolute;
    font-family: Avenir-Heavy;
    font-size: 1em;
    width: 100%;
    opacity: 0.95;}




/* MM terms and data popup */

/* not used*/
.sign_up_popup_custom {
    max-width: 450px;
    margin: auto!important;}

.sign_up_popup_head {
    font-family: Avenir-Heavy;}
.sign_up_popup_text {
    font-family: Avenir-Light;}

/*insert images for all three */
.sign_up_terms_img {
    width: 70px!important;
    height: 70px!important;
    margin-right: 21px;}
.sign_up_data_img {
    width: 70px!important;
    height: 70px!important;
    margin-right: 21px;}
.sign_up_privacy_img {
    width: 70px!important;
    height: 70px!important;
    margin-right: 21px;}



/* SIGN IN */

.sign_in_row_relative {
    height: 300px;
}




/* SEARCH */

.search_results_swiper_container, .swiper_container {
    font-family: Avenir-Medium;
    height: 100%;
}

/* SEARCH HEADER */
/* top of search results page */


.search_subpage_pad,
.search_header_icon_top_img,
.search_results_swiper_header_row,
.search_city_p,
.rent_menu_cont3 {
    -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
}


.search_subpage_pad {
    background: #f6f6f6!important;
    padding-top: 64px;
    overflow-x: hidden;
    background: rgba(251,251,253,1);
    background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
    background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
        
    
}


.search_results_swiper_header_col {
    max-width: calc(48% - 36px);
}


/* not applied, only directly through style */
.search_results_swiper_header_frame_left {
    position: absolute;
    top: 10px!important;
    left: 15px!important;
}
    .search_results_swiper_header_img_left {
        border-radius: 43px;
        width: 40px!important;
        height: 40px!important;
    }
.search_results_swiper_header_frame_right {
    position: absolute; 
    top: 10px!important;
    left: 55px!important;  
}
    .search_results_swiper_header_img_right {
        border-radius: 43px;
        width: 40px!important;
        height: 40px!important;
        background-color: #fbfbfd; 
        border: 3px solid transparent;
    }
   

    /* (SEARCH RESULTS) SWIPER POPOVER CONTAINER */

    .header_popover {
        color: #5a4ec7;
        font-size: 16px;
        font-family: Avenir-Light;
        width: 95vw;
        max-width: 390px;
        /*left: 2.5vmin!important; */
        padding: 2.5vmin; 
    }
        .header_popover_inner {
            overflow: hidden!important;
        }
    @media screen and (min-width: 750px) {
        .header_popover {
            min-width: 354px;
            max-width: 500px;
            transform: scale(0.82);
        }
    }

    @media screen and (min-height: 750px) {
        .header_popover {
            min-width: 354px;
            max-width: 500px;
            transform: scale(0.82);
        }
    }

    /* (SEARCH RESULTS) SWIPER INSIDE */

    .header_settings_outer_div {
        padding-right: 66px;
        width: 100%;
    }

    .header_option_container_main,
    .header_option_container_profile {
        /*border: 1px solid rgba(93, 193, 49, 0.56);*/
        border: 1px solid rgba(53, 38, 150, 0.21);
        border-radius: 27px;
    }    
    .header_option_container_main {
        margin-bottom: 6px;
    }
        .header_option_container_profile_inner {
            /* 2020-10-27 */
            margin: 12px;
            /*margin: 8px 0px 8px 0px;*/
            border: 1px solid rgba(53, 38, 150, 0.21);
            border-radius: 16px;
        }
            .header_button_icon_trip_top {
                /* distinction margin top */
                margin-top: 1.2vmin !important;
                width: 100% !important;
                height: 30px!important;
                left: 1.15vmin !important;    
                margin-bottom: 1.65vmin !important;
            }
            .header_button_icon_trip_bottom {
                /* distinction margin bottom */
                margin-bottom: 1.2vmin !important;
                width: 100% !important;
                height: 30px!important;
                left: 1.15vmin !important;    
                margin-top: 1.65vmin !important;
            }

    .header_button_icon {
        width: 90% !important;
        height: 43px!important;
        left: 1.15vmin !important;
        margin-top: 1.65vmin !important;
        margin-bottom: 1.65vmin !important;
        
    }
        .header_button_icon_img {
            z-index: 1;
            position: absolute;
            bottom: 0!important;
            left: 0!important;
            width: 43px!important; 
            height: 43px!important;
        }
        .header_button_icon_profile_img {
            z-index: 1;
            position: absolute;
            border: 1px solid #9794aa;
            
            bottom: 0!important;
            left: 0!important;
            width: 43px!important; 
            height: 43px!important;
            background-size: cover;
            background-position: center center;
        }   
        .header_button_text {
            font-size: 20px;
            font-weight: 400;
            color: #5a4ec7!important;
            line-height: 43px!important;                                       
            height: 43px!important;

            width: 100%!important;  
            margin-top: 0px!important;
            left: 61px!important; 

            /*
            width: 138px!important;  
            margin-top: -29.1px!important;
            left: 100px!important;      
            padding: 3px 16px 3px 1.6vmin!important;*/

        }
            .header_button_text_p {
                width: 82%;
                margin: 0px!important;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        .header_settings_icon_img {
            /* temp*/
            opacity: 0.3;
            
            z-index: 1;
            position: absolute;
            width: 43px!important; 
            height: 43px!important;
            /*2.5vmin (edge + left icon margin left 1.15vmin*/
            right: 4.21vmin!important;

        }

        


/* SETTINGS SLIDE 0 */
.search_results_swiper_slide0_cont {
    width: 70%;
    height: 100%;
    background-image: url("../images/sample_settings.png");
    background-size: contain;
    background-position: center center;
    margin: auto;
    background-repeat: no-repeat;
}
/* MAP SLIDE 1 */
.search_results_swiper_slide1_cont {
    width: 100%;
    height: 100%;
    background-image: url("../images/seneca.png");
    background-size: cover;
    background-position: center center;
}



/* FILTERS SLIDE 2 */
.search_results_swiper_slide2_cont {
    width: 100%;
    height: 100%;
}

/* SEARCH SLIDE 4 */
.search_results_swiper_slide4_cont {
    width: calc(((38.2% / 3)*2) + (61.8%));
    height: 100%;
    background: #f6f6f6;
    padding: 5vmin 3.4vmin 3vmin 3.4vmin;
}

/* PPL SLIDE 5 */
.search_results_swiper_slide5_cont {
    width: 100%;
    height: 100%;
    /*
    background-image: url("../images/ppl.png");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    */
}


/* PICS SLIDE 6 */
.search_results_swiper_slide6_cont {
    width: 100%;
    height: 100%;
    background-image: url("../images/seneca.png");
    background-size: cover;
    background-position: center center;
}

/* PICS SLIDE 7 */
.search_results_swiper_slide7_cont {
    width: 100%;
    height: 100%;
    background-image: url("../images/rent-apprentice-back2.png");
    background-size: cover;
    background-position: center center;
}



/* SEARCH SLIDE 1 ---------- */

/* SEARCH SLIDE 1 LEFT after head */

.search_results_row_outer {
    direction: rtl;
    border-right: 3px dotted #dde3ff;
    /*border: 1px solid rgb(197, 196, 201);*/
    overflow-y: auto;
    height: 100%!important;
    /* DARKER BACK check this later*/
    
    background: rgba(222,227,255,1);
    background: -moz-linear-gradient(top, rgba(222,227,255,1) 0%, rgba(125,144,232,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,227,255,1)), color-stop(100%, rgba(125,144,232,1)));
    background: -webkit-linear-gradient(top, rgba(222,227,255,1) 0%, rgba(125,144,232,1) 100%);
    background: -o-linear-gradient(top, rgba(222,227,255,1) 0%, rgba(125,144,232,1) 100%);
    background: -ms-linear-gradient(top, rgba(222,227,255,1) 0%, rgba(125,144,232,1) 100%);
    background: linear-gradient(to bottom, rgba(222,227,255,1) 0%, rgba(125,144,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee3ff', endColorstr='#7d90e8', GradientType=0 );
    }

/* SEARCH ROW */
.search_row {
    direction: ltr;
    height: auto;
    overflow: auto;
    background-color: #dde3ff;
    font-family: Avenir-Medium;
    font-size: 1em;
    padding: 5vmin 4.8vmin 5vmin 4.8vmin!important;
}

/* SEARCH ROWS */
.search_likeness_row, .search_favourites_row, .search_row_results_likeness {
    background-color: #f0eff3;
    font-family: Avenir-Medium;
    font-size: 1em;
    padding: 5vmin 4.8vmin 5vmin 4.8vmin!important;
}

.search_head {
    color: #5a4ec7;
    font-family: Avenir-Heavy;
    font-size: 21px;
    margin: 36px auto 3px auto!important;
    padding: 0px 0px 0px 0!important;
    text-align: center;
    /* Your likeness HEAD */
}
    .search_head_p {
        margin: 0!important;
    }
.search_subhead {
    color: #5a4ec7;
    font-family: Avenir-Medium;
    font-size: 1.24em!important;
    /*text-shadow: 0 0 1px #ffffff;*/
    /*width: 84%!important;*/
    margin: 0px auto -12px auto!important;
    padding: 0px 0px 0px 0!important;
    text-align: left;
}
.filter_head {
    /* Your likeness HEAD */
    color: #5a4ec7;
    font-family: Avenir-Heavy;
    font-size: 18px;
    /*text-shadow: 0 0 1px #ffffff;*/
    /*width: 84%!important;*/
    margin: 0px auto 0px auto!important;
    padding: 0px 0px 0px 0!important;
    text-align: center;
}
.filter_subhead {
    /* Your likeness HEAD */
    color: #5a4ec7;
    font-family: Avenir-Heavy;
    font-size: 18px;
    /*text-shadow: 0 0 1px #ffffff;*/
    /*width: 84%!important;*/
    margin: 37px auto 0px auto!important;
    padding: 0px 0px 0px 0!important;
    text-align: center;
}

/* SEARCH SLIDE 1 */
.search_text, .search_likeness_text {
    margin: 0px auto 18px auto!important;
    color: black;
    text-align: left;
}

.search_modal_filter_container /*, likeness_filter_custom*/ {
    
    /*controls box contents AND BORDER - font , positioning and size only */
    z-index: 2;
    font-size: 14px;
    text-align: left!important;
    margin: 16px auto 3px auto!important;
    border-radius: 27px!important;
    max-width: 430px!important;

}
.search_filter_container /*, likeness_filter_custom*/ {
    
    /*controls box contents AND BORDER - font , positioning and size only */
    z-index: 2;
    font-size: 14px;
    text-align: left!important;
    margin: 18px auto 18px auto!important;
    border-radius: 27px!important;
    max-width: 430px!important;
}

/* SEARCH SLIDE 1 - Accordion Only */

.search_accordion_filter {
    /* Likeness filter + all other accordions */
    font-size: 1em;
    color: #fbfbfd;
    border-radius: 27px!important;
    background-color: #7e91e8!important;
    margin-bottom: 10px;
}

    .accordion_title_shadow {
        color: white;
        text-shadow: 0 0 1px #000000;
        margin-left: -5px!important;
    }
    /* SEARCH FILTER ICONS SUMMARY (TOP) */
    .search_filter_accordion_icon {
        width: 28px;
        height: 28px;
        margin: 0px 7px -7px 0px;
    }
        /* SEARCH FILTER ICONS IN DETAIL (BOTTOM) */
        .search_filter_accordion_icon_detail {
            width: 28px;
            height: 28px;
            margin: 0px 7px -7px 5px;
        }
    
    .accordion_inner { 
        /*
        padding-top: 19px !important;
        padding-bottom: 18px !important;
        padding-right: 32.5px!important;
        */
    }

    .accordion_inner_adjusted {
        height: 64px;
    }


.search_likeness_checkbox {
    font-size: 1em;
}
/* controls inside of collapsible box */
.search_likeness_checkbox_back {
    font-size: 0.8em;
    text-align: center;
    background-color: #fbfbfd;
    border-radius: 27px!important;
    border-radius: 27px!important;
}
.search_likeness_options {
    margin: 16px auto 0px auto;
    color: #5a4ec7;
    font-size: 1.2em!important;
    
}

/* LIKENESS FILTER SECTION */
.search_results_likeness_accuracy {
    max-width: 210px;
    margin: 16px auto auto auto;
    padding-bottom: 16px;
}
.search_results_likeness_accuracy_head {
    margin: auto!important;
}

.search_results_unlock_search_premium_default_img {
    /*display: none;*/
    z-index: 1!important;
      
    height: 8.8vmin!important;
    
    width: 100%!important;
    min-width: 160px!important;
    max-width: 340px!important;
    margin: 0px auto -8.8vmin auto!important;
    background-image: url("../images/d_unlock_search_premium.png");
    opacity: 0.38;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100px;
 
    }
.search_results_unlock_search_premium {
    /*display: none;*/
    z-index: 2!important;
    
    height: 8.8vmin!important;    
    width: 100%!important;
    min-width: 160px!important;
    max-width: 340px!important;
    margin: 0px auto 5.2vmin auto!important;
    
    background-image: url("../images/d_unlock_search_premium.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100px;
    }
.search_results_upgrade_to_premium:hover {
    opacity: 0.62;
}
.search_results_upgrade_to_premium:active { 
    opacity: 0.38;
    background-image: url("../images/d_upgrade_to_premium.png");
}

.search_results_likeness_range_slider_back {
    background-image: url('../images/search_results_likeness_accuracy_slider_back.png')!important; 
    background-size: cover;
}

.likeness_off_text {
    border-top: 3px solid #7e91e8;
    margin: 12px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    background: #7e91e8;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    font-size: 14px;
}
.likeness_off_li {
    border: 3px solid #7e91e8;
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px;
}

/* FITLER QUIZ MODAL QUESTION SECTION */
.search_filter_quiz_accordion_inner {
    
    padding-top: 5px!important;
    padding-right: 32.5px!important;
}
.check_hide {
    display: none!important;
}
.check_show {
    display: inherit;
}


.search_results_swiper_slide4_filter_row {
    display: none;
    z-index: 5;
    
    position: absolute;
    width: 100%;
    height: 100%;
    
    overflow-y: auto;
    /*background-color: #979cde;*/
    /*opacity: 0.97;*/
    /* grad blend to transparent */
    /* background: rgba(151,155,222,0.75); */
    /* GREEN FADE */
    background: rgba(100, 175, 100, 0.79);
    /*
    background: -moz-linear-gradient(left, rgba(151,155,222,0.97) 0%, rgba(151,155,222,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(151,155,222,0.97)), color-stop(100%, rgba(151,155,222,0)));
    background: -webkit-linear-gradient(left, rgba(151,155,222,0.97) 0%, rgba(151,155,222,0) 100%);
    background: -o-linear-gradient(left, rgba(151,155,222,0.97) 0%, rgba(151,155,222,0) 100%);
    background: -ms-linear-gradient(left, rgba(151,155,222,0.97) 0%, rgba(151,155,222,0) 100%);
    background: linear-gradient(to right, rgba(151,155,222,0.97) 0%, rgba(151,155,222,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979bde', endColorstr='#979bde', GradientType=1 );
    */
    opacity: 0;
    -webkit-transition: all 0.7s cubic-bezier(0.47, 0, 0.75, 0.72);
    -moz-transition: all 0.7s cubic-bezier(0.47, 0, 0.75, 0.72);
    -ms-transition: all 0.7s cubic-bezier(0.47, 0, 0.75, 0.72);
    -o-transition: all 0.7s cubic-bezier(0.47, 0, 0.75, 0.72);
    transition: all 0.7s cubic-bezier(0.47, 0, 0.75, 0.72);
}
.fade_in {
    opacity: 1;
}
.fade_out {
    opacity: 0;
}

.search_results_swiper_slide2_filter_refresh_img {
    /*display: none;*/
    z-index: 6!important;
    left: 0;

    margin-top: 9px!important;
    margin-left: 2.8vmin!important;
    /*margin-right: 3.6vmin!important;*/
    width: 31.8vmin!important;
    height: 31.8vmin!important;
    margin-bottom: -31.8vmin!important;
    
    background-color: #5cb85c!important;
    /*background-color: #fbfbfd;*/
    
    /*background-image: url("../images/search_results_refresh.png");*/
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 300px; 
    border: 0.75vmin solid #fbfbfd;
    }

.search_results_swiper_slide2_filter_refresh {
    /*display: none;*/
    z-index: 7!important;
    
    bottom: 2.8vmin;
    position: fixed;
    left: calc(100% - 37.8vmin)!important;

    margin-left: 2.8vmin!important;
    width: 31.8vmin!important;
    height: 31.8vmin!important;
    
    background-image: url("../images/refresh-circle.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 300px;
    border: 0.55vmin solid #fbfbfd;
    }
.search_results_swiper_slide2_filter_refresh:hover {
    border: 0.7vmin solid rgba(251, 251, 253, 0.75);
    }
.search_results_swiper_slide2_filter_refresh:active {
    border: 1.25vmin solid #fbfbfd;
    }
.search_results_swiper_slide2_filter_refresh_side {
    /*display: none;*/
    z-index: 7!important;
    position: absolute;
    margin-top: 9.9vmin;
    left: 0;
    
    /*margin-top: 1vmin!important;*/
    margin-left: 32.8vmin!important;
    /*margin-right: 3.6vmin!important;*/
    width: auto!important;
    height: 12vmin!important;
    
    background-image: url("../images/search_results_refresh.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 300px;
    border: 0.55vmin solid #fbfbfd;
    }
.search_results_swiper_slide2_filter_refresh_side:hover {
    border: 0.7vmin solid rgba(251, 251, 253, 0.75);
    }
.search_results_swiper_slide2_filter_refresh_side:active {
    border: 1.25vmin solid #fbfbfd;
    }


.search_filter_head {
    width: 24vmin!important;
    color: #5a4ec7;
    font-family: Avenir-Heavy;
    font-size: 1em;
    line-height: 1.11em;
    margin: 5vmin auto 0px auto!important;
    padding: 3.3px 0px 1px 0px!important;
    text-align: center;
    background-color: #fbfbfd;
    border-radius: 30px!important;
    border: 12px solid #fbfbfd;
}

.search_results_filter_icon {
    width: 12.08vmin; 
    height: 12.08vmin;
    left: 5.7vmin;
    /*left: 12.658vmin;*/
    margin-top: 7vmin;
    margin-bottom: 7.82vmin;
    background: #fbfbfd;
    border-radius: 50%;
   
    -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
    transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);    
}
    .search_results_filter_icon_img {
        width: 12.08vmin; 
        height: 12.08vmin;
        border: 3px solid #fbfbfd;
        border-radius: 50%;
    }
        .search_results_filter_icon_close {
            position: absolute;
            z-index: 8;

            width: 7.46vmin; 
            height: 7.46vmin;
            border-radius: 50%;
            
            left: calc(18vmin + 12px);
            margin-top: -17.62vmin;
            
            -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
            -moz-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
            -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
            -o-transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
            transition: all 0.3s cubic-bezier(0.47, 0, 0.75, 0.72);
            
        }        
            .search_results_filter_icon_close_img {
                width: 7.46vmin; 
                height: 7.46vmin;
                box-shadow: inset 0px 0px 0px 5px #fff;
                border-radius: 50%;
            }
            
            .search_results_filter_icon_close_img:hover {
                border: 1px solid #fbfbfd;
            }
            .search_results_filter_icon_close_img:active {
                border: 2px solid #fbfbfd;
                -webkit-transition: all 0s;
                -moz-transition: all 0s;
                -ms-transition: all 0s;
                -o-transition: all 0s;
                transition: all 0s;
            }



/* SEARCH RESULTS SWIPRER SLIDE 2 - 

MATCHES - search results */

/* HEADER */

.search_results_header_back_row {
    
    height: 30%;
    overflow: auto;
    
    font-size: 12px;
    color: #5a4ec7;
    text-shadow: 0 0 1px #fbfbfd;
    background-color: #dde3ff !important;
    width: 100%;
    /* 2019-08-31 */
    /*padding: 5vmin 3vmin 3vmin 3vmin;*/
    margin-bottom: calc(2.8vmin - 9px);
    scrollbar-color: #697edd82 #e7e7e700;
    /*
    box-shadow: rgb(94 100 124) 0px 0px 75px 0px;
    border-bottom: 1px solid #a8aec8;
    */
    
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

    /* also save button on edit profile*/


.profile_settings_close_button {
    z-index: 9999;
    position: fixed;
    /*top: 24px; with bump*/
    top: 10px;
    left: -61px;
    border-radius: 50px;
    width: 61px;
    height: 61px;
    background-image: url(../images/icon_back_white.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

    .refresh_search,
    .save_profile_settings
{

        bottom: -100px;
        z-index: 9999;
        position: fixed;
        height: 92px;
        width: 100%;

        /*padding: 21px;*/
        /* color button green default */
        background: #7fbc7f;
        opacity: 1;
        
        /* color after filter add
        background: #5cb85c;
        */
        
        /*background: #778ee8!important;
        background: #5a4ec7!important;*/
        font-family: Avenir-Medium;
        font-size: 25px;
        text-shadow: 0 0 3px #000000;
        color: #fbfbfd;
        box-shadow: 0 1px 9px #00000082;

        border: 3px solid #fbfbfd;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .save_profile_settings {
        
    }
 
        .refresh_search_button_icon {
            height: 27px;
            width: 27px;
            margin-right: 18px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
        .save_profile_button_icon {
            height: 27px;
            width: 30px;
            margin-top: -5px;
            margin-right: 18px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

.rent_info_header_back_row {
    color: #5a4ec7;
    width: 100%;
    padding: 5vmin 0vmin 3vmin 0vmin;
    margin-bottom: calc(2.8vmin - 9px);
    
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.rent_info_listblock {
    margin-top: 0px;
    margin-bottom: 0px;
}
    .rent_info_ul {
        background: transparent!important;
        border-radius: 0px!important;
        border-top: 0px solid #e3e3e6;    
        border-bottom: 1px solid #e3e3e6;  
    }
.search_results_filter_list,
.rent_info_list {
    font-size: 18px;
}
    .rent_info_list_p {
        margin: 0px;
        color: #5a4ec7;
        padding: 10px;
    }


.search_results_searchee_trips {
    padding-top: 3px;
    padding-bottom: 9px;
    color: white;
}
    .search_results_searchee_trips_span {
        background: #5a4ec7;
        color: white;
        border-radius: 30px;
        padding: 4px 8px 1px 7px;
    }

    .search_results_searchee_trips_span_img {
        width: 10.6px;
        height: 10.6px;
    }
    
    


.search_filter_infobox_item_inner {
    padding: 7px 14px !important;
    min-height: 33px !important;
    font-size: 16px !important;
    color: #5a4ec7;
    text-shadow: none !important;
    background: rgba(246,246,246,1);
    border-radius: 25px;

}
.micro_infobox_item_inner {
    padding: 0px 0px 0px 0px !important;
    min-height: 33px !important;
    font-size: 16px !important;
    color: #5a4ec7;
    text-shadow: none !important;
    background: rgba(246,246,246,1);
    

}
    /* editted 2017-11-30 */
    .filter_badge {
        max-width: 79px;
        overflow: hidden;
        font-size: 15px!important;
        padding-top: 1.7px!important;
        padding-bottom: 0.9px!important;
        background: #5a4ec7!important;
        text-shadow: none!important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
  
.filter_warning_text, 
.personality_filter_warning_text {
    padding: 9px 21px 9px 21px!important;
    font-size: 15px!important;
    background: #7e91e8;
    text-shadow: 0 0 1px #000000;
    text-align: center!important;
    margin: 0px auto 7px auto!important;
}
.personality_filter_warning_text {
    background: #7e91e8;
}
    .filter_warning,
    .filter_warning_sub {    
        font-size: 13.3px!important;
        padding-top: 1.6px!important;
        padding-bottom: 0.9px!important;
        background: #5a4ec7!important;
        text-shadow: 0 0 1px #000000;
        text-align: center!important;
    }
        
    .filter_warning_sub {           
        text-decoration: underline;
        margin-bottom: 0px!important;
        background: #836df5!important;
        border-radius: 100px;
    } 
    

.personality_filter_warning {
    font-size: 14px;
    color: #fbfbfd;
    background: #7e91e8;
    width: 222px;
    margin: auto;
    border-radius: 19px;
    padding-top: 8px;
    padding-bottom: 4px;
}
.personality_filter_warning p{
    font-size: 18px;
    margin: 0px;
    line-height: 18px;
}
.personality_filter_warning_sub {
    background: #7fbc7f;
    font-family: Avenir-Medium;
    font-size: 25px;
    
    width: 80%;
    margin: 12px auto 25px;
    line-height: 55px;
    border-radius: 55px;
    min-width: 190px;
    
    text-shadow: 0 0 3px #000000;
    color: #fbfbfd;
    box-shadow: 0 1px 6px #00000082;
    border: 3px solid #fbfbfd;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.personality_filter_warning_sub:hover {
    background: #7fce7f;
    box-shadow: 0 1px 9px #00000082;
}
.personality_filter_warning_sub:active {
    background: #a7e9a7;
}

.search_results_header_infobox_cont {
    height: auto!important;
    min-height: 33px!important;
    max-width: 531px;      
    /* FOR TWO BUTTON SETUP SLIM */
    width: 100%;
    padding: 0px 12px 0px 12px;    
}
    .search_filter_infobox_col1{
        /*width: 33%!important;*/
        height: auto !important;
        margin: 12px!important;
    }
        .search_filter_infobox_widget1 {
            width: 100%!important;            
            height: auto !important;
        }

            .search_filter_infobox1 {
                /*background: green;
                height: 33px;
                width:100%;
                margin: 1.5vmin!important;
                */
            }
    .search_filter_infobox_col2{
        /*width: 33%!important;*/
        height: auto !important;
        margin: 12px!important;
    }
        .search_filter_infobox_widget2 {
            width: 100%!important;            
            height: auto !important;
        }

            .search_filter_infobox2 {
                /*background: green;
                height: 33px;
                width:100%;
                margin: 1.5vmin!important;
                */
            }

    .search_filter_infobox_col3{
        /*width: 33%!important;*/
        height: auto !important;
        margin: 12px!important;
        }
        .search_filter_infobox_widget3 {
            width: 100%!important;
            height: auto !important;
        }

            .search_filter_infobox3 {
                /*background: green;
                height: 33px;
                width:100%;
                margin: 1.5vmin!important;
                */
            }

.search_results_matches_found {
    margin-top: 30px; 
    font-size: 16px;
}

.search_results_info_back {
    padding-top: 61px;
}



.search_results_header_back {
    position: absolute; 
    margin-left: 3.5px; 
    height: 30px; 
    width: 30px; 
    top:3.5px; 
    border-radius: 50%; 
    
    background-image: url(../images/d_left_arrow25.png);
    background-position: center center;
    background-size: contain;
    
    background-color: #fbfbfd;
}
.search_results_header_back:hover {
    opacity: 0.61;
}
.search_results_header_back:active {
    opacity: 0.3;
}

.search_results_header1 {
    
}
.search_results_header1_img {
    color: #fbfbfd;
    position: absolute; 
    margin-left: 38.5px; 
    height: 30px; 
    width: 30px; 
    top:3.5px; 
    border-radius: 50%; 
    background-color: #5a4ec7;
    /*border-left: 1px solid #fbfbfd;*/
    /*border-right: 1px solid #fbfbfd;*/
    /*border-bottom: 2.5px solid #fbfbfd;*/
    
    /* shadow */
    -webkit-box-shadow: 0px 0px 0px 2.5px rgba(251,251,253,1);
    box-shadow: 0px 0px 0px 2.5px rgba(251,251,253,1);
    
}
.search_results_header1_img:hover {
    opacity: 0.61;
}
.search_results_header1_img:active {
    opacity: 0.3;
}
    .search_results_header_num1 {
        margin: 10px 0px 0px 7.5px!important;
    }

.search_results_header2 {
      
}
    .search_results_header2_img {
        position: absolute; 
        margin-left: 69.5px; 
        height: 30px; 
        width: 30px; 
        top:3.5px; 
        border-radius: 50%; 
        color: #5a4ec7;
        background-color: #fbfbfd;
    }
    .search_results_header2_img:hover {
        opacity: 0.61;
    }
    .search_results_header2_img:active {
        opacity: 0.3;
    }
        .search_results_header_num2 {
                margin: 10px 0px 0px 7.3px!important;
            }

.search_results_header3 {
    
}
    .search_results_header3_img {
        position: absolute; 
        margin-left: 100.5px; 
        height: 30px; 
        width: 30px; 
        top:3.5px; 
        border-radius: 50%; 
        color: #5a4ec7;
        background-color: #fbfbfd;
    }
    .search_results_header3_img:hover {
        opacity: 0.61;
    }
    .search_results_header3_img:active {
        opacity: 0.3;
    }
        .search_results_header_num3 {
            margin: 10px 0px 0px 7.6px!important;
        }

.search_results_header4 {
    
}
    .search_results_header4_img {
        position: absolute; 
        margin-left: 132px;
        height: 30px; 
        width: 30px; 
        top:3.5px; 
        border-radius: 50%;
        color: #5a4ec7;
        background-color: #fbfbfd;
    }
    .search_results_header4_img:hover {
        opacity: 0.61;
    }
    .search_results_header4_img:active {
        opacity: 0.3;
    }
        .search_results_header_num4 {
            margin: 10px 0px 0px 7.3px!important;
        }
.search_results_header5 {
    
}
    .search_results_header5_img {
        position: absolute; 
        right: 0; 
        margin-right: 101px; 
        height: 30px; 
        width: 30px; 
        top:3.5px; 
        border-radius: 50%;
        background-color: #fbfbfd;

        /*temp*/
        color: #e4dbf6;
    }
    .search_results_header5_img:hover {
        opacity: 0.61;
    }
    .search_results_header5_img:active {
        opacity: 0.3;
    }
        .search_results_header_num5 {
            margin: 10px 0px 0px 7.7px!important;
        }
.search_results_header6 {
    
}
    .search_results_header6_img {
        position: absolute; 
        right: 0; 
        margin-right: 70px; 
        height: 30px; 
        width: 30px; 
        top:3.5px; 
        border-radius: 50%;
        background-color: #fbfbfd;

        /*temp*/
        color: #e4dbf6;
    }
    .search_results_header6_img:hover {
        opacity: 0.61;
    }
    .search_results_header6_img:active {
        opacity: 0.3;
    }
        .search_results_header_num6 {
            margin: 10px 0px 0px 7.6px!important;
        }
.search_results_header_7 {
    
}
    .search_results_header7_img {
        position: absolute; 
        right: 0; 
        margin-right: 39px; 
        height: 30px; 
        width: 30px; 
        top:3.5px; 
        border-radius: 50%;
        background-color: #fbfbfd;

        /*temp*/
        color: #e4dbf6;

    }
    .search_results_header7_img:hover {
        opacity: 0.61;
    }
    .search_results_header7_img:active {
        opacity: 0.3;
    }
        .search_results_header_num7 {
            margin: 10px 0px 0px 8.8px!important;
        }
.search_results_header_next {
    position: absolute; 
    right: 0; 
    margin-right: 3.5px; 
    height: 30px; 
    width: 30px; 
    top:3.5px; 
    border-radius: 50%; 
    
    background-image: url(../images/d_right_arrow.png);
    background-position: center center;
    background-size: contain;
    
    background-color: #fbfbfd;
}
.search_results_header_next:hover {
    opacity: 0.61;
}
.search_results_header_next:active {
    opacity: 0.3;
}

.search_results_list_row {
    overflow-y: scroll;
    height: 100%;
    /*height: 100vh;*/
    /*background-color: #778ee8;*/
    background-color: #dde3ff;
}
.search_results_list {
    margin-top: 0px; 
    margin-bottom: 0px;
}


.search_results_swiper_slide2_section_row {
    z-index: 4;
    position: relative;
    width: 294px!important;
    height: 37px!important;
    margin: auto!important;
    
    /*border: 3px solid #fbfbfd!important;*/
    border-radius: 30px;
    background-color: #dde3ff!important;
    font-family: Avenir-Heavy;
    font-size: 25px;
    line-height: 16px;
    color: purple;
}

.searchee_slide2_pic {
    z-index: 4;
    margin-left: 2.8vmin!important;
    margin-right: 2.8vmin!important;
    width: 31.8vmin!important;
    height: 31.8vmin!important;
 /* max-width: 120px!important;
    max-height: 120px!important; */
 }

.searchee_slide2_status_line_icon {
    position: absolute;
    top: 0px;
    left: 0px!important;
    width: 0.8vmin!important;
    height: 100%!important;
    background-color: #5cb85c;
}
.searchee_slide2_status_line_icon_away {
    position: absolute;
    top: 0px;
    left: 0px!important;
    width: 0.8vmin!important;
    height: 100%!important;
    background-color: yellow;
}
.searchee_slide2_status_line_icon_busy {
    position: absolute;
    top: 0px;
    left: 0px!important;
    width: 0.8vmin!important;
    height: 100%!important;
    background-color: red;
}
.searchee_slide2_status_line_icon_nostat {
    position: absolute;
    top: 0px;
    left: 0px!important;
    width: 0.8vmin!important;
    height: 100%!important;
    background-color: gainsboro;
}
.searchee_slide2_status_line_icon_brb {
    position: absolute;
    top: 0px;
    left: 0px!important;
    width: 0.8vmin!important;
    height: 100%!important;
    background-color: dodgerblue;
}
/* new member on trip list icon*/
.searchee_slide2_message_icon {
    z-index: 999!important;
    position: absolute;
    border-radius: 50%!important;
    bottom: 12%!important;
    left: 29.1vmin!important;
    width: 4.8vmin!important;
    height: 4.8vmin!important;
    min-width: 15px!important;
    min-height: 15px!important;
    max-width: 43px!important;
    max-height: 43px!important;
    background-color: #5cb85c;
    /*background-color: #5a4ec7;*/

    margin-bottom: 12px;
    border: 1vmin solid white;
}
/* ITEM INNER search resuts */

    .search_results_searchee_item_inner {
        padding-right: 2.8vmin!important;
        margin-left: 15px!important;
    }
.searchee_item_title {
    max-width: 50%!important;
}
.searchee_item_after {
}

/* MUTUAL ITEMS TOP RIGHT CORNER ON SEARCH LIST */
.searchee_item_after_brands_row {
    min-height: 39px;
    width: 100%!important;
    /*position: absolute;
    right: 30px;*/
}

    .searchee_match_col_brands {
            
            float: right!important;
            
            width: 48%!important;
            margin-right: 4%!important;
            /*
            padding-left: 0px !important;
            padding-right: 0px !important;
            */
            
            min-width: 37px!important;
            max-width: 160px!important;            
            height: 8vmin!important; 
            min-height: 28px!important;
        }
        .urow.cright > .searchee_match_col_brands {
            padding-left: 0px !important;
        }
        .urow:not(.cright) > .searchee_match_col_brands {
            clear: left;
            padding-left: 0px !important;
        }

    .searchee_match_col_personalities {
            float: right!important;
            width: 48%!important;
            /*
            padding-left: 0px !important;
            padding-right: 0px !important;
            */
            min-width: 37px!important;
            max-width: 160px!important;
            height: 8vmin!important; 
            min-height: 28px!important;
        }
        .urow.cright > .searchee_match_col_brands {
            padding-right: 0px !important;
        }
        .urow:not(.cright) > .searchee_match_col_brands {
            clear: right;
            padding-right: 0px !important;
        }

        
        .searchee_match_item1 {
            z-index: 9!important;
            /*position: absolute;*/
            top: 0;
            min-width: 24px; 
            min-height: 24px;
            /* edited 2018-05-28 */
            max-width: 33px; 
            max-height: 33px;
            
            }
        .searchee_match_item2 {
            z-index: 9!important;
            /*position: absolute;*/
            top: 0;

            margin-left: 1.6vmin;
            min-width: 24px; 
            min-height: 24px;
            /* edited 2018-05-28 */
            max-width: 33px; 
            max-height: 33px;
            }
        .searchee_match_item_text {
            z-index: 9!important;
            /*position: absolute;*/
            width: 5.2vmin!important;
            height: 8vmin;
            margin-top: -8vmin;
            top: 1.2px;

            left: 5vmin;
            margin-bottom: 0px!important;                
            line-height: 8vmin;
            /*margin-top: -11.1px!important;*/
        }


.searchee_button_group {
    /*position: absolute;
    bottom: 0;
    right: 0;*/
    width: 100%!important;
    max-width: 430px;
    margin: 0px auto 0px auto!important;
}
    

    /* SEEN LIKED OPTIONS BUTTON */
    
    .searchee_seen_cont {
        z-index: 5;
        left: 0;
        border-radius: 50%!important;
        /*
        width: 15.1vmin !important;
        height: 15.1vmin !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 84px !important;
        max-height: 84px !important;        
        */
    }
    .searchee_like_cont {
        z-index: 5;
        margin-left: 36.7%!important;
        border-radius: 50%!important;
    }
    .searchee_options_cont {
        z-index: 5;
        margin-left: 73.4%!important;
        border-radius: 50%!important;
    }

    .searchee_seen, .searchee_like, .searchee_options {
        z-index: 2;
        position: absolute;
        border-radius: 50%!important;
        /*
        width: 15.1vmin !important;
        height: 15.1vmin !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 84px !important;
        max-height: 84px !important;
        */
        
    }
    .searchee_seen_img {
        z-index: 1;
        border-radius: 50%!important;
        background-image: url(../images/d_searchee_seen.png);
        background-size: cover;
        background-repeat: no-repeat;
        /*
        width: 15.1vmin !important;
        height: 15.1vmin !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 84px !important;
        max-height: 84px !important;
        */  
    }
    .searchee_like_img {
        z-index: 1;
        border-radius: 50%!important;
        background-image: url(../images/d_searchee_like.png);
        background-size: cover;
        background-repeat: no-repeat;
        /*
        width: 15.1vmin !important;
        height: 15.1vmin !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 84px !important;
        max-height: 84px !important;
        */  
    }
    .searchee_friend_img {
        z-index: 1;
        border-radius: 50%!important;
        background-image: url(../images/icon_add_friend.png);
        background-size: cover;
        background-repeat: no-repeat;
        border: 7px solid transparent;
        /*
        width: 15.1vmin !important;
        height: 15.1vmin !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 84px !important;
        max-height: 84px !important;
        */  
    }
    .searchee_message_img {
        z-index: 1;
        border-radius: 50%!important;
        background-image: url(../images/icon_message_friend.png);
        background-size: cover;
        background-repeat: no-repeat;
        border: 7px solid transparent;
        /*
        width: 15.1vmin !important;
        height: 15.1vmin !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 84px !important;
        max-height: 84px !important;
        */  
    }
    .searchee_options_img {
        z-index: 1;
        border-radius: 50%!important;
        background-image: url(../images/icon_options_friend.png);
        background-size: cover;
        background-repeat: no-repeat;
        border: 7px solid transparent;
        /*
        width: 15.1vmin !important;
        height: 15.1vmin !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 84px !important;
        max-height: 84px !important;
        */  
    }

    .searchee_options_white_img {
        z-index: 1;
        border-radius: 50%!important;
        background-image: url(../images/icon_options_friend_mini.png);
        background-size: cover;
        background-repeat: no-repeat;
        border: 9px solid transparent;
        /*
        width: 15.1vmin !important;
        height: 15.1vmin !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 84px !important;
        max-height: 84px !important;
        */  
    }

    .searchee_seen_cont:hover,
    .searchee_like_cont:hover,
    .searchee_options_cont:hover,
    
    .searchee_friend_img:hover,
    .searchee_options_img:hover,
    .searchee_options_white:hover,
    .searchee_options_white_img:hover,
    .searchee_message_img:hover
    {
        opacity: 0.82;
    }

        .searchee_seen:hover,
        .searchee_like:hover,
        .searchee_friend:hover,
        .searchee_message:hover,
        .searchee_options:hover
        {
            /*border: 0.25vmin solid #fbfbfd;*/
        }

        .searchee_seen:active,
        .searchee_like:active,
        .searchee_options:active
        {
            background: rgba(255, 255, 255, 0.62);
            border: none!important;
        }
        


    /* SWIPEOUT SEARCHEE BUTTON */

    .searchee_swipeout_button {
        z-index: 9999!important;
        position: absolute;
        /*padding-left: 5px!important;
        padding-right: 5px!important;*/
        /*border-radius: 50%!important;*/
        top: 16vmin!important;
        right: 0px!important;
        height: 12.7vmin!important;
    }
    .searchee_swipeout_button:hover {
        opacity: 0.75;
    }
    .searchee_swipeout_button:active {
        opacity: 0;
    }
        .searchee_swipeout_button_sprite {
            height: 12.7vmin;
            width: 3.3vmin;
            background-image: url(../images/user_options.png);
            background-position: center center;
            background-size:cover;
            background-repeat: no-repeat;
        }





/* SWIPEOUT on search results slide 2 */
    
.search_results_swipeout_icon {
    width: 21px;
    height: 21px;
    margin: -5px 9px 0px -12px !important;
}

#search_results_location_country_id {
    padding-right: 15px;
}



/* QUIZ DETAIL CSS */

.detail_quiz_row {    
    height: 100%;
    width: 100%!important;
    font-family: Avenir-Light;
    font-size: 16px;
    color: #5a4ec7;
    background-color: rgba(251, 251, 253, 0.62)!important;
    border-top-right-radius: 39px;
    border-bottom-right-radius: 39px;
    padding: 10px 21px 10px 10px;
}
.detail_quiz_col {
    height: 100%;
    width: 81%!important;
    padding-right: 0px!important;
}
    .detail_quiz_cont {
        height: 100%;
    }

.detail_quiz_question_top_left_row {
    height: 33.3%;
    display: flex;
    text-align: left;
    padding: 16px;
}
    .detail_quiz_question_top_left_col {
        display: flex;
        align-items: flex-start;
        margin: 0;
    }
.detail_quiz_question_mid_left_row {
    height: 33.3%;
    display: flex;
    text-align: left;
    padding: 16px;
}
    .detail_quiz_question_mid_left_col {
        display: flex;
        align-items: center;
        margin: 0;        
    }
.detail_quiz_question_bottom_left_row {
    height: 33.3%;
    display: flex;
    text-align: left;
    padding: 16px;
} 
    .detail_quiz_question_bottom_left_col {
        display: flex;
        align-items: flex-end;
        margin: 0;        
    }
        .detail_quiz_question_bottom_adjust {
            align-self: flex-end;
        }
/* QUIZ CSS */

.quiz_container {
    /*background-color: rgba(251, 251, 253, 0.38)!important;*/
    padding: 0px 10px 0px 10px!important;
}
.quiz_header_row {    
    /* 9 /100 */
    height: 9vh;
    min-height: 16px!important;
    max-height: 43px!important;
    /*margin-bottom: 1vh;*/
    
    background-color: #fbfbfd;
    padding-top: 1.6vh!important;
    font-family: Avenir-Heavy;
    font-size: 1.2em;
    color: #5a4ec7;
}
.quiz_header_text {}

.quiz_row {    
    height: 72.7vh!important;
    width: 100%!important;
    /* 9 header + 2.5 margin + 72.7 main + 3 margin = 87.2/100 */
    margin: 2.5vh auto 2.1vh auto!important;   
    max-width: 430px!important;
    max-height: 584px!important;
    font-family: Avenir-Medium;
    font-size: 16px;
    color: #5a4ec7;
    background-color: rgba(251, 251, 253, 0.62)!important;
    padding-top: 1.6vh;
    padding-bottom: 1.6vh;
    padding-right: 1.6vh;    
    border-radius: 16px;
    border-top-right-radius: 39px;
    border-bottom-right-radius: 39px;
    
}

.quiz_col {
    height: 69.5vh!important;
    width: 81%!important;
    max-height: 588px!important;
    padding-right: 0px!important;
}
.quiz_text_box_special {
    display: table-cell!important;
    vertical-align: bottom!important;
}
.quiz_question_top_left_row {
    height: 26.2vh!important;
    max-height: 210px;
    padding: 16!important;
    
    /*background-color: aqua;*/
}
    .quiz_question_top_left_col {
    height: 26.2vh!important;
    max-height: 210px;
    }
.quiz_dictionary_mid_left_row {
    height: 17.1vh!important;
    max-height: 140px;
    padding: 16!important;
    
    /*background-color: orange;*/
}
    .quiz_dictionary_mid_left_col {
    height: 17.1vh!important;
    max-height: 140px;
    }
.quiz_question_bottom_left_row {
    height: 26.2vh!important;
    max-height: 210px;
    padding: 16!important;
  
    /*background-color: aqua;*/
} 
    .quiz_question_bottom_left_col {
        display: flex;
        height: 26.2vh!important;
        max-height: 210px;
    }
        .quiz_question_bottom_adjust {
            align-self: flex-end;
        }

.quiz_slider_right_column {
    opacity: 0;
    height: 100%!important;
    width: 19%!important;
    /*max-width: 91px!important;*/
    padding-left: 0!important;
   
    border-radius: 100px!important;
    background-color: rgba(95, 145, 72, 0.1) !important;
    background-image: url(../images/quiz_page_scale_back.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
    
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.quiz_slider_widget {
    height: 100%!important;
    width: 19%!important;
    margin: auto!important;
}

.quiz_console_bottom_row {
    /*background-color: brown;*/
    /*position: fixed;
    bottom: 0px;*/
    /* 9 header + 2.5 margin + 72.7 main + 3 margin + 12 console = 99.2/100 */
    height: 12vh!important; 
    width: 100%!important;
    
    
    padding-right: 1.6vh;
    
    margin: 0px auto 0px auto!important;
    /*
    padding-left:
    padding: 7px 0px 0px 7px!important;*/
    max-width: 430px!important;
    
    min-height: 62px!important;
    max-height: 120px!important;
}


.quiz_console_left_column {
    height: 100%!important;
    width: 81%!important;    
    padding-right: 0px!important;
}

    .quiz_console_pause_button {
        position: absolute;
        left: 21px;    
        height: 11vw!important;
        width: 11vw!important;
        
        margin-top: 1vh;

        border-radius: 50%;
        /*background: rgb(217, 83, 79);*/

        background-image: url(../images/quiz_page_pause.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size:contain;

        min-width: 48px!important;
        max-width: 60px!important;
        min-height: 48px!important;
        max-height: 60px!important;
    }
    .quiz_console_pause_button:hover {
        border: 3px solid white;
    }
    .quiz_console_pause_button:active {
        opacity: 0.5;
    }

    .quiz_console_contact_button {  
        display: none;
        position: absolute;
        left: 100px;
        height: 11vw!important;
        width: 11vw!important;

        margin-top: 1vh;
        
        border-radius: 50%;
        /*background: #428bca;*/

        background-image: url(../images/quiz_page_report.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size:contain;

        min-width: 48px!important;
        max-width: 60px!important;
        min-height: 48px!important;
        max-height: 60px!important;
    }
    .quiz_console_contact_button:hover {
        border: 3px solid white;
    }
    .quiz_console_contact_button:active {
        opacity: 0.5;
    }

.quiz_console_right_column {
    /*
    position: absolute;
    top: 0;
    right: 1vh;   
    background-color: aquamarine;
    background-image: url(../images/quiz_page_next.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
    */
    height: 100%!important; 
    width: 19%!important;
    padding: 0!important;   
    
    
}
    .quiz_console_next_button {
    /*  position: absolute;
        right: 0px;
        */

        /*height: 100%!important;*/
        /*width: 100%!important;*/
        
        height: 17.8vw!important;
        width: 17.8vw!important;
        margin-bottom: 1.5vh;
        border: 3px solid rgba(251, 251, 253, 0.75);
        border-radius: 50%;
        background: #5cb85c;
        
        background-image: url(../images/quiz_page_next.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size:contain;

        min-width: 55px!important;
        max-width: 79px!important;
        min-height: 55px!important;
        max-height: 79px!important;
    }
    .quiz_console_next_button:hover {
        border: 4px solid rgba(251, 251, 253, 0.75);
    }
    .quiz_console_next_button:active {
        opacity: 0.5;
    }

.range_bar_adjusted 
{
    
    background: rgba(57,12,147,0);
    background: -moz-linear-gradient(top, rgba(57,12,147,0) 12%, rgba(57,12,147,1) 50%, rgba(57,12,147,0) 88%);
    background: -webkit-gradient(left top, left bottom, color-stop(12%, rgba(57,12,147,0)), color-stop(50%, rgba(57,12,147,1)), color-stop(88%, rgba(57,12,147,0)));
    background: -webkit-linear-gradient(top, rgba(57,12,147,0) 12%, rgba(57,12,147,1) 50%, rgba(57,12,147,0) 88%);
    background: -o-linear-gradient(top, rgba(57,12,147,0) 12%, rgba(57,12,147,1) 50%, rgba(57,12,147,0) 88%);
    background: -ms-linear-gradient(top, rgba(57,12,147,0) 12%, rgba(57,12,147,1) 50%, rgba(57,12,147,0) 88%);
    background: linear-gradient(to bottom, rgba(57,12,147,0) 12%, rgba(57,12,147,1) 50%, rgba(57,12,147,0) 88%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#390c93', endColorstr='#390c93', GradientType=0 );

}

.public_profile_page_content {
    height: calc(100% - 44.5px);
}

.public_profile_top_fixed {
    z-index: 999;
    position: fixed;
    top: 0;
    width: 100%;    
}

/* Public Profile */
.public_profile_top_nav_row {
    position: fixed;
    width: 100%;
    height: 0px!important;
}
.public_photos_top_nav_row {
    /* added for photos to bottom 2018-05-28 */
    position: fixed;
    width: 100%;
    height: 0px;
    bottom: calc(16.72vmin + 30px);
}
    .public_profile_top_nav_col {
        
    }
            .public_profile_top_nav_widget {
                
            }

/* NAV PUBLIC PROFILE */

/* BACK BUTTON (HUGGING LEFT) */
.public_profile_back_arrow_cont_left {
    position: absolute;
    left: 3vmin;
    top: 3vmin;
    width: 16.72vmin;
    height: 16.72vmin;
    max-width: 82px;
    max-height: 82px;
    border-radius: 50%;
    color: transparent;
}

.public_profile_back_arrow_left {
    position: absolute;
    z-index: 2;
    width: 16.72vmin;
    height: 16.72vmin;
    max-width: 82px;
    max-height: 82px;
    border-radius: 50%;
    color: transparent;
}
.public_profile_back_arrow_left_img {
    position: absolute;
    z-index: 1;
    width: 16.72vmin!important;
    height: 16.72vmin!important;
    max-width: 82px;
    max-height: 82px;
    border-radius: 50%!important;
    background-image: url(../images/hb.png);
    background-size: cover;
    background-repeat: no-repeat;
    
}
    .public_profile_back_arrow_left:hover {
        background-image: url(../images/hb.png);
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        max-width: 82px;
        max-height: 82px;
        border-radius: 50%!important;
        background-size: cover;
        background-repeat: no-repeat;
        border: 0.3vmin solid transparent;
    }
    .public_profile_back_arrow_left:active {
        background-image: url(../images/ab.png);
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        max-width: 82px;
        max-height: 82px;
        border-radius: 50%!important;
        background-size: cover;
        background-repeat: no-repeat;
    }



#public_photos_swiper_button_left_id {
 background-image:url(../images/left.png);
}
#public_photos_swiper_button_right_id {
    background-image:url(../images/right.png);
}

#public_photos_swiper_button_left_id,
#public_photos_swiper_button_right_id {
    color: transparent;
    background-size:contain;
    width:19vmin;
    height:19vmin;
    min-width:48px;
    min-height:48px;
    max-width:90px;
    max-height:90px;
    top:calc(82% - 8vmin);
}
    #public_photos_swiper_button_left_id:hover {
        border: 1px solid transparent;
    }
    #public_photos_swiper_button_left_id:active {
        opacity: 0.75;
    }
    #public_photos_swiper_button_right_id:hover {
        border: 1px solid transparent;
    }
    #public_photos_swiper_button_right_id:active {
        opacity: 0.75;
    }


/* BACK BUTTON PROFILE/PHOTOS */
.public_profile_back_arrow_cont {
    position: absolute;
    left: 25px;
    top: 9.38vmin;
    width: 10.33vmin;
    height: 10.33vmin;
    min-width: 45px;
    min-height: 45px;    
    max-width: 55px;
    max-height: 55px;
}
.public_profile_back_arrow {
    position: absolute;
    z-index: 2;
    width: 10.33vmin;
    height: 10.33vmin;
    min-width: 45px;
    min-height: 45px;
    max-width: 55px;
    max-height: 55px;
    background-image: url(../images/public_photos_exit.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-color: transparent;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    
}
    .public_profile_back_arrow:hover {
        border: 1px solid transparent;
    }
    .public_profile_back_arrow:active {
        opacity: 0.75;
    }

/* OPTIONS BUTTON */
.public_profile_options_cont {
    position: absolute;
    right: 23px;
    top: 9.38vmin;
    width: 10.33vmin;
    height: 10.33vmin;
    min-width: 45px;
    min-height: 45px;
    max-width: 55px;
    max-height: 55px;
}
.public_profile_options {
    position: absolute;
    z-index: 2;
    width: 10.33vmin;
    height: 10.33vmin;
    min-width: 45px;
    min-height: 45px;
    max-width: 55px;
    max-height: 55px;    
    background-image: url(../images/public_photos_menu.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-color: transparent;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
    .public_profile_options:hover {
        border: 1px solid transparent;
    }
    .public_profile_options:active {
        opacity: 0.75;
    }



    /* PROFILE MIDDLE BUTTONS - LIKE - SEEN */

    .public_profile_top_nav_middle_row {
        display: none;
        top: 3.4vmin;
        height: 0px!important;
        min-height: 0px!important;
        max-width: 325px;        
        margin: auto!important; 
        
        /* FOR TWO BUTTON SETUP SLIM */
        width: 42vmin;
        
        /* FOR TWO BUTTON SETUP */
        /*width: 38vmin;*/
        
        /* FOR THREE SLIM BUTTON SETUP */
        /*width: 52vmin;*/
        
        /* FOR THREE SLIM BUTTON SETUP (previous) */
        /*width: 55vmin;*/
        
        /* FOR THREE BUTTON SETUP */
        /*width: 61.8vmin!important;*/               
    }
       
    /* COL 1 SEEN */
    .public_profile_likeseen_cont_col1 {
        width: 21vmin!important;
        /*width: 16.72vmin!important;*/
        
        height: 16.72vmin!important;
        max-width: 104px;
    } 
        .urow.cright > public_profile_likeseen_cont_col1 {
            padding-left: 0px !important;
        }
        .urow:not(.cright) > public_profile_likeseen_cont_col1 {
            clear: left;
            padding-left: 0px !important;
        }

        .public_profile_likeseen_cont_widget1 {
            margin: auto!important;
            height: 16.72vmin!important;
        }

            /* PROFILE SEEN BUTTON */
            .public_profile_seen_cont {
                left: 0;
                width: 16.72vmin!important;
                height: 16.72vmin!important;
                border-radius: 50%!important;

                margin: 0!important;
                padding: 0!important;
                max-width: 82px;
                max-height: 82px;
                /*background-color: #fbfbfd;*/
            }
            .public_profile_seen {
                z-index: 2;
                position: absolute;
                width: 16.72vmin!important;
                height: 16.72vmin!important;
                max-width: 82px;
                max-height: 82px;
                border-radius: 50%!important;
                
            }
            .public_profile_seen_img {
                z-index: 1;
                width: 16.72vmin!important;
                height: 16.72vmin!important;
                border-radius: 50%!important;
                max-width: 82px;
                max-height: 82px;
                background-image: url(../images/hs.png);
                background-size: cover;
                background-repeat: no-repeat;
            }

                .public_profile_seen:hover {
                    background-image: url(../images/hs.png);
                    width: 16.72vmin!important;
                    height: 16.72vmin!important;
                    border-radius: 50%!important;
                    max-width: 82px;
                    max-height: 82px;
                    background-size: cover;
                    background-repeat: no-repeat;
                    border: 0.3vmin solid transparent;
                }
                .public_profile_seen:active {
                    background-image: url(../images/as.png);
                    width: 16.72vmin!important;
                    height: 16.72vmin!important;
                    border-radius: 50%!important;
                    max-width: 82px;
                    max-height: 82px;
                    background-size: cover;
                    background-repeat: no-repeat;
                    border: none!important;
                }
    
    /* COL 2 SEPARATOR COLUMN in LIKESEEN CONTAINTER */
    .public_profile_likeseen_likeseen_col2 {
        /* SETUP FOR MIDDLE SPREAD , otherwise width: auto */
        width: auto;
        margin: auto!important;
        max-width: 116px;        
    }
        .public_profile_likeseen_cont_widget2 {
            /* SLIM 3 button centered */
            
            top: 0;
            max-width: 116px;
            
            /* 52vmin on parent */
            /*width: 18.56vmin;*/
            
            /* 55vmin on parent */
            width: 21.56vmin;
            
            /* 61.8 WIDE on parent */
            /*width: 28.36vmin;*/
            
            
            
        }

        /* OPTIONS BUTTON (INSIDE) LIKESEEN CONTAINER */
        .public_profile_options_cont_inside {
           
            top: 0;          
            width: 10.33vmin!important;
            height: 10.33vmin!important;
            max-width: 50px;
            max-height: 50px;
            border-radius: 50%!important;
            background-color: #fbfbfd;
        }

    /* COL 3 LIKE */
    .public_profile_likeseen_cont_col3 {
        float: right!important;
        width: 21vmin!important;
        /*width: 16.72vmin!important;*/
        height: 16.72vmin!important;
        max-width: 104px;
    }
    .urow:not(.cright) > public_profile_likeseen_cont_col3 {
        clear: right;
        padding-right: 0px !important;
    }
      .urow.cright > public_profile_likeseen_cont_col3 {
        padding-right: 0px !important;
    }
    
    .public_profile_likeseen_cont_widget3 {
        margin: auto!important;
        height: 16.72vmin!important;
    }
    
        /* PROFILE LIKE BUTTON */
        .public_profile_like_cont {
            /*right: 0;*/
            float: right!important;
            width: 16.72vmin!important;
            height: 16.72vmin!important;
            border-radius: 50%!important;
            margin: 0!important;
            padding: 0!important;
            max-width: 82px;
            max-height: 82px;
            /*background-color: #fbfbfd;*/
        }
        .public_profile_like {
            z-index: 2;
            position: absolute;
            width: 16.72vmin!important;
            height: 16.72vmin!important;
            border-radius: 50%!important;
            max-width: 82px;
            max-height: 82px;
        }
        .public_profile_like_img {
            z-index: 1;
            width: 16.72vmin!important;
            height: 16.72vmin!important;
            border-radius: 50%!important;
            max-width: 82px;
            max-height: 82px;
            background-image: url(../images/hl.png);
            background-size: cover;
            background-repeat: no-repeat;
        }

            .public_profile_like:hover {
                background-image: url(../images/hl.png);
                width: 16.72vmin!important;
                height: 16.72vmin!important;
                border-radius: 50%!important;
                max-width: 82px;
                max-height: 82px;
                background-size: cover;
                background-repeat: no-repeat;
                border: 0.3vmin solid transparent;
            }
            .public_profile_like:active {
                background-image: url(../images/al.png);
                width: 16.72vmin!important;
                height: 16.72vmin!important;
                border-radius: 50%!important;
                max-width: 82px;
                max-height: 82px;
                background-size: cover;
                background-repeat: no-repeat;
                border: none!important;
            }
  


/* PUBLIC PROFILE BACKGROUND */
.public_profile_background_row {
    position: absolute;
    height: 100%;
    width: 100%;
    /*change to USER BACKGROUND */
    background-image: url(../images/newyork.jpg);
    background-size: cover;
    background-position: center center;
}

/* PUBLIC PROFILE top + bottom halves container */
.public_profile_row_outer {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    /*SELECTED colour over background */
    /*background-color: rgba(251, 251, 253, 0.38);*/
}
    .public_profile_col_outer {
        height: 100%;
        width: 100%;
    }
        .public_profile_widget_outer {
            height: 100%;
            width: 100%; 
        }

.public_profile_row_top_half {
    height: 50%;
    width: 100%;    
}
    .public_profile_col_top_half {
        height: 50%;
    }
        .public_profile_widget_top_half {
            height: 50%;
        }

.public_profile_row_bottom_half {
    width: 91%!important;
    max-width: 430px;
    margin: 0px auto 36px auto!important;
    
    border-radius: 34px;
    padding: 1px 19px 25px 19px;
    
    background: rgba(251,251,253,0.91);
    background: -moz-linear-gradient(top, rgba(251,251,253,0.91) 0%, rgba(246,246,246,0.93) 33%, rgba(251,251,253,0.97) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,0.91)), color-stop(33%, rgba(246,246,246,0.93)), color-stop(100%, rgba(251,251,253,0.97)));
    background: -webkit-linear-gradient(top, rgba(251,251,253,0.91) 0%, rgba(246,246,246,0.93) 33%, rgba(251,251,253,0.97) 100%);
    background: -o-linear-gradient(top, rgba(251,251,253,0.91) 0%, rgba(246,246,246,0.93) 33%, rgba(251,251,253,0.97) 100%);
    background: -ms-linear-gradient(top, rgba(251,251,253,0.91) 0%, rgba(246,246,246,0.93) 33%, rgba(251,251,253,0.97) 100%);
    background: linear-gradient(to bottom, rgba(251,251,253,0.91) 0%, rgba(246,246,246,0.93) 33%, rgba(251,251,253,0.97) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfd', endColorstr='#fbfbfd', GradientType=0 );
    
    /* original
    background-color: rgba(251, 251, 253, 0.91);*/
    
    /*background-color: #fbfbfd;
    background-color:rgba(251, 251, 253, 0.618);*/
    
}
    .public_profile_col_bottom_half {
        min-height: 50%!important;
    }
        .public_profile_widget_bottom_half {
            min-height: 50%!important;
        }

.public_profile_pic {
    /*change profile photo here */
    background-image: url(../images/user5.png);
    background-size: cover;
    background-repeat: no-repeat;
    
    width: calc((91vmin * 0.61) - 38px)!important;
    height: calc((91vmin * 0.61) - 38px)!important;
    max-width: 210px!important;
    max-height: 210px!important;
    margin: calc(((91vmin * 0.61) - 38px)/-2) auto 0px auto!important;
    border-radius: 50%;
    /*border: 21px solid transparent!important;*/   
}

@media screen and (min-width: 450px) {
    .public_profile_pic {
        margin-top: -105px!important;
       
    }    
} 
/*
.public_profile_pic_img {
    width: calc(61% + 38px)!important;
    height: auto!important;
    max-width: 210px!important;
    max-height: 210px!important;
    border-radius: 50%;
    border: 21px solid transparent!important;    
}
*/
.public_profile_premium_icon {
    display: none;
    /*position: absolute;*/
    margin: -10px auto -10px auto!important;
    width: 54px;
    height: 34px;
}
.public_profile_premium_icon_img {
    width: 54px!important;
    height: 34px;
}

.public_profile_console_row {
    max-width: 430px;
    margin: auto!important;
}

.public_profile_name {
    margin-top: calc(1.6vmin + 21px);    
    font-family: Avenir-Light;
    width: 62%!important;
    font-size: 25px;
    color: #5a4ec7;
    text-shadow: 0 0 7px #fbfbfd;
    border-bottom: 1.9px solid #5a4ec7;
    line-height: 1em;
    /*margin-top: 3px!important;*/
    padding-bottom: 0px!important;
    margin-bottom: 16px!important;
}
.public_profile_name_p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.public_profile_location {
    font-family: Avenir-Heavy;
    width: 62%!important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    color: #5a4ec7;
    text-shadow: 0 0 3px #fbfbfd;
    line-height: 1em;
}


.public_profile_middle_button_dark {
  z-index: 1;
  font-family: Avenir-Medium;
  margin-top: 36px;
  color: #fbfbfd;
  background-color: #5a4ec7;
  font-size: 17px;
  text-shadow: 0 0 7px #43399f;
  border: none;
  border-radius: 43px;
  padding-top: 3px;
  width: 47.1vw !important;
  max-width: 212px;
  height: 10.33vmin !important;
  max-height: 53.2px;
  min-height: 47.1px;
}
.public_profile_send_msg_cont {
    width: 100%;
    height: 100%;
    display: flex;
}
    .public_profile_send_msg_cont_inner {    
        display: flex;
        align-self: center;
        margin: 0px auto 1px;
    }
        .public_profile_send_msg_icon {
            height: 21px;
            width: 21px;
            background-image: url(../images/unread_messages_icon.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            margin: 2px 8px 0px -1px;
        }
            .member_profile_button_text {
                color: #fbfbfd;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 34vw;
                max-width: 192px;            
            }

/* PUBLIC PROFILE BUTTONS CONTAINER */

.public_profile_button_group {
    height: calc(5vmin + 41px) !important;
    max-height: 73px;
    width: 100% !important;
    margin-top: calc(7vmin - 41px) !important;
    margin-bottom: calc(4vmin + 44px) !important;
    
    /*USED ONLY ON THREE BUTTON COMBO*/
    /*margin-bottom: calc(3vmin + 67px) !important;*/
     
}
    /* NOT BEING USED AT THE MOMENT */
    .profile_middle_button_light {
        z-index: 1;
        font-family: Avenir-Medium;
        color: #5a4ec7;
        font-size: 19px;
        text-shadow: 0 0 7px #fbfbfd;
        border: 1.9px solid #5a4ec7;
        border-radius: 43px;
        height: 10.33vmin!important;
        max-height: 53.2px;
        min-height: 47.1px;
        padding-top: 3px;
        width: 47.1vw!important;
        max-width: 212px;
        min-width: 196px;
    }
    .profile_middle_button_dark {
        z-index: 1;
        font-family: Avenir-Medium;
        margin-top: 36px;
        color: #fbfbfd;
        background-color: #5a4ec7;
        /*background-color: #5a4ec7;*/
        font-size: 17px;
        /* text-shadow: 0 0 7px #fbfbfd; */
        border: none;
        border-radius: 43px;
        

        padding-top: 3px;
        width: 47.1vw!important;
        max-width: 212px;
        min-width: 196px;
        
        height: 10.33vmin!important;
        max-height: 53.2px;
        min-height: 47.1px;
                
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
    }
    .profile_middle_button_dark:hover {
        background-color: #9376e0;
    }
    /* DOES NOT WORK */
    .profile_middle_button_dark:active {
        opacity: 0.62;
    }

@media screen and (min-width: 800px) {
    .public_profile_button_group {
        margin-top: 7px!important;       
    }    
} 

.public_profile_button_third1 {
    position: absolute;
    height: inherit;
    min-height: 100px;
    max-height: 160px;
    /*max-height: 83px;*/
    left: 0%!important;
    width: 33.3%!important;
    padding: 0px 7% 0px 7%!important;
    /*background-color: aquamarine!important;*/    
}
    
    /* PROFILE CHAT BUTTON */
    .public_profile_chat_cont {
        left: 0;
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        border-radius: 50%!important;
        max-width: 82px;
        max-height: 82px;
        margin: 0!important;
        padding: 0!important;
    }
    .public_profile_chat {
        z-index: 2;
        position: absolute;
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        border-radius: 50%!important;
        max-width: 82px;
        max-height: 82px;
    }
    .public_profile_chat_img {
        z-index: 1;
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        border-radius: 50%!important;
        max-width: 82px;
        max-height: 82px;
        background-image: url(../images/hc2.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

        .public_profile_chat:hover {
            background-image: url(../images/hc2.png);
            width: 16.72vmin!important;
            height: 16.72vmin!important;
            border-radius: 50%!important;
            max-width: 82px;
            max-height: 82px;
            background-size: cover;
            background-repeat: no-repeat;
            border: 0.3vmin solid transparent;
        }
        .public_profile_chat:active {
            background-image: url(../images/ac2.png);
            width: 16.72vmin!important;
            height: 16.72vmin!important;
            border-radius: 50%!important;
            max-width: 82px;
            max-height: 82px;
            background-size: cover;
            background-repeat: no-repeat;
        }


.public_profile_button_third2 {
    position: absolute;
    height: inherit;
    min-height: 128px;
    max-height: 181px;
    /*max-height: 106px;*/
    right: 33.3%!important;
    width: 33.3%!important;
    /*ADD WHEN THREE BUTTON COMBO */
    /*padding: 19px 7% 0px 7%!important;*/   
}
    /* PROFILE INVITE BUTTON */
    .public_profile_invite_cont {
        left: 0;
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        border-radius: 50%!important;
        max-width: 82px;
        max-height: 82px;
        margin: 0!important;
        padding: 0!important;
        max-width: 82px;
        max-height: 82px;
    }
    .public_profile_invite {
        z-index: 2;
        position: absolute;
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        border-radius: 50%!important;
        max-width: 82px;
        max-height: 82px;
    }
    .public_profile_invite_img {
        z-index: 1;
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        border-radius: 50%!important;
        max-width: 82px;
        max-height: 82px;
        background-image: url(../images/hi.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

        .public_profile_invite:hover {
            background-image: url(../images/hi.png);
            width: 16.72vmin!important;
            height: 16.72vmin!important;
            border-radius: 50%!important;
            max-width: 82px;
            max-height: 82px;
            background-size: cover;
            background-repeat: no-repeat;
            border: 0.3vmin solid transparent;
        }
        .public_profile_invite:active {
            background-image: url(../images/ai.png);
            width: 16.72vmin!important;
            height: 16.72vmin!important;
            border-radius: 50%!important;
            max-width: 82px;
            max-height: 82px;
            background-size: cover;
            background-repeat: no-repeat;
        }

.public_profile_button_third3 {
    position: absolute;
    height: inherit;
    min-height: 100px;
    max-height: 160px;
    /*max-height: 83px;*/
    right: 0!important;
    width: 33.3%!important;
    padding: 0px 7% 0px 7%!important;   
}

    /* PROFILE MAIN OPTIONS BUTTON (LOCATED IN CONTENT AREA) */
    .public_profile_mainoptions_cont {
        left: 0;
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        border-radius: 50%!important;
        max-width: 82px;
        max-height: 82px;
        margin: 0!important;
        padding: 0!important;
    }
    .public_profile_mainoptions {
        z-index: 2;
        position: absolute;
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        border-radius: 50%!important;
        max-width: 82px;
        max-height: 82px;
    }
    .public_profile_mainoptions_img {
        z-index: 1;
        width: 16.72vmin!important;
        height: 16.72vmin!important;
        border-radius: 50%!important;
        max-width: 82px;
        max-height: 82px;
        background-image: url(../images/ho.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

        .public_profile_mainoptions:hover {
            background-image: url(../images/ho.png);
            width: 16.72vmin!important;
            height: 16.72vmin!important;
            border-radius: 50%!important;
            max-width: 82px;
            max-height: 82px;
            background-size: cover;
            background-repeat: no-repeat;
            border: 0.3vmin solid transparent;
        }
        .public_profile_mainoptions:active {
            background-image: url(../images/ao.png);
            width: 16.72vmin!important;
            height: 16.72vmin!important;
            border-radius: 50%!important;
            max-width: 82px;
            max-height: 82px;
            background-size: cover;
            background-repeat: no-repeat;
        }

/* public profile accordion */


.public_profile_my_trips {
    width: 100%;
    height: 100%;
}

.public_profile_match_data_head {
    width: 84%!important;
    font-size: 25px!important;
    color: #5a4ec7!important;
    font-family: Avenir-Light;
    text-shadow: 0 0 7px #fbfbfd;
    border-bottom: 1.9px solid #5a4ec7;
    padding-bottom: 7px!important;    
    text-align: center;
    margin: 39px auto calc(0.4vmin + 16px) auto!important;
}

    .public_profile_data_line_cont {
        width: 100%;
        padding: 12px 14px;
        }
    .public_profile_data_line {
        height: 1px;
        margin: 10px 0px 10px 0px;
        background: rgba(211, 211, 211, 1);
        /*background: rgba(128, 95, 216, 0.39);*/
    }



.public_profile_accordion_listblock {
    z-index: 2;
    width: 93%!important;
    /*width: 100%!important;
    padding: 0px 4.03vmin!important;*/
    margin: calc(0.7vmin + 5px) auto 0px auto!important;
    background: transparent!important;
    font-size: 14px;
    text-align: left!important;
    border-radius: 55px!important;
    max-width: 430px!important;
}


.public_profile_accordion_ul {
    background-color: transparent!important;
    border-radius: 55px;
}
.member_profile_accordion_li,
.public_profile_accordion_li {
    color: #5a4ec7!important;    
    font-size: 18;
    background: transparent;!important;
    
    padding-left: 3px;
    /*border-radius: 55px!important;*/
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /*
    background-color: #5cb85c!important;
    light purple (perfect)
    background: #5a4ec7!important;
    dark purple (perfect)
    background: #6e49d0!important;
    denver blue (darker than group buttons)
    background: #778ee8!important;
    group buttons blue
    background: rgba(143,165,233,1);!important;
    */
  
    /*
    color: #fbfbfd;
    color: #5a4ec7;
    font-size: 1em;
    background-color: #7e91e8!important;
    */
    
}  

#member_profile_shared_destinations_li_id ,
#member_profile_shared_interests_li_id,
#member_profile_shared_destinations_li_id,
#member_profile_matching_destinations_id ul,
#member_profile_matching_interests_id ul,
#member_profile_matching_personality_id ul
{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}


.member_profile_small_button_dark {
    
    z-index: 1;
    font-family: Avenir-Medium;
    margin: 10px auto 20px auto;
    color: #fbfbfd;
    background-color: #5a4ec7;
    font-size: 17px;
    border: none;
    border-radius: 43px;

    padding-top: 3px;
    width: 61.8%;
    min-width: 130px;
    max-width: 212px;    

    height: 30px;
    max-height: 53.2px;
    min-height: 47.1px;

    display: flex!important;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
}
.member_profile_small_button_dark:hover {
    background-color: #9376e0;
}
/* DOES NOT WORK */
.member_profile_small_button_dark:active {
    opacity: 0.62;
}
    .member_profile_small_button_icon {
        height: 14px;
        width: 14px;
        background-image: url(../images/icon_back_white.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin: 0px 0px 0px 7px;
    }
.member_profile_accordion_text {
    padding-bottom: 7px;
}

.dashboard_alerts_notifications_trailer, 
.dashboard_alerts_matches_trailer, 
.dashboard_alerts_requests_trailer,
.alerts_notifications_trailer, 
.alerts_matches_trailer, 
.alerts_requests_trailer,
.member_destinations_trailer,
.member_interests_trailer,
.member_personality_trailer {
    display: none;
    height: auto;
    flex-direction: column;
    text-align: center;
    font-family: Avenir-Light;    
    padding: 19px;
    background: #edebf9;
    color: #5a4ec7;
    transition: all 0.7s ease-out;
}
    .dashboard_alerts_trailer_p1 {
        font-size: 23px;
    }
    .dashboard_alerts_trailer_p2 {
        font-size: 16px;
        padding: 0px 10px 7px 10px;
        margin: 5px 10px 10px 10px!important;
    }


.member_destinations_trailer
.member_interests_trailer,
.member_personality_trailer {
    transform: scale(0);
    height: 0px;
    padding: 0px;
}

.member_profile_nomatch_scroll_trailer {
    transform: scale(0);
    height: 0px;
    background: #edebf9;
    color: #5a4ec7;
    transition: all 0.7s ease-out;
}

.public_profile_data_intro {
    margin: 0px 12px;
    padding: 12px 0px 12px 0px;
    border-top: rgba(211, 211, 211, 0.69) 1px solid;
}
.public_profile_data_entry {
    padding-bottom: 12px;
    border-radius: 30px;
    border-bottom: rgba(211, 211, 211, 0.69) 1px solid;

    background: -webkit-linear-gradient(rgb(251,251,254), rgb(231,237,244)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(251,251,254), rgb(231,237,244)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(251,251,254), rgb(231,237,244)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(251,251,254), rgb(231,237,244)); /* Standard syntax (must be last) */
    overflow: hidden;
}

.public_profile_data_img {
    margin: 5px 12px -12px 8px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #fbfbfd;
}                                           

.public_profile_data_title {
    
    font-family: Avenir-Heavy;
    font-size: 18px;
    line-height: 28px;
    width: 100%!important;
    text-overflow: ellipsis;
    margin: -25px 68px;
    overflow: hidden;
    white-space: nowrap;
    height: 50px;
    padding-right: 84px;
}

.public_profile_info_cont {
    width: 100%;
    height: 100%;

    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-justify-content: center;    
    justify-content: center;
    -webkit-align-content: center;    
    align-content: center;
}

.public_profile_info_row {
    width: auto!important;
    height: auto!important;
    max-width: 430px;
    margin: auto!important;    
    height: 150px;
    /*background-color:rgba(201, 251, 253, 0.618);*/
}
.public_profile_info_margin1_top {
    margin-top: 33px!important;
}
.public_profile_info_margin2_top {
    margin-top: 16px!important;
}
    .public_profile_match_col_brands_title {
        float: left;
        width: auto;
        height: auto!important;
        /*min-width: 128px!important;
        max-width: 190px!important;*/
        height: 8vmin!important;
        min-height: 28px!important;  
        padding-right: 3px!important;
        text-align: right;
        line-height: 8vmin;
    }
    .public_profile_match_col_brands {
        float: right;
        width: auto;
        height: auto!important;
        /*min-width: 128px!important;
        max-width: 190px!important;*/
        height: 8vmin!important; 
        min-height: 28px!important;
        padding-left: 4px!important;
        padding-right: 0px!important;
    }

    .public_profile_match_col_personalities_title {
        float: left;
        width: auto;
        height: auto!important;
        /*min-width: 128px!important;
        max-width: 190px!important;*/
        height: 8vmin!important;
        min-height: 28px!important;
        padding-right: 3px!important;
        text-align: right;
        line-height: 8vmin;
        margin-top: 19px!important;
    }
    .public_profile_match_col_personalities {
        float: right;
        width: auto;
        height: auto!important;
        /*min-width: 128px!important;
        max-width: 190px!important;*/
        height: 8vmin!important;   
        min-height: 28px!important;
        padding-left: 4px!important;
        padding-right: 0px!important;
        margin-top: 19px!important;
    }


        /* match items */
        .public_profile_searchee_match_item1 {
            z-index: 9!important;
            
            /*top: 0;*/
            width: 9vmin; 
            height: 9vmin;
            min-width: 28px; 
            min-height: 28px;
            max-width: 55px; 
            max-height: 55px;
            border-radius: 64px; 
            background-color: #fbfbfd; 
            border: calc(5.3px - 0.19vh) solid transparent;
            /*margin-left: -13.8vmin;*/
        }
        .public_profile_searchee_match_item2 {
            z-index: 8!important;
            
            /*top: 0;
            margin-left: -5.2vmin;*/
            width: 9vmin; 
            height: 9vmin;
            min-width: 28px; 
            min-height: 28px;
            max-width: 55px; 
            max-height: 55px;
            border-radius: 64px; 
            background-color: #fbfbfd; 
            border: calc(5.3px - 0.19vh) solid transparent;
            /*margin-left: -13.8vmin;*/
        }
        .public_profile_searchee_match_item3 {
            z-index: 7!important;
            
            /*top: 0;
            margin-left: -5.2vmin;*/
            width: 9vmin; 
            height: 9vmin;
            min-width: 28px; 
            min-height: 28px;
            max-width: 55px; 
            max-height: 55px;
            border-radius: 64px; 
            background-color: #fbfbfd; 
            border: calc(5.3px - 0.19vh) solid transparent;
            
            margin-bottom: 0vmin;
            margin-left: -5.2vmin;

        }

        .public_profile_searchee_match_item_cont {
            margin: 0;
            height: 0px;

        }
            /* added 2018-12-12 */
            .public_profile_searchee_match_item_text_adjusted {
                z-index: 9!important;
                line-height: 0;
                margin: 0px 0px calc(-7vmin - 5px) 5vmin;
                
                /*
                margin: 0px 0px -7vmin 5vmin;
                margin: 0px 0px calc(-54% - 7.5px) 5vmin;
                margin-bottom: -4vmin;
                */
            }
            .public_profile_searchee_match_item_text {
                z-index: 9!important;
                line-height: 0;
                /*margin-bottom: -4vmin;*/
                margin: 0px;
            }
                /* added 2018-12-12 */
                .public_profile_searchee_match_counter {
                    margin: 0px 0px -4vmin 16px;
                }




    
/* PUBLIC PHOTOS PAGE */
.public_photos_page_nav_row {
    z-index: 10;
    /*position: absolute;*/
    background-color: azure!important;
    opacity: 0.3!important;
    height: 70px!important;
}



/* PUBLIC PHOTOS SWIPER */
.black {
    background: none!important;
}

.public_photos_swiper_container {
    
    height: 100%!important;
}
.public_photos_swiper_pagination {
    opacity: 0;
    width: 100%;
    bottom: 20px;
    position: absolute;
    z-index: 99;
    display: flex;
    flex-direction: row;
    
}
    .public_photos_swiper_slide_initial {
        background-color: black;
    }

        .public_photos_swiper_slide_row_photo_initial {
            height: 100%;
            width: 100%;
            /* change to USER PHOTO */
            /*background-image: url(../images/newyork.jpg);*/
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: black!important;
        }
    .public_photos_swiper_slide2_sequential {
        background-color: black;
    }
        .public_photos_swiper_slide_row_photo_sequential {
            height: 100%;
            width: 100%;
            /* change to USER PHOTO */
            background-image: url(../images/landing_learn_more_pic_filler.jpg);
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: black!important;
        }
        .public_photos_swiper_slide_row_photo_sequential2 {
            height: 100%;
            width: 100%;
            /* change to USER PHOTO */
            background-image: url(../images/sailor2.jpg);
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: black!important;
        }


/* swiper pagination (used in landing + photos + learnmore) 
color test blue: #778ee8 (photos) */


.swiper-pagination-bullet {  
    width: 12px;
    height: 12px;
    margin: 0px 3px;
    display: inline-block;
    border-radius: 100%;
    border: 2px solid rgba(255, 255, 255, 1);
    background: transparent;
    opacity: 1;
    transform: scale(1);
    
    -webkit-transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72);
    -moz-transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72);
    -ms-transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72);
    -o-transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72);
    transition: all 0.12s cubic-bezier(0.47, 0, 0.75, 0.72);

    /*
    border: 1.9px solid #5a4ec7!important;
    background: #007aff;
    opacity: 0.43;  
    background: #5a4ec7!important;*/

    
}

.swiper-pagination-bullet-active { 
    /*
    width: 12px;
    height: 12px;
    opacity: 1;
    border: 1.6px solid rgba(255, 255, 255, 1);
    background: #5a4ec7;
    transform: scale(1.51);
    */
    
    /*border-top: 5px solid #5a4ec7;*/
}

/*
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: none;
    
    border:1px solid #aaa;
    border-radius: 0 0 0 0;
       
    opacity:1;
    cursor: pointer;
}
*/


/* added positioning - alternation of f7 * 2018-05-28 */
/* changed again 2020-05-18
swiper-pagination-fraction, 
.swiper-pagination-custom, 
.swiper-container-horizontal > .swiper-pagination-bullets
{
    top: 16px;
}
*/

/* PROFILE SETTINGS */


.offer_travel_accordion {
    z-index: 7;    
    
    text-align: left;
    border-radius: 30px;
    color: black;
    border-radius: 37px!important;    
    text-align: left; 
    margin-top: 39px!important;
    margin-bottom: 39px!important;    
    /*border: 1px solid #c8c7cc;*/
}

    .offer_travel_accordion_li {
        text-align: left;
        background: #e6e9ff;
        border-radius: 30px;
    }

    /* ADD ON EDIT + accordion-item-expanded on accordion-item */
       
        /* change to 142px */
        .offer_travel_itemtitle {
            max-width: 450px!important;
            /*
            max-width: 142px!important;
            */
        }
        /* remove display none */
        .offer_travel_replace {
            /* 
            display: none;
            */
            z-index: 9;
            position: absolute;
            color: #fbfbfd;
            width: 142px;
            height: 51px;
            margin-top: 6px;
            border-radius: 70px !important;
            right: 8px;
            background: #5cb86a69;
        }
        .offer_travel_replace:active {
            background: #5cb86a88;
        }

            .offer_travel_replace_text {
                margin: 2px 9px 0px -7px;
            }
            .offer_travel_replace_img {
                width: 45px;
                height: 45px;
                border-radius: 50px;
                /*
                box-shadow: 0px 1px 3.3px rgba(136, 136, 136, 0.93);
                border: 2.5px solid #fbfbfd;
                */                
                background-image: url("../images/refresh-circle.png");
                background-position: center center;
                background-repeat: no-repeat;
            }

.offer_travel_profile_swiper_container {
    border-bottom-left-radius: 27px;
    border-bottom-right-radius: 27px;
}

.profile_settings_offer_travel_accordion_content {
    width: 100%;
    height: 100%;
    padding: 18px 30px;
    background: #e6e9ff;
    border-bottom-left-radius: 27px;
    border-bottom-right-radius: 27px;
}
.custom_ul_offer_travel {
    margin-bottom: 21px!important;
}
.custom_ul_offer_travel_bottom {
    margin-bottom: 0px;
}

.custom_listblock_unsub {
    transform: scale(0.7);
    margin-top 10px;
}



.custom_ul_offer_travel,
.custom_ul_offer_travel_mid,
.custom_ul_offer_travel_bottom {
    background: #dde3ff;
    padding: 3px !important;
    text-align: left !important;
    border-radius: 30px !important;
    font-family: Avenir-light !important;
    font-weight: 100;
}

.custom_ul_offer_travel_mid {
    padding: 5px 0px 10px !important;
    margin-bottom: 21px !important;
}


.offer_email_li {    
    max-width: 279px;
    padding-left: 57px;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;    
}
    .offer_icon_email_cont {
        width: auto;
        max-width: 77px;
        /*
        margin-top: -1px;
        margin-left: 6px;
        */
        margin-top: 10px;
        margin-left: 5px;
    }
    .offer_email_iteminner {
        padding-right: 0px !important;
        border-bottom: 1px solid #5050af;
    }
        .offer_email_iteminput_adjust {
            margin-top: -1px !important;
            margin-bottom: -6px !important;
        }
            .offer_email_text_field_input {
                font-family: Avenir-Light !important;
                color: #5a4ec7 !important;
                font-size: 25px !important;
                margin-left: 5px;
                
                border-bottom: 1px solid #5a4ec7;
                margin-top: 6px;
                line-height: 45px;
            }

.offer_phone_li {
    max-width: 294px;
    padding-left: 39px;
    border-radius: 30px;
    margin-top: 0px;
}
    .offer_phone_code {
        position: absolute;
        padding-left: 0px !important;
    }
        .offer_phone_code_inner {
            width: 75px !important;
            color: #5a4ec7;
            font-size: 25px;
            font-family: Avenir-Light;
            margin: 6px 0px 0px 12px;
            border-bottom: 1px solid #5a4ec7;
            line-height: 45px!important;
        }
    .offer_phone_code_inner_label {
        margin-left: 64px;
        padding-right: 16px !important;
    }
        .offer_phone_iteminner {
            padding-right: 0px;
            border-bottom: 1px solid #5050af;
        }
            .offer_phone_iteminput_adjust {
                margin-top: -1px !important;
                margin-bottom: -6px !important; 
            }
                .offer_phone_text_field_input {
                }

.offer_header_sub {
    text-align: center;
    /*margin: 12px auto 4px;*/
    line-height: 3;
    font-family: Avenir-light !important;
    font-weight: 100;
}

.offer_email_label {
    margin-left: 3px;
    padding-right: 16px !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.offer_icon_name_cont,
.offer_icon_loc_cont,
.offer_icon_phone_cont,
.offer_icon_email_cont,
.offer_icon_destination_cont
{
    position: absolute;
    width: 52px;
    margin-top: 11px;
    transform: scale(1);
    
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-align-content: center !important;
    align-content: center !important;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.offer_icon_email_cont {
    
}

.offer_icon_destination_cont {
    margin-top: 14px;
}

.profile_settings_offer_travel_new_option {
    display: none;
}

.offer_contact_banner {
    transform: scale(0);
    height: 0px;
    width: 100%;
    color: #2e7348;
    background-color: #cff0d9;
    text-shadow: 0 0 1px #fbfbfd;
    display: flex !important;
    justify-content: center;
    font-family: Avenir-Light;
    border-radius: 50px;
    text-align: center;

    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

#profile_settings_offer_travel_phone_cont_id {
    display: none;
}

.profile_settings_offer_travel_dates_input {
    color: #5a4ec7 !important;
    font-weight: 600;
    font-family: avenir-light !important;
    font-size: 19px !important;
    cursor: pointer;
}



.offer_contact_email_span,
.offer_contact_mobile_span
    {

        /*
        color: #2e7348;        
        border: 1px solid #2e73483b;
        */
        color: #5050af;        
        border: 1px solid #5050af;
        
        text-shadow: 0 0 1px #fbfbfd;
        background: transparent;

        opacity: 1;
        width: 111px;
        margin: 6px;
        font-family: Avenir-Light;

        border-radius: 33px;  
        line-height: 30px;

        white-space: nowrap;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; 
  
    }

.offer_contact_email_span {
    color:white;
    text-shadow:none;
    background:#5050af;
    border:1px solid #5050af;
    line-height:30px;
}
    
.offer_contact_mobile_span {    
    color:#5050af;
    text-shadow:0 0 1px #fbfbfd;
    background:transparent;
    border:1px solid #5050af;
    line-height':30px;
}

.offer_travel_remove_button {
    transform: scale(0.7);
    width: calc(100% - 117px) !important;
    margin: 0px auto 16px !important;
    text-align: center;
    padding-top: 1px;
    background: #fbfbfd !important;
    color: #5a4ec7 !important;
    border: 1px solid #5d52c9 !important;
}



.text_subhead {
    font-size: 17px;
    font-family: Avenir-Medium;
    color: black;
}

.profile_settings_page_content {
    height: 100%;
    padding-bottom: 100px
}
.profile_settings_row_outer {
    
    font-family: Avenir-Medium;
    padding: 19px 10px 0px 10px!important; 
    margin: auto!important;
}
.profile_settings_delete_row_outer {
    max-width: 430px!important;
    font-family: Avenir-Medium;
    padding: 5px 10px 0px 10px!important; 
    margin: auto!important;
}

.profile_settings_head {
    color: white;
    font-family: Avenir-Heavy;
    text-shadow: 0 0 1px #000000;
    font-size: 1.6em;
    margin-top: 12px;
}

.profile_settings_icon {
    z-index:2;
    
    height: 70px!important;
    width: 70px!important;
    margin-bottom:-35px;
    border-radius: 50%;}
.profile_settings_icon_img {
    height: 70px!important;
    width: 70px!important;
    border-radius: 50%;
}

.profile_settings_row {
    background-color: #fbfbfd;
    font-size: 1.2em;
    border-radius: 27px;
    margin-bottom: 50px; 
    padding-top: 15px;
    max-width: 430px;
    
}

/* 2022 */
#profile_settings_password_reset_li_id {
    font-family: Avenir-Medium;
    color: #5a4ec7;
}
#profile_settings_password_reset_li_id li {
    max-width: 86.4%;
}
.profile_settings_password_reset_cont {
    width: 100%;
    height: 100%;
    padding: 18px 30px;
}
.profile_settings_type_password_label {
    font-size: 19px;
    margin: 30px auto -15px 3px!important;
    border-bottom: 0px solid #5a4ec7;
}

.profile_settings_type_password_label_sub_top,
.profile_settings_type_password_label_sub,
.profile_settings_type_password_label_sub_bottom {
  padding-bottom: 0px;
  width: 100% !important;
  font-family: Avenir-Light;
  color: grey;
  font-size: 15px;
  border-bottom: 0px solid #5a4ec7;
}
.profile_settings_type_password_label_sub_top {
  margin: 30px auto 0px 25px !important;
}  
.profile_settings_type_password_label_sub {
  margin: 0px auto 0px 25px !important;
}
.profile_settings_type_password_label_sub_bottom {
  margin: 0px auto 18px 25px !important;
}
    
.profile_settings_top_view_button {
    color: #5cb85c!important;
    border: 1px solid #5cb85c!important;
    height: 43px!important;
    line-height: 46px!important;
    border-top-left-radius: 27px!important;
    border-bottom-left-radius: 27px!important;
}
.profile_settings_top_save_button {
    background: #5cb85c!important;   
    line-height: 46px!important;
    height: 43px!important;
    border-top-right-radius: 27px!important;
    border-bottom-right-radius: 27px!important;
}   



/* PROFILE SETTINGS ACCORDION */

.profile_settings_completion_accordion {
    z-index: 7;
    color: #fbfbfd;
    border-radius: 37px!important;    
    text-align: left; 
    margin-top: 39px!important;
    margin-bottom: 39px!important;    
    /*border: 1px solid #c8c7cc;*/
    }
    .profile_settings_completion_accordion_img_head {

        top: 60px;
        height: 70px;
        width: 100%; 
        margin-top: 7px;
        padding-right: 12px;
    }
    .profile_settings_completion_accordion_itemcontent {
        padding-left: 15px!important;
        margin-left: 0px!important;  
    }
    .profile_settings_completion_accordion_itemmedia {
        width: 12vmin;
        height: 12vmin;
        max-height: 43px;
        max-width: 43px;
    }
    .profile_settings_completion_accordion_iteminner {
        padding-right: 5px!important;
    }
    .profile_settings_completion_accordion_titlerow {

    }
    .profile_settings_completion_accordion_itemafter {
        margin-left: 0px!important;
        font-size: 12px;
    }

    .profile_settings_completion_accordion_li {
        text-align: left;
    }
    .profile_settings_completion_accordion_list_icon_left {
        position: absolute;
        width: 34px;
        height: 34px;
    }
    .profile_settings_completion_accordion_list_icon_right {
        margin-right: 15px;
        width: 9.3vmin;
        height: 9.3vmin;
        max-height: 37px;
        max-width: 37px;
    }
    .profile_settings_completion_accordion_list_icon_right_faded {
        opacity: 0.21;
        margin-right: 15px;
        width: 9.3vmin;
        height: 9.3vmin;
        max-height: 37px;
        max-width: 37px;
    }
.profile_settings_user_completion {
    width: 48px;
    height: 48px;
    border-radius: 50px;
    border: 2px solid #fbfbfd;
    background-size: contain;
    box-shadow: 0px 1px 3.3px rgba(136, 136, 136, 0.93);
}
.profile_settings_offers_img {
    width: 48px;
    height: 48px;
    border-radius: 50px;
    border: 2px solid #fbfbfd;
    background-size: contain;
    box-shadow: 0px 1px 3.3px rgba(136, 136, 136, 0.93);
    background-image: url("../images/agent.png");
}

    .profile_settings_upgrade_to_premium_default_img {
        /*display: none;*/
        z-index: 1!important;

        height: 50px!important;
        width: 79%!important;
        min-width: 226px!important;
        margin: 30px auto -80px auto!important;

        /*background-color: #fbfbfd;*/
        background-image: url("../images/d_upgrade_to_premium.png");
        opacity: 0.38;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 100px;

        }

.profile_completion_status {
    /*edited 2018-04-17*/
    display: none;
    
    color: #fbfbfd;   
    margin-top: -77px;
    border-bottom-left-radius: 34px;
    border-bottom-right-radius: 34px;
    background: #5a4ec7!important;
    padding-bottom: 25px;
    font-size: 16px!important;
}

.profile_completion_basic {
    margin-top: 21px;
    position:absolute;
    left: 2%;
    width: 46%;
    height: auto;
    /*background: #836df5!important;*/
}
.profile_completion_premium {
    margin-top: 21px;
    margin-left: 52%;
    width: 46%;
    height: auto;
    /*background: #41c450!important;*/
}
.profile_completion {
    padding: 12px 21px 0px 21px!important;
    text-shadow: 0 0 1px #000000;
    text-align: center!important;
    margin: 21px auto 16px auto!important;
}
    .profile_completion_status_warning_text {
        padding: 61px 21px 0px 21px!important;
        
        text-shadow: 0 0 1px #000000;
        text-align: center!important;
        margin: 0px auto 7px auto!important;
    }    
    .profile_completion_status_warning_title {
        text-decoration: underline;
        text-shadow: 0 0 1px #000000!important;
        margin-bottom: 0px!important;
        border-radius: 100px;
    }    
        .profile_completion_status_warning_text_sub {
            margin: 0% 20%; 
            text-decoration: underline;
            text-shadow: 0 0 1px #000000!important;
            margin-bottom: 0px!important;
            background: #836df5!important;
            border-radius: 100px;
        }

.profile_title_sub {
    width: auto;    
    font-family: Avenir-Medium;
    font-size: 18px;
    font-weight: 900;
    line-height: 19px;
    color: #5a4ec7;
}

.profile_settings_upgrade_to_premium {
    /*display: none;*/
    z-index: 2!important;
    
    height: 50px!important;
    width: 79%!important;
    min-width: 226px!important;
    margin: 30px auto 0px auto!important;
    
    background-image: url("../images/d_upgrade_to_premium.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100px;
    }
    /* .sign_up_lnkd_pinterest_take_quiz_img {} */
.profile_settings_upgrade_to_premium:hover {
    opacity: 0.62;
    /*background-image: url("../images/h_upgrade_to_premium.png");*/}
.profile_settings_upgrade_to_premium:active { 
    opacity: 0.38;
    background-image: url("../images/d_upgrade_to_premium.png");}

.profile_settings_personality_accordion {
    /*edited 2018-04-17 */
    /*display: none;*/
    
    margin-top: 50px!important;
    margin-bottom: 50px!important;
}

.profile_settings_location {
    font-family:Avenir-Medium;
    margin: 21px auto 0px auto; 
    width: 88%;
    min-width: 309px;
    max-width: 333px; 
}

/* Unlock Search Premium BUTTON unlock_search */

.profile_settings_unlock_search_premium_default_img {
    /*display: none;*/
    z-index: 1!important;
      
    height: 50px!important;
    width: 79%!important;
    min-width: 226px!important;
    margin: 0px auto -50px auto!important;
    max-height: 61px!important;
    
    /*background-color: #fbfbfd;*/
    background-image: url("../images/d_unlock_search_premium.png");
    opacity: 0.38;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100px;
 
    }
.profile_settings_unlock_search_premium {
    /*display: none;*/
    z-index: 2!important;
    
    height: 50px!important;
    width: 79%!important;
    min-width: 226px!important;
    margin: 0px auto 30px auto!important;
    max-height: 61px!important;
    
    background-image: url("../images/d_unlock_search_premium.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100px;
    }
    /* .sign_up_lnkd_pinterest_take_quiz_img {} */
.profile_settings_unlock_search_premium:hover {
    opacity: 0.62;
    /*background-image: url("../images/h_upgrade_to_premium.png");*/}
.profile_settings_unlock_search_premium:active { 
    opacity: 0.38;
    background-image: url("../images/d_unlock_search_premium.png");}
.listblock_wrap {
    border-radius: 27px!important;    
    text-align: left; 
    margin-top: 21px!important;
    margin-bottom: 21px!important;
    border: 1px solid #c8c7cc;
}

.profile_settings_personality_accordion_itemcontent {
    padding-left: 0px!important;  
}

/* .item-title.label replacement on profile settings */
.profile_settings_nickname_label_adjustment {
    left:0;
    margin-left: 0px!important;
    padding-left: 0px!important;
    width: 30%!important;
    min-width: 82px!important;
}

/* SIGN UP li */


.sign_up_inner_adjust {
    margin-right: 16px;
}

/* moved/changed
.sign_up_li {
    padding-left: 34px;
}
*/


.sign_up_icon_cont,
.sign_up_icon_loc_cont,
.sign_up_icon_cal_cont,
.sign_up_icon_phone_cont
{
    position: absolute;
    height: 100%;
    width: 34px;
    margin-left: -28px;
    
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-align-content: center !important;
    align-content: center !important;
}

.sign_up_icon_phone_cont {
    width: auto;
    max-width: 77px; 
    margin-top: -1px;
    margin-left: 6px;
}

.signup_agree_outer {
    
    z-index: 9;
    width 100%;
    
    font-size: 19px;
    font-family: Avenir-Light;
    
    
    /*padding: 0px 0px 0px 10px;
    padding: 0px 5px 0px 20px;
    margin: 0px 0px 28px -14px;
    height: 10.33vmin !important;
    max-height: 64px;
    min-height: 55px;
    padding-bottom: 1px;
    width: auto;
    max-width: 300px;
    min-width: 255px;
    */
    
    border-radius: 43px;
    
    
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
} 
#landing_mini_swiper_id label.label-checkbox i.icon-form-checkbox
{
    margin-right: 16px;
    width: 30px !important;
    height: 30px;
}
.signup_checkbox_p {
    max-width: 228px;
    color: black;
    margin: 7px 0px 5px 0px;
    font-size: 15px;
    text-align: left;
    
}

.signup_terms_span {
    color: #5a4ec7;
    text-decoration: underline;
}

.popover_closex {
    z-index: 99;
    position: absolute;
    right: 30px;
    top: 30px;
    background: rgba(90, 78, 199, 0.38);
    -webkit-transform: translateZ(0);
    font-family: Helvetica;
    font-size: 21px;
    text-shadow: 0 0 5px #0c003999;
    color: #fff;
    font-weight: 500;
    padding: 14px 20px 10px;
    line-height: 30px;
    border-radius: 70px;
    border: 2px solid white;
}

.sign_up_icon_loc_cont {
    margin-left: 6px;
}
.sign_up_icon_prop_cont {
    padding-top: 9px;
    padding-bottom: 21px;
    padding-left: 7px;
    margin-top: 16px;
    margin-left: -63px;
    margin-bottom: -75px;
}

.sign_up_slider_ul {
    margin-left: 27px!important;
    margin-right: 18px!important;
}

    .sign_up_slider_li {
        margin-bottom: 25px!important;
    }
    .sign_up_slider_li_title {
        font-size: 17px;
        font-family: Avenir-Medium;
        color: #272727;!important;
    }
    .sign_up_slider_li_value {
        font-size: 17px;
        font-family: Avenir-Light;
        color: #5a4ec7;!important;
        float: right;
        text-align: right;
    }
/* .item-title.label replacement on SIGN UP */

.sign_up_label_name {
    min-width: 86px!important;    
    width: 30%!important;
}
.sign_up_label_email {
    min-width: 79px!important;
    width: 27%!important;
}
.sign_up_label_loc {
    min-width: 71px!important;
    width: 20.5%!important;
}

.sign_up_custom_li_top {
   padding: 7px 16px 0px 0px !important;
}

.sign_up_custom_ul {
   padding: 7px 16px 8px 0px !important;
}


.sign_up_rent_shared_top_label {
    margin-left: 0px;
    margin-top: 2px;
}
    .sign_up_rent_shared_top_media {
        margin-left: 3px;
        margin-top: 4px;
    }
    .sign_up_shared_content_adjust{
        padding-left: 17px;
    }
.sign_up_rent_shared_accordion {
    z-index: 7;
    color: #fbfbfd;
    border-radius: 37px !important;
    text-align: left;
    /*
    margin-top: 39px !important;
    margin-bottom: 39px !important;
    
    border: 1px solid #c8c7cc;
    */
}
    .sign_up_rent_shared_listblock {
        margin-top: 0px !important;
        margin-bottom: 0px !important;  
        /*border: 1px solid #c8c7cc;*/
    }
        .sign_up_rent_shared_media {
            width: 34px;
            height: 34px;
            border-radius: 50px;
            border: 1px solid #c7c7cc;
            background-size: contain;
        }



.sign_up_icon_cal_cont {
    width: 34px;
    margin-top: -2.5px;
    margin-left: 16px;    
}
    .sign_up_li_cal {
        margin-left: 46px!important; 
        padding-right: 16px;
    }
        .sign_up_inner_cal {
            padding-top: 18px!important;
            padding-bottom: 14px!important;
            padding-right: 16px;
        }
        .sign_up_label_cal {
            min-width: 61px!important;
            width: 21%!important;
            /*
            width: 36%;
            margin-top: 3px;
            */
        }  
        .sign_up_input_cal {
            font-size: 23px !important;
            font-family: Avenir-Light !important;
            color: #5a4ec7 !important;
        }


.rent_summary_item_input {
    max-width: 68px;
}
    .rent_summary_time {
        font-family: Avenir-Light !important;
        color: #5a4ec7!important;
        font-size: 23px !important;
        /*margin-top: 10px !important;
        margin-left: 19px !important;*/
    }
    .rent_summary_ampm {
        font-family: Avenir-Light !important;
        color: #5a4ec7!important;
        font-size: 23px !important;
        /*margin-top: 10px !important;
        margin-left: 19px !important;*/ 
    }

        @media screen and (max-width:350px){
            .sign_up_input_cal {
                font-size: 21px !important;
            }
            .sign_up_label_cal {
                display: none;
            }
            .sign_up_li_cal {
                margin-left: 52px !important;
            }
            /*
            .rent_summary_time {
                font-size: 21px;
            }
            */
        }
        @media screen and (min-width:350px) and (max-width: 390px) {
            .sign_up_label_cal {
                min-width: 48px!important;
                width: 22%!important;
            }
        }



/* MEMBER OPTIONS (ellipsis) SEEN ON - LIKED SEEN BLOCKED - */
.member_swipeout_button {
        z-index: 9999!important;
        position: absolute;
        /*padding-left: 5px!important;
        padding-right: 5px!important;*/
        /*border-radius: 50%!important;*/
        top: 3.7vmin!important;
        right: 2.5vmin!important;
        width: 5.7vmin!important;
    }
    .member_swipeout_button:hover {
        opacity: 0.75;
    }
    .member_swipeout_button:active {
        opacity: 0;
    }
        .member_swipeout_button_sprite {
            width: 5.7vmin;
            height: 2.1vmin;
            background-image: url(../images/ellipsis_transparent.png);
            background-position: center center;
            background-size:cover;
            background-repeat: no-repeat;
        }


/* LIKED PAGE + mini thumb swiper pages */

.liked_list {
    /* added 2018-01-25 */
    border-bottom: 1px solid rgb(221, 221, 222);
    
    margin-top: 0px;
    margin-bottom: 0px;
}
.liked_list_row, .list_row {
    width: 100%!important;
    height: 100%!important;
    overflow-y: scroll;
    background: #f0eff3;
    /*
    background: rgb(229, 229, 230);
    margin-bottom: 3px; from chat*/
}

/* LIKED SWIPER HEADER */
/* top of liked page */

.liked_swiper_header_row, .swiper_header_row {
    /* added 2018-01-25 */
    border-bottom: 1px solid rgb(221, 221, 222);
    
    /* added 2018-02-15 */
    margin-top: -64px;
    position: fixed;
    z-index:5; 
    height: 64px!important;
    width: 100%!important;
    
    background: rgba(251,251,253,1);
    background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
    background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
        
    
    /* background grad hex colour: #fbfbfd to #f0eff3 */
}

/* not applied, only directly through style */
.liked_swiper_header_frame_left, .swiper_header_frame_left {
    position: absolute;
    top: 10px!important;
    left: 15px!important;
}
    .liked_swiper_header_img_left, .swiper_header_img_left {
        border-radius: 43px;
        width: 40px!important;
        height: 40px!important;
    }
.liked_swiper_header_frame_right, .swiper_header_frame_right {
    position: absolute; 
    top: 10px!important;
    left: 55px!important;  
}
    .liked_swiper_header_img_right, .swiper_header_img_right {
        border-radius: 43px;
        width: 40px!important;
        height: 40px!important;
        background-color: #fbfbfd; 
        border: 3px solid transparent;
    }
   
/* class not used, instead, forced using style on html */
.liked_swiper_header, .swiper_head { 
    position: absolute;
    top: 21px!important;
    left: 21px!important;
    padding: 0px 0px 0px 90px!important;
    color: #5a4ec7!important;
    font-size: 18px!important;
    font-family: Avenir-Heavy!important;
    /* originally 1.2 em */
}


/* MINI THUMBS: LIKED/SEEN/BLOCKED/ACTIVITIES/NOTIFICATIONS */
.list_pic_mini_thumb {
    z-index: 4;
    margin-left: 1.8vmin!important;
    margin-right: 1.8vmin!important;
    width: 19vmin!important;
    height: 19vmin!important;
    border-radius: 50%!important;
    max-width: 120px!important;
    max-height: 120px!important;    
}
/* LARGE THUMBS: WHO LIKED/VIEWED PHOTOS/VIEWED PROFILE YOU */
.list_pic_large_thumb {
    z-index: 4;
    margin-left: 2.8vmin!important;
    margin-right: 2.8vmin!important;
    width: 22.8vmin!important;
    height: 22.8vmin!important;
    border-radius: 50%!important;
}


/* TRIP PAGE */

/* ALL SUBPAGES except SEARCH */
.subpage_pad {
    padding-top: 64px;
    overflow-x: hidden;
}


/* SWIPER CONTAINERS */
.search_results_swiper_container {
    /* 2018-05-13 adjusted */
    height: calc(100% - 44.5px);     
}

.liked_swiper_container,
.seen_swiper_container,
.blocked_swiper_container,
.activities_swiper_container,
.notifications_swiper_container,
.your_matches_swiper_container,
.who_viewed_you_swiper_container
{
    /* 2018-03-17 adjusted */
    height: calc(100% - 44.5px);    
    /*height: calc(100% - 108.5px) !important;*/
}


.notifications_row_adjusted {
    padding-right: 100px;
}
.search_city_p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rent_menu_left,
.rent_menu_right {
    margin-top: -64px;
    z-index: 1000;
    position: absolute;
    top: 0;
    right: 0;
    height: 63px;
    width: 38.2%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


.micro_contact,
.micro_options
{
    margin-top: 64px;
    z-index: 1000;
    position: absolute;
    top: 0;
    right: 0;
    height: 63px;
    width: 38.2%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.micro_back {
    opacity: 0.2;
    z-index: 5;

    height: 63px;
    width: 63px;

    top: 0px;
    /*margin-top: -63px;*/
    position: fixed;
    background: transparent;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.micro_contact {
    transform: scale(1);
    opacity: 0;
    z-index: 1000;

    height: 0px;
    width: calc(100% - 4vmin - 12.75% - 16px - 4vmin);
    left: 4vmin;
    top: calc(4vmin + 64px);

    margin-top: 0px!important;

    position: fixed;        

    background: rgba(82, 175, 82, 0.88);

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.micro_contact:hover {
    background: rgba(82, 175, 82, 0.99)!important;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.micro_contact:active {
    background: rgb(143, 203, 143)!important;
    /*background: rgb(119, 188, 119)!important;*/
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

    .micro_contact_cont, 
    .micro_back_cont {
        height: 100%;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
    }
    .micro_back_cont {
        border-right: 1px solid transparent;
        transition: all 0.3s ease-out;
    }
        .micro_back_cont_pic,
        .micro_contact_cont_pic {
            z-index: 10;            
            height: 35px;
            width: 35px;
            transition: all 0.3s ease-out;
        }
        .micro_contact_arrow_cont_pic {
            display: none;
            transform: scale(0);
            z-index: 10;            
            height: 21px;
            width: 21px;
            
            transition: all 0.3s ease-out;
        }
        .micro_contact_arrow_cont_pic:hover {
            transform: scale(1);
            
        }
        .micro_contact_cont_pic {            
            margin-top: -3px;
            margin-right: 0.25vw;
        }
        .micro_contact_cont_p {
            white-space: nowrap;
            margin-top: 1px;
            margin-bottom: 0px;
            width: 133px;
            
            z-index: 10;
            font-family: Avenir-Light;
            font-size: 19px;
            line-height: 19px;
            color: white;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;

        }




.micro_options_cont
{
    width: 38.2%;
}
    .micro_options {
        z-index: 1000;
        float: right;
        background: #fbfbfd;
        height: 63px;
        width: 100px;
        border-left: 1px solid #e1e1e2;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.profile_cont {
    z-index: 1000;
    position: absolute;
    top: 0px;
    right: 0;
    /*background: #fbfbfd66;
    background: #fbfbfd;*/
    /*right: 0px;*/
    height: 63px;
    width: 100px;
    border-left: 1px solid #e1e1e2;
    
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}



.rent_menu_cont1,
.rent_menu_cont2,
.rent_menu_cont3,
.rent_menu_cont_half1,
.rent_menu_cont_half2
{
    z-index: 1000;
    float: right;
    /*top: 0px;*/
    /*background: #fbfbfd66;*/
    background: #fbfbfd;
    /*right: 0px;*/
    height: 63px;
    width: 100px;
    border-left: 1px solid #e1e1e2;
    /*border-bottom: 0.8vmin solid #5a4ec7;*/
    
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;

    
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    
}
    .rent_menu_cont_half1:hover,
    .rent_menu_cont_half2:hover,    
    .rent_menu_cont1:hover,
    .rent_menu_cont2:hover,
    .rent_menu_cont3:hover,
    .trip_interested_button:hover,
    .trip_more_info_button:hover,
    .trip_options_button:hover,
    .rent_interested_button:hover,
    .rent_more_info_button:hover,
    .rent_options_button:hover
    {        
        background: #7e71d3;           
        -webkit-transition: all 0.066s ease-out;
        transition: all 0.066s ease-out;

    }
    .rent_menu_cont_half1:active,
    .rent_menu_cont_half2:active,    
    .rent_menu_cont1:active,
    .rent_menu_cont2:active,
    .rent_menu_cont3:active,
    .trip_interested_button:active,
    .trip_more_info_button:active,
    .trip_options_button:active,
    .rent_interested_button:active,
    .rent_more_info_button:active,
    .rent_options_button:active
    {
        background: #6a5cc4;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
    }

.rent_menu_cont_half1,
.rent_menu_cont_half2 {
    width: 50%;
}


.map_unmicro_top {
    display: none;
}
.rent_menu_cont3 {
    width: 33.33%;
}
    .trip_checked {
        /*display: none;*/
        height: 19px;
        width: 19px;
        margin: -9px 0px 0px 0px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .trip_checked_list {
        height: 19px;
        width: 19px;
        margin: -1px 0px 0px -2px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }  



.affiliate_trips_list {
    position: absolute;
    display: flex!important;
    color: white!important;
    top: 138px;
    right: 27px;
    width: auto;
    height: 43px;
    display: flex;
    align-items: center;
    background: #00aef0;
    color: white;
    font-size: 17px;
    font-weight: 900;
    font-family: 'Avenir-Light';
    /*box-shadow: 0 1px 7px #2d2563;*/
    border-radius: 7px;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 0px 1px 5px #2b229257;
    border: 2px solid white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.affiliate_trips_list:hover{
    background: #7277f5;
}
.affiliate_trips_list:active{
    background: #72bef5;
    -webkit-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    transition: all 0s ease-out;
}

    .affiliate_trips_list_button_icon {
        height: 21px;
        width: 21px;        
        margin: -3px 7px 0px 0px!important;                
    }

.rent_menu_cont2 {
    width: 33.33%;
    border-left: 1px solid #e1e1e2;
}
.rent_menu_cont1 {
    width: 33.33%;
    border-left: 1px solid #e1e1e2;
}
.rent_menu_cont_pic {
    z-index: 10;
    border: 8px solid transparent;
    width: 43px !important;
    height: 43px !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.rent_menu_cont_text {
    z-index: 10;
    text-align: center;
    font-size: 23px;
    color: #5a4ec7;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.trip_menu_center_outer {
    /*width: 12.73%!important;*/
    /*height: 100%!important;*/

    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;    
    
    align-items: center;
    -webkit-justify-content: center;   
        
    justify-content: center;
    -webkit-align-content: center;
    
    align-content: center;
}
.profile_cont_pic {
    z-index: 10;
    position: absolute;
    top: 10px;
    right: 15px;
    border: 3px solid transparent;
    width: 43px!important;
    height: 43px!important;
    background-size: contain;
    border: 2px solid #fbfbfd;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    
}
.profile_arrow_down {
    z-index: 10;
    font-size: 21px;
    color: #5a4ec7;
    position: absolute;
    top: 21px;
    right: 70px;
    line-height: 21px;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    
}

/* TRIPS PAGE CONTENT */

.trip_info_gallery_page_content {
    overflow: hidden!important;
}


/* TRIPS CONTAINER */
  
.trip_info_gallery_swiper_container {
    height: 100%;
    background: #afafaf;
    font-family: Avenir-Medium;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}


/* TRIPS HEADER */
.trips_list_swiper_header_row,
.trips_swiper_header_row {
    margin-top: -64px;
    z-index: 999;
    /* added 2018-01-25 */
    position: fixed;
    border-bottom: 1px solid rgb(221, 221, 222);
    /* added 2018-02-15 */
    height: 64px;
    
    background: rgba(251,251,253,1);
    background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
    background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
    background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
        
    /*transition */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}
.header_info_icon,
.header_people_search_icon,
.header_filter_info_icon,
.trip_swiper_horizontal_pagination,
.trip_swiper_vertical_pagination,
.swiper-button-prev,
.swiper-button-next
 {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.trip_list_row {
    width: 100%!important;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
.trips_swiper_header_row {
    margin-top: -64px;
}
.trips_header_text {
    margin: 0px;
    font-family: Avenir-medium;
    width: 39%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.trips_header_text_highlight {
    font-family: Avenir-heavy;
}

.trip_selected_header_text {
    margin: 0px;
    font-family: Avenir-medium;
    width: 39%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

/* slide 3 trip info */
.trip_gallery_swiper_container {
    /* vojin change next line */
    background-image: url("../images/beach8.jpg");
    background-size: cover;
    background-position: center center;
    height: 100%;
}

.trip_slider_starter {
    height: calc(100% - 28px)!important;
    background: transparent!important;
    box-shadow: none!important;
}
.trip_slider_starter_inner {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.51) 0px 1px 9px;
    /*box-shadow: rgba(0, 0, 0, 0.61) 0px 3px 37px 0px;*/
    border-radius: 25px!important;
}
.header_trip_info_summary_icon {
        display: none;
        z-index: 9999;
        position: absolute;
        float: right;
        width: 43px!important;
        height: 43px!important;
        right: 3px!important;
        border: 3px solid transparent;
        margin-top: calc(-7px + 1.33vmin);
}
.trip_slider_starter_inner_title_row {
    font-family: Avenir-Medium;
    background: #5a4ec7!important;
    border-radius: 25px!important;
}

    .remove_back {
        background: none!important;
    }
    .trip_slider_starter_inner_title {
        font-family: Avenir-Medium;
        text-align: center;
        color: #fbfbfd;
        font-size: 17px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 84%;
        margin: auto;
        padding: 1.6vmin 0px;
    }
        .trip_info_summary_title{
            font-family: Avenir-Heavy;
        }

.trip_slider_starter_media_list {
    margin: 0!important;
    border-radius: 25px!important;
    /*
    background: purple;
    color: #fbfbfd;
    
    width: 100%;
    border-radius: 25px!important;
    */
}
    .trip_starter_img {
        height: 10.33vmin;
        min-height: 43px;
        max-height: 90px;
        width: 10.33vmin;
        min-width: 43px;
        max-width: 90px;
        
        border-radius: 50%;
    }

/* slide 1 trip members list */
.trip_interested_members_slide1 {
    height: calc(100vh - 108px)!important;  
    margin-top: 64px;
    /*padding-top: calc(2.7vmin + 34px);*/
    background: #fbfbfd;
    overflow: hidden;
}

    /* TRIPS LISTBLOCK SWIPER SLIDE */

    .trips_virtual_listblock {
        overflow-y: scroll;
        height: calc(100% - 108px)!important;
        margin-top: 64px;
    }


/* slide 2 trip list */
.trips_interested_members_slide2
{
    height: calc(100vh - 44px)!important;  
    padding-top: 64px;
    background: #fbfbfd;
    overflow: hidden;
}
.trip_gallery_swiper_pivot_slide3 {
    padding-top: 64px;
    margin-right: 0px!important;
    background: #fbfbfd;
}
/* slide 2 trip list */
.trip_list_slide2 {
    height: calc(100vh - 108px)!important;  
    margin-top: 64px;
    background: #fbfbfd;
    overflow-y: scroll; 
}
    .trip_info_slide_vert {
        height: auto!important;
        padding: 54px 39px;
        overflow: hidden;
    }
    .trip_scroll_void_members {
        font-family: Avenir-Light;
        font-size: 21px;
        text-align: center;
        width: 100%;
        height: 43vmin;
        background: rgba(90, 90, 221, 0.14);
        padding: 12vmin 21vmin!important;
    }

    .interested_modal_text {
        font-size: 23px;
        color: white;
        text-align: center;
        text-shadow: 0 0 2px #5a4ec7;
        margin-bottom: 1em;
        /*border-bottom: 0.21em solid white;*/ 
        width: 100%!important;
        margin: auto!important;
        line-height: 1.6;
        padding: 0px 52px;
    }
    .interested_modal_inner {
        z-index: 3;
        padding: 30px 7px 0px 7px;
        height: auto!important;
        margin: auto!important;
        width: 100%;
        max-width: 430px;
        overflow: auto;
    }
    @media screen and (max-width: 361px) {

        .interested_modal_inner {
            z-index: 3;
            transform: scale(0.88);
            padding: 35px 7px 0px 7px;
            height: auto!important;
            margin: auto!important;
            width: 100%;
            max-width: 430px;
        }

        .interested_modal_pic_container {
            margin-top: 21px!important;
        }
        .interested_modal_p_top {
            font-size: 19px!important;
        }
        .interested_modal_p_mid,
        .interested_modal_p {
            font-size: 19px!important;
        }
    }
    .interested_modal_p_top,
    .interested_modal_p_mid,
    .interested_modal_p {
        color: #fbfbfd;
        margin-top: calc(18px + 1vmin);
        margin-bottom: calc(18px + 1vmin);
        text-shadow: 0 0 3px #000000;
    }
    .interested_modal_p_top {
        margin-top: 2.5vmin;
        margin-bottom: 0px;
    }
    .interested_modal_p_mid {
        font-size: 21px;
        margin-top: 0px;
        margin-bottom: calc(1.6vmin + 9px);
    }
    .interested_modal_p {
        margin-top: calc(18px + 1vmin);
        margin-bottom: calc(18px + 1vmin);
    }
        .interested_modal_trip_city_span {}

    .interested_modal_pic_container {
        font-family: Avenir-Heavy;
        margin-top: 2.5em; 
        margin-bottom: 2.5em;
    }
    .interested_modal_trip_city_pic {
        /* change */
        background-image: url("../images/beach8.jpg");

        background-size: cover;
        background-position: center center;
        border-radius: 50%;
        border: 0.33em solid white;
        width: 39vmin;
        height: 39vmin;
        margin: auto;
        max-width: 250px;
        max-height: 250px;
        box-shadow: 0 1px 9px #00000082;
    }
        .interested_modal_trip_date_span {}

    .interested_info_button {
        z-index: 9;
        width: 26px!important;
        height: 26px!important;
        margin-top: -6px;
        margin-left: -2px;
        padding: 12px 0px 0px 12px;
    }

/* trips list only */


    .trips_affiliate_interested_badge_cont {
        display: flex;
        align-items: center;
        min-width: 180px;
    }
    .trips_affiliate_interested_badge_p {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 70%;
    }
    .trips_affiliate_interested_badge {
        z-index: 9;
        display: flex;
        position: relative;
        margin-left: 7px;
        width: 111px;
        height: 27px;
        border-radius: 7px;
        background-image: url(../images/hc-blue-sml.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        min-width: 100px;        
    }
    .affiliate_interested_badge_cont {
        z-index: 99999;
        position: fixed;
        bottom: 27px;
        width: 100%;
        height: 0px;
    }

        .affiliate_interested_badge {
            height: 27px;
            width: 111px;
            background-image: url(../images/hc-blue-sml.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0px;  
            margin: auto;
        }
        .shop_interested_badge {
            height: 27px;
            width: auto;
            background-image: url(../images/mmgrad.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0px;  
            margin: auto;
        }

    .interested_ok_button_cont {
        z-index: 99999;
        position: fixed;
        top: 0;
        width: 100%;
        height: 0px;
    }
    .interested_ok_button {
        
        background: transparent;
        margin: 0px auto 0px auto!important;
        height: 50px!important;
        width: 127px!important;
        
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    
        font-family: Avenir-Heavy;
        font-size: 11px;
        color: #fbfbfd;
        padding-top: 1px;        
        box-shadow: 0 1px 5px #2d2563;
    }
    .interested_ok_button:active {
        background: #6bca6b!important;
    }
        .interested_ok_icon {
            height: 18px;
            width: 18px;
            background-image: url(../images/icon_checkmark_green.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            margin: -2.5px 3px 0px -1px!important;
        }

    .affiliate_interested_ok_button,
    .shop_button {
        font-family: Avenir-Heavy;
        font-size: 19px;
        color: #fbfbfd;
        background: #00aef0;
        border-radius: 75px; 
        height: 10.33vh!important;
        max-height: 97px;
        min-height: 38px;
        padding-top: 3px;
        width: 47.1vw!important;
        max-width: 212px;
        min-width: 187px;
        /*margin: 25px auto 34px auto!important;*/
        margin: 25px auto 30px auto!important;
        box-shadow: 0 1px 9px #2d2563;
    }
    .shop_button {
        background: #5bb75c;
    }
    .affiliate_interested_ok_button:active,
    .shop_button:active {
        background: #6bca6b!important;
    }

        .affiliate_interested_ok_icon {
            height: 23px;
            width: 23px;
            background-image: url(../images/bino-white.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            margin: -4px 7px 0px 0px!important;
            border-radius: 100px;
        }


    .shop_modal_descr_text {
        font-size: 14px;
        color: white;
        text-align: center;
        text-shadow: 0 0 3px #000000;
        /*text-shadow: 0 0 2px #5a4ec7;*/
        margin-bottom: 1em;
        /*border-bottom: 0.21em solid white;*/ 
        width: 100%!important;
        margin: auto!important;
        line-height: 1.6;
        padding: 0px 52px;
    }
        @media screen and (max-width: 361px) {

            .shop_modal_descr {
                font-size: 12.5px!important;
            }
        }
    }

/* trip info banners */
.trip_info_slide_banner_top {
    position: absolute;
    width: calc(100% - 78px)!important;
    top: 0px;
}
    .trip_info_slide_banner_inner_top {
        font-family: Avenir-Medium;
        font-size: 17px;
        color: #fbfbfd;
        background: #5a4ec7;
        text-align: center;
        width: auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 7px 27px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
.trip_info_slide_banner_bottom {
    position: absolute;
    bottom: 0px;
    width: calc(100% - 78px)!important;
}
    .trip_info_slide_banner_inner_bottom {
        font-family: Avenir-Medium;
        font-size: 17px;
        color: #fbfbfd;
        background: #5a4ec7;
        text-align: center;
        width: auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 7px 27px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }




/* TRIP LEFT BUTTONS */
.trip_list_button_left,
.trip_information_button_right,
.trip_list_button_right,
.trip_information_button,
.trip_gallery_button,

.trip_info_scroll_up,
.trip_info_scroll_down,

.refresh_search_button {
    
    right: -64vmin;
    
    z-index: 5001!important;
    
    bottom: 208px;
    width: auto;
    height: auto;
    max-width: none;
    line-height: inherit;
    padding: 21px 21px;
    
    background: #5cb85c!important;
    
    position: fixed;
    /*background: #778ee8!important;*/
    background: #5a4ec7!important;
    font-family: Avenir-Heavy;
    font-size: 18px;
    text-shadow: 0 0 3px #000000;
    color: #fbfbfd;
    box-shadow: 0 1px 9px #00000082;
    min-height: 61px;
    height: 10.33vmin;
    line-height: 10.33vmin;
    width: 10.33vmin;
    min-width: 61px;
    max-width: 66px;
    /*margin: calc(20.7vmin - 3px) 0px 0px 0px;*/
    border: 3px solid #fbfbfd;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rent_info_cont {
    z-index: 999;
    display: flex;
    /* changed from row to col with new wide 2019-09-04 */
    flex-direction: column;
    position: absolute;
    right: calc(-1 * (38.2% / 3));
    height: calc(100% - 108px);
    width: calc(38.2% / 3);
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}
.rent_info1,
.rent_info2,
.rent_info3,
.rent_info4,
.rent_info5,
.rent_info6,
.rent_info7,
.rent_info8
{
    z-index: 10!important;
    border-left: 1px solid #e1e1e2;
    border-bottom: 1px solid #e1e1e2;
    /*background: #778ee8!important;*/
    color: #fbfbfd;
    /*background: #5a4ec7!important;*/
    background: #fbfbfd!important;
    font-family: Avenir-Heavy;
    font-size: 18px;
    /*text-shadow: 0 0 3px #000000;    
    box-shadow: 0 1px 9px #00000082;*/
    
    height: 20%;
    line-height: 20%;
    width: 100%;
        
    /*border: 3px solid #fbfbfd;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rent_info1 {
    /*border-left: 0.8vmin solid #5a4ec7;*/
}
.rent_info2 {
    
}
.rent_info3 {
    
}
.rent_info4 {
    
}
.rent_info5 {
    
}
.rent_info6 {
    
}
.rent_info7 {
    
}
.rent_info8 {
    border-bottom: none;
}

.rent_list_swiper_button {
    /*display: none;*/
}

/* TRIP LEFT BUTTONS when 320 */
@media screen and (max-width: 361px) {
    .trip_list_button_left,
    .trip_information_button_right,
    .trip_list_button_right,
    .trip_information_button,
    .trip_gallery_button,
    .trip_info_scroll_up,
    .trip_info_scroll_down,
    .refresh_search_button
    {
        min-width: 48px;
    }
    .trip_gallery_swiper_container {
        padding: calc(12vmin + 3px);
    }
}


    .refresh_search_text{
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
.rent_swiper_icon
{
    max-height: 43px;
    height: 9vmin;
    width: auto;
    min-height: 43px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.trips_swiper_icon
{
    height: 25px;
    width: 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



/* TRIP TOP BUTTONS */
.trip_button_left_members,
.trip_button_mid_interested,
.trip_button_mid_remove,
.trip_button_right_share
{
    display: none!important;
    position: absolute;
    top: 0px;
    
    text-align: left!important;
    
    border: 3px solid #fbfbfd;
    border-top: none;
    
    background: #5a4ec7!important;
    font-family: Avenir-Heavy;
    font-size: 18px;
    text-shadow: 0 0 3px #000000;
    color: #fbfbfd;
    box-shadow: 0 1px 9px #00000082;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}

/* TRIP TOP BUTTONS */
    
.trip_button_left_members {
    z-index: 9;
    width: 135px;
    height: 57px;

    border-top-left-radius: 0px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 30px;
}
    .trip_button_left_members:hover
    {
        z-index: 12!important;
        transform: scale(1.24);
        margin-top: 5px;
    }
    .trip_button_left_members:active
    {
        z-index: 12!important;
        transform: scale(1.24);
        background: #778ee8!important;
        margin-top: 5px;
    }

.trip_button_mid_interested,
.trip_button_mid_remove
{
    z-index: 10;
    width: 210px;
    height: 64px;

    border-top-left-radius: 0px;
    border-bottom-left-radius: 39px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 39px;
}
    .trip_button_mid_interested:hover,
    .trip_button_mid_remove:hover
    {
        z-index: 12!important;
        transform: scale(1.24)!important;
        margin-top: 3px;

    }
    .trip_button_mid_interested:active,
    .trip_button_mid_remove:active
    {
        z-index: 12!important;
        transform: scale(1.24)!important;
        background: #778ee8!important;
        margin-top: 3px;
    }

.trip_button_right_share {
    z-index: 9;
    width: 135px;
    height: 57px;

    border-top-left-radius: 0px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 30px;

}
    .trip_button_right_share:hover
    {
        z-index: 12!important;
        transform: scale(1.24);
        margin-top: 5px;
    }
    .trip_button_right_share:active
    {
        z-index: 12!important;
        transform: scale(1.24);
        background: #778ee8!important;
        margin-top: 5px;
    }


@media screen and (max-width:460px) {
    
    .trip_button_left_members {
        transform: scale(0.7);
        left: calc(5vmin - 28px)!important;
        margin-top: -9px;
        border-bottom-left-radius: 28px!important;
        border-bottom-right-radius: 28px!important;
    }
    .trip_button_left_members:hover {
        transform: scale(0.82);
        margin-top: -5px;
        border-bottom-left-radius: 28px!important;
        border-bottom-right-radius: 28px!important;
    }
    .trip_button_left_members:active {
        transform: scale(0.82);
        margin-top: -5px;
        border-bottom-left-radius: 28px!important;
        border-bottom-right-radius: 28px!important;
    }
    
    .trip_button_mid_interested,
    .trip_button_mid_remove
    {
        transform: scale(0.79)!important;
        left: calc(50% - 105px);
        margin-top: -9px;
        padding-top: 5px;
        border-bottom-left-radius: 28px!important;
        border-bottom-right-radius: 28px!important;
    }
    .trip_button_mid_interested:hover,
    .trip_button_mid_remove:hover
    {
        transform: scale(1)!important;
        margin-top: -5px;
        padding-top: 5px;
        border-bottom-left-radius: 28px!important;
        border-bottom-right-radius: 28px!important;
    }
    .trip_button_mid_interested:active,
    .trip_button_mid_remove:active
    {
        transform: scale(1)!important;
        margin-top: -5px;
        padding-top: 5px;
        border-bottom-left-radius: 28px!important;
        border-bottom-right-radius: 28px!important;
    }
    
    .trip_button_right_share {
        transform: scale(0.7);
        right: calc(5vmin - 28px)!important;
        margin-top: -9px;
        border-bottom-left-radius: 28px!important;
        border-bottom-right-radius: 28px!important;
    }
    .trip_button_right_share:hover {
        transform: scale(0.82);
        margin-top: -5px;
        border-bottom-left-radius: 28px!important;
        border-bottom-right-radius: 28px!important;
    }
    .trip_button_right_share:active {
        transform: scale(0.82);
        margin-top: -5px;
        border-bottom-left-radius: 28px!important;
        border-bottom-right-radius: 28px!important;
    }
    
}
/* trip button top larger than 460px */
@media screen and (min-width:460px) {
    .trip_button_left_members {
        left: calc(50% - 237px);
    }
    .trip_button_mid_interested,
    .trip_button_mid_remove
    {
        left: calc(50% - 105px);
    }
    .trip_button_right_share {
        left: calc(50% + 102px);
    }
    
    
}

/* TRIP LEFT BUTTONS */
.trip_list_button_left,
.trip_information_button
{
    left: -21vmin;
    text-align: left!important;
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

/* TRIP RIGHT BUTTONS */
.trip_information_button_right,
.trip_list_button_right,
.trip_gallery_button,
.refresh_search_button
{
    right: -21vmin;
    text-align: left!important;
    border-right: none;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


.trip_list_button_left:hover,
.trip_information_button_right:hover,
.trip_list_button_right:hover,
.trip_information_button:hover,
.trip_gallery_button:hover,
/*.trip_interested_button:hover,*/

.trip_info_scroll_up:hover,
.trip_info_scroll_down:hover
{
    z-index: 12!important;
    transform: scale(1.24);
    /*background: #778ee8!important;*/
    /*background: #888bde!important;
    padding-right: 3.4vmin; */
}
.trip_list_button_left:active,
.trip_information_button_right:active,
.trip_list_button_right:active,
.trip_information_button:active,
.trip_gallery_button:active,
/*.trip_interested_button:active,*/

.trip_info_scroll_up:active,
.trip_info_scroll_down:active
{
    z-index: 12!important;
    transform: scale(1.24);
    background: #778ee8!important;
    /*background: #5a4ec7!important;*/
    
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    /*border: 3px solid transparent;
    border-left: none;
    /*background: #888bde!important;*/
    
}


.trip_information_button
{
    top: 82vh;
}

.trip_information_button_right {
    top: calc(72vh + 9px);
}
.trip_gallery_button {
    top: calc(72vh + 9px);
}
.trip_list_button_left,
.trip_list_button_right {
    top: 82vh;
}


.trip_info_scroll_up {
    top: 73px;
    right: -21vmin;
    padding: 12px;
}
.trip_info_scroll_down {
    bottom: 9px;
    right: -21vmin;
    padding: 12px;
}
.trip_info_scroll_up:hover {
    padding-top: 0px;
}
.trip_info_scroll_down:hover {
    padding-bottom: 0px;
}
    .trip_info_scroll_up_icon {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .trip_info_scroll_down_icon {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .trip_user_container_buffer_slide2{
        z-index: 25;
        position: relative!important;
        font-family: Avenir-Medium;
        /* top: 0!important; */
        left: 0!important;
        /* background: pink; */
        width: 100%!important;
    }
    .trip_username_status_cont { 
        /* switch to display inherit on slide 2 switch */
        /*display: none;*/
    }


.trip_swiper_horizontal_pagination {
    display: none;
    position: absolute;
    /* top does not work due to default -removed and added to "swiper_trip_info_gallery" onSlideChangeEnd bojan code*/
    /*top: 87px;*/
}
.trip_swiper_vertical_pagination {
    position: absolute;
    right: calc(3.75vmin - 6px)!important;
}









.trips_info_close {
    display: none;
    
    z-index: 10!important;
    position: fixed;
    
    background: #778ee8!important;
    /*font-family: Avenir-Medium;*/
    font-family: Avenir-Heavy;

    font-size: 18px;
    text-shadow: 0 0 3px #000000;
    text-align: left!important;
    color: #fbfbfd;
    /*border-top: 3px solid #fbfbfd;
    border-bottom: 3px solid #fbfbfd;
    border-left: none;
    border-right: 3px solid #fbfbfd;*/
    border: none;
    box-shadow: 0 0 3px #ffffff;
   
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 50px!important;
    border-bottom-right-radius: 50px!important;

    min-height: 61px;
    height: 10.33vmin;
    line-height: 10.33vmin;
    width: 10.33vmin; 
    min-width: 61px;
    max-width: 66px;
    padding-top: 3.4px;        
    margin: calc(20.7vmin - 3px) 0px 0px 0px;
}
.trips_info_close:hover {
    /*background: #888bde!important;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;   
    padding-right: 3.4vmin; 
}



    /* slide left */
    .trips_info_slide0 {
        overflow-y: scroll;
        height: 100%;
        background: lime!important;
    }


/* not used for now
.trips_header_container_title_organize{
    margin: auto!important;
    font-family: Avenir-Medium;
    font-size: 16;
    text-align: center;
}*/
.trips_departure_city_airport {
    margin: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 12px;
}
.trips_header_buttons_title {
    font-family: Avenir-Heavy;
    color: #5a4ec7!important;
    line-height: 30px!important;                                       
    height: 30px!important;
    width: 100%!important;  
    margin-top: 0px!important;
    left: 9px!important;
    white-space: nowrap;
}

/* need a pad on layer above but its there and not responding */
.trips_page_swiper_container {
    /*height: calc(100% - 29px) !important;*/
    
    /* 2018-03-17 adjusted */
    height: calc(100% - 44.5px) !important;
}




.trips_list_slide1 {
    overflow-y: scroll;
    height: 100%;
}
    .trip_scroll_void {
        font-family: Avenir-Light;
        font-size: 25px;
        text-align: center;
        width: 100%;
        height: calc(100% - 34vmin + 1px);
        background: rgba(90, 90, 221, 0.14);
        padding: 12vmin;
    }

.trips_info,
.trips_info_place,
.trips_info_date,
.trips_info_price,
.rent_heart_wishlist,
.trip_pic,
.interested_button,
.interested_count,
.trips_info_button,
.trips_info_close,
.trip_info_details,
.trip_label
{
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;      
}

.trips_info {
    z-index: 11;
    position: absolute;
    height: 77%;
    /* changed 2018-04-27 width: 61.8%; */
    width: 38.2%;
    
    background: transparent;
    opacity: 1;
    padding: 4.5vmin;
}
    .trip_lean_p {
        margin: 0px!important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
.trips_info_place {
    z-index: 3;
    position: absolute;
    max-width: 77%;
    color: #5a4ec7;
    font-family: Avenir-Light;
    font-size: 18.3px;
    /*text-shadow: 0 0 1px #ffffff;*/
    /*padding: 2.4px 5px 0px 5px!important;*/
    /*background-color: white;*/
    line-height: 1;
    border-radius: 30px;
}

.trips_info_date {
    z-index: 2;
    position: absolute;
    max-width: 77%;
    
    color: #5a4ec7;
    /*color: #5a4ec7;*/
    font-family: Avenir-Light;
    font-size: 18.3px;
    /*text-shadow: 0 0 1px #ffffff;*/
    /*width: 84%!important;*/
    margin-top: calc(4.8vmin + 3px)!important;
    
    /*padding: 2.4px 5px 0px 5px!important;*/
    /*background-color: white;*/
    line-height: 1;
    border-radius: 30px;
}
.trips_info_price {
    z-index: 1;
    position: absolute;
    max-width: 77%;
    
    color: #5a4ec7;
    /*color: #5a4ec7;*/
    font-family: Avenir-Light;
    font-size: 18.3px;
    /*text-shadow: 0 0 1px #ffffff;*/
    /*width: 84%!important;*/
    margin-top: calc(4.8vmin + 25px)!important;
        
    /*padding: 2.4px 5px 0px 5px!important;*/
    /*background-color: white;*/
    line-height: 1;
    border-radius: 30px;
}
.trips_info_mode {
    z-index: 12;
    position: absolute;
}
.rent_member_preview {
    z-index: 10;
    position: absolute;
    bottom: 8vmin;
    left: calc(8vmin + 26px);
}
.trip_member_preview {
    position: absolute;
    height: 0px !important;
    bottom: calc(16vh + 9px);
    width: 61.8%;
}
    .trip_member_preview_text {
        z-index: 9!important;
        line-height: 8vmin;
    }

.trip_buttons_cont {
    z-index: 9;
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0px;
    border: 0px solid;
    
}

        .rent_interested_button
        {
            position: absolute;
            right: calc(-61.8% + 8vmin);
            height: 52px;
            width: 84px;
            margin-left: calc(100% + -100px);
            background-image: url("../images/icon_heart.png");
            background-repeat: no-repeat;
            background-position: top right;
            background-size: contain;
            /*
            bottom: 0px;
            width: 30.9%;
            height: 23%;
            */
        }
        .rent_more_info_button {
            bottom: 0px;
            width: 30.9%;
            height: 23%;   
        }
        .rent_interested_button,
        .rent_more_info_button,
        .rent_options_button {
            position: absolute;
            border-radius: 0;

            border-bottom: 1px solid rgb(221, 221, 222);
            background: rgba(251,251,253,1);
            background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
            background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            
        }


        .rent_member_preview_counter_p {
            font-family: Avenir;
            margin: 0px 0px 0px 25%;
            color: #fbfbfd;
            text-shadow: 0 0 3px #000000;
        }

        .trip_interested_button,
        .trip_more_info_button,
        .trip_options_button {
            border-radius: 0;
            border-bottom: 1px solid rgb(221, 221, 222);
            background: rgba(251,251,253,1);
            background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
            background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
            
        }
        .trip_interested_button,
        .trip_options_button {
            position: absolute;
            bottom: 0px;
            width: 30.9%;
            height: 23%;
        }
        .trip_more_info_button,
        .trip_options_button
        {
            position: absolute;
            bottom: 0px;
            width: 38.2%;
            height: 23%;
            border-left: 1px solid #e1e1e2;
            border-right: 1px solid #e1e1e2;
        }

.trip_preview_pic {
    z-index: 9;
    position: absolute;
    right: 0;
    height: 100%;
    /* 2018-04-27 */
    width: 61.8%;
}

.rent_heart_wishlist {
    z-index: 10;
    position: absolute;
    border: none;
    top: 8vmin;
    right: 8vmin;
    
    height: 100%;
    /*height: 12.9vmin;*/
    /*width: 12.9vmin;*/
    max-height: 75px;
    /*max-width: 88px;*/
    padding: 0px 0px;
    
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
}

.trip_info_details {
    max-width: 586px;
    margin-top: calc(59vmin - 52px);
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    /*margin: calc(4.8vmin + 49px) auto auto auto;*/
    padding: 4.5vmin;
     border-radius: 30px;
    background:rgba(255, 255, 255, 0.93);
}




.interested_button
{
    z-index: 12!important;
    position: absolute;
    
    background: #5a4ec7!important;
    /*find mid*/
    /*background: #805fd8!important;*/
    /*font-family: Avenir-Medium;*/
    font-family: Avenir-Heavy;

    font-size: 18px;
    text-shadow: 0 0 3px #000000;
    text-align: left!important;
    
    border: 1.9px solid #fbfbfd;
    /*border: none;*/
    /*box-shadow: 0 0 3px #ffffff;*/
    color: #fbfbfd;
    border-radius: 100px!important;

    height: 10.33vmin;
    line-height: 10.33vmin;
    
    min-height: 61px;
    max-height: 66px;
    /*min-height: 38px;*/

    min-width: 187px;
    max-width: 212px;
 
    /*centers letters better */
    padding-top: 3.4px; 
    width: 47.1vmin!important;

}
.remove_interested_button
{
    transform: scale(0.82);
}

.trips_center_horizontal_outer {

    display: flex;

    -webkit-flex-direction: row;
    
    
    flex-direction: row;

    
    
    
    
    align-items: center;

    -webkit-justify-content: center;
    
    
    
    justify-content: center;

    -webkit-align-content: center;
    
    
    
    align-content: center;
}
.trips_center_horizontal_outer_right {
    display: flex;

    -webkit-flex-direction: row;
    
    
    flex-direction: row;

    -webkit-align-items: flex-start;
    align-items: flex-start;

    -webkit-justify-content: flex-end;
    justify-content: flex-end;

    -webkit-align-content: flex-end;
    align-content: flex-end;
}
.interested_count {
    z-index: 10!important;
    width: 100%;
    position: absolute;
    
    background: #5a4ec7!important;
    /*font-family: Avenir-Medium;*/
    font-family: Avenir-Heavy;

    font-size: 18px;
    text-shadow: 0 0 3px #000000;
    text-align: left!important;
    color: #fbfbfd;
    
    /*box-shadow: 0 0 3px #ffffff;*/
    
    border-top: 1.9px solid #fbfbfd;
    border-bottom: 1.9px solid #fbfbfd;
    border-right: 1.9px solid #fbfbfd;
    border-left: none;    
   
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 50px!important;
    border-bottom-right-radius: 50px!important;

    height: 10.33vmin;
    line-height: 10.33vmin;
 
    min-width: 61px;
    max-width: 66px;    

    /*centers letters better */
    padding-top: 3.4px; 
    
    /*change calc(50% - 98px) maybe use center outer*/
    /*margin: calc(20.7vmin - 3px) 0px 0px calc(50% - (47.1vmin / 2));*/        
    /*margin: calc(20.7vmin - 3px) 0px 0px calc(100% - 66px);*/        
}
/* 2018-08-18 */
.trip_info_button {
    z-index: 10!important;
    width: 100%;
    position: absolute;
    
    background: #5a4ec7!important;
    /*font-family: Avenir-Medium;*/
    font-family: Avenir-Heavy;

    font-size: 18px;
    text-shadow: 0 0 3px #000000;
    text-align: left!important;
    color: #fbfbfd;
    
    /*box-shadow: 0 0 3px #ffffff;*/
    
    border-top: 1.9px solid #fbfbfd;
    border-bottom: 1.9px solid #fbfbfd;
    border-left: 1.9px solid #fbfbfd;
    border-right: none;    
   
    border-top-left-radius: 50px!important;
    border-bottom-left-radius: 50px!important;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;

    height: 10.33vmin;
    line-height: 10.33vmin;
 
    min-width: 61px;
    max-width: 66px;    

    /*centers letters better */
    padding-top: 3.4px; 
    
    /*change calc(50% - 98px) maybe use center outer*/
    /*margin: calc(20.7vmin - 3px) 0px 0px calc(50% - (47.1vmin / 2));*/        
    /*margin: calc(20.7vmin - 3px) 0px 0px calc(100% - 66px);*/        
}


   

.trip_swiper_nav {
    background: #778ee8!important;
}

.interested_button:hover,
.interested_count:hover,
.trip_info_button:hover
{
    /*border: 0px solid #fbfbfd;*/
    /*background: #a088de!important;*/
    box-shadow: 0 0 7px #ffffff;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.interested_button:active,
.interested_count:active,
.trip_info_button:active
{
    /*border: 2.1 solid #fbfbfd;*/
    box-shadow: none;
    background: #778ee8!important;
    -webkit-transition: all 0.066s ease-out;
    -moz-transition: all 0.066s ease-out;
    -o-transition: all 0.066s ease-out;
    transition: all 0.066s ease-out;     
}
/*
.trips_info_close:active
{
    border: 2.1 solid #fbfbfd;
    background: #cccafd!important;
    -webkit-transition: all 0.066s ease-out;
    -moz-transition: all 0.066s ease-out;
    -o-transition: all 0.066s ease-out;
    transition: all 0.066s ease-out;     
}
*/

.trips_accordion_icon_interested {
    width: auto;
    height: 100%; 
    /*background-image: url("../images/icon_heart.png");
    margin: -10.5px 11px -7px -3px;*/
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.trips_accordion_icon_interested:hover {
    background-image: url("../images/icon_heart_filler_faded.png");
}   
.trips_accordion_icon_interested:active {
    background-image: url("../images/icon_heart_filler.png");
}


.trips_accordion_icon_options {
    border: 2px solid transparent;
    width: 25px !important;
    height: 25px !important;
    margin: 0 !important;

    background-image: url("../images/icon_options_friend.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.trips_accordion_icon_options:hover {
    background-image: url("../images/icon_options_friend.png"); 
}   
.trips_accordion_icon_options:active {
    background-image: url("../images/icon_options_friend.png"); 
}

    .trips_accordion_icon_interested_crossed {
        width: 25px;
        height: 25px; 
        margin: -10.5px 11px -7px 0px !important;
    /*  width: 28px;
        height: 28px;
        margin: 0px 4px -7px 5px !important;
        margin: -11px 7px -7px -3px !important;*/
    }
    .trips_accordion_icon_interested_count {
        width: 19px;
        height: 19px; 
        margin: -10.5px 3px -7px 5px!important;

    }
    .trips_interested_count{
        margin-right: calc(0.3vmin + 4px);
    }

    @media screen and (max-width:350px) {
        .trips_info {
            padding: 3.9vmin;
        }
        .interested_button {
            margin: calc(62vmin - 70px) 0px 0px calc(50% - 93.5px);
        }        
        .trip_info_button        
        {
           margin: calc(62vmin - 70px) 0px 0px calc(100% - 61px);  
        }    
        .interested_count       
        {
           margin: calc(62vmin - 70px) 0px 0px 0px;  
        }    
        .interested_button,
        .interested_count,
        .trip_info_button,
        .trips_info_close
        {
            min-height: 45px!important;
            height: 45px!important;
        }

        .trips_accordion_icon_interested {

        }
        .trips_accordion_icon_interested_count {
            width: 16px;
            height: 16px;
            /*change other pad to balance heart icon */
            margin: -10px 3px -7px 3px !important;
        }
        .trips_info_price {
            margin-top: calc(4.8vmin + 23px)!important;
        }
        
        .trip_lean_p,
        .rent_lean_p {
            font-size: 16px;
        }
        .trips_info_company {
            height: 46px;
            width: 46px;
        }
        .trips_info_mode {
            width: 21px;
            height: 21px;
            right: calc(4.5vmin + 3px);
            margin-top: 3px !important;
        }
        .rent_member_preview {
            transform: scale(1.54);
            bottom: 5vmin;
            left: calc(7vmin + 18px);
        }
        .trip_member_preview {
            transform: scale(1.54);
            bottom: calc(23% + 4vh + 6px);
        }
            .rent_member_preview_counter_p {
                font-size: 12px;
                font-weight: 400;
                margin-left: 57px;
            }        
        .rent_heart_wishlist {
            right: 8vmin;
            /*right: calc(-61.8% + 3vmin);*/
        }

    }
    @media screen and (min-width:350px) and (max-width:375px) {
        .trips_info {
            padding: 4.21vmin;
        }  
        .interested_button {
            margin: calc(62vmin - 75px) 0px 0px calc(50% - 93.5px);
        }        
        .trip_info_button        
        {
           margin: calc(62vmin - 75px) 0px 0px calc(100% - 61px);  
        }         
        .interested_count       
        {
           margin: calc(62vmin - 75px) 0px 0px 0px;  
        }  
        .interested_button, 
        .interested_count,
        .trip_info_button,
        .trips_info_close
        {
            min-height: 48px!important;
            height: 48px!important;
        }
        .trips_accordion_icon_interested {

        }
        .trips_accordion_icon_interested_count {
            width: 17px;
            height: 17px;
            margin: -10px 3px -7px 7px !important;
        }
        .trips_info_place {
            /*max-width: 52%;*/
        }
        .trips_info_place,
        .trips_info_date,
        .trips_info_price
        {
            /*padding: 5px 6px 3px 6px!important;*/
            font-size: 16px;
        }
        .trips_info_date {
            margin-top: calc(4.8vmin + 5px)!important;
            /*margin-top: calc(4.8vmin + 14px)!important;*/
        }
        .trips_info_price {
            margin-top: calc(4.8vmin + 28px)!important;
        }
        .trips_info_mode {
            right: calc(3.7vmin + 3px);
            height: 19px;
            width: 19px;            
            margin-top: 3px !important;            
        }
        
        .trips_info_company {
            height: 43px;
            width: 43px;
        }
        .rent_member_preview {
            transform: scale(1.45);
            bottom: 5vmin;
            left: calc(7vmin + 18px);            
        }
        .trip_member_preview {
            transform: scale(1.45);
            bottom: calc(23% + 3.25vh + 7px);
        }  
            .rent_member_preview_counter_p {
                font-size: 12px;
                font-weight: 400;
                margin-left: 72px;
            }       
        .rent_heart_wishlist {
            right: 8vmin;
            /*right: calc(-61.8% + 3.7vmin);*/
        }
    }

    @media screen and (min-width:375px) and (max-width:423px) {
        .interested_button {
            margin: calc(62vmin - 82px) 0px 0px calc(50% - (47vmin / 2) - 5px);
        }        
        .trip_info_button {
            max-width: 70px;
            margin: calc(62vmin - 82px) 0px 0px calc(100% - 70px); 
        }        
        .interested_count {
            max-width: 70px;
            margin: calc(62vmin - 82px) 0px 0px 0px; 
        }
        .interested_button, 
        .interested_count,
        .trip_info_button,
        .trips_info_close
        {
            min-height: 52px!important;
            height: 52px!important;
        }

        .trips_accordion_icon_interested {

        }
        .trips_accordion_icon_interested_count {
            width: 19px;
            height: 19px;
            margin: -10px 3px -7px 6px !important;
        }
        .trips_info_place {
            /*max-width: 52%;*/
        }
        .trips_info_place,
        .trips_info_date,
        .trips_info_price
        {
            /*padding: 6px 7px 3.5px 7px!important;*/
            font-size: 17px;
            /*padding: 3.5px 5px 1px 5px!important;*/
        }
        .trips_info_date {
            margin-top: calc(4.8vmin + 7.2px)!important;
        } 
        .trips_info_price {
            margin-top: calc(4.8vmin + 33px)!important;
        }
        .trips_info_mode {
            right: calc(4.5vmin + 3px);
            width: 21px;
            height: 21px;
            margin-top: 3px !important;
        }        
        .rent_member_preview {
            transform: scale(1.33);
            bottom: 5vmin;
            left: calc(7vmin + 18px);

        }        
        .trip_member_preview {
            transform: scale(1.33);
            bottom: calc(23% + 3.5vh + 9px);
        }  
            .rent_member_preview_counter_p {
                font-size: 15px;
                font-weight: 400;
                margin-left: 75px;
            }        
        .rent_heart_wishlist {
            right: 8vmin;
            /*right: calc(-61.8% + 4.5vmin);*/
        }
    }
    @media screen and (min-width:423px) and (max-width:460px) {
        .interested_button {
            margin: calc(62vmin - 88px) 0px 0px calc(50% - (47vmin / 2));
        }
        .trip_info_button {
            max-width: 84px;
            margin: calc(62vmin - 88px) 0px 0px calc(100% - 84px); 
        }
        .interested_count {
            max-width: 84px;
            margin: calc(62vmin - 88px) 0px 0px 0px; 
        }
        .trips_info_place {
            max-width: 73%;
        }
        .interested_button, 
        .interested_count,
        .trip_info_button,
        .trips_info_close
        {
            min-height: 57px!important;
            height: 57px!important;
        } 
        .trips_accordion_icon_interested_count {
            margin: -10px 5px -7px 7px !important;
        }        
        .trips_info_place,
        .trips_info_date,
        .trips_info_price
        {
            /*padding: 8px 8px 5px 9px!important;*/
            font-size: 18px;
            /*padding: 3.5px 5px 1px 5px!important;*/
        }
        .trips_info_date {
            margin-top: calc(4.8vmin + 9px)!important;
        } 
        .trips_info_price {
            margin-top: calc(4.8vmin + 38px)!important;
        } 

        .trips_info_mode {
            right: calc(4.5vmin + 3px);
            width: 21px;
            height: 21px;
            margin-top: 3px !important;        
        }  
        .rent_member_preview {
            transform: scale(1.33);
            bottom: calc(5vmin + 5px);
            left: calc(8vmin + 20px);
        } 
        .trip_member_preview {
            transform: scale(1.33);
            bottom: calc(23% + 7vmin + 21px);
        }
            .rent_member_preview_counter_p {
                font-size: 15px;
                font-weight: 400;
                margin-left: 88px;
            }
        .rent_heart_wishlist {
            right: 8vmin;
            /*right: calc(-61.8% + 4.5vmin);*/
        }

    }
    @media screen and (min-width:460px) and (max-width:750px) {
        .trips_info {
            padding: 4.3vmin;
        }
        .trips_info_place {
            max-width: 75%;
        }
        .trips_info_place,
        .trips_info_date,
        .trips_info_price
        {
            font-size: 18px;
            /*padding: 9px 11px 5px 12px!important;*/
        }
         
        .trips_info_date {
            margin-top: calc(1.4vmin + 24.1px)!important;
        } 
        .trips_info_price {
            margin-top: calc(1.43vmin + 57px)!important;
        }
        .trips_info_mode {
            width: 23px;
            height: 23px;
            right: calc(7vmin + 5px);
            margin-top: 5px !important;
            /*margin-top: calc(1.4vmin + 104px)!important;*/
        }        
        .interested_button {
            margin: calc(62vmin - 90px) 0px 0px calc(50% - 102px);
        }
        .trip_info_button {
            max-width: 88px;
            margin: calc(62vmin - 90px) 0px 0px calc(100% - 88px); 
        } 
        .interested_count {
            max-width: 88px;
            margin: calc(62vmin - 90px) 0px 0px 0px; 
        }

        .rent_member_preview {
            transform: scale(1.33);
            bottom: calc(8vmin + 10px);
            left: calc(8vmin + 20px);
        }
        .trip_member_preview {
            transform: scale(1.33);
            bottom: calc(23% + 7vmin + 18px);
        }
        /*
        .trip_member_preview {
            bottom: calc(23% + 3vh + 9px);
        }
        */
            .rent_member_preview_counter_p {
                font-size: 16px;
                font-weight: 400;
                margin-left: 93px;
            }
        
        .rent_heart_wishlist {
            right: 8vmin;
            /*right: calc(-61.8% + 7vmin);*/
        }
        .interested_button,
        .interested_count,
        .trip_info_button,
        .trips_info_close
        {
            min-height: 61px!important;
            height: 61px!important;
        }
          
        .trips_accordion_icon_interested_count {
            margin: -10px 5px -7px 7px !important;
        }        
                
    }

    @media screen and (min-width:750px) {
        .trips_info {
            padding: 5vmin;
        }
        .trips_info_place {
            max-width: 73%;
        }
        .interested_button {
            margin: calc(62vmin - 90px) 0px 0px calc(50% - 106px);
        }
        .trip_info_button {
            max-width: 88px;
            margin: calc(62vmin - 90px) 0px 0px calc(100% - 88px); 
        } 
        .interested_count {
            max-width: 88px;
            margin: calc(62vmin - 90px) 0px 0px 0px; 
        }
        .trips_info_mode {
            width: 25px;
            height: 25px;
            right: calc(8vmin + 5px);
            margin-top: 5px !important;
            /*margin-top: calc(1vmin + 125px)!important;*/
        }
        .interested_button,
        .interested_count,
        .trip_info_button,
        .trips_info_close
        {
            min-height: 61px!important;
            height: 61px!important;
        }
          
        .trips_accordion_icon_interested_count {
            margin: -10px 5px -7px 7px !important;
        }
        .trips_info_place,
        .trips_info_date,
        .trips_info_price
        {
            font-size: 19.6px;
            /*padding: 8px 10px 5px 11px!important;*/
        }
        .trips_info_date {
            margin-top: calc(1vmin + 35px)!important;
        }
        .trips_info_price {
            margin-top: calc(1vmin + 78.3px)!important;
        }
        .rent_member_preview {
            transform: scale(1.33);
            bottom: calc(8vmin + 10px);
            left: calc(8vmin + 20px);
        }
        .trip_member_preview {
            transform: scale(1.33);
            bottom: calc(23% + 7vmin + 21px);
        }
            .rent_member_preview_counter_p {
                font-size: 18px;
                font-weight: 400;
                margin-left: 106px;
            }
        .rent_heart_wishlist {
            right: 8vmin;
            /*right: calc(-61.8% + 8vmin);*/
        }
        
    }
.interested_accordion_inner {
    
    height: 10.33vmin;
    line-height: 10.33vmin;
    border-radius: 100px!important;
    
    padding-right: 0px !important;
    background: none!important;
     /*padding-right: 32.5px!important;*/
}




.trip_member_list_head {
    width: 61vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.trip_subtitle_adjust {
    padding-top: 5px!important;
    padding-bottom: 3px;
    color: #fbfbfd;
}
.trip_label {
    background: #5a4ec7;
    color: #fbfbfd;
    border-radius: 30px;
    /*padding: 3px 7px 0px 5px;*/
    padding: 6px 10px 4px 7px;
    margin-right: 4.3px;
    margin-bottom: 1vh;
}
.empty_trip_label {
    
    background: #3ca048;
    color: #fbfbfd;
    border-radius: 30px;
    /*padding: 3px 7px 0px 5px;*/
    padding: 6px 10px 4px 7px;
    margin-right: 4.3px;
    margin-bottom: 1vh;
}
    .trip_label_img {
        width: 11.5px;
        height: 11.5px;
        margin-right: 3px;
    }

.trip_label_big {
    background: #5a4ec7;
    color: #fbfbfd;
    border-radius: 30px;
    padding: 3px 10px 1px 8px;
}
    .trip_label_big_img {
        width: 15px;
        height: 15px;
        margin: 0px 5.2px -3px 1px;
    }
    .trip_label_img_checked {
        width: 16px;
        height: 16px;
        margin-right: -4px;
        margin-bottom: -2.1px;
        margin-top: 0px;
        margin-left: 2.1px;   
    }

/* TRIPS PREVIEW CONTAINER */
.trips_preview_swiper_container1 {
    z-index: 2;
    max-height: 345px;
    /*max-height: 412px;*/
    overflow-y: hidden;
    border-bottom: 3px solid #fbfbfd;
    width: 100%;

    /*position: absolute;*/
    height: 62vmin;
    opacity: 1;
    
    /*transition height*/
    -webkit-transition: height 0.7s ease-out;
    -moz-transition: height 0.7s ease-out;
    -o-transition: height 0.7s ease-out;
    transition: height 0.7s ease-out;
    
    overflow: hidden;
    transform-origin:top;
    /*transition: -webkit-transform 0.5s;*/
}

.trips_preview_swiper_pagination {
    opacity: 0;
    /*margin-top: 30vmin!important;*/
}


    .trans{
        background: transparent!important;
        
    }
    .trip_preview_back {
        position: absolute;
        /* changed 2019-04-27
        width: 61.8%;
        */
        width: 38.2%;
        height: 77%;
        /*height: calc(42.8vmin - 2px);*/
        border-bottom: 1px solid rgb(221, 221, 222);
        background: rgba(251,251,253,1);
        background: -moz-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,253,1)), color-stop(61%, rgba(246,246,246,1)), color-stop(100%, rgba(240,239,243,1)));
        background: -webkit-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
        background: -o-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
        background: -ms-linear-gradient(top, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
        background: linear-gradient(to bottom, rgba(251,251,253,1) 0%, rgba(246,246,246,1) 61%, rgba(240,239,243,1) 100%);
        

        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;

    }
        .trip_preview_slide {
            height: 100%;
            /* changed 2019-04-27
            width: 38.2%;
            margin-left: 61.8%;
            */
            width: 61.8%;
            margin-left: 38.2%;
            background-image: url("../images/beach12.jpg");
            background-repeat: no-repeat;
            background-position: center center;
            background-size:cover;
        }



/* TRIP PAGE  SLIDE 1 (left) */

/* SEARCH SLIDE 1 ---------- */

.trips_slide1_settings {
    background-image: url("../images/ad_sample.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    
    /* added via js */
    /*width: 76.6vmin !important;*/
    
    /* added via swiper_slide class */
    /*height: calc(100% - 107.5px) !important;
    margin-top: 64px !important;*/
}

/* SEARCH SLIDE 1 LEFT after head */

.trips_slide1_settings_row_outer {
    /*border: 1px solid rgb(197, 196, 201);*/    
    border-right: 1px solid rgb(221, 221, 222); 
    
    overflow-y: scroll;
    height: 100%!important;
    /* DARKER BACK check this later*/
    
    font-family: Avenir-Medium;
    font-size: 1em;
      /*
    height: 100%; 
    background-color: green;
    opacity:0.25*/
    z-index: 1;
    background: rgba(251, 251, 253, 0.75);
    height: 100%;
    width: 100%;
    
    /* border-radius: 25px; */
    padding: 5vmin 4.8vmin 5vmin 4.8vmin!important; 
    
    }


    
.trips_interested_container {
    
}
.trips_head {
    /* Your likeness HEAD */
    color: #5a4ec7;
    font-family: Avenir-Heavy;
    font-size: 1.5em;
    /*text-shadow: 0 0 1px #ffffff;*/
    /*width: 84%!important;*/
    margin: 0px auto 0px auto!important;
    padding: 0px 0px 0px 0!important;
    text-align: center;
}

.trips_listblock {   
    z-index: 2;
    background: #fbfbfd;
    font-size: 14px;
    text-align: left!important;
    margin: 0px auto 18px auto!important;
    border-radius: 27px!important;
    max-width: 480px!important;
    
    /* border: 2.5px #5cb85c solid; */
}

.trips_accordion_li {
    color: #fbfbfd;
    font-size: 1em;
    background: #5a4ec7!important;
    /*
    background-color: #5cb85c!important;
    light purple (perfect)
    background: #5a4ec7!important;
    dark purple (perfect)
    background: #6e49d0!important;
    */
    border-radius: 27px!important;
    /*
    color: #fbfbfd;
    font-size: 1em;
    background-color: #7e91e8!important;
    */
}
.trips_accordion_title {
    color: #5cb85c;
}

/* SEARCH SLIDE 1 Filter Accordion Icon */

.trips_accordion_icon_left {
    /*2018-04-24 */
    display: none;
    width: 28px;
    height: 28px;
    margin: 0px -19px -7px 0px!important;
}
.trips_accordion_icon_right {
    width: 28px;
    height: 28px;
    margin: 0px 7px -7px 0px!important;
}

.completed_show {
    display: inherit;
}
.completed_hide {
    display: none!important;
}
.completed_on_item_after {
    width: 19px;
    height: 19px;
    background-image: url("../images/quiz_page_next.png");
    background-size: cover;
    background-repeat: no-repeat;
    border: 2.1px solid white;
    border-radius: 25px;
    position: absolute;
    right: 12.5px;
    bottom: 12.5px;
}



.trips_submission_container {
    /*background-color: #5cb85c!important;*/     
    /* background: #5a4ec7!important;*/
    padding: 9px 21px 9px 21px!important;
    font-size: 15px!important;
    background: #5a4ec7!important;
    text-shadow: 0 0 1px #000000;
    text-align: center!important;
    margin: 0px auto 0px auto!important; 
    /* BEFORE DEPOSIT */
    /*
    border-bottom-left-radius: 27px;
    border-bottom-right-radius: 27px;
    */
}
.trips_subtext {
    padding: 9px 24px 10px 28px!important;
}

.trips_submission_subtext,
.trips_submission_subtext_button {
    font-size: 13.3px!important;
    padding-top: 1.6px!important;
    padding-bottom: 0.9px!important;
    background: #5a4ec7!important;
    text-shadow: 0 0 1px #000000;
    text-align: center!important;
    border-radius: 34px;
}

.trips_submission_subtext_button {
    font-size: 18px!important;
    padding: 18px!important;
    border: rgba(251, 251, 253, 0.5) 2.5px solid;
    background-color: #5cb85c!important;
    /*
    medium seagreen lightened
    background-color: #64db99!important;
    */
}
.trips_submission_subtext_button:hover {
    border: rgba(251, 251, 253, 0.9) 2.5px solid;
}
.trips_submission_subtext_button:active {
    border: #5cb85c 2.5px solid;
    background-color: #fbfbfd!important;
    text-shadow: none;
    color: #5cb85c;
}
.trips_button_p {
    box-shadow: 0 0 1px #000000;
}

.trips_auth {
    background: white!important;
}

.trips_pay_full_auth_label {
    margin-left: 0px!important;
    padding: 0px 20px 0px 24px!important;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
}

.trips_pay_full_auth_check {
    background: #5cb85c!important;
    border: #e9f4f0 1px solid;
}
    
.overflow_x_hidden {
    overflow-x: hidden;
}


/* TRIP PAGE  SLIDE 2 (right) */



/* TRIP registry class */

.trips_not_interested {
    opacity: 0.39;
}
.trips_interested {
    opacity: 1;
}

/* TRIP MEMBER LIST HEADER */
.trip_member_list_header_cont {
    /*padding: 0px 2.8vmin;*/
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
    .trip_city_header_back_row {
        font-size: 16px;
        color: #fbfbfd;
        /*text-shadow: 0 0 1px #fbfbfd;*/
        background-color: #5a4ec7 !important;

        margin-top: 5.5px;
        margin-bottom: -1.9vmin;

        border-top-left-radius: 25px;
        border-top-right-radius: 25px;

        -webkit-transition: all 0.7s ease;
        -moz-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease;
    }
    /* TRIP LIST NEW MEMBER HEADER */
    .trip_unread_header_back_row {
        font-size: 16px;
        color: #5a4ec7;
        text-shadow: 0 0 1px #fbfbfd;
        background-color: #dde3ff !important;

        margin-bottom: 2.5vmin;
        /*
        border-top-left-radius: 34px;
        border-top-right-radius: 34px;
        border: 9px solid white;
        */
        -webkit-transition: all 0.7s ease;
        -moz-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease;
    }
        .trip_list_city {
            /*width: 94.4vw;
            margin-left: 2.8vw;*/
            color: #fbfbfd;
            font-size: 16px;

        }
        .trip_list_update {
            width: calc(100% + 18px);
            margin-left: -9px;
            color: #5a4ec7;
            font-size: 16px;
            /*width: calc(94.4vw + 18px);
            margin-left: calc(2.8vw - 9px);*/
            
            /*
            border-bottom-left-radius: 25px;
            border-bottom-right-radius: 25px;

            border-top: 0.48vmin solid #9d93e0;
            border-right: 0.48vmin solid #8c80de;
            border-left: 0.48vmin solid #b3aaec;

            width: 94.4vw;
            margin-left: 2.8vw;
            border-bottom-left-radius: 25px;
            border-bottom-right-radius: 25px;
            border-right: 0.48vmin solid #eff1fb;
            border-bottom: 0.48vmin solid #eff1fb;
            border-left: 0.48vmin solid #eff1fb;
            */
        }
            .trip_list_p1 {
                margin: calc(2.1vmin + 8px) 0px calc(4.1vmin + 4px) 0px!important;
            }
            .trip_list_p2 {
                margin: 15px 0px 12px 0px!important;
                /*margin: calc(2.1vmin + 8px) 0px calc(2.1vmin + 4px) 0px!important;*/
            }

/* removed 2018-09-26 */
.chat_list_update_icon {
    display: none;
}
.chat_list_update_icon,
.trip_list_update_icon,
.trip_list_city,
.trip_list_update,
.trip_list_p1,
.trip_list_p2,
.trip_user_pic,
.trip_user_pic_backdrop
{
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

    .chat_list_update_icon,
    .trip_list_update_icon {
        z-index: 9;
        position: absolute;
        border-radius: 50%!important;
        top: calc(48px - 0.8vmin);
        left: calc(51px - 0.8vmin);
        width: 3.84vmin!important;
        height: 3.84vmin!important;
        min-width: 19px!important;
        min-height: 19px!important;
        max-width: 28px!important;
        max-height: 28px!important;
        background-color: #fbfbfd;
        margin-bottom: 12px;
        border: 0.73vmin solid white;
    }
    .chat_list_update_icon {
        background-color: #5a4ec7;
    }
    .trip_list_update_icon {
        background-image: url(../images/icon_checkmark_green.png);
        background-size: cover;
        background-position: center center;
    }


    /* 2018-08-18 updated to slide 1 */
    .trip_user_container_slide1 {
        padding-left: 0px!important;
        background: #fbfbfd!important;
        width: 100%!important;
        height: 70px;
        /* max-width: 120px!important;
        max-height: 120px!important; */
    }

    .trip_user_panel_left {
        z-index: 6;
        position: absolute;
        top: 20px;
        width: 200px!important;
        left: 2.8vmin;
    }

    .trip_user_pic {
        display: none;
        opacity: 0.39;
        z-index: 7;
        position: absolute;
        top: 0;
        margin: 0px 0px 0px 0px!important;
        height: 70px !important;
        width: 70px !important;
        border-radius: 50%!important;
        -webkit-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        background-image: url(../images/user_profile_default.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .trip_user_pic_backdrop {
        display: none;
        z-index: 6;
        background: #fbfbfd;
        border: 1vmin solid #fbfbfd;
        margin: -0.5vmin 0px 0px -0.5vmin!important;
        position: absolute;
        top: 0;
        height: calc(1vmin + 70px) !important;
        width: calc(1vmin + 70px) !important;
        border-radius: 50%!important;
        -webkit-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
    }

    .trip_user_name {
        display: none;
        z-index: 7;
        width: 43vmin!important;
        font-size: 17.8px!important;
        margin: 0px 0px 0px 88px;
    }
.trip_user_status {
    display: none;
    z-index: 7;
    margin: -16px 0px 0px 89px;
    max-width: 128px;
}
    .trip_user_status_p {
        width: 300px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 55vw;
        margin-top: 0px;
    }
.trip_user_status_icon {
    display: none;
    z-index: 7;
    margin: 0px 0px 0px 88px;
    height: 16px !important;
    width: 16px !important;
    /*background-color: transparent;   izbacio boban !!!!*/
    /*background-color: #5cb85c;*/
    border-radius: 50%;
    background: transparent!important;
}

    .trip_user_name_p {
        margin: 0!important;
    }

    @media screen and (max-width: 361px) {
        /*
        .trip_chat_chatter_name {
            width: calc(66vmin + -33px)!important;
        }
        .trip_chat_chatter_status {
            width: calc(66vmin + -33px)!important;
        }
        */
        .trip_user_pic {
            height: 19vmin!important;
            width: 19vmin!important;
        }
        .trip_user_pic_backdrop {
            height: 20vmin!important;
            width: 20vmin!important;
        }
        .trip_user_name {
            left: 0px!important;
            margin-left: calc(22.6vmin + 9px)!important;
            ;
        }
        .trip_user_status_icon {
            left: 0px!important;
            margin-left: calc(22.6vmin + 9px)!important;
            ;
        }
        .trip_user_status {
            left: 0px!important;
            margin-left: calc(22.6vmin + 10px)!important;
            ;
        }
    }


/* TRIP PAGE SLIDE2 END */


/* TRIP PAGE END */



/* TRIP */

/* TRIP LIRGE ICONS */
.who_liked_you_list_icon_large,
.your_matches_list_icon_large,
.liked_list_icon_large,
.seen_list_icon_large,
.blocked_list_icon_large
{
    z-index: 10;
    position: absolute;
    background-color: #fbfbfd;
    border-radius: 50%!important;
    top: 3.9vmin!important;
    left: 3.9vmin!important;
    width: 10.33vmin!important;
    height: 10.33vmin!important;
    min-width: 25px!important;
    min-height: 25px!important;
    max-width: 46px!important;
    max-height: 46px!important;
    border: 3px solid white;
    background-size: contain;
    background-size: center center;
    background-repeat: no-repeat;
    margin-bottom: 12px;
}
/* MESSAGE */
.message_list_icon_large {
    bottom: 3.9vmin!important;
    z-index: 10;
    position: absolute;
    background-color: #fbfbfd;
    border-radius: 50%!important;
    bottom: 3.9vmin!important;
    left: 3.9vmin!important;
    width: 10.33vmin!important;
    height: 10.33vmin!important;
    min-width: 25px!important;
    min-height: 25px!important;
    max-width: 46px!important;
    max-height: 46px!important;
    border: 3px solid white;
    background-color: #fbfbfd;
    background-image: url(../images/icon_message_friend.png);
    background-size: contain;
    background-size: center center;
    background-repeat: no-repeat;
}

/* TRIP LARGE IMAGES */
.who_liked_you_list_icon_large {
    background-image: url(../images/icon_friended.png);   
}
.your_matches_list_icon_large {
    background-image: url(../images/icon_friends.png);
}
.liked_list_icon_large {    
    background-image: url(../images/icon_add_friend.png);
    /*background-image: url(../images/icon_add_friend.png);*/
}
.seen_list_icon_large {  
    background-image: url(../images/icon_seen.png);
}
.blocked_list_icon_large {   
    background-image: url(../images/icon_blocked.png);
}





/* LIKE */

/* LIKENESS ICONS */
.who_liked_you_list_icon,
.your_matches_list_icon,
.liked_list_icon,
.seen_list_icon,
.blocked_list_icon
{    
    z-index: 10;
    position: absolute;
    border-radius: 50%!important;
    top: 2.8vmin!important;
    left: 2.8vmin!important;
    width: 6.21vmin!important;
    height: 6.21vmin!important;
    min-width: 25px!important;
    min-height: 25px!important;
    max-width: 46px!important;
    max-height: 46px!important;
    border: 3px solid white;
    background-color: #fbfbfd;
    background-size: contain;
    background-size: center center;
    background-repeat: no-repeat;
    margin-bottom: 12px;
}
/* MESSAGE */
.message_list_icon {
    z-index: 10;
    position: absolute;
    border-radius: 50%!important;
    bottom: 2.8vmin!important;
    left: 2.8vmin!important;
    width: 6.21vmin!important;
    height: 6.21vmin!important;
    min-width: 25px!important;
    min-height: 25px!important;
    max-width: 46px!important;
    max-height: 46px!important;
    border: 3px solid white;
    background-color: #fbfbfd;
    background-image: url(../images/icon_message_friend.png);
    background-size: contain;
    background-size: center center;
    background-repeat: no-repeat;
    margin-bottom: 12px;

}
/* LIKENESS ICON IMAGES */
.who_liked_you_list_icon {
    background-image: url(../images/icon_friended.png);    
}
.your_matches_list_icon {
    background-image: url(../images/icon_friends.png);    
}
.liked_list_icon {
    background-image: url(../images/icon_add_friend.png);
}
.seen_list_icon {
    background-image: url(../images/icon_seen.png);
}
.blocked_list_icon {
    background-image: url(../images/icon_blocked.png);
}

/* ACTIVITIES  */
.activities_list_icon {
    z-index: 5;
    position: absolute;
    border-radius: 50%!important;
    top: 2.8vmin!important;
    left: 2.8vmin!important;
    width: 6.21vmin!important;
    height: 6.21vmin!important;
    min-width: 25px!important;
    min-height: 25px!important;
    max-width: 46px!important;
    max-height: 46px!important;
    
    background-color: #fbfbfd;
    background-image: url(../images/checkmark_icon.png);
    background-size: contain;
    background-size: center center;
    background-repeat: no-repeat;
    
    margin-bottom: 12px;
    border: 0.82vmin solid transparent;
}


/* WHO LIKED YOU */
.who_viewed_you_list_icon {
    z-index: 5;
    position: absolute;
    border-radius: 50%!important;
    top: 4.69vmin!important;
    left: 4.69vmin!important;
    width: 7.9vmin!important;
    height: 7.9vmin!important;
    min-width: 31.3px!important;
    min-height: 31.3px!important;
    max-width: 57px!important;
    max-height: 57px!important;
    /*
    top: 2.8vmin!important;
    left: 2.8vmin!important;
    width: 6.21vmin!important;
    height: 6.21vmin!important;
    min-width: 25px!important;
    min-height: 25px!important;
    max-width: 46px!important;
    max-height: 46px!important;*/
    
    background-color: #fbfbfd;
    background-image: url(../images/like_filled.png);
    background-size: contain;
    background-size: center center;
    background-repeat: no-repeat;
    
    margin-bottom: 12px;
    border: 0.82vmin solid transparent;
}

/* WHO VIEWED YOUR PHOTOS */
.who_viewed_photos_list_icon {
    z-index: 5;
    position: absolute;
    border-radius: 50%!important;
    top: 2.8vmin!important;
    left: 2.8vmin!important;
    width: 6.21vmin!important;
    height: 6.21vmin!important;
    min-width: 25px!important;
    min-height: 25px!important;
    max-width: 46px!important;
    max-height: 46px!important;
    /*bottom: 2.8vmin!important;*/
    /*left: 17.2vmin!important;*/
    /*width: 3.84vmin!important;*/
    /*height: 3.84vmin!important;*/
    /*min-width: 15px!important;
    min-height: 15px!important;
    max-width: 28px!important;
    max-height: 28px!important;*/
    background-color: #fbfbfd;
    background-image: url(../images/viewed_profile.png);
    background-size: contain;
    background-size: center center;
    background-repeat: no-repeat;
    
    margin-bottom: 12px;
    border: 0.82vmin solid transparent;
}
/* WHO VIEWED YOUR PROFILE */
.who_viewed_profile_list_icon {
    z-index: 5;
    position: absolute;
    border-radius: 50%!important;
    top: 2.8vmin!important;
    left: 2.8vmin!important;
    width: 6.21vmin!important;
    height: 6.21vmin!important;
    min-width: 25px!important;
    min-height: 25px!important;
    max-width: 46px!important;
    max-height: 46px!important;
    /*bottom: 2.8vmin!important;*/
    /*left: 17.2vmin!important;*/
    /*width: 3.84vmin!important;*/
    /*height: 3.84vmin!important;*/
    /*min-width: 15px!important;
    min-height: 15px!important;
    max-width: 28px!important;
    max-height: 28px!important;*/
    background-color: #fbfbfd;
    background-image: url(../images/viewed_profile.png);
    background-size: contain;
    background-size: center center;
    background-repeat: no-repeat;
    
    margin-bottom: 12px;
    border: 0.82vmin solid transparent;
}
/* EMPTY */
.empty_list_icon {
    display: none;
}

.chat_audio_container {
    width: 100%; 
    height: 100%;
    background-image: url(../images/newyork.jpg);
    background-size: cover;
    background-position: center center;
}




.member_lists_item_inner {
    font-family: Avenir-Light;
    padding-right: 25px!important;
    /*padding-right: calc(25px + 5vmin) !important;*/
    margin-left: 12px!important;
}

.member_alerts_list_cont,
.member_list_options_cont {
    z-index: 5;
    position: absolute;
    border: 7px solid transparent;
    top: 3px;
    right: 0px;
    width: 34px;
    height: 34px;
    /*
    border: 12px solid transparent;    
    right: 1.8vmin;         
    width: 15.1vmin;
    height: 15.1vmin;
    min-width: 48px;
    min-height: 48px;    
    max-width: 63px;
    max-height: 63px;
    */
}
    .member_list_options_cont:hover {
        opacity: 0.6;
    }
    .member_list_options_cont:active {
        opacity: 0.1;
    }

.member_list_options {
    z-index: 2;    
    position: absolute;
    height: 100%;
    width: 100%;
}
    
    .member_list_options_img {
        z-index: 1;
        height: 100%;
        width: 100%;
        background-image: url(../images/icon_options_friend.png);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }







.who_liked_you_swiper_container{
    height: 100%;
}


/* check this CHECK ALL BELOW */
/* MM SIZE MINI */

@media screen and (max-width:334px){
    
    /* SIGN UP */
    .mmsign_up_row_custom {
        width:290px!important;}
    .mmsign_up_col_custom {
        height:683px;}
    
    .mmavenir_header_white {
        font-size:1.33em;
        margin-top: 40px;}
    .mmsign_up_circle_icon {
        height: 64px!important;
  		width: 64px!important;
        margin-bottom:-32px;}
    
    .mmalias_checkbox {
        font-size: 1.05em;
        margin-top: 21px;
        margin-bottom: 5px;}
    
    .mmalias_custom {
        margin-left: 43px!important;
        max-width: 203px!important;}
        
    .mmalias_checkbox2 {
        font-size: 1.05em;
        margin-top: 30px;
        margin-bottom: 16px;}
    
    
    .mmsign_up_profile_pic_custom {
        height:100px!important;
        width:100px!important;
        left:32px;
        font-size:1.05em;}
    .mmsign_up_profile_img {
        height:100px!important;
        width:100px!important;}
    .mmsign_up_profile_edit {
        height:40px!important;
        width:40px!important;
        left:102px!important;
        top: 153px;}
    
    
    .mmsign_up_background_custom {
        height:100px!important;
        width:100px!important;
        right:32px!important;
        top: 158px;
        font-size:1.05em;}
    .mmsign_up_background_img {
        height:100px!important;
        width:100px!important;}
    .mmsign_up_back_edit {
        height:40px!important;
        width:40px!important;
        left:230px!important;
        top: 153px;}
    
    .mmsign_up_add_pics_text {
        font-size:1.05em;
        top:324px;
        left:64px;}
    .mmsign_up_add_pic1 {
        top: 358px;
        width: 58px!important;
        height: 58px!important;}
    .mmsign_up_add_pic2 {
        top: 358px;
        width: 58px!important;
        height: 58px!important;}
    .mmsign_up_add_pic3 {
        top: 358px;
        width: 58px!important;
        height: 58px!important;}
    .mmsign_up_add_pic4 {
        top: 358px;
        width: 58px!important;
        height: 58px!important;}
    .mmsign_up_add_pic5 {
        top: 358px;
        width: 58px!important;
        height: 58px!important;}
        
    .mmsign_up_terms_button {
        top:453px;}
    .mmsign_up_data_button {
        top:502px;}
    .mmsign_up_agree_checkbox {
        top:542px;
        width: 70%!important;
        margin-left: 15%!important;}
    .mmalert_agree_terms {
        top:630px;
        font-size: 0.9em;
        height: 50px;
        line-height: 10px;}

    .mmsign_up_submit {
        top: 652px;
        left: 115px;
        height: 60px!important;
        width: 60px!important;}
    .mmsign_up_submit_img {
        
        height: 60px!important;
        width: 60px!important;}
    
    /* SIGN UP LNKD FORSQR */
    .sign_up_lnkd_pinterest_row_custom {
        max-width:290px!important;}
    .sign_up_lnkd_pinterest_col_custom {
        height:774px;}
    
    /* SIGN UP LNKD AGE */   
    .sign_up_lnkd_pinterest_age {
        top: 450px;
        font-size:1.05em
        margin-left: 24.5%;}
    .sign_up_lnkd_pinterest_age_label {
        }
    .sign_up_lnkd_pinterest_age_box {
        font-size: 1.4em;
        height: 1.42em;
        line-height: 27px;
        margin-left: 12.5%;}
    .sign_up_lnkd_pinterest_age_info {
        top: 451px;
        width: 24px;
        height: 24px;
        left: 12%;}
    
     /* SIGN UP LNKD TERMS */ 
    .sign_up_lnkd_pinterest_terms_button {
        top: 515px;
        font-size: 1em;}
    .sign_up_lnkd_pinterest_data_button {
        top: 565px;
        font-size: 1em;}

    .sign_up_lnkd_pinterest_agree_checkbox {
        top: 615px;
        font-size: 1em;}
    
    .sign_up_lnkd_pinterest_take_quiz {
        top: 754px;
        height: 39px;}
    .sign_up_lnkd_pinterest_alert_agree {
        top: 725px;
        font-size: 0.9em;
        height: 50px;
        line-height: 10px;}
    
    /* EXTRA ROW outer*/
    .sign_up_lnkd_pinterest_alt_signup_row {
        max-width: 290px!important;}
    .sign_up_lnkd_pinterest_alt_signup_col {
        height: 250px;}
    
    /* EXTRA ROW inner ALT FB */
    .sign_up_lnkd_pinterest_alt_signup_head {
        font-size: 1em;}
    /* Sign up with Facebook */
    .sign_up_lnkd_pinterest_alt_signup {
        height: 39px!important;}
    
    /* END EXTRA ROW */
    
    
    
   /* SEARCH RESULTS */
    
    
    
    .search_button_label {
        display:none;
        /*
        font-size: 0.75em;*/
    }
  
} /*max 334px*/


/* MM SIZE SMALL */
/* check this */


@media screen and (min-width:335px) and (max-width:349px){
    
    .mmsign_up_row_custom {
        width:316px!important;}
    .mmsign_up_col_custom {
        height:705px;}
    
    .mmavenir_header_white {
        font-size:1.33em;
        margin-top: 40px;}
    .mmsign_up_circle_icon {
        height:70px!important;
        width:70px!important;
        margin-bottom:-35px;}
    
    .mmalias_checkbox {
        font-size:1.1em;
        margin-top: 21px;
        margin-bottom: 5px;}
    
    .mmalias_custom {
        margin-left: 60px!important;
        max-width: 196px!important;}
        
    .mmalias_checkbox2 {
        font-size:1.1em;
        margin-top: 38px;
        margin-bottom: 18px;}
    
    .mmsign_up_profile_pic_custom {
        font-size:1.1em;
        height:105px!important;
        width:105px!important;
        left:34px;}
    .mmsign_up_profile_img {
        height:105px!important;
        width:105px!important;}
    .mmsign_up_profile_edit {
        height:40px!important;
        width:40px!important;
        top: 154px;
        left:105px;}
    
    .mmsign_up_background_custom {
        height:105px!important;
        width:105px!important;
        right:34px;
        top: 162px;
        font-size:1.1em;}
    .mmsign_up_background_img {
        height:105px!important;
        width:105px!important;}
    .mmsign_up_back_edit {
        height:40px!important;
        width:40px!important;
        top: 154px;
        left:251px;}
    
    .mmsign_up_add_pics_text {
        font-size:1.1em;
        top:336px;
        left:72px;}
    .mmsign_up_add_pic1 {
        top: 370px;
        width: 64px!important;
        height: 64px!important;}
    .mmsign_up_add_pic2 {
        top: 370px;
        width: 64px!important;
        height: 64px!important;}
    .mmsign_up_add_pic3 {
        top: 370px;
        width: 64px!important;
        height: 64px!important;}
    .mmsign_up_add_pic4 {
        top: 370px;
        width: 64px!important;
        height: 64px!important;}
    .mmsign_up_add_pic5 {
        top: 370px;
        width: 64px!important;
        height: 64px!important;}
    
    .mmsign_up_terms_button {
        top:471px;}
    .mmsign_up_data_button {
        top:521px;}
    .mmsign_up_agree_checkbox {
        top:561px;}
    .mmalert_agree_terms {
        top:649px;
        height: 50px;
        line-height: 12px;}
    
    .mmsign_up_submit {
        top: 672px;
        left: 126px;
        height: 64px!important;
        width: 64px!important;}
    .mmsign_up_submit_img {
        
        height: 64px!important;
        width: 64px!important;}
    
    
    
     /* SIGN UP LNKD FORSQR */
    .sign_up_lnkd_pinterest_row_custom {
        max-width:316px!important;}
    .sign_up_lnkd_pinterest_col_custom {
        height:784px;}
    /* extra row below */
    .sign_up_lnkd_pinterest_alt_signup_row {
        max-width: 316px!important;}
    .sign_up_lnkd_pinterest_alt_signup_col {
        height: 250px;}
    
    /* SIGN UP LNKD AGE */   
    .sign_up_lnkd_pinterest_age {
        top: 470px;
        font-size: 1.1em;}
    .sign_up_lnkd_pinterest_age_label {
        }
    .sign_up_lnkd_pinterest_age_box {
        margin-left: 21%;}
    .sign_up_lnkd_pinterest_age_info {
        top: 471px;}
    
     /* SIGN UP LNKD TERMS */ 
    .sign_up_lnkd_pinterest_terms_button {
        top: 543px;
        font-size: 1em;}
    .sign_up_lnkd_pinterest_data_button {
        top: 593px;
        font-size: 1em;}

    .sign_up_lnkd_pinterest_agree_checkbox {
        top: 643px;
        font-size: 1em;}
    
    .sign_up_lnkd_pinterest_take_quiz {
        top: 762px;
        height: 42px;}
    .sign_up_lnkd_pinterest_alert_agree {
        top: 735px;
        height: 50px;
        line-height: 12px;}
    
    /* EXTRA ROW ALT FB */
    .sign_up_lnkd_pinterest_alt_signup_head {
        font-size: 1.1em;
        margin-top: 55px;}
    /* Sign up with Facebook */
    .sign_up_lnkd_pinterest_alt_signup {
        height: 42px!important;}
    
    /* END EXTRA ROW */
    
    /* SEARCH RESULTS */
    
    .search_button_label {
        display: none;}
   
} /*max 349px*/

/* MM SIZE MED */
/* check this */

@media screen and (min-width:350px) and (max-width:374px){
    
    .mmsign_up_row_custom {
        width:330px!important;}
    .mmsign_up_col_custom {
        height:720px;}
    
    .mmavenir_header_white {
        font-size:1.4em;
        margin-top: 45px;}
    .mmsign_up_circle_icon {
        height:70px!important;
        width:70px!important;
        margin-bottom:-35px;}
        
    .mmalias_checkbox {
        font-size:1.15em;
        margin-top: 21px;
        margin-bottom: 5px;}
    
    .mmalias_custom {
        margin-left: 63px!important;
        max-width: 204px!important;}
        
    .mmalias_checkbox2 {
        font-size:1.15em;
        margin-top: 38px;
        margin-bottom: 18px;}
    
    /* edit buttons */
    .mmsign_up_profile_edit {
        height:45px!important;
        width:45px!important;
        top:158px;
        left:110px;}
    .mmsign_up_back_edit {
        height:45px!important;
        width:45px!important;
        top:158px;
        left:258px;}
    
    .mmsign_up_profile_pic_custom {
        height:110px!important;
        width:110px!important;
        left:36px;
        font-size:1.15em;}
    .mmsign_up_profile_img {
        height:110px!important;
        width:110px!important;}
    .mmsign_up_background_custom {
        height:110px!important;
        width:110px!important;
        right:36px;
        top: 165px;
        font-size:1.15em;}
    .mmsign_up_background_img {
        height:110px!important;
        width:110px!important;}
    
    .mmsign_up_add_pics_text {
        font-size:1.15em;
        top:344px;
        left:77px;}
    .mmsign_up_add_pic1 {
        top: 380px;
        width: 64px!important;
        height: 64px!important;}
    .mmsign_up_add_pic2 {
        top: 380px;
        width: 64px!important;
        height: 64px!important;}
    .mmsign_up_add_pic3 {
        top: 380px;
        width: 64px!important;
        height: 64px!important;}
    .mmsign_up_add_pic4 {
        top: 380px;
        width: 64px!important;
        height: 64px!important;}
    .mmsign_up_add_pic5 {
        top: 380px;
        width: 64px!important;
        height: 64px!important;}
     
    .mmsign_up_terms_button {
        top: 484px;}
    .mmsign_up_data_button {
        top: 534px;}
    .mmsign_up_agree_checkbox {
        top: 574px;}
    .mmalert_agree_terms {
        top: 663px;
        height: 50px;
        line-height: 12px;}
    
    .mmsign_up_submit {
        top: 687px;
        left: 133px;
        height: 64px!important;
        width: 64px!important;}
    .mmsign_up_submit_img {
        
        height: 64px!important;
        width: 64px!important;}
    
    
    /* SIGN UP LNKD FORSQR */
    .sign_up_lnkd_pinterest_row_custom {
        max-width:330px!important;}
    .sign_up_lnkd_pinterest_col_custom {
        height:802px;}
    /* extra row below */
    .sign_up_lnkd_pinterest_alt_signup_row {
        max-width: 330px!important;}
    .sign_up_lnkd_pinterest_alt_signup_col {
        height: 250px;}
    
    /* SIGN UP LNKD AGE */
    .sign_up_lnkd_pinterest_age {
        top: 477px;
        font-size:1.15em;}
    .sign_up_lnkd_pinterest_age_label {
        }
    .sign_up_lnkd_pinterest_age_box {
        margin-left: 19%;}
    .sign_up_lnkd_pinterest_age_info {
        top: 479px;}
    
     /* SIGN UP LNKD TERMS */ 
    .sign_up_lnkd_pinterest_terms_button {
        top: 550px;
        font-size: 1em;}
    .sign_up_lnkd_pinterest_data_button {
        top: 600px;
        font-size: 1em;}

    .sign_up_lnkd_pinterest_agree_checkbox {
        top: 650px;
        font-size: 1em;}
    
    .sign_up_lnkd_pinterest_take_quiz {
        top: 779px;
        height: 45px;}
    .sign_up_lnkd_pinterest_alert_agree {
        top: 743px;
        height: 54px;
        line-height: 12px;}
    
    /* EXTRA ROW ALT FB */
    .sign_up_lnkd_pinterest_alt_signup_head {
        font-size: 16px;}
    /* Sign up with Facebook */
    .sign_up_lnkd_pinterest_alt_signup {
        height: 45px!important;}
    
    /* END EXTRA ROW */
    
   
    
    
    
    /* SEARCH RESULTS */
    
    .search_button_label {
        font-size: 0.8em;}
  
    
} /*max 374px*/

/* MM SIZE LARGE iphone6 (portrait) */

@media screen and (min-width:375px) and (max-width:413px){ 
    
    .mmsign_up_row_custom {
        width:356px!important;}
    .mmsign_up_col_custom {
        height:727px;}
    
    .mmavenir_header_white {
        font-size:1.45em;
        margin-top: 45px;}
    .mmsign_up_circle_icon {
        height:70px!important;
        width:70px!important;
        margin-bottom:-35px;}
    
    .mmalias_checkbox {
        font-size:1.2em;
        margin-top: 21px;
        margin-bottom: 5px;}
    
    .mmalias_custom {
        margin-left: 68px!important;
        max-width: 220px!important;}
        
    .mmalias_checkbox2 {
        font-size:1.2em;
        margin-top: 36px;
        margin-bottom: 14px;}
       
    /* edit buttons */
    .mmsign_up_profile_edit {
        height:45px!important;
        width:45px!important;
        top:160px;
        left:120px;}
    .mmsign_up_back_edit {
        height:45px!important;
        width:45px!important;
        top:160px;
        left:280px;}
    
    .mmsign_up_profile_pic_custom {
        height:120px!important;
        width:120px!important;
        left:40px;
        font-size:1.2em;}
    .mmsign_up_profile_img {
        height:120px!important;
        width:120px!important;}
    .mmsign_up_background_custom {
        height:120px!important;
        width:120px!important;
        right:40px;
        top: 165px;
        font-size:1.2em;}
    .mmsign_up_background_img {
        height:120px!important;
        width:120px!important;}
    
    .mmsign_up_pic_label{
        margin-top: 10px!important;}   

    
    .mmsign_up_add_pics_text {
        font-size:1.2em;
        top:354px;
        left:86px;}
    .mmsign_up_add_pic1 {
        top: 390px;
        width: 71px!important;
        height: 71px!important;}
    .mmsign_up_add_pic2 {
        top: 390px;
        width: 71px!important;
        height: 71px!important;}
    .mmsign_up_add_pic3 {
        top: 390px;
        width: 71px!important;
        height: 71px!important;}
    .mmsign_up_add_pic4 {
        top: 390px;
        width: 71px!important;
        height: 71px!important;}
    .mmsign_up_add_pic5 {
        top: 390px;
        width: 71px!important;
        height: 71px!important;}
    
    .mmsign_up_terms_button {
        top:505px;}
    .mmsign_up_data_button {
        top:555px;}
    .mmsign_up_agree_checkbox {
        top:597px;}
    .mmalert_agree_terms {
        top:667px;
        height: 48px;
        line-height: 12px;}
    
    .mmsign_up_submit {
        top: 690px;
        left: 143px;
        height: 70px!important;
        width: 70px!important;}
    .mmsign_up_submit_img {
        
        height: 70px!important;
        width: 70px!important;}
    
    
    /* SIGN UP LNKD FORSQR */
    .sign_up_lnkd_pinterest_row_custom {
        max-width:356px!important;}
    .sign_up_lnkd_pinterest_col_custom {
        height:825px;}
    /* extra row below */
    .sign_up_lnkd_pinterest_alt_signup_row {
        max-width: 356px!important;}
    .sign_up_lnkd_pinterest_alt_signup_col {
        height: 280px;}
     
    /* SIGN UP LNKD FORSQR AGE */
    .sign_up_lnkd_pinterest_age {
        top: 500px;
        font-size:1.2em;}
    .sign_up_lnkd_pinterest_age_label {
        }
    .sign_up_lnkd_pinterest_age_info {
        top: 501px;
        left: 12.5%;}
    
    /* SIGN UP LNKD TERMS */ 
    .sign_up_lnkd_pinterest_terms_button {
        top: 578px;
        font-size: 1em;}
    .sign_up_lnkd_pinterest_data_button {
        top: 628px;
        font-size: 1em;}

    .sign_up_lnkd_pinterest_agree_checkbox {
        top: 678px;
        font-size: 1em;}
    
    .sign_up_lnkd_pinterest_take_quiz {
        top: 783px;
        height: 48px;}
    .sign_up_lnkd_pinterest_alert_agree {
        top: 748px;
        height: 54px;
        line-height: 12px;}
    
    /* EXTRA ROW ALT FB */
    .sign_up_lnkd_pinterest_alt_signup_head {
        font-size: 1.2em;}
    /* Sign up with Facebook */
    .sign_up_lnkd_pinterest_alt_signup {
        height: 48px!important;}
    
    /* END EXTRA ROW */
        
    
    /* SEARCH RESULTS */
    
    .search_button_label {
        font-size: 0.88em;
    }
   
    
} /*max 413px*/

/* MM SIZE X-LARGE iphone6 plus (portrait) */

@media screen and (min-width:414px) and (max-width:449px){
    .mmsign_up_row_custom {
        width: 390px!important;}
    .mmsign_up_col_custom {
        height: 754px;}
    
    .mmavenir_header_white {
        font-size:1.5em;
        margin-top: 45px;}
    
    .mmsign_up_circle_icon {
        height:70px!important;
        width:70px!important;
        margin-bottom:-35px;}

    .mmalias_checkbox {
        font-size:1.25em;
        margin-top: 21px;
        margin-bottom: 5px;}
    
    .mmalias_custom {
        margin-left: 74px!important;
        max-width: 242px!important;}
        
    .mmalias_checkbox2 {
        font-size:1.25em;
        margin-top: 36px;
        margin-bottom: 16px;}
    
    
    .mmsign_up_profile_edit {
        height:45px!important;
        width:45px!important;
        top:160px;
        left:135px;}
    .mmsign_up_back_edit {
        height:45px!important;
        width:45px!important;
        top:160px;
        left:315px;}
    
    .mmsign_up_profile_pic_custom {
        height:135px!important;
        width:135px!important;
        left:43px;
        font-size:1.25em;}
    .mmsign_up_profile_img {
        height:135px!important;
        width:135px!important;}
    .mmsign_up_background_custom {
        height:135px!important;
        width:135px!important;
        right:43px;
        top: 169px;
        font-size:1.25em;}
    .mmsign_up_background_img {
        height:135px!important;
        width:135px!important;}
    
    .mmsign_up_pic_label{
        margin-top: 8px!important;}
    
    .mmsign_up_add_pics_text {
        font-size:1.25em;
        top:372px;
        left:99px;}
    .mmsign_up_add_pic1 {
        top: 410px;
        width: 77px!important;
        height: 77px!important;}
    .mmsign_up_add_pic2 {
        top: 410px;
        width: 77px!important;
        height: 77px!important;}
    .mmsign_up_add_pic3 {
        top: 410px;
        width: 77px!important;
        height: 77px!important;}
    .mmsign_up_add_pic4 {
        top: 410px;
        width: 77px!important;
        height: 77px!important;}
    .mmsign_up_add_pic5 {
        top: 410px;
        width: 77px!important;
        height: 77px!important;}
    
    .mmsign_up_terms_button {
        top:528px;}
    .mmsign_up_data_button {
        top:578px;}
    .mmsign_up_agree_checkbox {
        top:618px;}
    .mmalert_agree_terms {
        top:690px;
        height: 50px;
        line-height: 12px;}
    
    .mmsign_up_submit {
        top: 714px;
        left: 155px;
        height: 80px!important;
        width: 80px!important;}
    .mmsign_up_submit_img {
        
        height: 80px!important;
        width: 80px!important;}
    
    
    /* SIGN UP LNKD FORSQR */
    .sign_up_lnkd_pinterest_row_custom {
        max-width:390px!important;}
    .sign_up_lnkd_pinterest_col_custom {
        height:844px;}
    /* extra row below */
    .sign_up_lnkd_pinterest_alt_signup_row {
        max-width: 390px!important;}
    .sign_up_lnkd_pinterest_alt_signup_col {
        height: 300px;}
    
    /* SIGN UP LNKD FORSQR AGE */
    .sign_up_lnkd_pinterest_age {
        top: 530px;
        font-size:1.25em;}
    .sign_up_lnkd_pinterest_age_label {
        }
    .sign_up_lnkd_pinterest_age_info {
        top: 534px;
        left: 14%;}
        
    /* SIGN UP LNKD TERMS */ 
    .sign_up_lnkd_pinterest_terms_button {
        top: 610px;
        font-size: 1em;}
    .sign_up_lnkd_pinterest_data_button {
        top: 660px;
        font-size: 1em;}

    .sign_up_lnkd_pinterest_agree_checkbox {
        top: 710px;
        font-size: 1em;}
    
    .sign_up_lnkd_pinterest_take_quiz {
        top: 817px;
        height: 55px;}
    .sign_up_lnkd_pinterest_alert_agree {
        top: 780px;
        height: 56px;
        line-height: 12px;}
    
    /* EXTRA ROW ALT FB */
    .sign_up_lnkd_pinterest_alt_signup_head {
        font-size: 1.25em;}
    /* Sign up with Facebook */
    .sign_up_lnkd_pinterest_alt_signup {
        height: 55px!important;}
    
    /* END EXTRA ROW */
    

    /* SEARCH RESULTS */
    
    .search_button_label {
        font-size: 0.93em;
    }
    
    
    
} /* max 449px */


/* MM SIZE XXL+ */

@media screen and (min-width:450px){
    
    .mmsign_up_row_custom {
        width: 430px;}
    .mmsign_up_col_custom {
        height: 801px;}
    
    .mmavenir_header_white {
        font-size: 1.55em;
        margin-top: 50px;}
    .mmsign_up_circle_icon {
        height: 70px!important;
        width: 70px!important;
        margin-bottom:-35px;}
    
    
    .mmalias_checkbox {
        font-size:1.28em;
        margin-top: 21px;
        margin-bottom: 5px;}
    
    .mmalias_custom {
        margin-left: 82px!important;
        max-width: 266px!important;}
        
    .mmalias_checkbox2 {
        font-size:1.28em;
        margin-top: 35px;
        margin-bottom: 16px;}
    
    .mmsign_up_profile_edit {
        height:50px!important;
        width:50px!important;
        top:160px;
        left:140px;}
    .mmsign_up_back_edit {
        height:50px!important;
        width:50px!important;
        top:160px;
        left:343px;}
    
    .mmsign_up_profile_pic_custom {
        left: 46px;
        height:150px!important;
        width:150px!important;
        font-size:1.28em;}
    .mmsign_up_profile_img {
        height:150px!important;
        width:150px!important;}
    .mmsign_up_background_custom {
        height:150px!important;
        width:150px!important;
        right: 46px;
        top: 167px;
        font-size:1.28em;}
    .mmsign_up_background_img {
        height:150px!important;
        width:150px!important;}
    .mmsign_up_pic_label{
        margin-top: 9px!important;}
    
    
    .mmsign_up_add_pics_text {
        font-size:1.28em;
        top:389px;
        left:118px;}
    .mmsign_up_add_pic1 {
        top: 430px;
        width: 85px!important;
        height: 85px!important;}
    .mmsign_up_add_pic2 {
        top: 430px;
        width: 85px!important;
        height: 85px!important;}
    .mmsign_up_add_pic3 {
        top: 430px;
        width: 85px!important;
        height: 85px!important;}
    .mmsign_up_add_pic4 {
        top: 430px;
        width: 85px!important;
        height: 85px!important;}
    .mmsign_up_add_pic5 {
        top: 430px;
        width: 85px!important;
        height: 85px!important;}
    
        
    /* SIGN UP FB terms and submit */  
    
    .mmsign_up_terms_button {
        top:558px;
        font-size: 1.11em;}
    .mmsign_up_data_button {
        top:608px;
        font-size: 1.11em;}
    .mmsign_up_agree_checkbox {
        top:653px;
        font-size: 1.11em;}
    .mmalert_agree_terms {
        top:730px;
        font-size: 1.11em;
        height: 60px;
        line-height: 17px;}
    
    .mmsign_up_submit {
        top: 756px;
        left: 173px;
        height: 85px!important;
        width: 85px!important;}
    .mmsign_up_submit_img {
        
        height: 85px!important;
        width: 85px!important;}
    
    /* SIGN UP LNKD FORSQR */
    .sign_up_lnkd_pinterest_row_custom {
        max-width: 430px!important;}
    .sign_up_lnkd_pinterest_col_custom {
        height: 890px;}
    /* extra row below */
    .sign_up_lnkd_pinterest_alt_signup_row {
        max-width: 430px!important;}
    .sign_up_lnkd_pinterest_alt_signup_col {
        height: 300px;}
        
    /* SIGN UP LNKD AGE */   
    .sign_up_lnkd_pinterest_age {
        top: 556px;
        font-size:1.28em;
        left: 3%;}
    .sign_up_lnkd_pinterest_age_label {
        }
    .sign_up_lnkd_pinterest_age_info {
        top: 559px;
        left: 16%;}
      
     /* SIGN UP LNKD TERMS */ 
    .sign_up_lnkd_pinterest_terms_button {
        top: 645px;
        font-size: 1.11em;}
    .sign_up_lnkd_pinterest_data_button {
        top: 695px;
        font-size: 1.11em;}

    .sign_up_lnkd_pinterest_agree_checkbox {
        top: 745px;
        font-size: 1.11em;}
    
    .sign_up_lnkd_pinterest_take_quiz {
        top: 860px;
        height: 57px;}
    .sign_up_lnkd_pinterest_alert_agree {
        top: 822px;
        font-size: 1.11em;
        height: 58px;
        line-height: 17px;}
    
    /* EXTRA ROW ALT FB */
    .sign_up_lnkd_pinterest_alt_signup_head {
        font-size: 1.28e;}
    
    /* Sign up with Facebook */
    .sign_up_lnkd_pinterest_alt_signup {
        height: 57px!important;}
    
    /* END EXTRA ROW */
    
    
    
    /* SEARCH RESULTS */ 
    
    .search_button_label {
        font-size: 1em;
    }    

} /* min 450px */



/* FOOTER MAIN */

/* located in small dim 
.hide_footer_label {
    visibility: hidden;
}
*/

/* Vojin added 2018-04-12 */
/* scr resolutions
0  -349
350-374
375-422
423-459 @media
460 569 @media
570+ @media
*/


@media screen and (max-width: 349px) {
    .trips_info_close_full_scr
    {        
        display: flex;
        bottom: 112px;
        width: 42px!important;
        margin: calc(20.7vmin - 3px) 0px 0px 0px;
        height: 69px!important;
        border-top-right-radius: 24px!important;
        border-bottom-right-radius: 24px!important;
        padding-top: 0px;
        min-width: 0px;
    }

    .trips_info_close_icon_full_scr
    {
        margin: 0px 0px 0px -1px !important;
    }

    .trips_interested_button_full_scr
    {
        margin: calc(20.7vmin - 3px) 0px 0px calc(38.3vw - 95px);
    }
    .trips_count_full_scr
    {
        bottom: 69px!important;
        flex-direction: column;
        width: 42px!important;
        margin: calc(20.7vmin - 3px) 0px 0px calc(76.6vw - 42px);
        height: 72px!important;
        border-top-left-radius: 24px!important;
        border-bottom-left-radius: 24px!important;
        padding: 18.3px 0px 0px 4px;
        min-width: 0px;
    }
    .trips_count_icon_full_scr {
        margin: -8px 3px -5px 3px !important;
    }

}

@media screen and (min-width:350px) and (max-width:374px){
    .trips_info_close_full_scr
    {        
        display: flex;
        bottom: 112px;
        width: 42px!important;
        margin: calc(20.7vmin - 3px) 0px 0px 0px;
        height: 69px!important;
        border-top-right-radius: 24px!important;
        border-bottom-right-radius: 24px!important;
        padding-top: 0px;
        min-width: 0px;
    }

    .trips_info_close_icon_full_scr
    {
        margin: 0px 0px 0px -2.1px !important;
    }

    .trips_interested_button_full_scr
    {
        margin: calc(20.7vmin - 3px) 0px 0px calc(38.3vw - 95px);
    }
    .trips_count_full_scr
    {
        bottom: 69px!important;
        flex-direction: column;
        width: 42px!important;
        margin: calc(20.7vmin - 3px) 0px 0px calc(76.6vw - 42px);
        height: 72px!important;
        border-top-left-radius: 24px!important;
        border-bottom-left-radius: 24px!important;
        padding: 21px 0px 0px 4px;
        min-width: 0px;
    }
    .trips_count_icon_full_scr {
        margin: -10px 3px -5px 4px!important;
    }    
}

@media screen and (min-width:375px) and (max-width:422px){
    .trips_info_close_full_scr
    {        
        display: flex;
        bottom: 112px;
        width: 49px!important;
        margin: calc(20.7vmin - 3px) 0px 0px 0px;
        height: 69px!important;
        border-top-right-radius: 24px!important;
        border-bottom-right-radius: 24px!important;
        padding-top: 0px;
        min-width: 0px;
    }

    .trips_info_close_icon_full_scr
    {
        margin: 0px 0px 0px -2.1px !important;
    }

    .trips_interested_button_full_scr
    {
        margin: calc(20.7vmin - 3px) 0px 0px calc(38.3vw - (47vmin /2) - 5px);
    }
    .trips_count_full_scr
    {
        bottom: 69px!important;
        flex-direction: column;
        width: 49px!important;
        margin: calc(20.7vmin - 3px) 0px 0px calc(76.6vw - 49px);
        height: 72px!important;
        border-top-left-radius: 24px!important;
        border-bottom-left-radius: 24px!important;
        padding: 21px 0px 0px 4px;
        min-width: 0px;
    }
    .trips_count_icon_full_scr {
        margin: -10px 3px -5px 4px!important;
    }
}
@media screen and (min-width:423px) and (max-width:459px){
    .trips_info_close_full_scr
    {        
        display: flex;
        bottom: 112px;
        width: 54px!important;
        margin: calc(20.7vmin - 3px) 0px 0px 0px;
        height: 91px!important;
        border-top-right-radius: 24px!important;
        border-bottom-right-radius: 24px!important;
        padding-top: 0px;
        min-width: 0px;
    }

    .trips_info_close_icon_full_scr
    {
        margin: 0px 0px 0px -2.1px !important;
    }

    .trips_interested_button_full_scr
    {
        margin: calc(20.7vmin - 3px) 0px 0px calc(38.3vw - (47vmin /2) - 5px);
    }
    .trips_count_full_scr
    {
        bottom: 69px!important;
        flex-direction: column;
        width: 54px!important;
        margin: calc(20.7vmin - 3px) 0px 0px calc(76.6vw - 54px);
        height: 91px!important;
        border-top-left-radius: 24px!important;
        border-bottom-left-radius: 24px!important;
        padding: 25px 0px 0px 4px;
        min-width: 0px;
    }
    .trips_count_icon_full_scr {
        margin: -5px 5px -9px 5px!important;
    }
}
@media screen and (min-width:460px) and (max-width:569px){
    .trips_info_close_full_scr
    {        
        display: flex;
        bottom: 112px;
        width: 54px!important;
        margin: calc(20.7vmin - 3px) 0px 0px 0px;
        height: 91px!important;
        border-top-right-radius: 24px!important;
        border-bottom-right-radius: 24px!important;
        padding-top: 0px;
        min-width: 0px;
    }

    .trips_info_close_icon_full_scr
    {
        margin: 0px 0px 0px -2.1px !important;
    }

    .trips_interested_button_full_scr
    {
        /*margin: calc(20.7vmin - 3px) 0px 0px calc(38.3% - (47vmin /2) - 5px);*/
        margin: calc(20.7vmin - 3px) 0px 0px calc(38.3vw - 106px);
    }
    .trips_count_full_scr
    {
        bottom: 69px!important;
        flex-direction: column;
        width: 54px!important;
        margin: calc(20.7vmin - 3px) 0px 0px calc(76.6vw - 54px);
        height: 91px!important;
        border-top-left-radius: 24px!important;
        border-bottom-left-radius: 24px!important;
        padding: 25px 0px 0px 4px;
        min-width: 0px;
    }
    .trips_count_icon_full_scr {
        margin: -5px 5px -9px 5px!important;
    }
}
@media screen and (min-width:570px){

    .trips_info_close_full_scr
    {
        display: flex;
        bottom: 69px;
        margin: calc(20.7vmin - 3px) 0px 0px 0px;
        height: 61px!important;
        border-top-right-radius: 34px!important;
        border-bottom-right-radius: 34px!important;
        padding-top: 0px;
        min-width: 0px;
    }

    .trips_info_close_icon_full_scr
    {
        margin: -1px 0px 0px -1px !important;
    }

    .trips_interested_button_full_scr
    {
        margin: calc(20.7vmin - 3px) 0px 0px calc(38.3vw - 106px);
    }

}



@media screen and (min-width:570px) {
    .trips_count_full_scr
    {
        position: fixed;
        bottom: 25px;
        margin: calc(20.7vmin - 3px) 0px 0px calc(76.6vmin - 88px);
        height: 61px!important;
        border-top-left-radius: 34px!important;
        border-bottom-left-radius: 34px!important;
        padding-top: 4.5px;
    }
}

@media screen and (min-width:570px) and (orientation: landscape) {
    .trips_count_full_scr
    {
        position: fixed;
        bottom: 25px;
        margin: calc(20.7vmin - 3px) 0px 0px calc(76.6vmax - 88px);
        height: 61px!important;
        border-top-left-radius: 34px!important;
        border-bottom-left-radius: 34px!important;
        padding-top: 4.5px;
    }
}

/* mm_preloader - mm_shield  */
.mm_shield {
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 0;
}


.mm_modal {
  width: 270px;
  position: absolute;
  z-index: 13500;
  left: 50%;
  margin-left: -135px;
  margin-top: 0;
  top: 50%;
  text-align: center;
  border-radius: 13px;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(1.185);
  transform: translate3d(0, 0, 0) scale(1.185);
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  color: #000;
}

.mm_loader {
    opacity: 0;
    font-family: Avenir-Medium!important;
    z-index: 0;
}


/* @@@ TOUCHES KEEP */
/* @@@ TOUCHES */
/* @@@ TOUCHES */
/* @@@ TOUCHES */


.tripanion_vid_cont {
    background: rgba(0, 0, 255, 0.28);
    width: 84%;
    height: calc(67vw / 1.72);
    max-width: 933px;
    max-height: 525px;
}
    .tripanion_vid {
        display: none;
        opacity: 0;
        position: fixed;
        z-index: 99999;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #4f4dc6;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        
    }
        .blurEffect {
            -webkit-filter: blur(7px);
            -o-filter: blur(7px);
            -moz-filter: blur(7px);
            -ms-filter: blur(7px);
            filter: blur(7px);
        }


.stamp_canc, 
.stamp_mia, 
.stamp_cab, 
.stamp_ita, 
.stamp_van

{
    opacity: 0;
    z-index: 9;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 250px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.stamp_canc {
    width: 18%;
    height: 18%;
    background-image: url(../images/stamp_canc.png);
    top: 36%;
    left: 46%;
    transform: rotate(24deg);
    -webkit-transform: rotate(24deg);
}

.stamp_mia {
    width: 19.3%;
    height: 19.3%;
    background-image: url(../images/stamp_spa.png);
    left: 39%;
    top: 46%;
}


.stamp_cab {
    width: 19.3%;
    height: 19.3%;
    background-image: url(../images/stamp_cabo.png);
    left: 39%;
    top: 46%;
}


.stamp_ita {
    width: 18%;
    height: 18%;
    background-image: url(../images/stamp_ita.png);
    left: 39%;
    top: 46%;
}

.stamp_van {
    width: 18%;
    height: 18%;
    background-image: url(../images/stamp_van.png);
    left: 39%;
    top: 46%;
}




.stamp1 {
    z-index: 9;
    position: absolute;
    width: 11.5%;
    height: 15.3%;
    background-image: url(../images/stamp_fra.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 5%;
    top: 40%;
    min-width: 100px;
    transform: rotate(-10deg);
}
.stamp2 {
    z-index: 9;
    position: absolute;
    width: 12.5%;
    height: 12.5%;
    background-image: url(../images/stamp_cabo.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 2%;
    top: 25%;
    min-width: 131px;
    transform: rotate(18deg);
}
.stamp3 {
    z-index: 9;
    position: absolute;
    width: 12%;
    height: 12%;
    background-image: url(../images/stamp_can.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 60%;
    top: 93%;
    min-width: 93px;
}
.stamp4 {
    z-index: 9;
    position: absolute;
    width: 13.3%;
    height: 13.3%;
    background-image: url(../images/stamp_mac.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -1%;
    top: 60%;
    min-width: 138px;
    /*transform: rotate(-39deg);*/
}
.stamp5 {
    z-index: 9;
    position: absolute;
    width: 12.3%;
    height: 12.3%;
    background-image: url(../images/stamp_van.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 15%;
    bottom: 10%;
    min-width: 163px;
    transform: rotate(-6deg);
}
.stamp6 {
    z-index: 9;
    position: absolute;
    width: 14.3%;
    height: 14.3%;
    background-image: url(../images/stamp_cam.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -3%;
    bottom: -6%;
    min-width: 160px;
    transform: rotate(24deg);
}
.stamp7 {
    z-index: 9;
    position: absolute;
    width: 14%;
    height: 14%;
    background-image: url(../images/stamp_hol.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 28%;
    bottom: -4%;
    min-width: 73px;
}
.stamp8 {
    z-index: 9;
    position: absolute;
    width: 17%;
    height: 17%;
    background-image: url(../images/stamp_ita.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -2%;
    top: 10%;;
    min-width: 160px;
    transform: rotate(-16deg);
}
}
.stamp9 {
    z-index: 9;
    position: absolute;
    width: 19.3%;
    height: 15%;
    background-image: url(../images/stamp_eng.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -4%;
    top: 17%;
    min-width: 160px;
}
.stamp10 {
    z-index: 9;
    position: absolute;
    width: 14%;
    height: 14%;
    background-image: url(../images/stamp_gre.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -2%;
    bottom: 10%;
    min-width: 160px;
    transform: rotate(-30deg);

}
.stamp11 {
    z-index: 9;
    position: absolute;
    width: 13.3%;
    height: 13.3%;
    background-image: url(../images/stamp_cabo.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 17%;
    bottom: 10%;
    min-width: 173px;
}
.stamp12 {
    z-index: 9;
    position: absolute;
    width: 12.3%;
    height: 12.3%;
    background-image: url(../images/stamp_veg.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 46%;
    bottom: -8%;
    min-width: 150px;
    transform: rotate(-12deg);
}



.xstamp13 {
    z-index: 9;
    position: absolute;
    width: 12%;
    height: 16%;
    background-image: url(../images/stamp_spa.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 28%;
    top: 6%;
    min-width: 93px;
}
.stamp14 {
    z-index: 9;
    position: absolute;
    width: 13.3%;
    height: 13.3%;
    background-image: url(../images/stamp_eng.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: -3%;
    top: 9%;
    min-width: 138px;
    transform: rotate(-18deg);
}
.stamp15 {
    z-index: 9;
    position: absolute;
    width: 18.3%;
    height: 13.3%;
    background-image: url(../images/stamp_mia.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 7%;
    bottom: 9%;
    min-width: 163px;
}
.stamp16 {
    z-index: 9;
    position: absolute;
    width: 19.3%;
    height: 19.3%;
    background-image: url(../images/stamp_canc.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 69%;
    bottom: 10%;
    min-width: 160px;
}
.stamp17 {
    z-index: 9;
    position: absolute;
    width: 19.3%;
    height: 19.3%;
    background-image: url(../images/stamp_eng.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 5%;
    bottom: 5%;
    min-width: 73px;
}
.stamp18 {
    z-index: 9;
    position: absolute;
    width: 19.3%;
    height: 19.3%;
    background-image: url(../images/stamp_spa.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 79%;
    top: 6%;
    min-width: 160px;
}
.stamp19 {
    z-index: 9;
    position: absolute;
    width: 12%;
    height: 12%;
    background-image: url(../images/stamp_spa.png);
    background-size: contain;
    background-repeat: no-repeat;
    right: 11%;
    top: -5%;
    min-width: 160px;
    transform: rotate(18deg);
}

.tripanion_skyline {
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 102px;
    background-image: url(../images/skyline_purple.png);
    background-size: contain;

    background-color: transparent;
    background-position: center center;
    background-repeat: repeat-x;
}

.app_intro_header {
    width: 100%; 
    font-family: Avenir-Medium; 
    font-size: 28px; 
    text-align: center; 
    color: #5a4ec7; 
    margin-bottom: 3vh;
    line-height: 27px;
}

.app_button_orange_large {
        
    z-index: 99;
    -webkit-transform: translateZ(0);
    font-family: Avenir-Medium;
    
    font-size: 16px;
    letter-spacing: 0.3px;
    background-color: #e6a92d;
    text-shadow: 0 0 5px rgba(12, 0, 57, 0.6);

    color: white;
    letter-spacing: 0.3px;
    font-weight: 500;

    padding: 0 30px;
    line-height: 70px;
    display: inline-block;
    border-radius: 70px;
    font-weight: 100;
    margin: 33px 0px 33px 0px;

    
}

.app_button_orange_large:hover{
    -webkit-transform: translateZ(0);
    
    background-color: #e89f09;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}
.app_button_orange_large:active{
    background: #f5b364;
    -webkit-transform: translateZ(0);

    -webkit-transition: all 0.066s;
    -moz-transition: all 0.066s;
    -ms-transition: all 0.066s;
    -o-transition: all 0.066s;
    transition: all 0.066s;
}

.app_button_intro_large {
    margin: 5vh!important;
    transform: scale(1.33);
}
.app_button_intro_large:hover {
    transform: scale(1.33);
}


/* @@@ media KEEP */
/* @@@ media */
/* @@@ media */


@media screen and (max-width: 399px) {
    .tripanion_skyline {
        height: 54px;
    }
    .stamp1 {
        height: 15%;
        right: 82%;
        top: 76%;
    }
    .stamp2 {
        width: 10%;
        height: 10%;
        right: -19%;
        top: 27%;
    }
    .stamp3 {
        display: none;
    }
    .stamp4 {
        width: 11.3%;
        height: 11.3%;
        right: -15%;
        top: 69%;
    }
    .stamp6 {
        right: 3%;
        bottom: -12%;
        transform: rotate(10deg);
    }
    .stamp7 {
        width: 15.3%;
        height: 15.3%;
        right: 48%;
        bottom: -8%;
        min-width: 118px;
    } 
    .stamp8 {
        right: 75%;
        top: 18%;
    }    
    .stamp11 {
        width: 10%;
        height: 10%;
        right: -26%;
        bottom: 79%;
        transform: rotate(-35deg);
    }   
    .stamp14 {
        width: 13.3%;
        height: 13.3%;
        left: -16%;
        top: 2%;
        min-width: 138px;
        transform: rotate(45deg);
    }
    .stamp19 {
        width: 12%;
        height: 12%;
        right: -17%;
        top: 3.5%;
        min-width: 145px;
        transform: rotate(-10deg);
    } 
    .app_intro_header{
        font-size; 21px;
    }
    .landing_intro_swiper_slide1 {
        padding: 43px;
    }
    .app_button_intro_large {
        transform: scale(1);
    }
    .app_button_intro_large:hover {
        transform: scale(1);
    }
    .show_on_wide550 {
        display: none;
    }
    .trips_accordion_icon_interested
    {
        /*border: 8px solid transparent;*/
        /*width: 100% !important;*/
        height: 100% !important;
        margin: 0!important;
    }    
    .trips_accordion_icon_options
    {
        border: 0px;
        width: 19px;
        height: 19px;
        margin: -10.5px 11px -7px -3px;
    }

    .trips_accordion_icon_text,
    .trips_accordion_icon_text2
    {
        margin-left: 5px;
        display: none;
    }    
    
    .search_filter_infobox_col_adjustment {
        float: none!important;
        width: 100%!important;                                                               
        display: flex;

        -webkit-flex-direction: column;
        flex-direction: column;
        align-items: center;
        -webkit-justify-content: center;        
        justify-content: center;
        -webkit-align-content: center;        
        align-content: center;
    }
    .search_filter_infobox_col1, .search_filter_infobox_col2, .search_filter_infobox_col3 {
        width: auto!important;

    }
    .searchee_item_after {
        font-size: 18px!important;
        max-width: 64%!important;
        /*margin: 1px -5px 0px 0px!important;*/
    }
    .searchee_match_item1 {
        width: 27px;
        height: 27px;
        margin-top: -2px !important;
        margin-right: 4px !important;
        margin-bottom: 0px !important;
        margin-left: 9px !important;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
    }
    .searchee_match_item2 {
        width: 27px;
        height: 27px;
        margin-top: -2px !important;
        margin-right: 4px !important;
        margin-bottom: 0px !important;
        margin-left: 9px !important;
        border-top: 2px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 3px solid transparent;
        border-left: 4px solid transparent;
    }
  
    .searchee_seen_cont {
        margin-top: 0px!important;        
    }        
    .searchee_like_cont {
        margin-left: 1.15vmin;
        margin-top: -15.1vmin!important;
    }        
    .searchee_options_cont {
        margin-left: 2.3vmin;
        margin-top: -15.1vmin!important;
    }
    
    .searchee_seen_cont, 
    .searchee_like_cont, 
    .searchee_options_cont,
    .searchee_seen, 
    .searchee_like, 
    .searchee_options, 
    .searchee_like_img,
    .searchee_friend_img,
    .searchee_message_img,
    .searchee_seen_img, 
    .searchee_options_img,
    .searchee_options_white_img,
    .searchee_seen:hover,
    .searchee_like:hover,
    .searchee_friend:hover,
    .searchee_message:hover,
    .searchee_options:hover,
    .searchee_seen:active,
    .searchee_like:active,
    .searchee_options:active
    {
        width: 15.1vmin !important;
        height: 15.1vmin !important;
        min-width: 41px !important;
        min-height: 41px !important;
        max-width: 84px !important;
        max-height: 84px !important;
    }
    
        
    .landing_post_text {
    width: 61%!important;
    }
    
    /* profile settings likes icons */
    .public_profile_searchee_match_item1,
    .public_profile_searchee_match_item2
    
    {
        margin-left: -15vmin!important;
    }
    
    .footer_landing_button_left {
        margin-left: 21px;
    }
    .margin_footer_special_left {
        margin-left: 8px;
    }
       
     /* footer landing left */
            .footer_landing_icon_left {
                top: 9.7px;
                right: 34.3vw!important;
            }
    .footer_landing_button_right {
        margin-left: 30px;
    }
    /* footer landing right*/
            .footer_landing_icon_right {
                top: 11.1px;
                right: 30vw!important;
            }
    
    /* footer main */
    
    .hide_footer_label {
        visibility: hidden;
    }
    .footer_main_margin_icon_special_left {
        left: 16.66666vw;
        top: 12.4px;
    }
    .footer_main_margin_icon_special_middle {
        left: 16.66666vw;
        top: 12.4px;
    }
    .footer_main_margin_icon_special_right {
        left: 16.66666vw;
        top: 11.1px;
    }
    
    .premium_options_text {
        font-size: 16px;
    }
}
@media screen and (min-width: 400px) and (max-width: 549px) {
    .tripanion_skyline {
        height: 60px;
    }
    .stamp1 {
        height: 15%;
        right: 82%;
        top: 76%;
    }
    .stamp2 {
        width: 10%;
        height: 10%;
        right: -19%;
        top: 27%;
    }    
    .stamp3 {
        display: none;
    }  
    .stamp4 {
        width: 11.3%;
        height: 11.3%;
        right: -15%;
        top: 69%;
    } 
    .stamp6 {
        right: 3%;
        bottom: -12%;
        transform: rotate(10deg);
    }    
    .stamp7 {
        width: 15.3%;
        height: 15.3%;
        right: 48%;
        bottom: -8%;
        min-width: 118px;
    }  
    .stamp8 {
        right: 75%;
        top: 18%;
    }    
    .stamp11 {
        width: 10%;
        height: 10%;
        right: -26%;
        bottom: 79%;
        transform: rotate(-35deg);
    }   
    .stamp14 {
        width: 13.3%;
        height: 13.3%;
        left: -16%;
        top: 2%;
        min-width: 138px;
        transform: rotate(45deg);
    }
    .stamp19 {
        width: 12%;
        height: 12%;
        right: -17%;
        top: 3.5%;
        min-width: 145px;
        transform: rotate(-10deg);
    }   
    .app_intro_header{
        font-size; 21px;
    }
    .landing_intro_swiper_slide1 {
        padding: 43px;
    }
    .app_button_intro_large {
        transform: scale(1);
    }
    .app_button_intro_large:hover {
        transform: scale(1);
    }
    .show_on_wide550 {
        display: none;
    }
    .trips_accordion_icon_interested
    {
        /*border: 8px solid transparent;*/
        /*width: 100% !important;*/
        height: 100% !important;
        margin: 0!important;
    }
    .trips_accordion_icon_options {
        border: 0px;
        width: 19px;
        height: 19px;
        margin: -10.5px 11px -7px -3px;
    }
    .trips_accordion_icon_text,
    .trips_accordion_icon_text2
    {
        margin-left: 5px;
        display: none;
    }
    
    .search_filter_infobox_col_adjustment {
        float: none!important;
        width: 100%!important;                                                               
        
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
    }
    .search_filter_infobox_col1, .search_filter_infobox_col2, .search_filter_infobox_col3 {
        width: auto!important;


    }
    .searchee_item_after {
        font-size: 19px!important;
        max-width: 57%!important;
        /*margin: 0px -5px 0px 0px!important;*/
    }
    .searchee_match_item1 {
        width: 28px;
        height: 28px;
        margin-top: -2.1px !important;
        margin-right: 2.7px !important;
        margin-bottom: 0px !important;
        margin-left: 9px !important;
        border-top: 0px solid transparent;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-left: 0px solid transparent;
    }
    .searchee_match_item2 {
        width: 28px;
        height: 28px;
        margin-top: -2.1px !important;
        margin-right: 1px !important;
        margin-bottom: 0px !important;
        margin-left: 9px !important;
        border-top: 2px solid transparent;
        border-right: 3px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 4px solid transparent;
    }
    
    .searchee_seen_cont {
        margin-top: 0px!important;
        
    }        
    .searchee_like_cont {
        margin-left: 1.15vmin;
        margin-top: -15.1vmin!important;
    }        
    .searchee_options_cont {
        margin-left: 2.3vmin;
        margin-top: -15.1vmin!important;
    }
    
    .searchee_seen_cont, 
    .searchee_like_cont, 
    .searchee_options_cont,
    .searchee_seen, 
    .searchee_like, 
    .searchee_options, 
    .searchee_like_img,
    .searchee_friend_img,
    .searchee_message_img,
    .searchee_seen_img, 
    .searchee_options_img,
    .searchee_options_white_img,
    .searchee_seen:hover,
    .searchee_like:hover,
    .searchee_friend:hover,
    .searchee_message:hover,
    .searchee_options:hover,
    .searchee_seen:active,
    .searchee_like:active,
    .searchee_options:active
    {
        width: 15.1vmin !important;
        height: 15.1vmin !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 84px !important;
        max-height: 84px !important;
    }
    
        
    .landing_post_text {
    width: 70%!important;
    }
    
    /* profile settings likes icons */
    .public_profile_searchee_match_item1,
    .public_profile_searchee_match_item2
    
    {
        margin-left: -77px!important;
        /*margin-left: -15vmin!important;*/
    }
    
    /* footer landing */
    .footer_landing_button_left {
        left: 17px;
    }
        .shift_button_left {

        }
    
    /* footer landing left */
            .footer_landing_icon_left {
                top: 9.7px;
                right: 37vw!important;
                
            }
    .footer_landing_button_right {
        left: 12px;        
    }
    
    /* footer landing right*/
            .footer_landing_icon_right {
                top: 11.1px;
                right: 32.9vw!important;
            } 
    
    
    /* footer MAIN */
    .hide_footer_label {
        visibility: hidden;
    }
    .footer_main_margin_icon_special_left {
        left: 16.66666vw;
        top: 12.4px;
    }
    .footer_main_margin_icon_special_middle {
        left: 16.66666vw;
        top: 12.4px;
    }
    .footer_main_margin_icon_special_right {
        left: 16.66666vw;
        top: 12.4px;
    }
    
    .premium_options_text {
        font-size: 16px;
    }
}

@media screen and (min-width: 550px) and (max-width: 767px) {
    .stamp1 {
        height: 15%;
        right: 82%;
        top: 76%;
    }
    .stamp2 {
        width: 10%;
        height: 10%;
        right: -19%;
        top: 27%;
    }    
    .stamp3 {
        display: none;
    }  
    .stamp4 {
        width: 11.3%;
        height: 11.3%;
        right: -15%;
        top: 69%;
    } 
    .stamp6 {
        right: 3%;
        bottom: -12%;
        transform: rotate(10deg);
    }    
    .stamp7 {
        width: 15.3%;
        height: 15.3%;
        right: 48%;
        bottom: -8%;
        min-width: 118px;
    }   
    .stamp8 {
        right: 75%;
        top: 18%;
    }     
    .stamp11 {
        width: 10%;
        height: 10%;
        right: -26%;
        bottom: 79%;
        transform: rotate(-35deg);
    }   
    .stamp14 {
        width: 13.3%;
        height: 13.3%;
        left: -16%;
        top: 2%;
        min-width: 138px;
        transform: rotate(45deg);
    }
    .stamp19 {
        width: 12%;
        height: 12%;
        right: -17%;
        top: 3.5%;
        min-width: 145px;
        transform: rotate(-10deg);
    }
    
    .app_intro_header{
        font-size; 25px;
    }    
    .landing_intro_swiper_slide1 {
        padding: 43px;
    }
    .app_button_intro_large {
        transform: scale(1);
    }
    .app_button_intro_large:hover {
        transform: scale(1);
    }
    .tripanion_skyline {
        height: 60px;
    }    
    
    .show_on_wide550 {
        display: visible;
    }
    /* MADE WHEN WIDE WAS NOT AVAIL */
    /*
    .trip_menu_center_outer {
        -webkit-flex-direction: row!important;
        flex-direction: row!important;
    }
    
    .rent_menu_cont2, 
    .rent_menu_cont3 {
        -webkit-flex-direction: row!important;
        flex-direction: row!important;
    }
    */
        .trip_checked {
            margin: 0px 0px 0px 0px;
        }
        .trip_checked_list {
            /*margin: -3px 11px 0px -7px;*/
            margin: 12px;
        }    

    

    .search_filter_infobox_col1, .search_filter_infobox_col2, .search_filter_infobox_col3 {
        width: auto!important;


    }
    .search_filter_infobox_col_adjustment {
        float: none!important;
        width: 100%!important;                                                               

        display: flex;

        -webkit-flex-direction: column;    
        flex-direction: column;
        align-items: center;
        -webkit-justify-content: center;        
        justify-content: center;
        -webkit-align-content: center;        
        align-content: center;
    }
    .search_filter_infobox_col1, .search_filter_infobox_col2, .search_filter_infobox_col3 {
        width: auto!important;


    }
    .searchee_item_after {
        font-size: 21px!important;
        max-width: 57%!important;
        /*margin: 0px 3px 4px 0px!important;*/
    }
    .searchee_match_item1 {
        width: 34px;
        height: 34px;
        margin-top: -5.5px !important;
        margin-right: 11px !important;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
    } 
    .searchee_match_item2 {
        width: 32px;
        height: 32px;
        margin-top: -3.5px !important;
        margin-right: 9px !important;
        margin-bottom: 0px !important;
        margin-left: 30px !important;
    }    
    .searchee_seen_cont {
        margin-top: 16px!important;
        
    }        
    .searchee_like_cont {
        margin-left: 7px;
        margin-top: -80px!important;
    }        
    .searchee_options_cont {
        margin-left: 14px;
        margin-top: -80px!important;
    }
    
    .searchee_seen_cont, 
    .searchee_like_cont, 
    .searchee_options_cont,
    .searchee_seen, 
    .searchee_like, 
    .searchee_options, 
    .searchee_like_img,
    .searchee_friend_img,
    .searchee_message_img,
    .searchee_seen_img, 
    .searchee_options_img,
    .searchee_options_white_img,
    .searchee_seen:hover,
    .searchee_like:hover,
    .searchee_friend:hover,
    .searchee_message:hover,
    .searchee_options:hover,
    .searchee_seen:active,
    .searchee_like:active,
    .searchee_options:active
    {
        width: 80px!important;
        height: 80px!important;
    }
     
    .searchee_seen_button {
            margin-top: 16px!important;
            width: 80px!important;
            height: 80px!important;
        }
        .searchee_like_button {
            margin-left: 7px!important;
            margin-top: -80px!important;
            width: 80px!important;
            height: 80px!important;
        }
        .searchee_options_button {
            margin-left: 14px!important;
            margin-top: -80px!important;
            width: 80px!important;
            height: 80px!important;
    }
    
    
    .landing_post_text {
    width: 100%!important;
    }    

        
    /* footer landing */
    .footer_landing_button_left {
       /*padding-left: 21px; */
        left: 21px;
              
    }
        .shift_button_left {
            
        }        
    
           
    /* footer landing left */
            .footer_landing_icon_left {
                right: 34vw!important;
                top: 9.7px;
            }
    
    
    /* footer landing right*/
     .footer_landing_button_right {
    
    }
        .footer_landing_icon_right {
                right: 31.6vw!important;
                top: 11.1px;
            }     
           
        
    
    /* footer MAIN */
    .hide_footer_label {
        visibility: hidden;
    }
    .footer_main_margin_icon_special_left {
        left: 16.66666vw;
        top: 12.4px;
    }
    .footer_main_margin_icon_special_middle {
        left: 16.66666vw;
        top: 12.4px;
    }
    .footer_main_margin_icon_special_right {
        left: 16.66666vw;
        top: 12.4px;
    }
    .main_icon_special_right {            
            left: 30vw!important;
            top: 10px;
        }
    
    /* FOOTER inside REGULAR EDIT AREA */
    .footer_edit_outer {
        /*background: #5a4ec7;*/
        z-index: 1;
        position: absolute;
        background: #5a4ec7;
        width: 115px !important;
        height: 30px !important;
        right: 4.6vmin !important;
        border-radius: 50px !important;
    }
    .footer_edit_outer:hover {
        background: rgba(147, 112, 219, 0.88);
    }
    .footer_edit_outer:active {
        background: rgba(147, 112, 219, 0.75);
    }
    
    .premium_options_text {
        font-size: 17px;
    }
}

@media screen and (min-width: 768px) {
    
    .landing_intro_swiper_slide1 {
        padding: 165px 75px 75px 75px;
    }
    .app_button_intro_large {
        transform: scale(1.15);
    }
    .app_button_intro_large:hover {
        transform: scale(1.15);
    }
    
    .public_profile_searchee_match_counter {
        margin: 0px 0px -36px 14px;
    }
    .show_on_wide550 {
        display: visible;
    }
    /* MADE WHEN WIDE WAS NOT AVAIL */
    /*
    
    .rent_menu_cont2,
    .rent_menu_cont3 {
        -webkit-flex-direction: row!important;
        flex-direction: row!important;
    }   
    */
        .trip_checked {
            margin: 0px 0px 0px 0px;
        }

        .trip_checked_list {
            /*margin: -3px 14px 0px -7px;*/
            margin: 12px;
        }


    .search_filter_infobox_col_adjustment{   
    }    
    .search_results_header_infobox_cont {
        max-width: 639px!important;
    }    
    .search_filter_infobox_col1, .search_filter_infobox_col2, .search_filter_infobox_col3 {
        width: auto!important;


    }  
    .searchee_item_after {
        font-size: 23px !important;
        max-width: 57%!important;
        /*margin: 0px 10px 6px 0px !important;*/
        padding: 0px 5px 0px 7px !important;
        /*
        font-size: 30px!important;
        max-width: 88px;
        margin: 0px 10px 0px 0px!important;
        padding: 0px 7px 0px 7px!important;
        */
    }
    .searchee_filter_title {
    	min-width: 43px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .searchee_match_item1 {
        width: 34px;
        height: 34px;
        margin-top: -4.5px !important;
        margin-right: 11px !important;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
    } 
    .searchee_match_item2 {
        width: 27px;
        height: 27px;
        margin-top: -1px !important;
        margin-right: 9px !important;
        margin-bottom: 0px !important;
        margin-left: 30px !important;
    } 
    
    .searchee_seen_cont {
        margin-top: 21px!important;
    }        
    .searchee_like_cont {
        margin-left: 8px;
        margin-top: -88px!important;
    }        
    .searchee_options_cont {
        margin-left: 16px;
        margin-top: -88px!important;
    }
    
    .searchee_seen_cont, 
    .searchee_like_cont, 
    .searchee_options_cont,
    .searchee_seen, 
    .searchee_like, 
    .searchee_options, 
    .searchee_like_img,
    .searchee_friend_img,
    .searchee_message_img,
    .searchee_seen_img, 
    .searchee_options_img,
    .searchee_options_white_img,
    .searchee_seen:hover,
    .searchee_like:hover,
    .searchee_friend:hover,
    .searchee_message:hover,
    .searchee_options:hover,
    .searchee_seen:active,
    .searchee_like:active,
    .searchee_options:active
    {
        width: 88px!important;
        height: 88px!important;
    }
    
    .landing_recognized_username {
        font-size: 30px!important;
    }
    .landing_post_text {
        width: 100%!important;
    }
    
    
    /* profile settings likes icons */
    /*
    .public_profile_searchee_match_item1,
    .public_profile_searchee_match_item2
    
    {
        width: 52px!important;
        height: 52px!important;        
        margin-left: -84px!important;        
        margin-bottom: calc(-10.9vmin + 54px) !important;
    }
    
    .public_profile_searchee_match_item3 {
        width: 52px!important;
        height: 52px!important;
        
        
        margin-bottom: calc(-10.9vmin + 54px) !important;
    }
    
     .public_profile_searchee_match_item_text {
    }
    
    */
    
    .footer_button_align {
        padding-left: 0px!important;
        padding-right: 0px!important;      
    }
    
    /* footer landing left */
    .footer_landing_button_left {
        width: 138px!important;
        left: 12px!important;
    }
    .footer_landing_button_right {
        width: 160px!important;
        left: 30px!important;
    }

    /* footer landing left */
            .footer_landing_icon_left {
                left: -7px!important;        
                top: 10px;
                top: 9.7px;
            }
    /* footer landing right*/
            .footer_landing_icon_right {
                left: 24px!important;
                top: 11.1px;
            }
    
    /* footer MAIN */
    .footer_main_margin_footer_special_left {
        margin: 0px 34px 0px 59px!important;        
    } 
    .footer_main_margin_footer_special_middle {
        margin: 0px 33px 0px 53px !important;   
    } 
    .footer_main_margin_footer_special_right {
        margin: 0px 30px 0px 52px !important;
    }      
    
    .footer_main_margin_icon_special_left {
        left: 28px;
        top: 12.4px;
    }
    .footer_main_margin_icon_special_middle {
        left: 25px;
        top: 12.4px;
    }
    .footer_main_margin_icon_special_right {
        left: 21px;
        top: 12.4px;
    }
    
    /* FOOTER inside REGULAR EDIT AREA */
    .footer_edit_outer {
        /*background: #5a4ec7;*/
        z-index: 1;
        position: absolute;
        background: #5a4ec7;
        width: 115px !important;
        height: 30px !important;
        right: 4.6vmin !important;
        border-radius: 50px !important;
    }
    .footer_edit_outer:hover {
        background: rgba(147, 112, 219, 0.88);
    }
    .footer_edit_outer:active {
        background: rgba(147, 112, 219, 0.75);
    }
    
}


/* @MEDIA SECTION KEEP */
/* @MEDIA SECTION */
/* @MEDIA SECTION */
/* @MEDIA SECTION */
/* @MEDIA SECTION */
/* @MEDIA SECTION */


@media screen and (max-width:350px){
    /*
    .game_hexagonal_board {
        padding-bottom: 0.84vh;
    }    
    .hexagon_unit, 
    .hexagon_top_mini, 
    .hexagon_mid_mini, 
    .hexagon_bottom_mini, 
    .hexagon_floor 
    {
        width: 10.72vh;
        height: 10.72vh;
        margin-top: calc(-1.42vh - ((100vh - 130px)/100) );
        margin-bottom: calc(-1.42vh - ((100vh - 130px)/100) );
    }
    */
        
    /* AD ADUSTMENT NARROW */  
    .remove_on_narrow1023 {
        display: none;
    }
    
    .offer_pic1_cont {
        margin-right: -3vmin;
    }
    
    .height_adjust_on_narrow1023 {
        height: calc(100% - 60px);
        margin-top: 60px;
    }   
    
    .landing_slogan_map {
        font-size: 15px;
    }
    .landing_row_logo_map {
        padding: calc(2.5vmin - 3px) 0vmin calc(2.1vmin - 9px) 0vmin !important;
    }
    .landing_address_bar,
    .landing_filters_bar
    {
        padding: 0px 15px!important;
    }
    .landing_a_list_view {
        width: 55px!important;
    } 
    .landing_icon_list_view {
        margin: -4px 0px 0px -1px !important;
    }     
    .landing_span_list_view {
        display: none!important;
    }   
    .show_on_narrow1023 {
        display: flex!important;
    }  
        
    
    /* TUTORIAL */
    .tutorial_item_after {
        font-size: 12px;
        /*transform: scale(0.75);*/
    }
    .tutorial_item_after_span {
        margin-right: 6px;
    }    
    .tutorial_item_title {
        font-size: 18px;
    }
    .tutorial_subtitle_adjust {
        font-size: 14px;
    }
    
    .profile_settings_close_button {
        top: 15px;
        width: 39px;
    }
    
    .footer_profile_edit_outer {
        width: 116px;
    }
    
    .footer_button_text_p,
    .footer_button_text_p_color    
    {
        font-size: 12.5px;
    }
    .public_profile_button_text_p {
        font-size: 13.5px;
        max-width: calc(50vw - 94px);
    }
    .fav_header {
        font-size: 16px;
    }
    .fav_accordion_cont {
        padding: 0px 39px;
    }
    
    .profile_edit_cancel {
        /*padding-right: 0;*/
    }
    .profile_edit_icon {
        display: none;
    }
    
    /* Travel dest title */
    .list_p {
        font-size: 19px;
    }
}
@media screen and (min-width:351px) and (max-width: 415px) {

    
    .offer_pic1_cont {
        /*
        margin-right: -3vmin;
        */
    }
    
    .tutorial_item_after {
        font-size: 12px;
        /*transform: scale(0.8);*/
    }
    .tutorial_item_after_span {
        margin-right: 6px;
    }
    .tutorial_item_title {
        font-size: 19px;
    }
    .tutorial_subtitle_adjust {
        font-size: 15px;
    }
    
    .profile_settings_close_button {
        top: 15px;
        width: 39px;
    }
    
    .footer_profile_edit_outer {
        width: 123px;
    }
    
    .footer_button_text_p,
    .footer_button_text_p_color    
    {
        font-size: 14px;
    }
    .public_profile_button_text_p {
        font-size: 14.5px;
    }
    
    .fav_header {
        font-size: 16.5px;
    }
    
    .fav_accordion_cont {
        padding: 0px 46px;
    }
    
    .profile_edit_cancel {
        /*padding-right: 0;*/
    }
    .profile_edit_icon {
        display: none;
    }
    
    
    /* 2021-10-13 */
    html.pixel-ratio-3 .list-block .item-inner::after {
        transform: scaleY(1)!important;
    }
    #game_detail_list_id p {
        width: 84%;
        text-align: left;
    }
    
    .remove_on_narrow1023 {
        display: none;
    }   
    .height_adjust_on_narrow1023 {
        height: calc(100% - 60px);
        margin-top: 60px;
    } 
    
    .landing_slogan_map {
        font-size: 15.5px;
    }
    .landing_row_logo_map {
        padding: calc(2.5vmin - 3px) 0vmin calc(2.1vmin - 9px) 0vmin !important;
    }
    .landing_address_bar,
    .landing_filters_bar {
        padding: 0px 15px!important;
    }    
    .landing_a_list_view {
        width: 55px!important;
    }
    .landing_icon_list_view {
        margin: -4px 0px 0px -1px !important;
    }     
    .landing_span_list_view {
        display: none!important;
    } 
    .show_on_narrow1023 {
        display: flex!important;
    }   
    
    /* TUTORIAL */
    .tutorial_item_title {
        
    }  
    /* Travel dest title */
    .list_p {
        font-size: 19px;
    }
}
@media screen and (min-width:416px) and (max-width: 549px) {
    
     .remove_on_narrow1023 {
        display: none;
    }   
    .height_adjust_on_narrow1023 {
        height: calc(100% - 60px);
        margin-top: 60px;
    } 
    
    .landing_slogan_map {
        font-size: 16px;
    }
    .landing_row_logo_map {
        padding: calc(3vmin - 3px) 0vmin calc(2.1vmin - 9px) 0vmin !important;
    }
    .landing_address_bar,
    .landing_filters_bar {
        padding: 0px 15px!important;
    }
    .landing_a_list_view {
        width: 55px!important;
    } 
    .landing_icon_list_view {
        margin: -4px 0px 0px -1px !important;
    }     
    .landing_span_list_view {
        display: none!important;
    }
    .show_on_narrow1023 {
        display: flex!important;
    }    
    
    .fav_header {
        font-size: 16px;
        font-family: Avenir-Medium;
    }
    
}

@media screen and (max-width: 1023px) {
    
    .remove_on_narrow1023 {
        display: none;
    }  
    
    /*
    .offer_cont_adjust_mob {
        padding-left: calc(-4% + 30px);
    }
    */    

    .offer_pic_button3 {
        min-height: 165px !important;
        min-width: 165px !important;
        margin: 18px auto -18px auto !important;
    }
    .offers_header_plane_tilted {
        top: 5px;
        right: calc(53% - 100px);
    }
    
    
    .member_alerts_list_cont, 
    .member_list_options_cont {
        right: 4px;
        /*top: -5px;*/
        width: 34px;
        height: 34px;
    }
    
    .gamer_list_row li {
       
    }
    .gamer_list_row .list-block li .item-content {
        max-height: calc(23.4vw + 7px);
    } 
    .gamer_hexagonal_pic {
        margin-left: calc(1.5vw + 1.5px);
        margin-right: 0px;
        width: calc(23.4vw - 3vw - 3px );
        height: calc(23.4vw - 3vw - 3px );
    }
    .gamer_list_row .list-block .item-media + .gamer_list_inner {
        margin-left: 15px;
    }
    
    #tutorials_id,
    #profile_area_id,
    #profile_list_id
    {
        height: calc(100% - 44px);
    }
    
    #search_id {
        height: calc(100% + 9px);
        padding-bottom: 52px;
    }
    
    #alerts_notifications_slide_index_id,
    #alerts_game_matches_slide_index_id,
    #alerts_friend_requests_slide_index_id
    {
        height: calc(100% - 187px);
        -webkit-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
        -moz-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
        -ms-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
        -o-transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
        transition: all 0.7s cubic-bezier(.39,-0.07,0,.99);
    }
        
}

/* BETWEENER */
@media screen and (min-width:550px) and (max-width: 1023px) {
 
    .height_adjust_on_narrow1023 {
        height: calc(100% - 60px);
        margin-top: 60px;
    } 
    
    .landing_slogan_map {
        font-size: 16px;
    }
    .landing_row_logo_map {
        padding: calc(3vmin - 10px) 0vmin calc(2.1vmin - 9px) 0vmin !important;
    }
    .landing_a_list_view {
        width: 62px!important;
    }
    .landing_icon_list_view {
        margin: -4px 0px 0px -1px !important;
    }      
    .landing_span_list_view {
        display: none!important;
    } 
    .show_on_narrow1023 {
        display: flex!important;
    }
    
    /* travel destination preview name */
    .list_p {
        max-width: 57%;
    }
}




@media screen and (min-width: 1024px) {

    .remove_on_wide1024 {
        display: none;
    }
    
    .offer_header_adjust {
        margin-right: 9px;
    }
    
    .profile_back_cont
    {
        left: 34%;        
    }
    .swiper_header,
    .profile_header,
    .profile_header_sub
    {
        right: 0;
        /* VERT AD */
        /* width: calc(66% - 198px); */
        
        /* AD ADJUSTMENT */
        top: 0px;
        left: 34%;
        width: 66%;
        margin-top: -131px;
    }
        .detail_preview_cont {
            height: 100%;   
        }
    .alerts_header_dash_footer_replacement {
        /* AD VERT */
        /*
        width: calc(100% - 300px);
        right: 0;
        */
        
        width: 100%;
        top: 130px;
    }
    
    .game_hexagonal_board {
        padding-bottom: calc(0.25vh + 5px);
    }
    
    .hexagon_unit,
    .hexagon_top_mini,
    .hexagon_mid_mini,
    .hexagon_bottom_mini,
    .hexagon_floor
    {
        /* FITS IPAD ON LANDSCAPE */
        margin-top: calc((-0.4vh - 12.9px) + 0.5px);
        margin-bottom: calc((-0.4vh - 12.9px) + 0.5px);
        
        /* ORIGINAL */
        /*
        margin-top: calc((-0.4vh - 12.9px) + 6.6px);
        margin-bottom: calc((-0.4vh - 12.9px) + 6.6px);
        */
        
    } 
    
      
    .footer_container {
        
        height: 70px;
        left: 0;
        /*ADD ADJUSTMENT WIDE*/
        width: 34%;
        top: 60px; 
        border-top: 1px solid #e3e3e3;
        /*VERT AD*/
        /*
        top: 0px;
        width: calc(34% - 102px);
        left: 300px;
        border-top: 0px solid #e3e3e3;
        */
        
        border-bottom: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
    }
        .footer_button,
        .footer_button_xsml,
        .footer_button_sml,
        .footer_button_med,
        .footer_button_medlrg,
        .footer_button_lrg,    
        .footer_button_xlrg 
        {
            height: 70px;
        }
    .dash_pagination_buttons
    {
        /*ADD ADJUSTMENT WIDE*/ 
        /*
        width: calc(34% - 102px);
        bottom: 0px;
        left: 300px;
        */
        /*VERT AD*/
        width: 34%;
        bottom: 0px;
        
    }
    .dash_pagination_buttons,
    .dashboard_swiper_pagination
    {
        /*ADD ADJUSTMENT WIDE*/ 
        /*
        width: calc(34% - 102px);        
        left: 300px;
        */
        
        /*VERT AD*/
        width: 34%;
    }
    
    /* travel destination preview name */
    .list_p {
        max-width: 57%;
    }
        
}

@media screen and (min-height: 1024px) and (orientation: portrait) {
    .game_hexagonal_board_center {
        padding-bottom: calc(0.48vh + 6.7px);
    }
    .hexagon_unit,
    .hexagon_top_mini,
    .hexagon_mid_mini,
    .hexagon_bottom_mini,
    .hexagon_floor
    {
        margin-top: calc(-0.4vh - 12.9px);
        margin-bottom: calc(-0.4vh - 12.9px);
    }
}



.show_text_wide {
    display: none;
}

/* ROOMMATES OFF*/
/* ROOMMATES OFF*/
/* ROOMMATES OFF*/
.search_footer_button3 {
    display: none!important;
}


    
@media screen and (min-width: 1024px) {
    
    .main_page_sub_adjust {
        /*ADD ADJUSTMENT WIDE*/
        border-top: 1px solid #e3e3e3;
    }
    .footer_button_game {
        /* 2020-03 special */
        width: 286px;
    }
    
    .move_right_on_wide1024 {
        /*z-index: 10;*/
        
        /*ADD ADJUSTMENT WIDE*/
        width: 66%;
        padding-top: 59px;
        border-top: 1px solid #e3e3e3;
        /*VERT AD*/
        /*
        width: calc(66% - 198px);
        */
        
        position: fixed;
        right: 0;
    }
}

@media screen and (max-height: 600px) {
    
}
@media screen and (min-height: 600px) and (max-height: 768px) {
    .quiz_header_row {
        margin-bottom: 3vh!important;
    }
}
@media screen and (min-height: 768px) and (max-height: 900px) {
    .quiz_header_row {
        margin-bottom: 5vh!important;
    }
}
@media screen and (min-height: 900px) and (max-height: 1024px) {
    .quiz_header_row {
        margin-bottom: 8vh!important;
    }
}
@media screen and (min-height: 1024px) {
    .quiz_header_row {       
        margin-bottom: 12vh!important;
    }
       
}


/* @MEDIA SPECIAL 2022-09-23 */

@media screen and (max-width: 340px) {
    .quiz_col {
        width: 78%!important;
    }
    .quiz_slider_right_column {
        width: 22%!important;
    }

}

/* @MEDIA SPECIAL 2022-08-11 */

@media screen and (min-width: 400px) {

    .public_profile_searchee_match_item_text_adjusted {

        margin-bottom: -37px;
        margin-left: 28px;
        margin-right: 0px;
        margin-top: -1.5px;
    }
    .public_profile_searchee_match_item1, 
    .public_profile_searchee_match_item2 {
        width: 46px;
        height: 46px;
        border: 3px solid transparent;
        margin-bottom: -14px;
        margin-left: -77px;

        max-height: none;
        max-width: none;
        min-height: none;
        min-width: none;
  
    }
    .public_profile_searchee_match_item3 {
        width: 46px;
        height: 46px;
        border: 3px solid transparent;
        margin-bottom: -14px;
        margin-left: -30px;

        max-height: none;
        max-width: none;
        min-height: none;
        min-width: none;
    }

    .public_profile_searchee_match_item_text {
        /*margin-left: calc(-4.5vmin + 142px) !important;*/
    }
}